

															/* 1. Kalibrierung und allgemeine Styles*/ 

body {
	/* background-color:#A5A5A5;*/
	background-color:#4691B8;
	font-family:arial,Verdana, Helevtica, sans serif;
	font-size:100%;
	color:#2E5A77;
	margin:0px;
		}
		
		
																/* 2. Styles für Layoutbereiche */
	
#wrapper {
	width:880px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
		}
#header
		{
		margin-top:40px;
		height:121px;
		}
	#inhalt {
	width:880px;
	background:#fff;
	overflow: hidden;
	height:100%
	}
	
		#menu
		{
		width: 165px;
		font-size:80%;
		padding-top:20px;
		background:#C7E4F4;
		float:left;
		padding-left:15px;
		padding-bottom: 32768px;
	margin-bottom: -32768px;
		}
		
			#menu a
		{
	text-decoration:none;
	color:#2E5A77;
	font-weight:bold;
		}
		
				#menu a.aktiv
		{
	text-decoration:none;
	color:#0396E6;
	font-weight:bold;
		}
		
					#menu a:hover
		{
	text-decoration:none;
	color:#0396E6;
	font-weight:bold;
		}
		
		
		#menu ul {
padding:0px;
		margin: 0;
		

  		}
		
		#menu ul li {
    list-style: none;
 
		margin-bottom:15px;
	  		}
			
			#menu ul li ul {
    list-style: none;
 
	
	line-height:15px;
	padding-left:15px;
	margin-top:5px;
	  		}
			
			#menu ul li ul li {
    list-style: none;
 	margin-bottom:0px;
	
	line-height:15px;
	
	  		}
		
#text	{
	font-size:80%;
	padding:30px;
	z-index:1;
	padding-bottom:20px;
	padding-right:20px;
	margin-left:180px;
	padding-bottom: 32768px;
	margin-bottom: -32768px;
	width:420px;

		}
	
	#rechts {
	float:right;
	width:250px;
	margin-top:40px;
	}
	
	#rechts2 {
	float:right;
	width:290px;
	margin-top:40px;
	font-size:90%;
	}
		

h1
{
font-size:100%;
color:#4691B8;
}

h2
{
font-size:90%;
color:#4691B8;
}

h3
{
font-size:90%;
color:#2E5C7E;
font-weight:normal;
}

		
		

		

		
	

		
		
		/* Navigation links */	
		
		
		

		
		
						
				

#kontakt:hover	{
	
	
	color:#FFFFFF;
	overflow:hidden;
	background:#1A1A1A;
		  	}
			
			
			

			
#ueberuns	{
	padding-left:25px;
	padding-right:0px;
	color:#FFFFFF;
		  	}

					
					
																	/* 3. Sonstige Styles */
	
																

#Rahmen {
    	width:576px;
		height:36px;
		background:#B4BCC1;
		
  			}
ul#Navigation {
padding:0px;
		margin: 0;
		font-size:13px;
				
		color:#8A8D8F;
		font-weight:bold;
	    text-align: center;
	

  		}

ul#Navigation li {
    list-style: none;
    float: left;
	width:143px;
	border-right:1px solid #fff;
	line-height:36px;
	vertical-align:middle;

  		}
	
		


ul#Navigation li ul {
    margin: 0; 
	padding: 0;
    display:none; 
 /* Unternavigation ausblenden */
	position: absolute;
	float: left;
	width:143px;
		background-color:#B4BCC1;
		font-size:11px;
		z-index:10;
  }


ul#Navigation li:hover ul {
    display:block;   /* Unternavigation in modernen Browsern einblenden */
	font-size:13px;
	
	color:#B4BCC1;
	  }
  


ul#Navigation a, ul#Navigation span {
    display: block;
    text-decoration: none;
    color:#383B3F;
	
	}

ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
    color:#fff;
	
  	}
  
#aktiv
{
background-color:#B4BCC1;
color:#fff;
display:block;
}


			
			#kontakt-aktiv	{
	color:#FFFFFF;
	overflow:hidden;
	background:#1A1A1A;
			}
			
				
ul#Navigation li ul li {
	float: none;
	display: block;
	text-align:center;
width:143px;
font-weight:normal;
	border-bottom:1px dotted #fff;
	line-height:25px;
	background :#B4BCC1;
	padding-top:0px;
	margin-top:0px;
}		

ul#Navigation li ul li.borderlos {
	float: none;
	display: block;
	text-align:center;

	border-bottom:0px dotted #000;
	line-height:25px;
	background :  #B4BCC1;
width:143px;
	margin-top:0px;
}
	
	ul#Navigation li ul li.border-top {
width:143px;

	
	margin-top:0px;
		padding-top:0px;
}
							
												 /* 2. Navi Formatierung */

	
	 
#untermenu
{
font-size:80%;
margin-top:5px;
}

#untermenu a
{
text-decoration:none;
color:#383B3F;

}

#untermenu a:hover
{
text-decoration:none;
color:#E2001A;

}


.hinweis
{
display:none;position:absolute;left:48px;height:22px;background:#E3001A;z-index:1;padding:7px;color:#ffffff;font-size:80%;width:150px; line-height:22px;z-index:20;
}


#text1
{
top:76px;
}
#text2
{
top:118px;
}

#text3
{
top:160px;
}

#text4
{
top:202px;
}

#text5
{
top:244px;
}

#text6
{
top:286px;
}

#text7
{
top:328px;
}

a, a:visited
{
color:#0596DE;
}

.icon-einzel
		{
width:36px;
	height:36px;
	text-align:center;
		margin-bottom:6px;
		background:url("bilder/icons/schutz.gif")  no-repeat;
		margin-left:auto;
	margin-right:auto;
	overflow:hidden;
		}
		#icon-einzel1
		{

		background:url("bilder/icons/schutz.gif")  no-repeat;
		
		}
		
		
			#icon-einzel1:hover
		{
	
background:url("bilder/icons/schutz-a.gif")  no-repeat;
		}
		
		
			#icon-einzel2
		{

		background:url("bilder/icons/rutsch.gif")  no-repeat;
		
		}
		
		
			#icon-einzel2:hover
		{
	
background:url("bilder/icons/rutsch-a.gif")  no-repeat;
		}
	
	
	#icon-einzel3
		{

		background:url("bilder/icons/frost.gif")  no-repeat;
		
		}
		
		
			#icon-einzel3:hover
		{
	
background:url("bilder/icons/frost-a.gif")  no-repeat;
		}
		
		#icon-einzel4
		{

		background:url("bilder/icons/bruchfest.gif")  no-repeat;
		
		}
		
		
			#icon-einzel4:hover
		{
	
background:url("bilder/icons/bruchfest-a.gif")  no-repeat;
		}
		
		#icon-einzel5
		{

		background:url("bilder/icons/mass.gif")  no-repeat;
		
		}
		
		
			#icon-einzel5:hover
		{
	
background:url("bilder/icons/mass-a.gif")  no-repeat;
		}
		
		#icon-einzel6
		{

		background:url("bilder/icons/ress.gif")  no-repeat;
		
		}
		
		
			#icon-einzel6:hover
		{
	
background:url("bilder/icons/ress-a.gif")  no-repeat;
		}
		
		#icon-einzel7
		{

		background:url("bilder/icons/ce.gif")  no-repeat;
		
		}
		
		
			#icon-einzel7:hover
		{
	
background:url("bilder/icons/ce-a.gif")  no-repeat;
		}
	.oberflaechen
	{
	width:140px;float:left;font-size:80%;position:relative
	}
	
	.oberflaechen2
	{
	width:140px;float:left;font-size:90%;z-index:10;
	}
	
	
td.werte
{
background:#eeeeee;text-align:center
}

td.header
{
background:#cccccc;
}

td.namen
{
background:#dddddd;
}

#table1 table td
{
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
}



#table1 table 
{
margin-top:20px;
margin-bottom:20px;
}

#table2  td
{
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
}