@charset "UTF-8";
/**
 *
*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,800,700);
/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li,  form,  legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}




.schatten {
	-moz-box-shadow: 0 5px 5px #666666;
	-webkit-box-shadow: 0 5px 5px #666666;
	box-shadow: 0 5px 5px #666666;
}

.text-schatten_a { text-shadow: -1px 1px 0px #000000; }
.text-schatten_b { text-shadow: -1px 1px 0px #000000, 0px 10px 5px #666666; }
.text-schatten_c { text-shadow: -1px 1px 0px #000000, 0px 10px 5px #666666; }

div.lin_grad {
	background:-moz-linear-gradient(top, #fff, #adf); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#adf)); /* Safari, Chrome */
	background:-webkit-linear-gradient(top, #fff, #adf); /* Safari, Chrome - neue Syntax! */
	background:-o-linear-gradient(top, #fff, #adf); /* Opera */
	background:-ms-linear-gradient(top, #fff, #adf); /* IE */
	background:linear-gradient(top, #fff, #adf); /* W3C Standard */
}


body {
	background-color: #fff;
        font-family: 'Open Sans', sans-serif;
        text-rendering: optimizeLegibility;
        font-size: 14px;
	color:#494921;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
}

h1 { font-size: 22px; color: #990000; font-weight:normal;}
h2 { font-size: 18px; color: #990000; font-weight:normal;}
h3 { font-size: 18px; color: #990000; font-weight:normal;}
h4 { font-size: 18px; color: #990000; font-weight:normal;}
h5 { font-size: 18px; color: #990000; font-weight:normal;}
h6 { font-size: 18px; color: #990000; font-weight:normal;}

a:link { font-size:15px; color:#339900; text-decoration: none; }
a:visited { font-size:15px; color:#339900; text-decoration: none; }
a:hover { font-size:15px; color:#494921; text-decoration: underline; }
a:active { font-size:15px; color:#339900; text-decoration: none; }

a.navi:link { font-size:15px; color:#990000; text-decoration: none; }
a.navi:visited { font-size:15px; color:#990000; text-decoration: none; }
a.navi:hover { font-size:15px; color:#990000; text-decoration: underline; }
a.navi:active { font-size:15px; color:#990000; text-decoration: none; }

a.navi_fo:link { font-size:12px; color:#990000; text-decoration: none; }
a.navi_fo:visited { font-size:12px; color:#990000; text-decoration: none; }
a.navi_fo:hover { font-size:12px; color:#990000; text-decoration: underline; }
a.navi_fo:active { font-size:12px; color:#990000; text-decoration: none; }


#navilist li {
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}
.navilist li {
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}

#galerie li {
	display: inline;
	list-style-type: none;
}

#liste li {
	list-style-type: none;
}

#seitenavi li {
	list-style-type: none;
}

#katliste li {
	display: inline;
	list-style-type: none;
}

#spk-verz li {
	display: inline;
	list-style-type: none;
	width: 300px;
}

#wrap { width:980px; margin:0 auto; text-align:center; }
#wrap div#content { text-align:left; }

.text-red { color:#990000; }
.text-grau { color:#333333; }


.font56 { font-size:48px; }
.font22 { font-size:22px; }
.font12 { font-size:12px; }
.font15 { font-size:15px; }

.bold { font-weight: bold; }


.position_a { position: absolute; }
.position_r { position: relative; }

.bg-head {
    background-image: url('/userfiles/images/bg/bg_head.png');
    background-position: top;
    background-repeat: repeat-x;
    border: 0px;
    z-index: 2;
}

.bg-footer {
    background-image: url('/userfiles/images/bg/bg_footer.png');
    vertical-align: bottom;
    background-position: bottom;
    background-repeat: repeat-x;
    border: 0px;
    z-index: 2;
}

.bg-slogan {
    background-image: url('/userfiles/images/bg/bg_slogan.png');
    width: 980px;
    background-position: top left;
    background-repeat: no-repeat;
    border: 0px;
    z-index: 1;
}

.bg-main-trans {
    background-image: url('/userfiles/images/bg/bg_main_trans.png');
    background-position: center;
    background-repeat: repeat-y;
    border: 0px;
    z-index: 1;
}

.bg-main {
    background-image: url('/userfiles/images/bg/main_bg.png');
    background-position: top left;
    background-repeat: repeat;
    border: 0px;
}

.navi-red {
    background-image: url('/userfiles/images/signs/nav_red.png');
    vertical-align: center;
    background-position: center left;
    background-repeat: no-repeat;
    border: 0px;
    z-index: 3;
}

.navi-black {
    background-image: url('/userfiles/images/signs/nav_black.png');
    vertical-align: center;
    background-position: center left;
    background-repeat: no-repeat;
    border: 0px;
    z-index: 3;
}
/* ----- Logo -------------------- */
#verlauf {
    background-image: url('/userfiles/images/pic/logoverlauf.png');
    position: absolute;
    top: 13px;
    display: block;
    width: 100%;
    height: 20px;
    background-repeat: no-repeat;
    border: 0px;
    z-index: 99999;
}


/* ----- Rahmen -------------------- */
.border { border: 1px solid #cccccc; }
.border_l { border-left: 1px solid #cccccc; }
.border_r { border-right: 1px solid #cccccc; }
.border_t { border-top: 1px solid #cccccc; }
.border_b { border-bottom: 1px solid #cccccc; }

/* ----- Kontakt ------------------------------------ */
.textfield_e {
    width: 300px;
    margin-left: 10px;
    margin-bottom: 5px;
}
.textfield_m {
    width: 300px; height: 80px;
    margin-left: 10px;
    margin-bottom: 5px;
}

/* ----- Vorlagen Galerieansicht -------------------- */
.gal_div_box {
    width: 180px;
    text-align: center;
    border: 1px solid #cccccc;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    -moz-box-shadow: 0 5px 5px #666666;
    -webkit-box-shadow: 0 5px 5px #666666;
    box-shadow: 0 5px 5px #666666;
}

.gal_div {
    text-align: center;
    padding-top: 10px;
    line-height: 16px;
}

.gal_img_deco {
    width: 120px;
    border: 1px solid #cccccc;
    -moz-box-shadow: 0 5px 5px #666666;
    -webkit-box-shadow: 0 5px 5px #666666;
    box-shadow: 0 5px 5px #666666;
}

.gal_img_deco_neue {
    width: 55px;
    border: 1px solid #cccccc;
    -moz-box-shadow: 0 5px 5px #666666;
    -webkit-box-shadow: 0 5px 5px #666666;
    box-shadow: 0 5px 5px #666666;
}

.gal_img_deco_vorschau {
    width: 40px;
    border: 1px solid #cccccc;
    -moz-box-shadow: 0 5px 5px #666666;
    -webkit-box-shadow: 0 5px 5px #666666;
    box-shadow: 0 5px 5px #666666;
}

.gal_img_deco_alle {
    width: 55px;
    border: 1px solid #cccccc;
    -moz-box-shadow: 0 5px 5px #666666;
    -webkit-box-shadow: 0 5px 5px #666666;
    box-shadow: 0 5px 5px #666666;

}

.gal_div_box_alle {
    width: 135px;
    text-align: center;
    border: 1px solid #cccccc;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    -moz-box-shadow: 0 5px 5px #666666;
    -webkit-box-shadow: 0 5px 5px #666666;
    box-shadow: 0 5px 5px #666666;
}

a.gal_div_link:link { font-size:13px; color:#990000; text-decoration: none; }
a.gal_div_link:visited { font-size:13px; color:#990000; text-decoration: none; }
a.gal_div_link:hover { font-size:13px; color:#990000; text-decoration: underline; }
a.gal_div_link:active { font-size:13px; color:#990000; text-decoration: none; }

a.gal_div_link_alle:link { font-size:13px; color:#990000; text-decoration: none; }
a.gal_div_link_alle:visited { font-size:13px; color:#990000; text-decoration: none; }
a.gal_div_link_alle:hover { font-size:13px; color:#990000; text-decoration: underline; }
a.gal_div_link_alle:active { font-size:13px; color:#990000; text-decoration: none; }

a.alle_galerie_links:link { font-size:13px; color:#339900; text-decoration: none; }
a.alle_galerie_links:visited { font-size:13px; color:#339900; text-decoration: none; }
a.alle_galerie_links:hover { font-size:13px; color:#494921; text-decoration: underline; }
a.alle_galerie_links:active { font-size:13px; color:#339900; text-decoration: none; }

a.navi_right_links:link { font-size:15px; color:#494921; text-decoration: none; }
a.navi_right_links:visited { font-size:15px; color:#494921; text-decoration: none; }
a.navi_right_links:hover { font-size:15px; color:#339900; text-decoration: underline; }
a.navi_right_links:active { font-size:15px; color:#494921; text-decoration: none; }


/* ----- Vorlagen Downloadseite -------------------- */

a.link_kategorie:link { font-size:12px; color:#339900; text-decoration: none; }
a.link_kategorie:visited { font-size:12px; color:#339900; text-decoration: none; }
a.link_kategorie:hover { font-size:12px; color:#494921; text-decoration: underline; }
a.link_kategorie:active { font-size:12px; color:#339900; text-decoration: none; }


/* ----- Linklisten -------------------- */

a.link_vs:link { font-weight: bold; color:#494921; text-decoration: none; }
a.link_vs:visited { font-weight: bold; color:#494921; text-decoration: none; }
a.link_vs:hover { font-weight: bold; color:#494921; text-decoration: underline; }
a.link_vs:active { font-weight: bold; color:#494921; text-decoration: none; }

a.link_vs_gb:link { color:#339900; text-decoration: none; }
a.link_vs_gb:visited { color:#339900; text-decoration: none; }
a.link_vs_gb:hover { color:#494921; text-decoration: underline; }
a.link_vs_gb:active { color:#339900; text-decoration: none; }


/* ----- imp. 2 Liste ------------------- */

a.impfl12:link { font-size:12px; color:#339900; text-decoration: none; }
a.impfl12:visited { font-size:12px; color:#339900; text-decoration: none; }
a.impfl12:hover { font-size:12px; color:#494921; text-decoration: underline; }
a.impfl12:active { font-size:12px; color:#339900; text-decoration: none; }

.impfl12 { font-size: 12px; }

/* ----- beliebte & neue Vorlagen -------------------- */
.navileft-beliebt img{
	width: 65px;
	-moz-box-shadow: 0 5px 5px #666666;
	-webkit-box-shadow: 0 5px 5px #666666;
	box-shadow: 0 5px 5px #666666;
}
.navileft-neue img{
	width: 65px;
	-moz-box-shadow: 0 5px 5px #666666;
	-webkit-box-shadow: 0 5px 5px #666666;
	box-shadow: 0 5px 5px #666666;
}

/* ----- img thump ------------------- */

ul.thumb {
    list-style: none;
    margin: 0; padding-left: 18px;
    width: 180px;
}
ul.thumb li {
    margin: 0; padding: 5px;
    position: relative;
    width: 180px;
    height: 212px;
}
ul.thumb li img {
    width: 150px; height: 212px;
    padding: 5px;
    position: absolute;
    left: 0; top: 0;
    -ms-interpolation-mode: bicubic;
}
ul.thumb li img.hover {
    background-color: #ffffff;
    border: 1px solid #cccccc;
}



ul.quer_thumb {
    list-style: none;
    margin: 0; padding: 5px;
    width: 353px;
}
ul.quer_thumb li {
    margin: 0; padding: 5px;
    position: relative;
    width: 250px; height: 353px;
}
ul.quer_thumb li img {
    width: 250px; height: 353px;
    padding: 5px;
    position: absolute;
    left: 0; top: 0;
    -ms-interpolation-mode: bicubic;
}
ul.quer_thumb li img.hover {
    background-color: #ffffff;
    border: 1px solid #cccccc;
}

div.pal { padding: 15px 0; }
.pal h4 {font-size: 18px; color: #990000; font-weight:normal;}
.pal ul {list-style-type: none; padding-top: 10px; }
.pal ul li {padding-bottom: 5px;}
.pal li div {font-weight: bold}