@charset "utf-8";
/* CSS Document */

* {
   margin: 0;
   padding: 0;
   border: none;
}

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

body {
   color: #404040;
   font-family: "trebuchet MS", verdana, arial;
   font-size:12px;
   line-height:1.6em;
   text-decoration: none;
   list-style-type: none;
}

p{
	margin: 15px 0 15px 0;
}

#container {
   width: 950px;
   margin: 0 auto;
   position:relative;
}

#header {
   background: url(../images/bg-head.jpg) no-repeat;
   height:197px;
   width: 950px;
  
}

h1#branding {
   text-indent: -9999px;
   width: 510px;
   height: 100px;
   position:absolute;
   top: 54px;
   left: 160px;
   text-align:left;
   display: block;
}


h1#branding a {
   width: 510px;
   height: 100px;
   display:block;
}


h2{
	font-size: 26px;
    font-family:"trebuchet MS", verdana, arial, sans-serif;
    margin-bottom: 15px;
}

h3{
	font-size: 20px;
    font-family:"trebuchet MS", verdana, arial, sans-serif;
    margin: 35px 0 0 65px;
}

h4{
	font-size: 20px;
    font-family:"trebuchet MS", verdana, arial, sans-serif;
    margin: 25px 0 0 65px;
}

.clear{
	clear: both;
}

.typo{
	margin-left: 15px;
}

.typo1{
	margin-left: 30px;
}

.typo2{
	margin-left: 45px;
}

.typo3{
	margin-left: 60px;
}


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

#navigation{
	list-style: none;
	height: 40px;
/*    width:901px;*/
    position:absolute;
    left: 25px;
    top: 196px;
    background:url(../images/bg-navigation.jpg) no-repeat;
}



ul#navigation li{
	position:relative;
   list-style: none;
   float:left;
}

ul#navigation li a:link,
ul#navigation li a:visited {
			height:40px;
			display:block;
			text-decoration:none;
}

ul#navigation li a {
   text-indent:-9999px;
/*   height: 40px;
   display: block;
   outline: none;*/
   float:left;
}


			ul#navigation li a.startseite
			{
					width:96px;
					background:url(../images/bg-navigation.jpg) no-repeat -1px 0px;
					}
					ul#navigation li a.startseite:hover{
					background:url(../images/bg-navigation.jpg)  -1px 40px ;
					}
					ul#navigation li.active a.startseite{
					background:url(../images/bg-navigation.jpg)  -1px 40px ;
					}
					
			ul#navigation li a.zur-person{
					width:97px;
					background:url(../images/bg-navigation.jpg) no-repeat -96px 0px;
					}
					ul#navigation li a.zur-person:hover{
					background:url(../images/bg-navigation.jpg)  -96px 40px ;
					}
					ul#navigation li.active a.zur-person{
					background:url(../images/bg-navigation.jpg)  -96px 40px ;
					}
					
			ul#navigation li a.angebot{
					width:80px;
					background:url(../images/bg-navigation.jpg) no-repeat -193px 0px;
					}
					ul#navigation li a.angebot:hover{
					background:url(../images/bg-navigation.jpg)  -193px 40px ;
					}
					ul#navigation li.active a.angebot{
					background:url(../images/bg-navigation.jpg)  -193px 40px ;
					}
					
			ul#navigation li a.hintergrund {
					width:107px;
					background:url(../images/bg-navigation.jpg) no-repeat -273px 0px;
					}
					ul#navigation li a.hintergrund:hover{
					background:url(../images/bg-navigation.jpg)  -273px 40px ;
					}
					ul#navigation li.active a.hintergrund{
					background:url(../images/bg-navigation.jpg)  -273px 40px ;
					}
					
			
			ul#navigation li a.aktuelles {
					width:108px;
					background:url(../images/bg-navigation.jpg) no-repeat -380px 0px;
					}
					ul#navigation li a.aktuelles:hover{
					background:url(../images/bg-navigation.jpg)  -380px 40px ;
					}
					ul#navigation li.active a.aktuelles{
					background:url(../images/bg-navigation.jpg)  -380px 40px ;
					}		
					
			ul#navigation li a.anfahrt {
					width:132px;
					background:url(../images/bg-navigation.jpg) no-repeat -488px -0px;
					}
					ul#navigation li a.anfahrt:hover{
					background:url(../images/bg-navigation.jpg)  -488px -40px ;
					}
					ul#navigation li.active a.anfahrt{
					background:url(../images/bg-navigation.jpg)  -488px -40px ;
					}	
					
					
			ul#navigation li a.kontakt {
					width:76px;
					background:url(../images/bg-navigation.jpg) no-repeat -620px -0px;
					}
					ul#navigation li a.kontakt:hover{
					background:url(../images/bg-navigation.jpg)  -620px -40px ;
					}
					ul#navigation li.active a.kontakt{
					background:url(../images/bg-navigation.jpg)  -620px -40px ;
					}	
                    
                    
            ul#navigation li a.impressum {
					width:204px;
					background:url(../images/bg-navigation.jpg) no-repeat -696px -0px;
					}
					ul#navigation li a.impressum:hover{
					background:url(../images/bg-navigation.jpg)  -696px -40px ;
					}
					ul#navigation li.active a.impressum{
					background:url(../images/bg-navigation.jpg)  -696px -40px ;
					}	
                    
  .linie{
  	background: url(../images/bg-linie.jpg) no-repeat;
    height:28px;
    width:950px;
    position: absolute;
    top: 236px;
  }                  
/*---------------------------------------------------------------------------------------
--------------------------------------contentContainer-----------------------------------
---------------------------------------------------------------------------------------*/

#contentContainer {
   width: 950px;
   background: url(../images/bg-contentContainer.jpg) repeat-y;
   float:left;
}

/*---------------------------------------------------------------------------------------
--------------------------------------contentMain1---------------------------------------
---------------------------------------------------------------------------------------*/

#contentMain1 a:link,
#contentMain1 a:visited {
   color: #404040;
}

#contentMain1 a:hover,
#contentMain1 a:active {
   color: #929292;
}


#contentMain1 {
   width: 488px;
   float:left;
   padding: 90px 0 0 29px;
}

#contentMain1 p{
   width: 470px;
   
}

#container #contentContainer #contentMain1 li {
   background: url(../images/li-content.jpg) left 11px no-repeat;
   padding:6px 0 0 18px;
   list-style-type: none;
   float:none;
   margin:0 0 0 15px;
}

.border{
	border: #404040 solid 2px;
    padding: 2px;
    float: left;
    margin: 0 15px 0 0;
}

.float{
	float: left;
    width:162px;
}

#container #contentContainer #contentMain1 .float p{
	width: 195px;
}

#container #contentContainer #contentMain1 .hintergrund2 p{
	width: 254px;
}

#container #contentContainer #contentMain1 .hintergrund3 p{
	width: 191px;
}

.underline{
	 text-decoration: underline;
}

.hintergrund2{
	float:left;
    width:220px;
}

.hintergrund3{
	float:left;
    width:220px;
}

#container #contentContainer #contentMain1 #Kontaktformular #fehlermeldung{
		width: 407px;
}

/*---------------------------------------------------------------------------------------
--------------------------------------contentSidebar-------------------------------------
---------------------------------------------------------------------------------------*/

#contentSidebar {
   width: 413px;
   height:407px;
   float: left;
   background: url(../images/bg-contentMain2.jpg) no-repeat;
   margin: 65px 0 0 -4px;
}

.fragen{
	margin: 20px 0 0 70px;
}

.hurch{
	margin: 20px 0 0 70px;
}

#contentSidebar a:link,
#contentSidebar a:visited {
   color: #404040;
}

#contentSidebar a:hover,
#contentSidebar a:active {
   color: #929292;
}

/*---------------------------------------------------------------------------------------
--------------------------------------Footer---------------------------------------------
---------------------------------------------------------------------------------------*/  

#footerwrapper {
   background: url(../images/bg-footer.jpg) no-repeat;
   clear:left;
   height: 64px;
   width: 901px;
   margin: 0 0 0 25px;
}

#footer {
   margin-left:auto;
   margin-right:auto;
   position:relative;
   width:901px;
   font-size: 11px;
}

.adress2 {
   float:left;
   width: 240px;
   font:1.2em/1.5em "trebuchet MS", verdana, arial, sans-serif;
   color:#35518b;
}

.adress3 {
   float:left;
   width: 233px;
   padding-left: 87px;
   font:1.2em/1.5em "trebuchet MS", verdana, arial, sans-serif;
   color:#35518b;
}