@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: #e1e1e1;
}
h1 {
	font-size: 28px;
	color: #555;
	font-weight:lighter;
	padding: 0 0 0 0;
}
h2 {
	font-size: 17px;
	color: #d3d3d3;
	font-weight:lighter;
	padding: 15px 0 0 65px;
}
h3 {
	font-size: 14px;
	color: #555;
	font-weight:bold;
	padding: 0 0 10px 0;
}
h4 {
	font-size: 14px;
	color: #1e69e2;
	padding: 15px 0 10px 0;
}

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

h6 {
	font-size: 12px;
	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;
	padding: 0 10px 20px 0;
}


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

div#container1 {
	width:100%;
	height:425px;
	background:url(../images/bg-container1.jpg) top center no-repeat;
}
	div#headContainer {
		width:960px;
		height:425px;
		margin:0 auto;
	}
		h1 a#branding {
			width:363px;
			height:105px;
			display:block;
			text-indent: -2000px;
			float:left;
		}
		
		div#navigationAdditionalContainer{
		width:597px;
		height:105px;
		float:left;
		}
		
			div#navigationAdditionalSpacer{
			width:597px;
			height:55px;
			}
		
			div#navigationAdditional {
				width:597px;
				height:50px;
				}
				
		div#head {
			width:650px;
			height:320px;
			background:url(../images/bg-head.jpg) no-repeat;
			position:relative;
			float:left;
		}
		
		div#navigation {
			position:relative;
			width:310px;
			height:320px;
			background:url(../images/bg-navigation.jpg) no-repeat;
			float:left;
		}


div#container2 {
	width:100%;
	min-height:400px;
}

* html div#container2 {
	width:100%;
	height:400px;
}
	div#contentContainer {
		width:960px;
		min-height:400px;
		margin:0 auto;
		}
		
	* html div#contentContainer {
		width:960px;
		height:400px;
		margin:0 auto;
		}	
		
		div#contentMain1 {
			width:330px;
			min-height:380px;
			float:left;
			padding:20px 0 0 0;
		}
		
		* html div#contentMain1 {
			width:330px;
			height:380px;
			float:left;
			padding:20px 0 0 0;
		}
		
			div.boxSmall{
			width:320px;
			min-height:315px;
			margin: 0 0 20px 0;
			}
			
			* html div.boxSmall{
			width:320px;
			height:315px;
			margin: 0 0 20px 0;
			}
				div.boxSmallHeadline{
				width:320px;
				height:50px;
				background:url(../images/bg-boxSmallHeadline.jpg);
				}
				
				div.boxSmallContent{
				margin:1px 0 0 0;
				width:288px;
				min-height:200px;
				background:#ededed;
				border: 1px solid #cacaca;
				padding: 20px 0 0 30px;
				}
				
				div.boxSmallContentKontakt{
				margin:1px 0 0 0;
				width:288px;
				min-height:200px;
				background:#ededed;
				border: 1px solid #cacaca;
				padding: 20px 0 0 30px;
				}
				
				* html div.boxSmallContent{
				margin:1px 0 0 0;
				width:288px;
				height:200px;
				background:#ededed;
				border: 1px solid #cacaca;
				padding: 20px 0 0 28px;
				}
				
				* html div.boxSmallContentKontakt{
				margin:1px 0 0 0;
				width:288px;
				height:200px;
				background:#ededed;
				border: 1px solid #cacaca;
				padding: 20px 0 0 30px;
				}
				
				
				div.boxSmallFooter{
				width:320px;
				height:51px;
				background:url(../images/bg-boxSmallFooter.jpg);
				}
			
		div#contentMain2 {
			width:630px;
			min-height:380px;
			float:left;
			padding:20px 0 0 0;
		}
		
		* html div#contentMain2 {
			width:630px;
			height:380px;
			float:left;
			padding:20px 0 0 0;
		}
		
			div.boxBig{
			width:630px;
			min-height:315px;
			}
			
			* html div.boxBig{
			width:630px;
			height:315px;
			}
				div.boxBigHeadline{
				width:630px;
				height:50px;
				background:url(../images/bg-boxBigHeadline.jpg);
				}
				
				div.boxBigContent{
				margin:1px 0 0 0;
				width:568px;
				min-height:200px;
				background:#ededed;
				border: 1px solid #cacaca;
				padding: 35px 30px 0 30px;
				}
				
				* html div.boxBigContent{
				margin:1px 0 0 0;
				width:568px;
				height:200px;
				background:#ededed;
				border: 1px solid #cacaca;
				padding: 35px 30px 0 30px;
				}
				
					div.partner{
					width:290px;
					height:150px;
					float:left;
					}
					
					div.partnerDescription{
					width:240px;
					height:150px;
					float:left;
					}
				
				
				div.boxBigFooter{
				width:630px;
				height:51px;
				background:url(../images/bg-boxBigFooter.jpg);
				}

div#container3 {
	width:100%;
	height:30px;
}
	
	
	div#containerFooter {
		width:960px;
		height:30px;
		margin:0 auto;
		}
		div#footer {
			width:960px;
			height:30px;
			}
/*---------------------------------------------------------------------------------------
--------------------------------------KLASSEN-----------------------------------------------
---------------------------------------------------------------------------------------*/
.clear {
	clear: both;
}
.float_left {
	float:left;
}
.float_right {
	float:right;
}
.strong_text {
	color:#f3f3f3;
	font-weight:bold;
}
.red {
	color:#ac0000;
}
ul.auflistung {
	padding: 0 0 20px 20px;
}
ul.auflistung li {
	padding: 0 0 0 20px;
	background:url(../images/li-icon.jpg) 0 8px no-repeat;
	color:#333;
}

.white{
color:#fff;
}

.partnerlink{
padding: 0 20px 0 0;
display:block;
text-align:right;
font-weight:bold;
color:#333;
}


.headerWeiterlesen{
display:block;
width:120px;
height:40px;
position:absolute;
text-indent:-2200px;
top: 250px;
left: 510px;
}

img.req{
padding:0;
margin:0;
}

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



#acc {
	width:350px;
	list-style:none;
}

ul#acc li{
margin:  0 0 20px 0;
}


#acc h4 {
	width:250px;
	height: 25px;
	cursor:pointer;
	padding:0;
	color:#fff;
	padding: 5px 0 0 20px;
	background:url(../images/bg-cmsdropdown.jpg) 0 0 no-repeat;
}
#acc h4:hover {
	width:270px;
	height: 25px;
	background:url(../images/bg-cmsdropdown.jpg) 0 -30px no-repeat;
}
#acc .acc-section {
	overflow:hidden;
	background:none;
}
#acc .acc-content {
	width:300px;
	padding:15px;
	border-top:none;
	background:none;
}



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

div.cmsLoop{
width:500px;
min-height:300px;
margin: 0 0 20px 0;
}

* html div.cmsLoop{
width:500px;
height:300px;
margin: 0 0 20px 0;
}

	div.cmsText{
	width:300px;
	min-height:300px;
	float:left;
	}
	
	* html div.cmsText{
	width:300px;
	height:300px;
	float:left;
	}
	
	
	
	div.cmsImgContainer{
	width:180px;
	min-height:300px;
	padding: 0 0 0 20px;
	float:left;
	}
	
	* html div.cmsImgContainer{
	width:180px;
	height:300px;
	padding: 0 0 0 20px;
	float:left;
	}
	
	
	div.cmsImgContainer a.cmsImg{
	display:block;
	width:120px;
	height:120px;
	border: 1px solid #0569e5;
	}

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

table.termine{
width:560px;
}

table.termine tr td{
padding:17px 0 0 5px;
}

table.termine tr.daten td{
vertical-align:middle;
color:#fff;
}

table.termine tr.daten{

background:#666666;
}


table.termine tr td.thema{
width:150px;
}

.tableText{
padding:0;
color:#fff;
}
/*---------------------------------------------------------------------------------------
--------------------------------------NAVIGATION-----------------------------------------
---------------------------------------------------------------------------------------*/

div#navigation ul{
		padding: 100px 0 0 40px;
		width: 230px;
		}
		
		
		div#navigation ul li{
			height:20px;
			width:220px;
			float:left;
			background:none;
			}
			
			
			div#navigation ul li a{
				display:block;
				width:220px;
				height:20px;
				padding:2px 0 0 10px;
				text-decoration:none;
				color:#fff;
				}
				
			div#navigation ul li a:hover{
				display:block;
				width:230px;
				height:20px;
				color:#9e3700;
				background:url(../images/bg-navigation-hover.jpg) no-repeat;
				}
				
			div#navigation ul li.active a{
				display:block;
				width:230px;
				height:20px;
				background:url(../images/bg-navigation-hover.jpg) no-repeat;
				}	
				

/*---------------------------------------------------------------------------------------
--------------------------------------SUBNAVI1--------------------------------------------
---------------------------------------------------------------------------------------*/				
#navigation li ul { 
		position : absolute;
		width:240px;
		min-height:80px;
		background:#fff;
		left:-999em;
		margin-left : -207px;
		margin-top : 22px;
		padding:10px  10px 8px 0;
	}
	
	
* html #navigation li ul { 
		
		padding:10px  10px 8px 0;
	}
	
	
* html #navigation li ul { 
		position : absolute;
		width:240px;
		height:80px;
		background:#fff;
		left:-999em;
		margin-left : -207px;
		margin-top : 14px;
		padding:10px  10px 8px 0;
	}		


#navigation ul li ul li{
	width:230px;
	height:20px;
	padding:0px;
	}


#navigation ul li ul a{
			display:block;
			color:#9e3700;
			font-size:12px;
			text-indent:0px;
			text-align:right;
			width:230px;
			height:20px;
			background:none;
			}
			
#navigation ul li ul a:hover{
			display:block;
			font-size:12px;
			text-decoration:underline;
			width:230px;
			height:20px;
			background:none;
			}



#navigation  li:hover ul, #navigation li.sfhover ul {
left:0px;
top:0px;
}				
	
	
	
	
	
/*---------------------------------------------------------------------------------------
--------------------------------------SUBNAVI2--------------------------------------------
---------------------------------------------------------------------------------------*/				
#navigation li ul.subnavi2 { 
		position : absolute;
		width:240px;
		min-height:70px;
		background:#fff;
		left:-2000px;
		margin-left : -207px;
		margin-top : 120px;
		padding:10px  10px 10px 0;
	}
	
	
* html #navigation li ul.subnavi2 { 
		position : absolute;
		width:240px;
		height:70px;
		background:#fff;
		left:-999em;
		margin-left : -207px;
		margin-top : 122px;
		padding:5px  10px 0 0;
	}
	
	
	
* html #navigation li ul.subnavi2 { 
		
		padding:10px  10px 5px 0;
	}
	
	
	
	
#navigation ul li ul.subnavi2 li{
	width:230px;
	height:20px;
	padding:0px;
	}


#navigation ul li ul.subnavi2 a{
			display:block;
			color:#9e3700;
			font-size:12px;
			text-indent:0px;
			text-align:right;
			width:230px;
			height:20px;
			background:none;
			}
			
#navigation ul li ul.subnavi2 a:hover{
			display:block;
			font-size:12px;
			text-decoration:underline;
			width:230px;
			height:20px;
			background:none;
			}	
	

#navigation  li:hover ul.subnavi2, #navigation li.sfhover ul.subnavi2 {
left:0px;
top:0px;
}	


			
/*---------------------------------------------------------------------------------------
--------------------------------------NAVIGATION ADDITIONAL------------------------------
---------------------------------------------------------------------------------------*/
div#navigationAdditional ul{
		width:597px;
		height:50px;
		}
		
		
		div#navigationAdditional ul li{
			width:147px;
			height:50px;
			float:left;
				}
			
			
			div#navigationAdditional ul li a{
				display:block;
				text-indent:-2000px;
				width:147px;
				height:50px;
				text-decoration:none;
				}

			div#navigationAdditional ul li a.s1{
					background:url(../images/bg-navigationAdditional.jpg) 0 0 no-repeat;
					}
					div#navigationAdditional ul li a.s1:hover{
					background:url(../images/bg-navigationAdditional.jpg)  0px -50px ;
					}
					div#navigationAdditional ul li.active a.s1{
					background:url(../images/bg-navigationAdditional.jpg)  0px -50px ;
					}
					
			div#navigationAdditional ul li a.s2{
					background:url(../images/bg-navigationAdditional.jpg) -147px 0 no-repeat;
					}
					div#navigationAdditional ul li a.s2:hover{
					background:url(../images/bg-navigationAdditional.jpg)  -147px -50px ;
					}
					div#navigationAdditional ul li.active a.s2{
					background:url(../images/bg-navigationAdditional.jpg)  -147px -50px ;
					}
					
			div#navigationAdditional ul li a.s3{
					background:url(../images/bg-navigationAdditional.jpg) -294px 0 no-repeat;
					}
					div#navigationAdditional ul li a.s3:hover{
					background:url(../images/bg-navigationAdditional.jpg)  -294px -50px ;
					}
					div#navigationAdditional ul li.active a.s3{
					background:url(../images/bg-navigationAdditional.jpg)  -294px -50px ;
					}
					
			div#navigationAdditional ul li a.s4 {
					width:146px;
					background:url(../images/bg-navigationAdditional.jpg) -441px 0 no-repeat;
					}
					div#navigationAdditional ul li a.s4:hover{
					background:url(../images/bg-navigationAdditional.jpg)  -441px -50px ;
					}
					div#navigationAdditional ul li.active a.s4{
					background:url(../images/bg-navigationAdditional.jpg)  -441px -50px ;
					}





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

/*KONTAKTDETAILS*/

dl.kontaktdetails { width:280px;  margin:0 0 30px 0;}
	 dd.kontaktdetails-short { width:50px; float:left; color:#333; font-size:12px; }
	 dt.kontaktdetails-long { width:230px; float:left; color:#333; font-size:12px; }






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

