@charset "utf-8";

/*---------------------------------------------------------------------------------------
--------------------------------------AUTHOR: the big babooh-----------------------------
---------------------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------------------
--------------------------------------IMPORT CSS-----------------------------------------
---------------------------------------------------------------------------------------*/

	@import url("lightbox.css");

/*---------------------------------------------------------------------------------------
--------------------------------------STANDARDS------------------------------------------
---------------------------------------------------------------------------------------*/


*{
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	list-style-type: none;
	color: #333333;
	font-size:12px;
}

body {
	background: #ffffff url(../images/layout/bg_kachel.jpg) repeat-x;
}



h1{
	font-size: 28px;
	color: #659235;
	font-weight:lighter;
	padding: 0 0 15px 0;
}

h2 {
	font-size: 17px;
	color: #659235;
	padding: 0 0 20px 0;
}

h3 {
	font-size: 14px;
	color: #333333;
	font-weight:bold;
	padding: 0 0 10px 0;
}

h4 {
	font-size: 11px;
	color: #555;
	font-weight:bold;
	padding: 0 0 10px 0;
}

p {
	font-size:14px;
	margin: 0 0 20px 0px;
	line-height: 18px;
}
	


img{
	border:none;
}

td{
font-size:14px;
}

/*---------------------------------------------------------------------------------------
--------------------------------------LAYOUT---------------------------------------------
---------------------------------------------------------------------------------------*/

div#master {
	width:1000px;
	margin: 0 auto;
	position:relative;	
}

div#top_links{
	width:450px;
	height:201px;
	background:url(../images/layout/bg_top_links.jpg);
	float:left;
}

	h1 a#logolink{
				display:block;
				width:300px;
				height:140px;
				text-indent:-2000px;
				background:url(../images/layout/logo.jpg);
				}

div#top_rechts{
	width:550px;
	height:201px;
	background:url(../images/layout/bg_top_rechts.jpg);
	float:left;
}

	div#navi_oben{
		width:550px;
		height:43px;
		background:url(../images/navi/oben/bg.jpg);
		}

div#navi_unten{
	width:1000px;
	height:40px;
	background:url(../images/layout/navi/unten/bg.jpg);
	}


div#head {
	width: 1000px;
	height:200px;
	background:url(../images/layout/bg_head.jpg);
}

div#inhalt_links{
	width:434px;
	min-height:300px;
	float:left;
	padding: 30px 0 40px 16px;
}

div#inhalt_links_vollebreite{
	width:650px;
	min-height:200px;
	float:left;
	padding: 30px 0 40px 16px;
}


div#inhalt_rechts{
	width:504px;
	min-height:200px;
	float:left;
	padding: 80px 16px 40px 30px;
}

div#inhalt_rechts_leistungen{
	width:504px;
	min-height:200px;
	float:left;
	padding: 122px 16px 40px 30px;
}

div#inhalt_rechts_leistungen2{
	width:504px;
	min-height:200px;
	float:left;
	padding: 161px 16px 40px 30px;
}

div#inhalt_rechts_cmsonly{
	width:504px;
	min-height:200px;
	float:left;
	padding: 45px 16px 40px 30px;
}

div#master_fuss {
	width:100%;
	height:240px;
	margin: 0 auto;	
	background: url(../images/layout/bg_kachel_fuss.jpg) repeat-x;
}


	div#centerbox{
	width:1000px;
	margin: 0 auto;
	}

		div#fuss_links{
			width:434px;
			height:210px;
			background: url(../images/layout/bg_kachel_fuss.jpg) repeat-x;
			float:left;
			padding: 30px 0 0 16px;
		}
		
		div#fuss_rechts{
			width:504px;
			height:210px;
			background: url(../images/layout/bg_kachel_fuss.jpg) repeat-x;
			float:left;
			padding: 30px 0 0 30px;
		}







/*---------------------------------------------------------------------------------------
--------------------------------------KLASSEN-----------------------------------------------
---------------------------------------------------------------------------------------*/
.clear {
clear: both;
}

.float_left{
float:left;
}

.float_right{
float:right;
}


.auflistung {
padding: 0 0 20px 30px;
}

.auflistung li{
background:url(../images/layout/li_icon.jpg) 0 8px no-repeat;
padding: 0 0 0 20px;
margin: 5px 0 0 0;
font-size:14px;
line-height:24px;
}

p.dewabo_slogan{
padding: 0;
font-size:12px;
font-style:italic;
font-weight:bolder;
}

h2.dewabo_slogan{
padding: 10px 0 0 0;

}

.dewabo_slogan{
padding: 0;
font-size:17px;
color: #659235;
font-weight:bolder;
}

td.adresszelle{
width:250px;
}


div.cms_text{
width:434px;
float:left;
padding: 30px 0 40px 16px;
}

div.cms_bilder{
width:504px;
float:left;
padding: 80px 16px 40px 30px;
}

img.cms_bilder_vorschau{
float:left;
padding: 0 10px 0 0;
}

.kursiv{
font-style:italic;
font-size:14px;
}

.kursiv_farbig{
font-size:14px;
font-style:italic;
color:#7db63c;
}
/*---------------------------------------------------------------------------------------
--------------------------------------NAVI OBEN--------------------------------------------
---------------------------------------------------------------------------------------*/

div#navi_oben ul#navi_main{
		width:400px;
		height:43px;
		padding: 0 0 0 120px;
		}
		
		
		div#navi_oben ul#navi_main li{
			padding:0px;
			height:43px;
			width:100px;
			float:left;
			background:none;
			}
			
			
			div#navi_oben ul#navi_main li a{
				display:block;				text-indent:-2000px;
				height:43px;
				width:100px;
				text-decoration:none;
				}

			div#navi_oben ul#navi_main li a.btn1{
			
					background:url(../images/navi/oben/btn1.jpg) no-repeat;
					}
					div#navi_oben ul#navi_main li a:hover.btn1{
					background:url(../images/navi/oben/btn1.jpg) 0 -43px ;
					}
					div#navi_oben ul#navi_main li.active a.btn1{
					background:url(../images/navi/oben/btn1.jpg) 0 -43px ;
					}
					
			
			
			
			div#navi_oben ul#navi_main li a.btn2{
					background:url(../images/navi/oben/btn2.jpg) no-repeat;
					}
					div#navi_oben ul#navi_main li a:hover.btn2{
					background:url(../images/navi/oben/btn2.jpg)  0 -43px ;
					}
					div#navi_oben ul#navi_main li.active a.btn2{
					background:url(../images/navi/oben/btn2.jpg)  0 -43px ;
					}
					
			div#navi_oben ul#navi_main li a.btn3{
					background:url(../images/navi/oben/btn3.jpg) no-repeat;
					}
					div#navi_oben ul#navi_main li a:hover.btn3{
					background:url(../images/navi/oben/btn3.jpg)  0 -43px ;
					}
					div#navi_oben ul#navi_main li.active a.btn3{
					background:url(../images/navi/oben/btn3.jpg)  0 -43px ;
					}
					
			div#navi_oben ul#navi_main li a.btn4{
					background:url(../images/navi/oben/btn4.jpg) no-repeat;
					}
					div#navi_oben ul#navi_main li a:hover.btn4{
					background:url(../images/navi/oben/btn4.jpg)  0 -43px ;
					}
					div#navi_oben ul#navi_main li.active a.btn4{
					background:url(../images/navi/oben/btn4.jpg)  0 -43px ;
					}
					
			



/*---------------------------------------------------------------------------------------
--------------------------------------NAVI UNTEN-----------------------------------------------
---------------------------------------------------------------------------------------*/
div#navi_unten ul#subnavi{
		width:565px;
		height:40px;
		background:none;
		padding: 0 0 0 450px;
		}
		
		
		div#navi_unten ul#subnavi li{
			padding:0px;
			height:40px;
			float:left;
			background:none;
			}
			
			
			div#navi_unten ul#subnavi li a{
				display:block;
				height:28px;
				text-decoration:none;
				color:#ffffff;
				padding: 12px 0 0 0;
				}
			div#navi_unten ul#subnavi li a:hover{
				display:block;
				background:none;
				height:28px;
				text-decoration:underline;
				color:#ffffff;
				padding: 12px 0 0 0;
				}
				
				div#navi_unten ul#subnavi li a.sub_btn1{
				width:143px;
				}
				
				div#navi_unten ul#subnavi li a.sub_btn2{
				width:206px;
				}
				
				div#navi_unten ul#subnavi li a.sub_btn3{
				width:80px;
				}
				
				div#navi_unten ul#subnavi li a.sub_btn4{
				width:100px;
				}

			
/*---------------------------------------------------------------------------------------
--------------------------------------SUBNAVI UNTEN-----------------------------------------------
---------------------------------------------------------------------------------------*/

#navi_unten ul ul{
			position:absolute;
			background:url(../images/navi/unten/subnavi_bg.jpg);
			padding:0;
			top:-320px;
			z-index:10;
			width:143px;
			height:282px;
}

	
	#navi_unten ul#subnavi li ul#subnavi2{
			padding: 20px 0 0 0;
			}
	
	#navi_unten ul#subnavi li ul#subnavi2 li{
			height:24px;
			}
			
	* html #navi_unten ul#subnavi li ul#subnavi2  li a{
			height:10px;
			}

	#navi_unten ul#subnavi li ul#subnavi2 a{
			display:block;
			color:#ffffff;
			font-size:12px;
			width:126px;
			padding: 0px 0 0 17px;
			}
			
	#navi_unten ul#subnavi li ul#subnavi2 a:hover{
			font-weight:bolder;
			}

#navi_unten  li:hover ul, #navi_unten li.sfhover ul {
left:450px;
top:241px;
}


/*---------------------------------------------------------------------------------------
--------------------------------------CONTENT--------------------------------------------
---------------------------------------------------------------------------------------*/

a.shop_btn{
display:block;
height:158px;
width:203px;
text-decoration:none;
text-indent:-2000px;
}

a:hover.shop_btn{
display:block;
background:url(../images/layout/shop_btn.jpg) 0 -158px;
text-indent:-2000px;
height:158px;
width:203px;
text-decoration:none;
}



/*ANFAHRT*/

#anfahrtsskizze { 
float: left; width: 350px; 
}
#routenplaner { 
float: left; width: 330px; padding: 0 0 0 20px;
}


/*IMPRESSUM*/

#adressdaten {
 float: left; width: 400px;
 }
#geschaeftsdaten { 
float: left; width: 400px;
}
#datenschutzhinweis p { 
font-size: 11px;
}


/*---------------------------------------------------------------------------------------
--------------------------------------LINKS----------------------------------------------
---------------------------------------------------------------------------------------*/


a, .escape span{
	font-size:14px;
	text-decoration: underline;
	color: #659235;
	outline: none;
}

a:hover, a:hover span{
	font-size:14px;
	text-decoration:none;
	color:#333333;
}



a[href$=".pdf"] {
	 padding: 4px 0 4px 55px;
	 background: url(../images/pdf.gif) no-repeat 0 50%;
	 line-height: 30px;
	 border-bottom: none;
	 display:block;
}

