@media all {
* {margin:0;padding:0;}
img {border:0; width:100%;}


body {background:#fff; font:normal 0.80em/1.3em Arial, Verdana, Helvetica, Sans-Serif; color:#000;}

input[placeholder], [placeholder], *[placeholder] {color:#FFF;}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #FFF;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #FFF;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #FFF;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #FFF;
}

h1 {color:#8F5438; font-weight:normal; margin:0.3em 0 0.5em 0; font-size:1.6em; line-height:1.1em;}
h2 {color:#000; font-weight:bold; margin:0.3em 0 0.5em 0; font-size:1.1em; line-height:1.1em;}
h3 {color:#000; font-weight:bold; margin:0.3em 0 0.5em 0; font-size:1em; line-height:1.1em;}

a, a:link, a:visited {text-decoration:none; color:#4e8f19;}
a:hover, a:focus, a:active {text-decoration:underline; color:#8F5438;}

b, strong {font-weight:bold;}
.mini {font-size:0.7em;}

/* ~~~ Oben Header Links - Logo~~~ */
#oben_header {width:100%; height:100px; background:#FFF; }
#obeninnen {max-width: 1000px; margin:0 auto 0 auto; position:relative; }
#obeninnen_links {float:left; width:28.5%; height:auto; overflow:hidden;}
	#obeninnen_links #logo {width:93%; margin-left:6%; padding:0;}
		#obeninnen_links #logo img {width:100%; height:auto;padding-top:15px;}
		
#eslalogo {
 position:absolute;top:8px; left:40%;width:30%; max-width:100px;
}		

/* ~~~ Oben Header Rechts - Zusatznavi, Auswahl, Suche~~~ */	
#obeninnen_rechts {float:left; width:71.5%; margin:0; height:auto; position:relative; }
	
	/* ~~~ HORIZONTALE Zusatz-Navigation oben~~~ */	
	#menublock_oben {float:none; width:100%; height:auto; margin:5px 0 7px 0; overflow:hidden; }
		#menublock_oben ul {list-style-type:none; margin:0; padding:0; }
		#menublock_oben li {float:right; display:inline; background:none; padding:0% 1% 0 1%; margin:1.5% 0 1.5% 0%; border-right:1px solid #aebbd1; }
		#menublock_oben li a, #menublock_oben li a:link, #menublock_oben li a:visited {display:block; color:#000; font-weight:normal; line-height:1.0em; text-decoration:none;}
		#menublock_oben li a:active, #menublock_oben li a:focus, #menublock_oben li a:hover {display:block; color:#8F5438; font-weight:normal; line-height:1.0em; text-decoration:none;}
		#menublock_oben li.akt a {color:#000; }

	/* ~~~ Bundesländerauswahl, Suchefeld~~~ */
	#suchediv {float:right; width:195px;  margin:0 0 0 13px; min-height:30px;  background-color:#C09880; border-radius:7px; position:relative; overflow:hidden;}
		#suchstr {height:30px; width:100%; color:#fff; background:none; border:none; padding:0 0 0 8px; position:absolute; bottom:0; left:0; z-index:200; }
		#gobutton {height:30px; vertical-align:middle; position:absolute; bottom:0; right:0; z-index:250;}
			#gobutton img {width:100%; height:auto; }
	
	#auswahldiv {float:right; width:195px;  margin:0; height:auto; background-color:#fff; color:#000; border-radius:7px; position:relative; z-index:3000; box-shadow:inset 0 0 5px #737373;}
		#auswahldiv:hover {background-color:#8F5438; color:#fff; }
		#blwahl {position:relative; width:100%;  margin:0; min-height:30px; cursor:pointer; display:block; }
			#blwahl:hover {color:#fff; }
			#blwahl_txt {float:left; height:auto; width:auto; margin:8px 0 0 10px; z-index:250;}
			#blwahl_but {float:left; height:30px; width:20%; vertical-align:middle; position:absolute; bottom:0; right:0; z-index:300; cursor:pointer;}
				#blwahl_but img {width:100%; height:auto; }
		#auswahlfeld {display:none; position:absolute; top:30px; left:0; z-index:2000; height:auto; width:100%; color:#fff; background-color:#C09880; border:none; padding:10px 0 15px 0; cursor:pointer; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; box-shadow: 0px 0px 10px #000;
}
			#auswahlfeld ul {list-style-type:none; margin:0; padding:0; }
			#auswahlfeld li {display:block; color:#fff; background:#C09880; text-align:left; padding:0; margin:0; position:relative; }
			#auswahlfeld li a {display:block; text-align:left; padding:1px 0 1px 15px; font-size:1.0em; line-height:1.3em; font-weight:normal; color:#fff; text-decoration:none;}
			#auswahlfeld li a:hover, #auswahlfeld li a:focus,  #auswahlfeld li a:active {padding:1px 0 1px 15px; background:#8F5337; text-decoration:none; }
	/* ~~~ Bundesländerwahl Auschaltfeld sichtbar nur bis 1000px~~~ */
	#ausschaltfeld {float:right; width:195px;  margin:0; min-height:30px;  }
	
/* ~~~ MENÜanzeige Smartphone UNTER 500px~~ */	
#menu_smart {position:relative; display:none; width:94%; height:40px; overflow:hidden; margin-left:3%; border-radius:10px; padding:0; overflow:hidden; background: #a0c746; box-shadow:inset 0px 0px 10px #2b511a; } 
	#menu_smart a {display: block; padding: 10px 0 11px 48px; margin:0; color:#fff; font-size:1.2em; font-weight:normal; text-decoration:none; cursor: pointer; }
	#menu_smart:hover {background: #4f890a; box-shadow:inset 0px 0px 10px #2b511a;}
	#menu_smart .but {position:absolute; top:2px; left:5px; width:45px; height:auto; z-index:5000;}
		#menu_smart .but img {width:100%; height:auto; }

/* ~~~ HORIZONTALE HAUPT-Navigation oben~~~ */	
#navicont {width:100%; height:36px;  margin:0 0 0 0; padding:0; background:#8F5337; }
#naviinnen {max-width: 100%; max-width:1000px; height:auto; margin:0 auto 0 auto;   }
#navirahmen {width: 100%; margin:0 0 0 0; border-right:1px solid #FFF;  }
#menublock_0_o li {width:auto; display:block; float:left; border-left:1px solid #FFF; background:#8F5337 url(none); text-align:center; position:relative; }
#menublock_0_o li:last-child {border-right:1px solid #FFF;}
#menublock_0_o li:hover {background-color:#C09880;}
#menublock_0_o li a {display:block; font-size:1.2em; line-height:1em; color:#FFF; font-weight:normal; padding:10px 15px 10px 15px; }
#menublock_0_o li a:link, #menublock_0_o li a:visited {text-decoration:none; }
#menublock_0_o li a:active, #menublock_0_o li a:focus, #menublock_0_o li a:hover {text-decoration:none; background-color:#C09880;  }
#menublock_0_o li.akt {background-color:#FFF;}
#menublock_0_o li.akt a {color:#8F5438;}
#menublock_0_o li.akt a:hover {background-color:#FFF;}

#menublock_0_o .unterul {display:none; position:absolute; z-index:1000; cursor:pointer; left:0px; top:36px; width:auto; min-width:100%;}
#menublock_0_o .unterul li {float:none; width:auto; height:auto; overflow:visible; padding:0; background: rgba(223,203,191,0.9); border-left:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #fff; }
#menublock_0_o .unterul li a {display:block; text-align:left; overflow:visible; white-space:nowrap; padding:0.5em 10px 0.5em 20px; font-size:1.0em; line-height:1.3em; font-weight:normal; color:#000;  }
#menublock_0_o .unterul li a:hover, #menublock_0_o .unterul li a:focus,  #menublock_0_o .unterul li a:active {background: rgba(192,152,128,1.0); }

/* ~~~ HAUPTCONTAINER ~~~ */
#container {float:none; clear:both; max-width:1000px; margin:0 auto 0 auto; min-height: 300px; overflow:hidden;}

/* ~~~ Bannerbild Start ~~~*/
#bannerbild {position:relative; z-index:500; width:100%; padding:0; margin-bottom:0; overflow:hidden; }
	#bannerbild h2{position:absolute; left:0; bottom:20px; z-index:1500; width:auto; font-size:1.4em; font-weight:normal; color:#fff; padding:7px 10px 7px 10px; background:rgba(131,179,40,0.8); overflow:hidden; }
	#slideshow {width:100%; padding:0; margin:0; left:0; bottom:0; z-index:1000;}
		#slideshow .img {width:100%; height:auto; overflow:hidden;  }
/* ~~~ Bannerbild Innen ~~~*/		
#rechts_cont #bannerbild {position:relative; z-index:500; width:98.13%; margin-left:1.87%; padding:0; overflow:hidden; }

/* ~~~ Horizontale U-Navi Menü 2.Ebene ~~~ */
#menublock_1_u {width:100%; height:auto; padding:0; margin:1px 0 0 0; overflow:hidden; }
#menublock_1_u li {display:block; float:left; border-left:1px solid #fff;  border-bottom:1px solid #fff; background-color:#DFCBBF; text-align:center;  }
#menublock_1_u li:hover {background-color:#C09880; color:#000; }
#menublock_1_u li a {display:block; font-size:1.0em; text-decoration:none; line-height:1em; color:#000; font-weight:normal; padding:7px 7px 7px 7px;} 
#menublock_1_u li a:link, #menublock_1_u li a:visited {text-decoration:none;}
#menublock_1_u li a:active, #menublock_1_u li a:focus, #menublock_1_u li a:hover {text-decoration:none;}
#menublock_1_u li.akt {background-color:#C09880; color:#000; }
#menublock_1_u li.akt a {background-color:#C09880; color:#000; }

/* ~~~ Vertikale UU-Navi 3.Ebene ~~~ */	
#menublock_2_u {width:100%; height:auto; padding:0; margin:0; overflow:hidden; }	
#menublock_2_u li {display:block; width:100%; background-color:#DFCBBF;}
#menublock_2_u li:hover {background-color:#C09880; color:#000; }
#menublock_2_u li a {color:#000; display:block; border-bottom:1px solid #fff; padding:5px 0px 5px 7px;}
#menublock_2_u li a:link, #menublock_2_u li a:visited {text-decoration:none;}
#menublock_2_u li a:focus, #menublock_2_u li a:hover, #menublock_2_u li active {text-decoration:none;}
#menublock_2_u li.akt a {background-color:#C09880; color:#000; }

/* ~~~ HORIZONTALE  UUU-Navi 4. Ebene	
#menublock_3_u {display:block; width:90%; height:auto; margin:0 0 1% 9%; padding:0.3em 0 0.5em 0; overflow:hidden; border-bottom:1px dotted #8e8e8d;  }
#menublock_3_u ul {list-style-type:none; margin:0; padding:0; }
#menublock_3_u li {float:left; display:inline; background:none; padding:0% 1% 0 1%; margin:1.5% 0 1.5% 0%; border-right:1px solid #8e8e8d; }
#menublock_3_u li a, #menublock_3_u li a:link, #menublock_3_u li a:visited {display:block; color:#8F5337; font-weight:normal; line-height:1.0em; text-decoration:none;}
#menublock_3_u li a:active, #menublock_3_u li a:focus, #menublock_3_u li a:hover {display:block; color:#4f890a; font-weight:normal; line-height:1.0em; text-decoration:none;}
#menublock_3_u li.akt a {color:#0076bd; }
#menublock_3_u li:first-child {padding:0% 1% 0 0%;} ~~~ */

/* ~~~ breadcrumbs ~~~ */
#breadcrumbs {width:91.53%; margin:5px 0 5px 6.6%; padding-bottom:5px; color:#737373; border-bottom: 1px dotted #8e8e8d;}
#breadcrumbs a, #breadcrumbs a:link, #breadcrumbs a:visited {font-size:0.90em; text-decoration:none; color:#8F5438;}
#breadcrumbs a:hover, #breadcrumbs a:active, #breadcrumbs a:focus {font-size:0.90em; text-decoration:none; color:#8F5438;}
#breadcrumbs a.akt {color:#C09880;}

/* ~~~ body Klassen ~~~ */
body.aktuelles #startcont {display:block; width:100%; height:auto; padding:0; margin:0; overflow:hidden;}
body.aktuelles #links_cont, body.aktuell #rechts_cont, body.aktuell #allin, body.aktuell #breadcrumbs, body.aktuell #maintxt, body.aktuell #rechtespalte {display:none;}

/* ~~~ NEU!!!!! 01.2015  ~~~ */
/* ~~~ body Klassen ~~~ */
body.best_practice #rechtespalte, body.best_practice #bannerbild {display:none;}
body.best_practice #breadcrumbs {width:97%; margin:0px 0 5px 2.0%; padding-bottom:5px; color:#737373; border-bottom: 1px dotted #8e8e8d;}
/* ~~~ Neue Klassen ~~~ */
body.best_practice div.alsDetail {border-bottom:none; padding-bottom:0; margin-bottom:0; overflow:hidden;}
body.best_practice div.beitrag_standard {width:91.53%; margin:0 0 7px 2.6%;}
body.best_practice #maintxt {border-bottom:none; padding-bottom:0px;}
#google_maps {position: relative;  z-index:500; width:97.13%; margin-left:1.87%;  padding-bottom: 52%; // This is the aspect ratio height: 0; overflow: hidden; border:1px solid #8F5337; }
#google_maps iframe {position: absolute; top: 0; left: 0;  width: 100% !important; height: 100% !important; vertical-align: middle;}

#legende_cont {width:97.13%; height:auto; margin-left:1.87%;  overflow: hidden; }
#legende_cont_oben {width:100%; height:auto; padding:7px 0 7px 0; overflow:hidden; border-bottom: 1px dotted #8e8e8d; font-size:0.85em; }
#legende_cont_unten {padding:12px 0 0 0; height: auto; overflow: hidden;  }

.icon_box {float:left; width:19%; height:40px; padding:0; margin:0 7px 7px 0; overflow:hidden; min-width:160px; }
.icon_box .icon {float:left; width:22%; height:auto; padding:0; margin:0; overflow:hidden;  }
.icon_box .icon img {width:85%; height:auto; } 
.icon_box p {float:left; width:78%; height:auto; padding:0; font-size:0.85em; line-height:0.95em; margin:5px 0 0 0; vertical-align:middle;}

/* ~~~ Logobox für linken Container ~~~*/
#links_cont .logo_box {width:92.4%; height:auto; padding-bottom:5px; margin:15px 0 0 7.6%; overflow: hidden;}
#links_cont .logo_box .logo {width:60%; height:auto; padding-bottom:0px; margin:0;}
#links_cont .logo_box .logo2 {width:80%;}
#links_cont .logo_box .logo img {width:100%; height:auto; } 

#links_cont .logo_box p {width:100%; height:auto; padding-bottom:0px; font-size:0.85em; margin-bottom:5px; color:#737373;}

/* ~~~ENDE NEU!!!!! 01.2015  ~~~ */

/* ~~~ Raster für Innen ~~~ */
#startcont {display:none; }	
#links_cont {float:left; width:19.7%; }
#rechts_cont {float:left; width:80.3%; margin:15px 0 15px 0; overflow:hidden;}
	#allin {float:none; width:100%; height:auto; padding:0; margin:0; overflow:hidden; }
		#maintxt {float:left; width:73.6%; overflow:hidden;}
		#rechtespalte {float:left; width:24.53%; padding:0; margin:0; overflow:hidden;}

/* ~~~ Vorschauboxen > allin bei Startseite ~~~*/
.vorschau_box {float:left; position:relative; width:18.2%; height:255px; padding-bottom:5px; margin:1.5% 0 1.5% 1.5%; overflow:hidden; z-index:50; }
	.vorschau_box a { text-decoration:none; color:#000;}
	.vorschau_box a:hover { text-decoration:none; color:#8F5438;}
	.vorschau_box .bild { position:relative; z-index:50; width:100%; height:auto; padding:0; margin:0; overflow:hidden; }
	.vorschau_box .bild img {width:100%; height:auto; }
.vorschau_box .boxhead {width:80%; position:absolute; top:0; left:0; z-index:100; padding:0em; }
.vorschau_box .boxhead h2 {color: #fff; background:rgba(131,179,40,0.8);display: inline; word-spacing:0.0em; font-size:1.0em; line-height:1.45em; font-weight:normal; white-space:pre-wrap; padding:0.2em 0.2em 0.1em 0; z-index:90; }
.vorschau_box .fix {border-left:0.3em solid rgba(140,188,106,0.85); padding-bottom:0.0em;}
.vorschau_box .overlay {position:absolute; bottom:3px; left:0; width:100%; height:100%; padding:0; overflow:hidden; z-index:80; background:  rgba(135,181,43,0.0); }
	.vorschau_box:hover .overlay{background: rgba(140,188,106,0.15); cursor:pointer; }
	.vorschau_box .pfeil {position:absolute; bottom:3px; right:0; width:15%; height:auto; margin:0; z-index:90; padding:0; background:rgba(140,188,106,0.8); overflow:hidden; }
	.vorschau_box .pfeil img {width:100%; height:auto; }
	.vorschau_box p {margin:5px 0px 5px 0px; }
	
/* ~~~ Vorschauboxen > in den verschiedenen Containeren ~~~*/
#links_cont .vorschau_box {float:none; width:92.4%; height:234px; padding-bottom:5px; margin:15px 0 0 7.6%;}
	#links_cont .vorschau_box .pfeil {bottom:4px;}	
#maintxt .vorschau_box {float:left; width:30.8%; height:255px; padding-bottom:5px; margin:1.5% 0 1.5% 2.53%;}
	#maintxt .vorschau_box .pfeil {bottom:2px;}
#rechtespalte .vorschau_box {float:none; width:92.4%; height:255px; padding-bottom:5px; margin-top:15px; margin-left: 7.6%;}	
	#rechtespalte .vorschau_box .pfeil {bottom:4px;}
	
/* ~~~ Newsletterbox ~~~*/
.newsletter_box {position:relative; width:92.4%; height:60px; padding-bottom:5px; margin:15px 0 0 7.6%; background:#C09880; overflow:hidden; z-index:50; }
	.newsletter_box a { text-decoration:none; color:#fff;}
	.newsletter_box .brief {position:absolute; bottom:20%; left:10%;  width:25%; height:auto; padding:0; overflow:hidden; z-index:90; }
	.newsletter_box .brief img {width:100%; height:auto; }
	.newsletter_box h2 {position:absolute; bottom:22%; right:17%; color: #fff; font-size:1.1em; font-weight:normal; z-index:90; }
	.newsletter_box:hover {background:#8F5438; cursor:pointer; }
	.newsletter_box .pfeil {position:absolute; bottom:10%; right:0; width:15%; height:auto; margin:0; z-index:90; padding:0; overflow:hidden; }
	.newsletter_box .pfeil img {width:100%; height:auto; }
#links_cont .newsletter_box {width:92.4%; height:60px; padding-bottom:5px; margin:15px 0 0 7.6%; }
#rechtespalte .newsletter_box {width:92.4%; height:60px; padding-bottom:5px; margin:15px 0 0 7.6%; }
	
/* ~~~ Infobox ~~~*/
.info_box {width:92.4%; height:auto; margin:5% 0 0 7.6%; background:#dff1c2 url("images/infobox.png") no-repeat left top; overflow:hidden; }
	.info_box_innen {width:92%; height:auto; margin:5% 0 5% 5%; overflow:hidden;}
	.info_box_innen h2 {color: #4e8f19; font-size:1.1em; font-weight:bold; margin-bottom:5px; }
	.info_box_innen p {margin-bottom:5px; }
	.info_box_innen ul {list-style-type:none; margin:10px 0 10px 0; padding:0; text-align:left; line-height:1.2em; margin:5px 0 5px 0; }
		.info_box_innen li {background:transparent url('images/bullet.png') 0px 5px no-repeat; text-indent:0; text-align:left; padding-left:10px; margin-bottom:5px;}
#links_cont .info_box {width:92.4%;}
		
/* ~~~ FAQ ~~~*/
.beitrag_faq {display:block; width:90%; height:auto; padding:0; margin:15px 0 0 9%; }
	.beitrag_faq_header {position:relative; cursor:pointer; display:block; width:99.5%; padding:0; margin:0;  border:1px solid #afce73; background:#dae8be; overflow:hidden; z-index:50; }
		.beitrag_faq_header:hover {background:#afce73; }
		.beitrag_faq_header:hover h2 { color:#fff;}
		.beitrag_faq_header h2 { color:#143466; font-size: 1.0em; padding:2% 0 2% 2%;}
		.beitrag_faq_header_but { position:absolute; top:2px; right:5px; width:6%; z-index:100; padding:0; margin:0; overflow:hidden; }
		.beitrag_faq_header_but img {width:100%; height:auto; }
	.beitrag_faq_inhalt {display:none; width:100%; height:auto; padding:10px 0 5px 0; margin-bottom:10px; overflow:hidden;}
		.beitrag_faq_inhalt h2 {color:#4e8f19; font-weight:normal; margin-bottom: 0.5em; font-size:1.3em}
		.beitrag_faq_inhalt p {margin-bottom: 0.1em;}
		.beitrag_faq_inhalt .bild {float:left; width:40%; margin:0 12px 3px 0;}
		.beitrag_faq_inhalt .bild img {width:100%;}
		
/* ~~~ Video ~~~ */
.videorahmen {width:520px; max-width:100%; height:auto; margin:7px 0 10px 0; padding:0; }
	.videobox {width:100%; height:auto; margin:0; padding:0;}
	.responsive-video {position:relative; padding-bottom:55%; padding-top:5px; height:0; overflow:hidden; }
	.responsive-video iframe, .responsive-video object, .responsive-video embed, .responsive-video video {position:absolute; top:0; left:0; width:100%; height:100%;}

/* ~~~ Beitrag Standard ~~~*/
div.beitrag_standard {width:90%; margin:0 0 5% 9%;}
div.beitrag_standard p, div.beitrag_standard li, div.beitrag_standard td { margin:0 0 0.5em 0; }


div.alsDetail {border-bottom:1px dotted #8e8e8d; padding-bottom:0.8em; margin-bottom:0.8em; overflow:hidden;}
div.alsDetail ul {list-style-type:none; margin:10px 0 10px 0; padding:0; text-align:left; line-height:1.2em; margin:10px 0 10px 0; }
div.alsDetail ol li {list-style:decimal outside;	margin-left:18px;}

div.alsDetail ul li, div.alsDetail ol li ul li {list-style:none; background:transparent url('images/bullet.png') 0px 5px no-repeat; text-indent:0; text-align:left; padding-left:10px; margin-bottom:3px;}
div.alsDetail ol li ul li {margin-left:0;}
div.alsDetail .intro p {color:#666; font-weight:normal; margin-bottom: 1.0em; font-size:1.1em; }
div.alsDetail h2 {color:#8F5438; font-weight:bold; margin-bottom: 0.5em; font-size:1.2em}


div.alsListe {border-bottom:1px dotted #8e8e8d; padding:1.1em 0 0.8em 0; margin:0 0 0% 9%; overflow:hidden; position:relative;}
div.alsListe p.datum {color:#9C95A5; margin:0;}
div.alsListe a {text-decoration:none; }
div.alsListe h1 a {color:#8F5438;}
div.alsListe a:hover {text-decoration:underline;}
div.alsListe h2 {margin:0;}
div.alsListe h2, div.alsListe h2 a, div.alsListe h2 a:link, div.alsListe h2 a:visited {color:#4e8f19; font-weight:normal; margin-bottom: 0.5em; font-size:1.1em; line-height:1.15em;}
div.alsListe h2 a:active, div.alsListe h2 a:hover, div.alsListe h2 a:focus {color:#8F5438; text-decoration:underline;}
div.alsListe p {margin:0;}
div.alsListe p.mehrlink {margin-top:5px;}
.mehrlink:before {content:"> "; color:#4e8f19; }
div.alsListe h2.listenheader {color:#8F5438; font-weight:normal; margin:0em 0 0.3em 0; font-size:1.6em; line-height:1.1em}

div.alsListe .bild {width:35%; float:left; margin:0 12px 3px 0;}
div.alsListe .bild img {width:100%;}
div.alsListe .passbild {width:25%; float:left; margin:0 12px 3px 0;}
div.alsListe .passbild img {width:100%;}
div.alsListe .bildgross {width:100%; float:none; margin:0 0 3px 0;}
div.alsListe .bildgross img {width:100%;}
div.alsListe .bildrechts {width:35%; float:left; margin:0 12px 3px 0;}
div.alsListe .bildrechts img {width:100%;}

#seitenAnzeiger {font-size:1em; margin-left:9%; margin-top:1em;}

.bodydiv {overflow:hidden;}
.bodydiv .bild {float:left; margin:0 12px 3px 0;}

.beitrag_standard .bild {width:50%; float:left; margin:0 12px 3px 0;}
.beitrag_standard .bild img {width:100%;}
.beitrag_standard .bildgross {width:100%; float:none; margin:0 0 3px 0;}
.beitrag_standard .bildgross img {width:100%;}
.beitrag_standard .bildrechts {width:50%; float:right; margin:0 0 3px 12px;}
.beitrag_standard .bildrechts img {width:100%;}
.beitrag_standard .bildtext {font-size:0.85em; margin-top:5px;}

/* ~~~ Footer~~*/	
#unten {width:100%; height:auto; }
/* ~~~ Footer GRÜN~~*/
#untennavi_rahmen {width:100%; background-color:#8F5337; margin:0 1% 0 0;}
#untennavi {max-width: 1000px; margin:0 auto 0 auto;  background-color:#8F5337;}
#zusatznavi_unten {width:99%; height:auto; margin:0; overflow:hidden;}
	#zusatznavi_unten ul {list-style-type:none; margin:0; padding:0; }	
	#zusatznavi_unten li {float:right; display:inline; background:none; padding:0% 1% 0% 1%; margin:7px 0 7px 0; border-right:1px solid #b9d894;}
		#zusatznavi_unten li:first-child {border-right:none; padding-right:0;}	
		#zusatznavi_unten .navi0 a {color:#000; font-weight:normal; line-height:1.0em; }
			#zusatznavi_unten .navi0 a:link, #zusatznavi_unten .navi0 a:visited {color:#FFF; display:block; text-decoration:none; }
			#zusatznavi_unten .navi0 a:hover, #zusatznavi_unten .navi0 a:active #zusatznavi_unten .navi0 a:focus {color:#000; display:block; text-decoration:none;  }
		#zusatznavi_unten .navi0a a {color:#fff; font-weight:normal; line-height:1.0em; }
			#zusatznavi_unten .navi0a a:link, #zusatznavi_unten .navi0a a:visited {color:#fff; display:block; text-decoration:none; }
			#zusatznavi_unten .navi0a a:hover, #zusatznavi_unten .navi0a a:active #zusatznavi_unten .navi0a a:focus {color:#000; display:block; text-decoration:none; }
/* ~~~ Footer BLAU~~*/			
#ganzunten_rahmen {width:100%; height:auto; background-color:#CDAC99;}
	#untenfooter {max-width: 1000px; height:auto; margin:0 auto; background-color:#CDAC99;}
		#untenfooter  a, #untenfooter  a:link, #untenfooter  a:visited {color:#000; text-decoration:none;}
		#untenfooter  a:hover, #untenfooter  a:active, #untenfooter  a:focus {color:#8F5438; text-decoration:underline;}
	/* ~~~ Footer BLAU linker Teil~~*/
	#untenfooter #untenlinks {float:right; width: 20%; height:auto; margin:0; color:#000;}
		#untenfooter #untenlinks h2 {font-size:1.1em; font-weight:bold; color:#000; margin:0 0 1% 0;}
		#untenfooter #untenlinks p {font-size:0.95em; color:#000; margin:0 0 1% 0; }
		#untenfooter #untenlinks a, #untenfooter #untenlinks a:link, #untenlinks a:visited {color:#000; text-decoration:none;}
		#untenfooter #untenlinks a:hover, #untenfooter #untenlinks a:active, #untenlinks a:focus {color:#8F5438; text-decoration:underline;}
		#untenfooter #untenlinks #logo{width: 100%; margin-left:0; height:auto; padding:15px 0 5px 0; }
			#untenfooter #untenlinks #logo img {width:100%; height:auto;}
		/* ~~~ Footer BLAU rechter Teil - social Buttons~~*/	
		#untenfooter #untenrechts  {float:right; width: 80%; height:auto; margin:0;}
			#untenfooter #untenrechts  #social_rahmen {width: 98%; height:auto; margin:1.5% 2% 0% 0; overflow:hidden; }
				#untenfooter #untenrechts  #social_rahmen .social_but {float:right; width: 24px; height:auto; margin-left:7px; overflow:hidden;}
					#untenfooter #untenrechts  #social_rahmen .social_but img {width: 100%; height:auto;}
		
		/* ~~~ Footer BLAU rechter Teil - Hauptnavi unten~~*/	
		#hauptnavirahmen_unten {width: 98%; height:30px; margin:0 2% 0 0; }
			#hauptnavi_unten ul {list-style-type:none; margin:13.5% 0 0 0; padding:0; padding:0; }
			#hauptnavi_unten li {float:right; display:inline; background:none; padding:0% 1% 0 1%;margin:7px 0 7px 0; border-right:1px solid #000; }
			#hauptnavi_unten li:first-child {border-right:none; padding-right:0;}
			#hauptnavi_unten li a, #hauptnavi_unten li a:link, #hauptnavi_unten li a:visited {display:block; color:#000; font-weight:normal; line-height:1.0em; text-decoration:none;}
			#hauptnavi_unten li a:active, #hauptnavi_unten li a:focus, #hauptnavi_unten li a:hover {display:block; color:#8F5438; font-weight:normal; line-height:1.0em; text-decoration:none;}
			#hauptnavi_unten li.akt a {color:#000;}
					
		/* ~~~ Footer BLAU rechter Teil - Footer-PFEIL~~*/
		#footerpfeil-cont {clear:both; float:none; width:98%; height:31px; margin:0; position:relative; overflow:hidden;}
			.footerpfeil {width: 30px; height: auto; position: absolute; top: 1px; right: -1px; margin: 0;}	
				.footerpfeil img {width:100%; height:auto; }	
				
.fotogalerie {overflow:hidden;}				
.fotogalerie .bild {width:23%; float:left; margin:0 2% 2% 0;}
.fotogalerie .bild img {width:100%; max-height:120px;}
				
#trefferAnzeiger {margin-left:9%;}					
#MyName, #myname {display:none;}
.zahl {text-align:right;}

div.gemeinde .gemeindewappen {float:none; width:90%;}
div.gemeinde img, div.gemeinde .gemeindewappen img {max-width:100%; width:auto;}
.oh {overflow:hidden;}
.fl25 {width:25%; float:left;}
.m25 {margin-left:25%;}
.fl33 {width:33%; float:left;}
.m33 {margin-left:33%;}
.fl50 {width:50%; float:left;}
.m50 {margin-left:50%;}
div.gemauswert img {width:907px; max-width:907px;}

.beitrag_standard .bild.klein {width:33%; float:left; margin-right:0;}
div.klein img {max-width:160px; }


.vorschau_box .nurindetail {display:none;}


#allMenudiv {
	display:none;
}



}

@media screen and (max-width: 1015px)  {
#naviinnen {overflow:hidden;}
#obeninnen_rechts {width:70%; }
#menublock_0_o li {position:static; border-bottom:1px solid #b1d06b; border-right:1px solid #b1d06b;}
#navicont {height:auto;}
#ausschaltfeld {display:none;  }
}
@media screen and (max-width: 960px)  {
.icon_box {width:24%; }
#links_cont .vorschau_box {height:210px;}
}
@media screen and (max-width: 920px)  {
.icon_box {width:22%;}
}
@media screen and (max-width: 850px)  {
#obeninnen {width:100%; margin:0; height:auto;}
#obeninnen_links {width:31%;}
#obeninnen_rechts {width:67%; margin:0; }
#menublock_oben li {padding:0% 2% 0 2%;}
#suchediv {width:215px;  margin:0 0 0 13px; min-height:35px;}
#suchstr {height:35px;}
#gobutton {height:35px;}
#blwahl_txt {margin:10px 0 0 10px;}
#blwahl_but {height:35px; width:20%;}
#auswahldiv {width:215px;}
#blwahl {min-height:35px;}
#auswahlfeld {border:none; padding:10px 0 15px 0; top:33px;}
#auswahlfeld li a {padding:5px 0 5px 15px; }
#auswahlfeld li a:hover, #auswahlfeld li a:focus,  #auswahlfeld li a:active {padding:5px 0 5px 15px;}
.vorschau_box {float:left; position:relative; width:18.2%; height:245px; padding-bottom:5px; margin:1.5% 0 1.5% 1.5%; overflow:hidden; z-index:50; overflow:hidden;}
}
@media screen and (max-width: 800px)  {
.vorschau_box {width:30.7%; height:280px; padding-bottom:5px; margin:2% 0 1% 2%; }
#zusatznavi_unten {width:98%;}
#zusatznavi_unten li {padding:0% 2% 0% 2%; margin:7px 0 7px 0; border-right:1px solid #b9d894;}
#untenfooter #untenlinks {width: 30%;  }	
#untenfooter #untenrechts  {width: 70%; }
#untenfooter #untenrechts  #social_rahmen .social_but {width: 30px; margin:7px 0 0 10px; }	
#hauptnavirahmen_unten {width: 98%; height:30px; margin:0 2% 0 0; }
#hauptnavi_unten ul {margin:7.0% 0 0 0; }	
#hauptnavi_unten li {padding:0% 2% 0% 2%; margin:7px 0 7px 0;}
#hauptnavi_unten li:first-child {border-right:1px solid #b9d894; padding-right:2%;}	
#footerpfeil-cont {width:99%; height:40px;}
.footerpfeil {width: 40px; position: absolute; top: 0px; right: 0px; ;}	
div.alsListe .bild {width:50%;}
div.alsListe .passbild {width:35%;}
#links_cont .vorschau_box {height:190px;}
.icon_box {float:left; width:32%; height:40px; }
}
@media screen and (max-width: 700px)  {
.icon_box {width:31%;}
}
@media screen and (max-width: 680px)  {
#oben_header {height:200px;}
#obeninnen_links {clear:both; float:none; width:50%; height:auto; overflow:hidden;}
#obeninnen_rechts {clear:both; float:none; width:92%; margin:0 4% 0 4%;  }
#menublock_oben {margin:0px 0 7px 0; overflow:hidden; }	
#menublock_oben li {float:right; display:inline; background:none; padding:0% 2% 0 2%; margin:1.5% 0 1.5% 0%; border-right:1px solid #aebbd1;}	
#menublock_oben .navi0 a {font-size:1.1em; line-height:1.2em; }
#menublock_oben .navi0a a {font-size:1.2em; font-weight:normal; line-height:1.0em; }
#suchediv {float:left; width:44%;  margin:0 4% 0 4%; min-height:35px;}
#auswahldiv {float:left; width:44%; margin:0 0 0 0; }
#blwahl_but {height:35px; width:17%;}
#links_cont {float:left; width:25%;}
#rechts_cont {float:left; width:75%; margin:15px 0 15px 0; overflow:hidden;}
#maintxt {float:none; width:100%; overflow:hidden; border-bottom:1px dotted #8e8e8d; padding-bottom:15px;}
#breadcrumbs {width:90%; margin:2% 0 1% 6%;}
/* ~~~ #menublock_3_u {width:90%; margin:0 0 1% 5%; } ~~*/
div.beitrag_standard {width:90%; margin:0 0 5% 5%;}
div.alsListe {margin:0 0 0 5%;}
.beitrag_faq {margin:15px 0 0 5%; }
#rechtespalte {float:none; width:95%; padding:0; margin:0 5% 0 0 ; overflow:hidden;}
#rechtespalte .newsletter_box {float:left; width:45%; height:150px; padding-bottom:5px; margin:5% 0 0 5%; background:#00a9e2; overflow:hidden; z-index:50; }
.info_box {float:left; width:45%; height:auto; margin:5% 0 5% 5%; background:#dff1c2 url("images/infobox.png") no-repeat left top; overflow:hidden; }
#rechtespalte .vorschau_box {float:left; width:45%; height:255px; padding-bottom:5px; margin-top:5%; margin-left: 5%;}	
#links_cont .vorschau_box {height:200px; }	
.vorschau_box {height:260px; }
.newsletter_box .brief {left:7%; }
}
@media screen and (max-width: 670px)  {
.icon_box {width:44%; height:auto;}
.icon_box .icon {width:18%; } 
.icon_box p {width:82%; }
#eslalogo {left:auto; right:0; width:20%;}
}
@media screen and (max-width: 600px)  {
#blwahl_but {height:35px; width:18%;}
.vorschau_box {height:250px; }
.newsletter_box .brief {left:5%; }
}
@media screen and (max-width: 550px)  {
#oben_header {height:200px;}
#obeninnen_links {width:60%;}
#obeninnen_rechts {width:98%; margin:0 1% 0 1%;  }
#menublock_oben {width:100%; margin:0;}
#menublock_oben li {padding:0% 2% 0 2%; margin:0 0 10px 0; }	
#blwahl_but {height:35px; width:19%;}
#navicont {height:auto;  padding:0; }
#navirahmen {width: 100%; border-left:0;}
.vorschau_box {height:240px; }
}
@media screen and (max-width: 530px)  {
#oben_header {height:190px;}
.vorschau_box {height:230px; }
}
@media screen and (max-width: 500px)  {
/* ~~~ oben ~~~ */
#menu_smart {display:block;} 
body {font-size:1.00em; line-height:1.2em;}
#oben_header {height:265px;}
#obeninnen_links #logo {width:96%; margin-left:2%;}
#suchediv {width:47%;  margin:0 2% 0 2%; min-height:35px;}
#auswahldiv {width:47%; margin:0 0 10px 0; }
#blwahl_txt {font-size:0.8em; margin:8px 0 0 7px;}
#blwahl_but {height:35px; width:20%;}
#auswahlfeld li a {padding:7px 0 7px 15px; }
#auswahlfeld li a:hover, #auswahlfeld li a:focus,  #auswahlfeld li a:active {padding:7px 0 7px 15px;}

/* ~~~ HORIZONTALE Zusatz-Navigation oben~~~ */	
#menublock_oben {width:98%; margin:0;}

/* ~~~ HORIZONTALE HAUPT-Navigation oben~~~ */	
#menublock_0_o li {width: 49.7%; border-right:none;}
#menublock_0_o li:last-child {border-right:none;}
#menublock_0_o li a {padding:12px 0px 12px 0px; text-align:center;}

/* ~~~ Horizontale U-Navi Menü 2.Ebene ~~~ */
#menublock_1_u {width:100%; margin:3px 0 0 0;  }
#menublock_1_u li {width: 49.7%; border-bottom:1px solid #fff; border-left:1px solid #fff;}
#menublock_1_u li a{padding:12px 0px 12px 0px;}

/* ~~~ Vertikale UU-Navi 3.Ebene ~~~ */	
#menublock_2_u {width:100%; margin:3px 0 0 0; }	
#menublock_2_u li {float:left; width: 49.7%; border-left:1px solid #fff; text-align:center; }
#menublock_2_u li a {padding:12px 0px 12px 0px; }

/* ~~~ Bannerbild Start ~~~*/
#bannerbild {display:none; }

/* ~~~ mitte=allin ~~~ */
#rechts_cont, #maintxt, #rechtespalte {float:none; width:100%; margin:0;}
#links_cont {float:none; width:100%; padding:0; margin:0; overflow:hidden; }
#rechts_cont #bannerbild {width:100%; margin-left:0; }
#bannerbild h2 {bottom:30px; font-size:1.1em; padding:5px; }
#rechts_cont #bannerbild h2 {bottom:5px; font-size:1.1em; padding:5px;}
#google_maps {width:96%; margin:2% 0 0 2%; }

/* ~~~ breadcrumbs ~~~ */
#breadcrumbs {width:96%; margin:5px 0 5px 2%; padding:5px 0 5px0;}

/* ~~~ Horinzontale UUU-Navi 4.Ebene 
#menublock_3_u {width:96%; margin:0 0 1% 2%; padding:1px 0 5px0;} ~~~ */

/* ~~~ Beitrag Standard ~~~*/
div.beitrag_standard {width:96%; margin:0 0 15px 2%;}
.beitrag_faq {width:96%; margin:15px 0 0 2%; }

.vorschau_box {width:47%; height:290px; margin:2% 0 2% 2%; }
	.vorschau_box .pfeil {position:absolute; bottom:5px; right:0; }	
#links_cont .vorschau_box, #maintxt .vorschau_box, #rechts_cont .vorschau_box {float:left; width:47%; height:275px; margin:2% 0 1% 2%; padding:0;}

#links_cont .logo_box {float:left; width:47%; height:auto; margin:2% 0 1% 2%; padding:0;}

.icon_box {width:48%; }

#links_cont .newsletter_box {float:left; width:47%; height:100px; padding-bottom:5px; margin:2% 0 2% 2%;  }
#rechtespalte .newsletter_box {float:left; width:47%; height:100px; padding-bottom:5px; margin:2% 0 2% 2%;  }
	.newsletter_box .brief {position:absolute; bottom:20%; left:10%;  width:25%; }
	.newsletter_box h2 {position:absolute; bottom:18%; right:17%; font-size:1.1em; }
	.newsletter_box .pfeil {bottom:10%; right:0; width:15%; }
	
.info_box {float:left; width:47%; padding-bottom:5px; margin:2% 0 2% 2%; }
	#links_cont .vorschau_box .pfeil {bottom:5px;}
	#maintxt .vorschau_box .pfeil {bottom:4px;}
	#rechtespalte .vorschau_box .pfeil {bottom:5px;}
#links_cont .info_box {float:left; width:47%; margin:2% 0 2% 2%;}
.info_box_innen {margin:1% 0 1% 3%;}
	
/* ~~~ unten ~~~ */
#zusatznavi_unten li {padding:2% 4% 2% 4%; margin:7px 0 7px 0; border-right:1px solid #b9d894;}
#untenfooter #untenlinks {width: 38.5%; border-right:1px solid #b9d894; padding-bottom:10px;}
#untenfooter #untenlinks h2 {text-align:right; padding:0 7px 5px 0; margin:0;}
#untenfooter #untenlinks p {text-align:right; padding:0 7px 0 0; margin:0; line-height:1.8em;}	
#untenfooter #untenrechts  {width: 60%; }
#untenfooter #untenrechts  #social_rahmen .social_but {width: 35px; margin:15px 0 0 10px; }	
#hauptnavirahmen_unten {height:35px;}
#hauptnavi_unten ul {margin:15px 0 0 0; }	
#hauptnavi_unten li {float:left; padding:0% 4% 0% 4%; margin:7px 0 15px 0;}
#hauptnavi_unten li:first-child {padding-right:4%;}	
#footerpfeil-cont {width:99%; height:70px;}
.footerpfeil {width: 70px; position: absolute; top: 0px; right:20px; }	

}
@media screen and (max-width: 480px)  {
#oben_header {height:258px;}
#links_cont .vorschau_box, #maintxt .vorschau_box, #rechts_cont .vorschau_box {height:270px;}
}
@media screen and (max-width: 460px)  {
#oben_header {height:250px;}
#links_cont .vorschau_box, #maintxt .vorschau_box, #rechts_cont .vorschau_box {height:260px;}
}
@media screen and (max-width: 440px)  {
#oben_header {height:250px;}
#links_cont .vorschau_box, #maintxt .vorschau_box, #rechts_cont .vorschau_box {height:250px; }
}
@media screen and (max-width: 420px)  {
#oben_header {height:245px;}
#untenfooter #untenlinks {width: 44.5%; padding-bottom:30px; }	
#untenfooter #untenrechts  {width: 55%; }
#blwahl_txt { margin:7px 0 0 5px;}
#blwahl_txt {width:75%; font-size:0.8em; line-height:0.90em; margin:11px 0 0 7px; white-space:normal;}
#blwahl_but {height:35px; width:25%;}
#links_cont .vorschau_box, #maintxt .vorschau_box, #rechts_cont .vorschau_box {height:240px; }
}
@media screen and (max-width: 400px)  {
#oben_header {height:240px;}
#blwahl_txt {margin:7px 0 0 7px; }
#auswahlfeld li a {padding:5px 0 5px 7px; font-size:0.95em; }
#auswahlfeld li a:hover, #auswahlfeld li a:focus,  #auswahlfeld li a:active {padding:5px 0 5px 7px;}
#untenfooter #untenlinks {width: 49.5%; padding-bottom:40px;}	
#untenfooter #untenrechts  {width: 50%; }
#links_cont .vorschau_box, #maintxt .vorschau_box, #rechts_cont .vorschau_box {height:230px; }
.newsletter_box .brief {left:7%; }
.icon_box {float:none; width:96%; margin: 0 0 1% 2%; }
.icon_box .icon {width:10%; } 
.icon_box p {width:90%; }
}
@media screen and (max-width: 380px)  {
#untenfooter #untenlinks {padding-bottom:70px;}	
#links_cont .vorschau_box, #maintxt .vorschau_box, #rechts_cont .vorschau_box {height:220px; }
.newsletter_box .brief {left:5%; }
}
@media screen and (max-width: 360px)  {
#links_cont .vorschau_box, #maintxt .vorschau_box, #rechts_cont .vorschau_box {height:210px; }
}
@media screen and (max-width: 350px)  {
/* ~~~ HORIZONTALE HAUPT-Navigation oben~~~ */	
#menublock_0_o li {width: 49.2%;}
#menublock_1_u li {width: 49.2%; }
#menublock_2_u li {width: 49.2%; }
}

@media all {
/* Best practise */
.bp {padding: 10px 0 0 10px; width:100%;}
.bp.icon_box .icon {max-width:40px;}
.bp571 {background-color:#FFF9E1;}
.bp572 {background-color:#F9DDC5;}
.bp573 {background-color:#F6CCD0;}
.bp574 {background-color:#D9E8C7;}
.bp575 {background-color:#E4DDE5;}
.bp576 {background-color:#CCCDE1;}
.bp577 {background-color:#CCECED;}	
}

@media print {
#cmsleiste, .cms, #oben_header, #navicont, #naviinnen, #menublock_0_o, #menublock_1_u, #menublock_2_u, #menublock_3_u, 
#obeninnen_rechts, #rechtespalte, #menublock_1_u_innen, #links_cont_aussen, #footerpfeil-cont, 
#links_cont, #bannerbild, #rechtespalte, #untennavi_rahmen, #untenrechts, #links_cont {
	display:none;
}
#container, #maintxt, #rechts_cont, #unten, #ganzunten_rahmen, #untenfooter, #untenlinks,
.beitrag_faq, div.beitrag_standard {
	width:100%; margin:0;
}
#untenlinks p {float:left;}
}