/*
lila
6f86ba

dunkel
0c082e

grau
bfbfbf
*/

@import url('reset.css');


body {
background: #E7E1CB;
color: #404040;
font-family: arial, verdana, helvetica, geneva, sans-serif;
font-style: normal;
font-size:12px;
line-height: 1.5em; /* geaendet 100301, war 1.333em */
font-weight: normal;
font-variant: normal;
}

img {border:0;}

#master {margin:0 auto;width:962px;background:url('../grafiken/bg.jpg') repeat-x;}
#master_space{margin:0 auto;width:942px;}
#start{width:942px;height:556px;position:relative}
#content{width:942px;position:relative;min-height:676px;}
* html #content {height:676px}



#logo{position:absolute;top:20px;left:8px}

#navigation{width:900px;position:absolute;top:128px;left:8px}
#navigation li{display:inline}
#navigation li a{font-size:18px;line-height:22px;font-weight:bold;text-decoration:none;color:#6f86ba;margin-right:16px}
#navigation li ul{position:absolute;top:20px;left:0}
#navigation li li a{font-size:14px;}
#navigation li a:hover{color:#0c082e}
.aktiv{color:#0c082e!important}

#subnavigation{position:absolute;top:20px;right:0}
#subnavigation li{display:inline}
#subnavigation li a{font-weight:bold;text-decoration:none;color:#bfbfbf;margin-right:8px}
#subnavigation li a:hover{color:#808080}

/* alt bis 100126
#content_text{width:590px;position:absolute;left:28px;top:320px}  */

/* neu 100126 */
#content_text{width:640px;} /* geaendet 100301, war 660 px */
#content_text_space{padding:320px 10px 0 28px}


#content_text a{color:#000;text-decoration:underline}
#content_text a:hover{color:#6f86ba;text-decoration:underline}
#content_text h2{font-size:22px;font-weight:bold;margin-bottom:18px;}
#content_text p{font-size:16px;margin-bottom:18px}
#content_text p.bold{font-weight:bold}
#content_text p.italic{font-style:italic}


/* Footer neu 100126 */

#footer{height:50px;width:962px;font-weight:bold;}
#footer p{padding:20px 18px 20px 18px}
#footer a{color:#404040}
#footer a:hover{color:#808080}
* html #footer {bottom:-1px;}

/* Footer alt bis 100126 
#footer{clear:both;margin-left:8px;padding-bottom:30px;font-weight:bold;}
#footer a{color:#404040}
#footer a:hover{color:#808080}  */
.service a{color:#808080 !important}
.service a:hover{color:#404040 !important} 

/*schattenboxen*/
.sbox_big{position:relative}
.sbox_big_left_top{float:left;width:16px;height:13px}
.sbox_big_mid{float:left;height:13px;background:url('../grafiken/sbox_big/mid.png') 0 0 repeat-x;}
.sbox_big_right_top{float:right;width:21px;height:13px}

.sbox_big_left{width:16px;float:left;background:url('../grafiken/sbox_big/left.png') 0 0 repeat-y}
.sbox_big_right{width:21px;float:right;background:url('../grafiken/sbox_big/right.png') 0 0 repeat-y}
.sbox_big_content{float:left;}
.bildaufschrift {width:130px;float:right;}

* html .sbox_big_left_bottom{clear:left;margin-top:-3px}
* html .sbox_big_mid_bottom{margin-top:-3px}
* html .sbox_big_right_bottom{margin-top:-3px}

.sbox_big_left_bottom{float:left;width:16px;height:21px;}
.sbox_big_mid_bottom{float:left;height:21px;background:url('../grafiken/sbox_big/bottom.png') 0 0 repeat-x;}
.sbox_big_right_bottom{float:right;width:21px;height:21px;}

.sbox_small{float:left;width:116px;height:92px;background:url('../grafiken/sbox_small/small.png')}
.sbox_small_space{padding:8px 12px 12px 8px}

.button{width:223px;height:32px;background:url('../grafiken/button.png');}
.button p{padding:7px 7px 3px 10px;}
.button a{color:#fff!important;text-decoration:none !important;font-size:16px;font-weight:bold}




/*startseite*/
#starttext{position:absolute;top:30px;left:30px;width:510px;}
#starttext h1{font-size:26px;font-weight:bold;color:#fff;line-height:26px}
#starttext ul{margin:20px 0;}
#starttext li{font-size:18px;font-weight:bold;margin-top:4px;color:#fff}
#starttext p{font-size:18px;font-weight:bold;color:#fff}

#startbutton{position:absolute;top:220px;left:290px;text-align:center;}
#contentbutton{float:right}

#start0{position:absolute;top:176px;left:0;z-index:1}
#start1{position:absolute;top:70px;right:6px;z-index:2}
#start1 p{position:absolute;bottom:30px;right:30px;color:#fff;font-weight:bold;text-align:right}
#start2{position:absolute;top:270px;right:180px;z-index:3}


/*contentseiten*/
#contentbox{position:absolute;top:176px;left:0;z-index:1}
#contentbox_text{position:absolute;top:30px;left:30px;}
#contentbox_text h1{font-size:26px;font-weight:bold;color:#aabcfb;line-height:26px;width:550px;}

.teaser{float:left;width:314px;height:160px}
.teaser_space{margin:0 8px 0 8px;}
.teaser h2{font-size:18px;line-height:18px;margin-bottom:4px;margin-left:3px;font-weight:bold;color:#404040}
.teaser p{padding:4px 0 4px 0;font-size:14px;}
.teaser a{color:#404040}
.teaser a:hover{color:#808080}

.clear{clear:both}
.gray{color:#808080}


/*formular*/
.formular{width:540px;}
.formular label{display: block;float:left;width:200px;font-size:16px;}
.formular input, .formular select, .formular textarea {display: block;float:right;width:320px;background:transparent;border:2px solid #bfbfbf;font-family: arial, verdana, helvetica, geneva, sans-serif;font-size:14px}
.formular img{margin-right:10px}
.formular_data{clear:both;padding-top:8px}
.formular_data_left{float:left;margin-left:17px}
.formular input#submit {float:right;width: auto;}
.kontakt {float:right;width:100px !important;padding:3px;color: #404040;font-size:16px !important;}
