@charset "utf-8";
/*---------------------------------------------------------------------------------------
--------------------------------------AUTHOR: the big babooh-----------------------------
---------------------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------------------
--------------------------------------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: #fff url(../images/bg_master.jpg) center top no-repeat;
}
h1 {
	font-size: 28px;
	color: #ffffff;
	font-weight:lighter;
	padding: 0 0 0 0;
}
h2 {
	font-size: 20px;
	color: #417602;
	padding: 0 0 10px 0;
}
h3 {
	font-size: 14px;
	color:#417602;
	font-weight:bold;
	padding: 0 0 10px 0;
}
h4 {
	font-size: 11px;
	color: #555;
	font-weight:bold;
	padding: 0 0 10px 0;
}


h5 {
	font-size: 14px;
	color: #333;
	font-weight:bold;
	padding: 0 0 10px 0;
}
p {
	font-size:14px;
	margin: 0 0 20px 0px;
	line-height: 18px;
}
img {
	border:none;
}


hr{

	border-bottom:1px solid #5c8302;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	line-height:0px;
	height:1px;
	display:block;
	margin :10px 0 20px  0;
}
/*---------------------------------------------------------------------------------------
--------------------------------------LAYOUT---------------------------------------------
---------------------------------------------------------------------------------------*/

div#container1 {
	width:100%;
	height:420px;
}
	div#header {
		width:960px;
		height:420px;
		margin:0 auto;
		background:url(../images/bg_header.jpg) center top no-repeat;
	}
	
	div#headerContainer1{
	width:330px;
	height:330px;
	float:left;
	}
		h1 a#branding {
			width: 330px;
			height:210px;
			display:block;
			text-indent: -2000px;
		}
		div#navigationAdditional {
			width:330px;
			height:60px;
		}
		
		
	div#headerContainer2{
	width:630px;
	height:330px;
	float:left;
	}
		
		
		div#navigation {
			width:960px;
			height:90px;
		}



	div#contentContainer {
		width:960px;
		min-height:620px;
		margin:0 auto;
		background:url(../images/bg_contentContainer.jpg) ;
		}
		
		* html div#contentContainer {
			height:620px;
		}
		
		* html div#contentMain1 {
			height:620px;
		}
		
		* html div#contentMain2 {
			height:620px;
		}
		div#contentMain1 {
			width:520px;
			min-height:620px;
			background:  url(../images/bg_contentMain1.jpg) no-repeat;
			float:left;
			padding: 30px 50px 0 60px;
		}
		
		
		
		div#contentMain2 {
			width:280px;
			min-height:620px;
			background:  url(../images/bg_contentMain2.jpg) no-repeat;
			float:left;
			padding: 30px 0 0 50px;
		}


	
	
	
		div#footer {
			margin: 0 auto;
			width:960px;
			height:110px;
			background:url(../images/bg_footer.jpg) center top no-repeat;
			}
			
/*---------------------------------------------------------------------------------------
--------------------------------------KLASSEN-----------------------------------------------
---------------------------------------------------------------------------------------*/
.clear {
	clear: both;
}
.float_left {
	float:left;
}
.float_right {
	float:right;
}
.strong_text {
	color:#f3f3f3;
	font-weight:bold;
}
.red {
	color:#ac0000;
}
ul.listing {
	padding: 0 0 20px 20px;
}
ul.listing li {
	padding: 0 0 0 20px;
	background:url(../images/ext_link.gif) 0 4px no-repeat;
	color:#878787;
}

.spacer{
height:60px;
}



#zeiten dl { width:200px; padding: 0  0 20px 0; float:left;}
#zeiten dd { width:100px; float:left; color:#333; font-size:12px; font-weight:bold; }
#zeiten dt { width:100px; float:left; color:#333; font-size:12px; font-weight:bold;}

.logo_basgo{
height:160px;
width:150px;
display:block;
text-indent:-2000px;
background:url(../images/basgo.jpg) no-repeat;
}

.logo_payback{
height:60px;
width:140px;
display:block;
text-indent:-2000px;
background:url(../images/payback.jpg) no-repeat;
}

.payback{
padding: 30px 0 0 0;
height:60px;
width:140px;
display:block;
text-indent:-2000px;
}

p.liIcon{
background:url(../images/li_icon.gif) 0 4px no-repeat;
padding: 0 0 0 20px;
}




/*---------------------------------------------------------------------------------------
--------------------------------------CMS------------------------------------------------
---------------------------------------------------------------------------------------*/

div.produktDesMonats{
padding: 0 0 0 0;
}

div.news{
padding: 0 0 0 0;
}

div.cmsImageContainer{
width:220px;
height:220px;
float:left;
}

div.cmsImageContainer2{
width:450px;
min-height:220px;
float:left;
}

div.cmsTextContainer{
width:280px;
float:left;
}


	img.cmsPic{
	border:2px solid #b6ce7f;
	}
	
	div.cmsText{
	padding: 0 0 0 0;
	width:280px;
	}
	
	a.pdfDownload{
	display:block;
	height:40px;
	padding: 0 0 0 35px;
	background:url(../images/pdf.gif) 0 0 no-repeat;
	}
/*---------------------------------------------------------------------------------------
--------------------------------------NAVIGATION ADDITIONAL------------------------------
---------------------------------------------------------------------------------------*/

div#navigationAdditional ul{
		padding: 20px 0 0 60px;
		width: 270px;
		height:40px;
		}
		
		
		div#navigationAdditional ul li{
			padding:0px;
			width:70px;
			float:left;
			background:none;
			}
			
			
			div#navigationAdditional ul li a{
				display:block;
				width:70px;
				text-decoration:none;
				color:#000000;
				font-size:14px;
				}
				
			div#navigationAdditional ul li a:hover{
				display:block;
				width:70px;
				text-decoration:underline;
				color:#000000;
				}
				
			div#navigationAdditional ul li.active a{
				display:block;
				width:70px;
				text-decoration:underline;
				color:#000000;
				}



/*---------------------------------------------------------------------------------------
--------------------------------------NAVIGATION-----------------------------------------
---------------------------------------------------------------------------------------*/

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

			div#navigation ul li a.btn1{
					width:192px;
					background:url(../images/bg_navigation.jpg) no-repeat;
					}
					div#navigation ul li a:hover.btn1{
					background:url(../images/bg_navigation.jpg)  0 -90px ;
					}
					div#navigation ul li.active a.btn1{
					background:url(../images/bg_navigation.jpg)  0 -90px ;
					}
					
			
			
			
			div#navigation ul li a.btn2{
					width:139px;
					background:url(../images/bg_navigation.jpg)  -192px 0 ;
					}
					div#navigation ul li a:hover.btn2{
					background:url(../images/bg_navigation.jpg)  -192px -90px ;
					}
					div#navigation ul li.active a.btn2{
					background:url(../images/bg_navigation.jpg)  -192px -90px ;
					}
					
			div#navigation ul li a.btn3{
					width:170px;
					background:url(../images/bg_navigation.jpg)  -331px 0 ;
					}
					div#navigation ul li a:hover.btn3{
					background:url(../images/bg_navigation.jpg)  -331px -90px ;
					}
					div#navigation ul li.active a.btn3{
					background:url(../images/bg_navigation.jpg)  -331px -90px ;
					}
					
			div#navigation ul li a.btn4{
					width:150px;
					background:url(../images/bg_navigation.jpg)  -501px 0 ;
					}
					div#navigation ul li a:hover.btn4{
					background:url(../images/bg_navigation.jpg)  -501px -90px ;
					}
					div#navigation ul li.active a.btn4{
					background:url(../images/bg_navigation.jpg)  -501px -90px ;
					}
					
			div#navigation ul li a.btn5{
					width:309px;
					background:url(../images/bg_navigation.jpg)  -651px 0;
					}
					div#navigation ul li a:hover.btn5{
					background:url(../images/bg_navigation.jpg)  -651px -90px ;
					}
					div#navigation ul li.active a.btn5{
					background:url(../images/bg_navigation.jpg)  -651px -90px ;
					}



/*---------------------------------------------------------------------------------------
--------------------------------------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;
	font-weight:bold;
	text-decoration: underline;
	color: #417602;
	outline: none;
}
a:hover, a:hover span {
	font-size:12px;
	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;
}