#foto{position:absolute;right:55px;top:15px;width:138;height:152px;z-index:4}
#logo{position:absolute;top:143px;left:39px;;z-index:2}
#logo_print{position:absolute;left:-1000px;}
#teaser{position:absolute;z-index:1;right:0px;width:100%;top:0px;height:182px;text-align:left;background-color:#aaaaaa;color:#ffffff;vertical-align:baseline;}
.tease{margin-top:151px;text-align:left;z-index:3px;padding-left:255px;color:#fff}
.ganze_Breite{width:100%}
#berge{position:absolute;z-index:2;left:46px;width:100%;top:0px;height:132px; background-color:#ccc}

/* schmaler Streifen
#teaser{position:absolute;z-index:1;right:0px;width:100%;top:134px;height:48px;text-align:left;background-color:#420277;color:#ffffff;vertical-align:baseline;}
.tease{margin-top:18px;text-align:left;z-index:3px;padding-left:255px;}
*/

#linie1{position:absolute;height:8px;z-index:1;background-image:url(bilder/schatten.gif);font-size:0;top:182px;right:0px;width:100%;line-height:1em} 
#linie3{position:absolute;height:400px;z-index:1;background-color:#590902;font-size:0;top:210px;left:25px;width:1px;line-height:1em}
#linie4{position:relative;height:1px;z-index:1;background-color:#666;font-size:0;top:0px;left:0px;width:100%;line-height:1em;z-index:4;} 
#linie5{position:absolute;height:1px;z-index:3;background-color:#fff;font-size:0;top:132px;left:0px;width:100%;line-height:1em}  /* Berge-Linie */

#de_en{position:absolute;top:165px;left:140px;z-index:1;line-height:1.4em}
#navigation{width:224px;position:absolute;top:218px;left:16px;background-color:#ffffff;z-index:2}
#navi-menue{position:absolute;top:194px;left:46px;visibility:hidden;z-index:3} /* für das Navi-Icon */
#features{position:absolute;top:480px;left:39px;width:160px;height:240px;z-index:1;line-height:1.4em;}

#header{position:absolute;z-index:2;right:55px;width:58%;top:164px;font-size:1.2em;height:85px}
#linie2{position:absolute;height:1px;z-index:3;background-color:#666;font-size:0;top:254px;right:55px;width:58%;line-height:1em} 
#content{position:absolute;z-index:1;right:55px;width:58%;top:270px;}
#weblog{position:absolute;z-index:1;right:15px;width:75%;top:205px;}
#social{position:relative;left:0px;width:100%;top:4px;height:40px;text-align:right;z-index:4;}

img.left{border-width:1px;border-color:#8D94B9;margin-right:24px;}
img.right{border-width:1px;border-color:#8D94B9;margin-left:24px;}

body{font-family:Verdana,Arial,sans-serif;color:#000000;line-height:1.3em;font-size:0.9em;margin-left:8%; margin-right:8%;background-color:#ffffff;background-image:url(bilder/background.gif);background-position:top right;background-repeat:no-repeat;}
td{font-family:Verdana,Arial,sans-serif;color:#000000;font-size:0.9em;padding:5px;padding-left:0px;padding-right:15px}
p{font-size:0.9em;margin-top:6px;margin-bottom:0px;padding-top:px;padding-bottom:6px;text-align:left;}
ul{margin-top:6px;margin-bottom:0px;padding-top:0px;padding-bottom:0px;padding-left:24px;list-style-image:url(bilder/list.gif)}
li{font-size:0.9em;margin-top:0px;margin-bottom:0px;padding-top:3px;padding-bottom:3px;margin-left:20px;}
a{color:#021585;font-size:0.9em;font-weight:bolder;}

h1{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:1.5em;color:#021585;font-weight:bold;margin-top:4%;margin-bottom:0px;padding-top:0px;padding-bottom:0px;}
h2{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:1.2em;color:#021585;font-weight:bold;margin-top:4%;margin-bottom:0px;padding-top:0px;padding-bottom:0px;}
h3{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:.9em;color:#021585;font-weight:bold;margin-top:2%;margin-bottom:0px;padding-top:0px;padding-bottom:0px;}
h2.second{margin-top:18px;}
h3{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:0.96em;color:#021585;font-weight:bold;margin-top:12px;margin-bottom:6px;padding-top:0px;padding-bottom:0px;}

a.navi_1{position:absolute;left:0px;top:0px;width:100%;height:29px;z-index:2;background-image:url(bilder/h_button_main.png);background-repeat:no-repeat;text-align:left;padding-top:1px;padding-left:38px;font-family:Verdana,Arial,Helvetica,sans-serif;color:#ffffff;text-decoration:none;font-size:11px;font-weight:bold;}
a.navi_2{position:absolute;left:0px;top:30px;width:100%;height:29px;z-index:2;background-image:url(bilder/h_button_main.png);background-repeat:no-repeat;text-align:left;padding-top:1px;padding-left:38px;font-family:Verdana,Arial,Helvetica,sans-serif;color:#ffffff;text-decoration:none;font-size:11px;font-weight:bold;}
a.navi_3{position:absolute;left:0px;top:60px;width:100%;height:29px;z-index:2;background-image:url(bilder/h_button_main.png);background-repeat:no-repeat;text-align:left;padding-top:1px;padding-left:38px;font-family:Verdana,Arial,Helvetica,sans-serif;color:#ffffff;text-decoration:none;font-size:11px;font-weight:bold;}
a.navi_4{position:absolute;left:0px;top:90px;width:100%;height:29px;z-index:2;background-image:url(bilder/h_button_main.png);background-repeat:no-repeat;text-align:left;padding-top:1px;padding-left:38px;font-family:Verdana,Arial,Helvetica,sans-serif;color:#ffffff;text-decoration:none;font-size:11px;font-weight:bold;}
a.navi_5{position:absolute;left:0px;top:120px;width:100%;height:29px;z-index:2;background-image:url(bilder/h_button_main.png);background-repeat:no-repeat;text-align:left;padding-top:1px;padding-left:38px;font-family:Verdana,Arial,Helvetica,sans-serif;color:#ffffff;text-decoration:none;font-size:11px;font-weight:bold;}
/*a.navi_6{position:absolute;left:0px;top:150px;width:100%;height:29px;z-index:2;background-image:url(bilder/h_button_main.png);background-repeat:no-repeat;text-align:left;padding-top:1px;padding-left:38px;font-family:Verdana,Arial,Helvetica,sans-serif;color:#ffffff;text-decoration:none;font-size:11px;font-weight:bold;}
*/
a.navi_7{position:absolute;left:0px;top:150px;width:100%;height:29px;z-index:2;background-image:url(bilder/h_button_contact.png);background-repeat:no-repeat;text-align:left;padding-top:1px;padding-left:38px;font-family:Verdana,Arial,Helvetica,sans-serif;color:#ffffff;text-decoration:none;font-size:11px;font-weight:bold;}
a.navi_8{top:190px;position:absolute;left:0px;width:100%;height:29px;z-index:2;text-align:left;padding-top:1px;padding-left:38px;font-family:Verdana,Arial,Helvetica,sans-serif;color:#000;text-decoration:none;font-size:11px;font-weight:bold;}
/*a.navi_7{position:absolute;left:0px;top:180px;width:100%;height:29px;z-index:2;background-image:url(bilder/h_button_main.png);background-repeat:no-repeat;text-align:left;padding-top:1px;padding-left:38px;font-family:Verdana,Arial,Helvetica,sans-serif;color:#ffffff;text-decoration:none;font-size:11px;font-weight:bold;}
a.navi_8{position:absolute;left:0px;top:210px;width:100%;height:29px;z-index:2;background-image:url(bilder/h_button_main.png);background-repeat:no-repeat;text-align:left;padding-top:1px;padding-left:38px;font-family:Verdana,Arial,Helvetica,sans-serif;color:#ffffff;text-decoration:none;font-size:11px;font-weight:bold;}*/

a.navi_1:hover{background-image:url(bilder/h_button_hover.png);}
a.navi_2:hover{background-image:url(bilder/h_button_hover.png);}
a.navi_3:hover{background-image:url(bilder/h_button_hover.png);}
a.navi_4:hover{background-image:url(bilder/h_button_hover.png);}
a.navi_5:hover{background-image:url(bilder/h_button_hover.png);}
a.navi_6:hover{background-image:url(bilder/h_button_hover.png);}
a.navi_7:hover{background-image:url(bilder/h_contact_hover.png);}
/*a.navi_8:hover{background-image:url(bilder/h_button_hover.png);}
a.navi_9:hover{background-image:url(bilder/h_button_hover.png);}
a.navi_10:hover{background-image:url(bilder/h_button_hover.png);}*/

.float{float:left;margin-right:20px; margin-bottom:20px;clear:left;padding-top:20px}
.float-r{float:right;margin-left:20px; margin-bottom:20px;clear:left}

/* für Responsive Design */
@media only screen and (max-width:800px) {
	.tease{visibility:hidden}
	#header{width:55%;left:40%}
	#linie2{width:55%;left:40%}
	#content{width:55%;left:40%}
	#foto{right:5%}
}

@media only screen and (max-width:700px) {
	#header{width:50%;left:45%}
	#linie2{width:50%;left:45%}
	#content{width:50%;left:45%}
}	
@media only screen and (max-width:600px) {
	#header{width:45%;left:50%}
	#linie2{width:45%;left:50%}
	#content{width:45%;left:50%}
}
@media only screen and (max-width:550px) {
	#navigation{visibility:hidden}
	#navi-menue{visibility:visible}
	#berge{left:5%}
	#navi-menue{left:5%}
	#header{width:70%;left:115px}
	#linie2{width:70%;left:115px}
	#content{width:90%;left:5%}
}
@media only screen and (max-width:450px) {
	#logo{visibility:hidden}
	#navi-menue{top:144px}
	#header{width:90%;left:5%}
	#linie2{width:90%;left:5%}
}
@media only screen and (max-width:350px) {
	#header{top:179px}
	#linie2{top:269px;}
	#content{top:280px}
}
/* funktioniert derzeit nicht mit Social-Leiste 
#bilder{position:absolute;left:0px;top:0px;width:35%;}
#daneben{position:absolute;left:35%;top:0px;width:65%;}
#bilder_schmal{position:absolute;left:0px;top:0px;width:25%;}
#daneben_schmal{position:absolute;left:25%;top:0px;width:75%;}
*/