*
	{
	margin: 0;
	padding: 0;
	}
	
body
	{
	background-color: #8d8d8d;
	}
	
.bannerbg
	{
	background-color: white;
	}
	
	.banner
		{
		margin: 0 auto;
		width: 986px;
		height: 126px;
		background-image: url(bilder/banner.jpg);
		background-repeat: no-repeat;
		}
		
		/* MEN†PUNKT -LEISTUNGEN- */
		
			a.navi1:link
				{
				display: block;
				margin-left: 300px;
				padding-top: 90px;
				width: 80px;
				height: 36px;
				font-family: verdana;
				font-size: 14px;
				color: #000000;
				text-align: center;
				text-decoration: none;
				float: left;
				}		
				
			a.navi1:visited
				{
				display: block;
				margin-left: 300px;
				padding-top: 90px;
				width: 80px;
				height: 36px;
				font-family: verdana;
				font-size: 14px;
				color: #000000;
				text-align: center;
				text-decoration: none;
				float: left;
				}	
				
			a.navi1:hover
				{
				height: 29px;
				border-bottom: solid 7px #000000;
				float: left;
				} 
				
								
		/* MEN†PUNKT - ENTWURFSPLANUNG */				
			
			a.navi2:link
				{
				display: block;
				margin-left: 50px;
				padding-top: 90px;
				width: 120px;
				height: 36px;
				font-family: verdana;
				font-size: 14px;
				color: #000000;
				text-align: center;
				text-decoration: none;
				float: left;
				}		
				
			a.navi2:visited
				{
				display: block;
				margin-left: 50px;
				padding-top: 90px;
				width: 120px;
				height: 36px;
				font-family: verdana;
				font-size: 14px;
				color: #000000;
				text-align: center;
				text-decoration: none;
				float: left;
				}	
				
			a.navi2:hover
				{
				height: 29px;
				border-bottom: solid 7px #000000;
				float: left;
				}
				
				
		/* MEN†PUNKT - BAUBETREUUNG */				
			
			a.navi3:link
				{
				display: block;
				margin-left: 50px;
				padding-top: 90px;
				width: 100px;
				height: 36px;
				font-family: verdana;
				font-size: 14px;
				color: #000000;
				text-align: center;
				text-decoration: none;
				float: left;
				}		
				
			a.navi3:visited
				{
				display: block;
				margin-left: 50px;
				padding-top: 90px;
				width: 100px;
				height: 36px;
				font-family: verdana;
				font-size: 14px;
				color: #000000;
				text-align: center;
				text-decoration: none;
				float: left;
				}	
				
			a.navi3:hover
				{
				height: 29px;
				border-bottom: solid 7px #000000;
				float: left;
				}
			
				
		/* MEN†PUNKT - VITA */				
			
			a.navi4:link
				{
				display: block;
				margin-left: 50px;
				padding-top: 90px;
				width: 30px;
				height: 36px;
				font-family: verdana;
				font-size: 14px;
				color: #000000;
				text-align: center;
				text-decoration: none;
				float: left;
				}		
				
			a.navi4:visited
				{
				display: block;
				margin-left: 50px;
				padding-top: 90px;
				width: 30px;
				height: 36px;
				font-family: verdana;
				font-size: 14px;
				color: #000000;
				text-align: center;
				text-decoration: none;
				float: left;
				}	
				
			a.navi4:hover
				{
				height: 29px;
				border-bottom: solid 7px #000000;
				float: left;
				}
				
				
		/* MEN†PUNKT - NAVI1 ACTIVE */				
				
			a.navi1_act:link
				{
				display: block;
				margin-left: 300px;
				padding-top: 90px;
				width: 80px;
				height: 29px;
				font-family: verdana;
				font-size: 14px;
				color: #000000;
				text-align: center;
				text-decoration: none;
				float: left;
				border-bottom: solid 7px #000000;
				}		
				
			a.navi1_act:visited
				{
				display: block;
				margin-left: 300px;
				padding-top: 90px;
				width: 80px;
				height: 29px;
				font-family: verdana;
				font-size: 14px;
				color: #000000;
				text-align: center;
				text-decoration: none;
				float: left;
				border-bottom: solid 7px #000000;
				}	
				
			a.navi1_act:hover
				{
				height: 29px;
				border-bottom: solid 7px #000000;
				float: left;
				}
				
				
		/* MEN†PUNKT - NAVI2-4 ACTIVE */				
				
			a.navi2_act:link
				{
				display: block;
				margin-left: 50px;
				padding-top: 90px;
				width: 120px;
				height: 29px;
				font-family: verdana;
				font-size: 14px;
				color: #000000;
				text-align: center;
				text-decoration: none;
				float: left;				
				border-bottom: solid 7px #000000;
				}		
				
			a.navi2_act:visited
				{
				display: block;
				margin-left: 50px;
				padding-top: 90px;
				width: 120px;
				height: 29px;
				font-family: verdana;
				font-size: 14px;
				color: #000000;
				text-align: center;
				text-decoration: none;
				float: left;
				border-bottom: solid 7px #000000;
				}	
				
			a.navi2_act:hover
				{
				height: 29px;
				border-bottom: solid 7px #000000;
				float: left;
				}
				
				
				
		/* MEN†PUNKT - BAUBETREUUNG - ACTIV*/				
			
			a.navi3_act:link
				{
				display: block;
				margin-left: 50px;
				padding-top: 90px;
				width: 100px;
				height: 29px;
				font-family: verdana;
				font-size: 14px;
				color: #000000;
				text-align: center;
				text-decoration: none;
				border-bottom: solid 7px #000000;
				float: left;
				}		
				
			a.navi3_act:visited
				{
				display: block;
				margin-left: 50px;
				padding-top: 90px;
				width: 100px;
				height: 29px;
				font-family: verdana;
				font-size: 14px;
				color: #000000;
				text-align: center;
				text-decoration: none;
				border-bottom: solid 7px #000000;
				float: left;
				}	
				
			a.navi3_act:hover
				{
				height: 29px;
				border-bottom: solid 7px #000000;
				float: left;
				}
				
			
			/*  MEN†PUNKT - VITA ACTIV */
			a.navi4_act:link
				{
				display: block;
				margin-left: 50px;
				padding-top: 90px;
				width: 30px;
				height: 29px;
				font-family: verdana;
				font-size: 14px;
				color: #000000;
				text-align: center;
				text-decoration: none;
				border-bottom: solid 7px #000000;
				float: left;
				}		
				
			a.navi4_act:visited
				{
				display: block;
				margin-left: 50px;
				padding-top: 90px;
				width: 30px;
				height: 29px;
				font-family: verdana;
				font-size: 14px;
				color: #000000;
				text-align: center;
				text-decoration: none;
				border-bottom: solid 7px #000000;
				float: left;
				}	
				
			a.navi4_act:hover
				{
				height: 29px;
				border-bottom: solid 7px #000000;
				float: left;
				}		
									
.mainbg
	{
	background-color: #8d8d8d;
	clear: both;
	}
	
	.main
		{
		margin: 0 auto;
		width: 986px;
		background-image: url(bilder/mainbg.jpg);
		background-repeat: no-repeat;
		background-color: #8d8d8d;
		}
		
		.main_bildleiste
			{
			width: 235px;
			margin-top: 75px;
			margin-left: 65px;
			float: left;
			}
			
		.main_bildleiste_gq
			{
			width: 300px;
			height: 320px;
			margin-top: 25px;
			margin-left: 40px;
			background-color: #4e4e4e;
			padding: 20px;
			float: left;
			}
	
		.main_bildleiste_gq p
			{
			font-family: arial;
			font-size: 12px;
			color: #d9d9d9;
			}
			
		p.gq_p
			{	
			height: 200px;
			}
			
		.main_bildleiste_gh
			{
			width: 300px;
			height: 548px;
			margin-top: 25px;
			margin-left: 40px;
			background-color: #4e4e4e;
			padding: 20px;
			float: left;
			}
			
		.main_bildleiste_gh p
			{
			font-family: arial;
			font-size: 12px;
			color: #d9d9d9;
			}
			
		p.gh_p
			{	
			height: 430px;
			}
			
		/* Bildleiste bei zweizeiligen Header */
		
		.main_bildleiste_gq2
			{
			width: 300px;
			height: 338px;
			margin-top: 25px;
			margin-left: 40px;
			background-color: #4e4e4e;
			padding: 20px;
			float: left;
			}
	
		.main_bildleiste_gq2 p
			{
			font-family: arial;
			font-size: 12px;
			color: #d9d9d9;
			}
			
		p.gq_p2
			{	
			height: 200px;
			}
			
		.main_bildleiste_gh2
			{
			width: 300px;
			height: 565px;
			margin-top: 25px;
			margin-left: 40px;
			background-color: #4e4e4e;
			padding: 20px;
			float: left;
			}
			
		.main_bildleiste_gh2 p
			{
			font-family: arial;
			font-size: 12px;
			color: #d9d9d9;
			}
			
		p.gh_p2
			{	
			height: 427px;
			}
		
			
		.main_normaltext
			{
			margin-left: 305px;
			padding-top: 40px;
			width: 480px;
			}
		
	.footer
		{
		margin: 0 auto;
		margin-top: -30px;
		width: 986px;
		height: 174px;
		background-image: url(bilder/footer_bg.png);
		background-color: #8d8d8d;
		}	
		
		.kontakt
			{
			position: absolute;
			margin-left: 225px;
			margin-top: 80px;
			height: 50px;
			width: 50px;
			font-family: arial;
			font-size: 14px;
			color: #ffffff;
			float: left;
			}
			
		.adresse
			{
			position: absolute;
			margin-left: 275px;
			margin-top: 80px;
			width: 250px;
			padding-left: 30px;
			padding-top: 2px;
			font-family: arial;
			font-size: 9px;
			font-weight: lighter;
			color: #ffffff;
			float: left;
			}