/* CSS Document */
body {margin:0; padding:0; border-top:1px solid black; 
background: url(seitenhintergrund.jpg); 
background-color:blue; 
background-position:center;
background-attachment:fixed; 
font-family:arial;}
div {overflow:hidden; }
#rahmen {margin:0 auto; padding-left:0px; width:940px; border-left:20px solid #FFFFFF; border-right:20px solid #FFFFFF; background-color:#FFFFFF;}
#logozeile {background: url(logohintergrund.jpg); border-bottom:0px solid #FFF; padding:0 63px 11px 0; }
#logozeile h1 {/*margin:0 0 10px 55px;*/ overflow:hidden; float:left; margin:0 0 10px 52px; padding:0 0 0px 0; font-size:30px;}
#logozeile h1 a {display:block; float:left;}
#logozeile h1 a img {float:left; margin:0; padding:0; /*width:245px; height:110px;*/ width:auto; height:100px; border:1px solid #000000; border-top:0px solid #000000;}
/*Je weiter links, desto markanter wirkt das Logo im Seitenkontext
Ist das Logo jedoch weiter rechts angeordnet, wirkt die Seite verspielter und weniger stabil und sauber strukturiert.
Dies hat vermutlich mit der LEserichtung zu tun.
Trifft der betrachter erst am rechten Rand der Seite auf das erste Seitenelement,
wird sein Blick, gefolg der Leserichtung, danach nach links, in die nächste "Zeile" gerissen.
Die Betrachtungsweise wird dadurch unruhiger.*/
#logozeile a {float:right; display:block; width:auto; margin:0px 15px 0 0; font-size:12px; color:#FFF; text-decoration:none;}


#zusatznavi {display:none; margin-top:10px;}
#zusatznavi a{display:block; border-right:15px solid #ffffff; padding:0px 15px 0px 0px; }

#fotozeile {border-bottom:2px solid #C6C6C6; position:relative; height:284px;}
#fotozeile img {height:284px; width:100%;}


#textfeld {width:540px; height:auto; background:#FFFFFF; float:left; margin-left:40px; margin-bottom:40px; padding-top:10px; padding-bottom:25px; border-bottom:1px solid #C6C6C6;}
#seitennavigation {display:block; border-bottom:0px solid #4f4f4f; font-style:italic; font-size:12px; padding:10px 0px 5px 35px; color:#4f4f4f;}
#seitennavigation a {color:#4f4f4f; text-decoration:none;}
#seitennavigation a:hover {color:#000; text-decoration:underline;}
#textfeld h2 {width:470px; height:auto; overflow:hidden; text-transform: uppercase; font-size:20px; background:none; padding:0px 10px 0px 10px; margin:17px 0 5px 30px; color:#bd0a27; color:#F49401; border-right:0px solid #C6C6C6; border-bottom:2px solid #F49401; border-left:0px solid #fff;}
#textfeld h2 #schwarz {color:#52514F;}
#textfeld h4 {width:475px; text-align:right; text-decoration:none; overflow:hidden; text-transform: uppercase; font-size:14px; background:none; padding:0px 10px 0px 15px; margin:0px 0 10px 0; color:#52514F; border-right:0px; border-left:20px solid #fff;}
#textfeld h3 {overflow:hidden; text-transform: none; font-size:15px; background:none; padding:0px 15px 0px 15px; margin:30px 0 5px 0; color:#f49401; color:#bd0a27; border-right:0px solid #C6C6C6; border-left:20px solid #f49401; border-left:20px solid #fff;}
.headline_klein {text-transform: none; font-size:15px;}
.unterschrift {color:#156f9e; font-weight:bold;}
.unterschrift_titel {font-size:10px;}
#textfeld p {color:#4f4f4f; color:#52514F; font-size:15px; padding:5px 35px 5px 35px; margin:0; line-height:19px; border-right:0px solid #C6C6C6; border-left:0px solid #C6C6C6;}
#textfeld .p-plus {font-size:15px; padding:5px 35px 5px 35px; margin:0; line-height:20px; border-right:0px solid #C6C6C6; border-left:0px solid #C6C6C6;}
#textfeld p img {width:150px; height:100px; margin-right:5px; margin-bottom:5px; float:left; border:0; }
#textfeld p .rechtsbuendig { width:200px; background:none; display:block; float:right; text-align:left; font-style:italic;}

#navigation {border:1px solid #FFF; width:245px; height:auto; float:right; background:#c6c6c6; background: url(navihintergrund.jpg); margin-top:-125px; margin-top:-130px; margin-right:60px; z-index:99; position:relative; padding:10px 0px 20px 0px;}
#navigation a {text-align:center;  font-size:14px; text-decoration:none; border:1px solid #d2d2d2; border-right:1px solid #a8a8a8; border-left:1px solid #a8a8a8; display:block; margin:12px 20px 12px 20px; padding:5px 10px 5px 10px; color:#4f4f4f; background: url(navipunktbg.jpg);}
#navigation a:hover {text-align:center; color:#F49401; border-top:1px solid #d2d2d2; background: url(navipunktbg.jpg); text-decoration:underline;}
#navigation .aktiv {font-weight:bold; background: url(navipunktbg.jpg); color:#4f4f4f; color:#bd0a27;  border-top:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-left:1px solid #d2d2d2; text-align:center; }
#navigation .aktiv:hover {text-align:center; color:#bd0a27; border-top:1px solid #d2d2d2; background: url(navipunktbg.jpg);}

#kontakt {border:0px solid #000000; width:245px; height:auto; float:right; background:none; margin-top:30px; margin-right:60px; z-index:99; position:relative; padding-bottom:40px;}
#kontakt h4 {font-size:12px; background:#f49401; padding:5px 20px 5px 20px; margin:10px 0 10px 0; color:#FFF;}
#kontakt p {font-size:12px; padding:5px 20px 5px 20px; margin:0; line-height:20px; color:#52514F;}

#fuss {overflow:hidden; clear:both; width:830px; text-align:right; border-top:1px solid #C6C6C6; padding-right:70px; padding-left:40px;}
#fuss .webseite {float:left; margin:0 30px 0 0 ;}
#fuss .copyright {float:left; margin:0 10px 0 0 ;}
#fuss a {float:right; display:block; font-size:12px; padding-top:5px; margin:0 0 0 10px; padding-bottom:5px; color:#C6C6C6; text-decoration:none;}
#fuss a:hover {color:#52514F;}