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

.hidden {
	display:none;	
}

h1{
	font-size: 22px;
	color: #f3f3f3;
	font-weight:lighter;
	padding: 0 0 0 0;
}

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

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

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

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

p {
	font-size:12px;
	margin: 0 0 20px 0px;
	line-height: 18px;
	color:#878787;
}
	


img{
	border:none;
}


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

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

	div#center_oben{
	width:960px;
	height:495px;
	margin:0 auto;
	}
	
		
		h1 a#logolink{
		width: 630px;
		height:140px;
		background:url(../images/layout/bg_logo.jpg);
		display:block;
		text-indent: -2000px;
		float:left;
		}		
		
		
		div#navi_oben {
		width:330px;
		height:140px;
		float:left;
		}

		div#kopf {
		width:960px;
		height:355px;
		background:url(../images/layout/bilder/kopf/index.jpg);
		}
		
		div#kopf_chronik {
		width:960px;
		height:355px;
		background:url(../images/layout/bilder/kopf/chronik.jpg);
		}
		
		div#kopf_produkte {
		width:960px;
		height:355px;
		background:url(../images/layout/bilder/kopf/produkte.jpg);
		}
		
		div#kopf_hersteller {
		width:960px;
		height:355px;
		background:url(../images/layout/bilder/kopf/hersteller.jpg);
		}
		
		div#kopf_verleih {
		width:960px;
		height:355px;
		background:url(../images/layout/bilder/kopf/verleih.jpg);
		}
		
		div#kopf_angebote {
		width:960px;
		height:355px;
		background:url(../images/layout/bilder/kopf/angebote.jpg);
		}
		
		div#kopf_referenzen {
		width:960px;
		height:355px;
		background:url(../images/layout/bilder/kopf/referenzen.jpg);
		}
		
		div#kopf_partner {
		width:960px;
		height:355px;
		background:url(../images/layout/bilder/kopf/partner.jpg);
		}
		
		div#kopf_kontakt {
		width:960px;
		height:355px;
		background:url(../images/layout/bilder/kopf/kontakt.jpg);
		}
		
		div#kopf_impressum {
		width:960px;
		height:355px;
		background:url(../images/layout/bilder/kopf/impressum.jpg);
		}
		
		div#kopf_anfahrt {
		width:960px;
		height:355px;
		background:url(../images/layout/bilder/kopf/anfahrt.jpg);
		}





div#master_mitte{
width:100%;
min-height:400px;
background:url(../images/layout/bg_master_mitte.jpg);
}

	div#center_mitte{
	width:960px;
	min-height:400px;
	margin:0 auto;
	}
	
		div#navi_unten{
		width:960px;
		height:105px;
		background:url(../images/layout/navi_unten/bg.jpg);	
		}
	
		div#content_links{
		width:380px;
		min-height:200px;	
		float:left;
		padding: 0 0 0 20px;		
		}
		
		div#content_rechts {
		width:560px;
		min-height:200px;	
		float:left;
		}





div#master_unten{
width:100%;
height:100px;
background:url(../images/layout/bg_master_mitte.jpg);
}

	div#center_unten{
	width:960px;
	height:100px;
	margin:0 auto;
	}
	
		div#fuss{
		width:960px;
		height:100px;
		background:url(../images/layout/bg_fuss.jpg) no-repeat;	
		}
	
		div#fuss_links{
		width:660px;
		height:100px;
		float:left;		
		}
		
		div#fuss_rechts {
		width:300px;
		height:100px;	
		float:left;
		}
/*---------------------------------------------------------------------------------------
--------------------------------------CMS-----------------------------------------------
---------------------------------------------------------------------------------------*/


div.cms_container{
width:500px;
height:20px;
}

	div.cms_geraet{
	width:250px;
	min-height:40px;
	float:left;
	color:#ccc;
	}
	
	div.cms_pro{
	width:100px;
	min-height:40px;
	float:left;
	color:#ccc;
	}
	
	div.cms_preis{
	width:50px;
	min-height:40px;
	float:left;
	color:#ccc;
	}

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

.float_left{
float:left;
}

.float_right{
float:right;
}

.line{
width:560px;
height:2px;
display:block;
background:url(../images/layout/line.jpg) no-repeat;
font-size:1px;
padding: 20px 0 0 0;
}

.strong_text{
color:#f3f3f3;
font-weight:bold;
}

.red{
color:#ac0000;
}

ul.auflistung{
padding: 0 40px 20px 20px;
}

ul.auflistung li{
padding: 0 0 0 20px;
background:url(../images/layout/li_icon.jpg) 0 8px no-repeat;
color:#878787;
}

a.lb_img img{
padding: 0 0 20px 0;
}

img{
padding: 0 0 5px 0;
}

hr{

	border-bottom:1px solid #4c4c4c;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	line-height:0px;
	height:1px;
	display:block;
	margin :0 0 20px  0;
	}
	
	
.galerie_img{
padding: 0 0 30px 0;
}


.partner_container{
width:148px;
float:left;
margin:0 20px 0 0;
}


.partner_container-1{
width:159px;
float:left;
margin:0 21px 0 0;
}

.partner_container-2{
width:172px;
float:left;
margin:0 15px 0 0;
}
/*---------------------------------------------------------------------------------------
--------------------------------------NAVI OBEN------------------------------------------
---------------------------------------------------------------------------------------*/
div#navi_oben ul{
		padding: 70px 0 0 30px;
		width: 280px;
		height:40px;
		}
		
		
		div#navi_oben ul li{
			padding:0px;
			width:70px;
			float:left;
			background:none;
			}
			
			
			div#navi_oben ul li a{
				display:block;
				width:70px;
				text-decoration:none;
				color:#f3f3f3;
				}
				
			div#navi_oben ul li a:hover{
				display:block;
				width:70px;
				text-decoration:underline;
				}
				
			div#navi_oben ul li.active a{
				display:block;
				width:70px;
				text-decoration:underline;
				}


/*---------------------------------------------------------------------------------------
--------------------------------------Accordion------------------------------------------
---------------------------------------------------------------------------------------*/
#acc  {
	margin:0 0 10px 0;
	padding:0;
	padding:0;
	margin:0;
}
#acc h3 {
	padding:10px 0 9px 10px;
	cursor:pointer;
	width:550px;
	background:url(../images/cms/bg-acc.png);
	display:block;
	color:#ac0000;
}

#acc .inhalt {
	overflow:hidden;
	padding:0 0 0 0;

}

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

div#navi_unten ul{
height:105px;
margin: 0 0 0 12px;
    width: 968px;
}
		
		
		div#navi_unten ul li{
			padding:0px;
			height:105px;
			float:left;
			}
			
			
			div#navi_unten ul li a{
				display:block;
				text-indent:-2000px;
				height:105px;
				text-decoration:none;
				}

			div#navi_unten ul li a.btn1{
					width:80px;
					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 -105px ;
					}
					div#navi_unten ul li.active a.btn1{
					background:url(../images/layout/navi_unten/btn1.jpg)  0 -105px ;
					}
					
			
			
			
			div#navi_unten ul li a.btn2{
					width:80px;
					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 -105px ;
					}
					div#navi_unten ul li.active a.btn2{
					background:url(../images/layout/navi_unten/btn2.jpg)  0 -105px ;
					}
					
			div#navi_unten ul li a.btn3{
					width:80px;
					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 -105px ;
					}
					div#navi_unten ul li.active a.btn3{
					background:url(../images/layout/navi_unten/btn3.jpg)  0 -105px ;
					}
					
			div#navi_unten ul li a.btn4{
					width:125px;
					background:url(../images/layout/navi_unten/btn4.jpg) no-repeat;
					}
					div#navi_unten ul li a:hover.btn4{
					background:url(../images/layout/navi_unten/btn4.jpg)  0 -105px ;
					}
					div#navi_unten ul li.active a.btn4{
					background:url(../images/layout/navi_unten/btn4.jpg)  0 -105px ;
					}
					
			div#navi_unten ul li a.btn5{
					width:206px;
					background:url(../images/layout/navi_unten/btn5.jpg) no-repeat;
					}
					div#navi_unten ul li a:hover.btn5{
					background:url(../images/layout/navi_unten/btn5.jpg)  0 -105px ;
					}
					div#navi_unten ul li.active a.btn5{
					background:url(../images/layout/navi_unten/btn5.jpg)  0 -105px ;
					}
					
					
			div#navi_unten ul li a.btn6{
					width:95px;
					background:url(../images/layout/navi_unten/btn6.jpg) no-repeat;
					}
					div#navi_unten ul li a:hover.btn6{
					background:url(../images/layout/navi_unten/btn6.jpg)  0 -105px ;
					}
					div#navi_unten ul li.active a.btn6{
					background:url(../images/layout/navi_unten/btn6.jpg)  0 -105px ;
					}
			
			div#navi_unten ul li a.btn7{
					width:80px;
					background:url(../images/layout/navi_unten/btn7.jpg) no-repeat;
					}
					div#navi_unten ul li a:hover.btn7{
					background:url(../images/layout/navi_unten/btn7.jpg)  0 -105px ;
					}
					div#navi_unten ul li.active a.btn7{
					background:url(../images/layout/navi_unten/btn7.jpg)  0 -105px ;
					}
					
					
						div#navi_unten ul li a.btn8{
					width:122px;
					background:url(../images/layout/navi_unten/btn8.jpg) no-repeat;
					}
					div#navi_unten ul li a:hover.btn8{
					background:url(../images/layout/navi_unten/btn8.jpg)  0 -105px ;
					}
					div#navi_unten ul li.active a.btn8{
					background:url(../images/layout/navi_unten/btn8.jpg)  0 -105px ;
					}
					
					div#navi_unten ul li a.btn9{
					width:90px;
					background:url(../images/layout/navi_unten/btn9.jpg) no-repeat;
					}
					div#navi_unten ul li a:hover.btn9{
					background:url(../images/layout/navi_unten/btn9.jpg)  0 -105px ;
					}
					div#navi_unten ul li.active a.btn9{
					background:url(../images/layout/navi_unten/btn9.jpg)  0 -105px ;
					}
					
								

/*---------------------------------------------------------------------------------------
--------------------------------------PLAYER--------------------------------------------
---------------------------------------------------------------------------------------*/

#player {
			
			height:292px;
			width:478px;
			background:#efefef;
		}
		
		#getAdobeFlash {
			margin:0 auto;
			width:112px;
			padding-top:130px;
		}

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

/*Zeiten*/

#oeffnungszeiten dl { width:350px; margin:0px;}
#oeffnungszeiten dd { width:220px; float:left; color:#878787; font-size:11px; }
#oeffnungszeiten dt { width:100px; float:left; color:#878787; font-size:11px; }

#anschrift dl { width:260px; margin:0px;}
#anschrift dd { width:100px; float:left; color:#878787; font-size:11px; }
#anschrift dt { width:160px; float:left; color:#878787; font-size:11px; }



/*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: #ac0000;
	outline: none;
}

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



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;
}

.big{
	font-size: 14px;
	color: #cccccc;
	font-weight:bold;
}

.cms_angebote{
height:200px;
width:400px;
}

.cmsText{
width:250px;
height:200px;
float:left;
}

.cmsImg{
padding:10px;
float:left;
}

	.cms_produkt_bilder a{
	display:block;
	width:100px;
	height:100px;
	float:left;
	padding: 0 0 13px 13px;
	}
	.cms_produkt_bilder a img{
	border: 2px solid #c20101;
	}