@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: #e6e4e5 url(../images/layout/bg_kachel.jpg) repeat-x top center;
}



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

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

h3 {
	font-size: 12px;
	color: #555;
	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:12px;
	margin: 0 0 20px 0px;
	line-height: 18px;
}
	


img{
	border:none;
}

hr{

	border-bottom:1px solid #af0303;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	line-height:0px;
	height:1px;
	display:block;
margin :30px 0 20px  0;
}

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

div#master_oben{
height:430px;
width:100%;
background:url(../images/layout/bg_master_oben.jpg) top center;
}

	div#kopf{
	height:430px;
	width:960px;
	margin: 0 auto;
	}
		div#kopf_links{
		height:430px;
		width:451px;
		float:left;
		}
			
			h1 a#logolink{
			width: 451px;
			height:380px;
			background:url(../images/layout/bg_logo.jpg) no-repeat;
			display:block;
			text-indent: -2000px;
			}
			
			div#navi_unten{
			height:50px;
			width:451px;
			}
		
		div#kopf_rechts{
		height:430px;
		width:509px;
		float:left;
		}
		
			div#navi_oben{
			height:70px;
			width:509px;
			}


div#master_mitte{
height:684px;
width:100%;
background:url(../images/layout/bg_master_mitte.jpg) top center no-repeat;
height:auto;
}

	div#inhalte{
	width:960px;
	margin:0 auto;
	height:auto;
	}
	
		div#inhalt_links{
		width:451px;
		float:left;
		height:auto;
		}
		
			div#sidebar_kontakt{
			width:230px;
			padding: 0 0 0 5px;
			}
			
			div#sidebar_anfahrt{
			width:230px;
			padding: 0 0 0 5px;
			}
		
		div#inhalt_rechts{
		padding: 50px 0 0 0;
		width:509px;
		float:left;
		height:auto;
		}
		

div#master_fuss{
height:186px;
width:100%;
background:url(../images/layout/bg_master_fuss.jpg);
margin: 20px 0 0 0;
}

	div#fuss{
	height:186px;
	width:960px;
	margin:0 auto;
	}
	
		div#fuss_links{
		height:186px;
		width:451px;
		float:left;
		}
		
		div#fuss_rechts{
		height:186px;
		width:509px;
		float:left;
		}
		
			div#adresse_links{
			padding:20px 0 0 0;
			height:166px;
			float:left;
			width:200px;
			}
			
			div#adresse_rechts{
			padding:20px 0 0 0;
			height:166px;
			width:200px;
			float:left;
			}







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

.float_left{
float:left;
}

.float_right{
float:right;
}

.cms_produkt_bilder a img{
	border: 2px solid #c20101;
	}


/*---------------------------------------------------------------------------------------
--------------------------------------NAVI OBEN------------------------------------------
---------------------------------------------------------------------------------------*/
div#navi_oben ul{
		padding: 30px 0 0 0;
		width: 400px;
		height:40px;
		}
		
		
		div#navi_oben ul li{
			padding:0px;
			width:70px;
			height:40px;
			float:left;
			background:none;
			}
			
			
			div#navi_oben ul li a{
				display:block;
				width:70px;
				height:40px;
				text-decoration:none;
				color:#767676;
				}
				
			div#navi_oben ul li a:hover{
				display:block;
				width:70px;
				height:40px;
				text-decoration:underline;
				color:#bf0b00;
				}
				
			div#navi_oben ul li a.aktiv{
				display:block;
				width:70px;
				height:40px;
				text-decoration:underline;
				color:#bf0b00;
				}

/*---------------------------------------------------------------------------------------
--------------------------------------NAVI UNTEN-----------------------------------------
---------------------------------------------------------------------------------------*/

div#navi_unten ul{
		width:451px;
		height:50px;
		}
		
		
		div#navi_unten ul li{
			padding:0px;
			height:50px;
			float:left;
			background:none;
			}
			
			
			div#navi_unten ul li a{
				display:block;
				background:red;
				text-indent:-2000px;
				height:50px;
				text-decoration:none;
				}

			div#navi_unten ul li a.btn1{
					width:112px;
					background:url(../images/layout/navi_unten/btn1.jpg) no-repeat;
					}
					div#navi_unten ul li a:hover.btn1{
					background:url(../images/layout/navi_unten/btn1.jpg)  0 -50px ;
					}
					div#navi_unten ul li.active a.btn1{
					background:url(../images/layout/navi_unten/btn1.jpg)  0 -50px ;
					}
					
			
			
			
			div#navi_unten ul li a.btn2{
					width:160px;
					background:url(../images/layout/navi_unten/btn2.jpg) no-repeat;
					}
					div#navi_unten ul li a:hover.btn2{
					background:url(../images/layout/navi_unten/btn2.jpg)  0 -50px ;
					}
					div#navi_unten ul li.active a.btn2{
					background:url(../images/layout/navi_unten/btn2.jpg)  0 -50px ;
					}
					
			div#navi_unten ul li a.btn3{
					width:179px;
					background:url(../images/layout/navi_unten/btn3.jpg) no-repeat;
					}
					div#navi_unten ul li a:hover.btn3{
					background:url(../images/layout/navi_unten/btn3.jpg)  0 -50px ;
					}
					div#navi_unten ul li.active a.btn3{
					background:url(../images/layout/navi_unten/btn3.jpg)  0 -50px ;
					}
					
			
/*---------------------------------------------------------------------------------------
--------------------------------------SUBNAVI--------------------------------------------
---------------------------------------------------------------------------------------*/



/*---------------------------------------------------------------------------------------
--------------------------------------DATEN--------------------------------------------
---------------------------------------------------------------------------------------*/


/*ANFAHRT*/

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


/*IMPRESSUM*/

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


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


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

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