@charset "utf-8";



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


* {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	list-style-type: none;
	color: #333333;
	font-size:12px;
}
body {
	background: #FFF url(../images/bg-body.jpg);
}
h1 {
	font-size: 28px;
	color: #555;
	font-weight:lighter;
	padding: 0 0 0 0;
}
h2 {
	font-size: 20px;
	color: #555;
	padding: 0 0 20px 0;
}
	
	h2.headlineBig {
	font-size:16px;
	color: #fff;
	padding: 0 0 20px 0;
	}

	

h3 {
	font-size: 18px;
	color: #555;
	font-weight:bold;
	padding: 0 0 10px 0;
}
h4 {
	font-size: 12px;
	color: #005c57;
	font-weight:bold;
	padding: 0 0 10px 0;
}

h5 {
	font-size: 12px;
	color: #333;
	font-weight:bold;
	padding: 0 0 5px 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;
}
/*---------------------------------------------------------------------------------------
--------------------------------------LAYOUT---------------------------------------------
---------------------------------------------------------------------------------------*/

div#container1 {
	width:100%;
	height:285px;
	background:url(../images/bg-container1.jpg) top center no-repeat;
}
	div#headContainer {
		width:960px;
		height:285px;
		margin:0 auto;
		background:url(../images/bg-headContainer.jpg) top center no-repeat;
	}
		h1 a#branding {
			width:310px;
			height:285px;
			display:block;
			text-indent: -2000px;
			float:left;
		}
		
		
		div#head {
			width:420px;
			height:285px;
			float:left;
		}
		
		
		div#navigationAdditional {
			width:230px;
			height:285px;
			float:left;
		}
		


div#container2 {
	width:100%;
	min-height:525px;
	background: #cccccc url(../images/bg-container2.jpg) top center no-repeat;
}

* html div#container2 {
	width:100%;
	height:525px;
	background: #cccccc url(../images/bg-container2.jpg) top center no-repeat;
}
	div#contentContainer {
		width:960px;
		min-height:525px;
		margin:0 auto;
		}
		
	* html div#contentContainer {
		width:960px;
		height:525px;
		margin:0 auto;
		}	
		
		div#contentMain1 {
			width:210px;
			height:525px;
			padding:0 0 0 90px;
			float:left;
		}
		
			div#navigation {
			width:172px;
			height:215px;
			margin: 0 0 80px 0;
			}
		
		div#contentMain2 {
			width:600px;
			min-height:490px;
			padding: 30px 30px 0 20px;
			float:left;
		}
		
		* html div#contentMain2 {
			width:600px;
			height:490px;
			padding: 30px 30px 0 20px;
			float:left;
		}

div#container3 {
	width:100%;
	height:100px;
	background:url(../images/bg-container3.jpg) top center 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.auflistung {
	width:150px;
	padding: 0 0 20px 20px;
}
ul.auflistung li {
	padding: 10px 0 0 20px;
	background:url(../images/li-icon.jpg) 0 16px no-repeat;
	color:#333;
}

.activities{
width:250px;
}

.line{
height:1px;
width:500px;
border-bottom:#000 1px dotted;
margin: 0 0 30px 0;
}



a.vcard{
width:225px;
height:24px;
display:block;
background:url(../images/bg-vcard.jpg) no-repeat;
text-indent:-2000px;
}

/*---------------------------------------------------------------------------------------
--------------------------------------NAVIGATION-----------------------------------------
---------------------------------------------------------------------------------------*/
div#navigation ul{
		width:172px;
		height:215px;
		}
		
		
		div#navigation ul li{
			width:172px;
				}
			
			
			div#navigation ul li a{
				display:block;
				text-indent:-2000px;
				width:172px;
				text-decoration:none;
				}

			div#navigation ul li a.b1{
					height:27px;
					background:url(../images/bg-navigation.jpg) 0 0 no-repeat;
					}
					div#navigation ul li a.b1:hover{
					background:url(../images/bg-navigation.jpg)  -172px 0px ;
					}
					
					
			div#navigation ul li a.b2{
					height:35px;
					background:url(../images/bg-navigation.jpg) 0 -27px no-repeat;
					}
					div#navigation ul li a.b2:hover{
					background:url(../images/bg-navigation.jpg)  -172px -27px ;
					}
					
					
			div#navigation ul li a.b3{
					height:35px;
					background:url(../images/bg-navigation.jpg) 0 -62px no-repeat;
					}
					div#navigation ul li a.b3:hover{
					background:url(../images/bg-navigation.jpg)  -172px -62px ;
					}
					
					
			div#navigation ul li a.b4 {
					height:35px;
					background:url(../images/bg-navigation.jpg) 0 -97px no-repeat;
					}
					div#navigation ul li a.b4:hover{
					background:url(../images/bg-navigation.jpg)  -172px -97px ;
					}
					
			div#navigation ul li a.b5 {
					height:35px;
					background:url(../images/bg-navigation.jpg) 0 -132px no-repeat;
					}
					div#navigation ul li a.b5:hover{
					background:url(../images/bg-navigation.jpg)  -172px -132px ;
					}		
					
					
			div#navigation ul li a.b6 {
					height:35px;
					background:url(../images/bg-navigation.jpg) 0 -167px no-repeat;
					}
					div#navigation ul li a.b6:hover{
					background:url(../images/bg-navigation.jpg)  -172px -167px ;
					}		
			

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

div#navigationAdditional ul{
		width:230px;
		height:245px;
		margin:40px 0 0 0;
		}
		
		
		div#navigationAdditional ul li{
			height:60px;
			width:230px;
				}
			
			
			div#navigationAdditional ul li a{
				display:block;
				text-indent:-2000px;
				height:60px;
				text-decoration:none;
				}

			div#navigationAdditional ul li a.s1{
					background:url(../images/bg-navigationAdditional.jpg) 0 -40px no-repeat;
					}
					div#navigationAdditional ul li a.s1:hover{
					background:url(../images/bg-navigationAdditional.jpg)  -230px -40px ;
					}
					div#navigationAdditional ul li.active a.s1{
					background:url(../images/bg-navigationAdditional.jpg)  -230px -40px ;
					}
					
			div#navigationAdditional ul li a.s2{
					background:url(../images/bg-navigationAdditional.jpg) 0 -100px no-repeat;
					}
					div#navigationAdditional ul li a.s2:hover{
					background:url(../images/bg-navigationAdditional.jpg)  -230px -100px ;
					}
					div#navigationAdditional ul li.active a.s2{
					background:url(../images/bg-navigationAdditional.jpg)  -230px -100px ;
					}
					
			div#navigationAdditional ul li a.s3{
					background:url(../images/bg-navigationAdditional.jpg) 0 -160px no-repeat;
					}
					div#navigationAdditional ul li a.s3:hover{
					background:url(../images/bg-navigationAdditional.jpg)  -230px -160px ;
					}
					div#navigationAdditional ul li.active a.s3{
					background:url(../images/bg-navigationAdditional.jpg)  -230px -160px ;
					}
					
			div#navigationAdditional ul li a.s4 {
					background:url(../images/bg-navigationAdditional.jpg) 0 -220px no-repeat;
					}
					div#navigationAdditional ul li a.s4:hover{
					background:url(../images/bg-navigationAdditional.jpg)  -230px -220px;
					}
					div#navigationAdditional ul li.active a.s4{
					background:url(../images/bg-navigationAdditional.jpg)  -230px -220px ;
					}
/*---------------------------------------------------------------------------------------
--------------------------------------SUBNAVI--------------------------------------------
---------------------------------------------------------------------------------------*/



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



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


