
<style type="text/css">
<!--

*
	{
   padding: 0;
   margin: 0;
   
	}
				
body {
   font: 14px "Trebuchet MS", verdana, arials, sans-serif;
   color:#000;
   background: #e6e6e6;

	}
#page {
	background-color: #e6e6e6;
	height: 580px;
	width: 800px;
	margin: 0px auto;
	border: solid 2px #000000;
}
#header {
	font-family: Verdana, Arial, Helvetica;
	background-image: url(logo-prohydro.gif);
	background-repeat: no-repeat;
	background-color: #e6e6e6;
	height: 130px;
	border-bottom: solid 2px #cef3bb;
}
#footer {
	float: right;
    height: 30px;
	width: 540px;
	padding: 5px;
	background-image:url(hg-footer.gif);	
}

#leistungen {
	margin: 20px 8px;
	height: 25px;
	background-image: url(leistungen.gif);
	background-repeat: no-repeat;
	font-size: 7;
	color: #ffffff;
	padding: 1px;
}

#content {
	float: left;
	height: 408px;
	width: 548px;
	background-color: #ffffff;
	background-repeat: no-repeat;
	border-left: solid 1px #cef3bb;
}
#menue2 { /* links von content floatendes Menue */
float: left;
width: 250px;
height: 448px;
background-image: url(hg-menue-links.gif);
color: #fff;
}

#menue2 a {
display: block;
text-decoration: none;
margin: 12px 12px;
padding: 3px 3px;
color: #0f2509;
border: solid 1px black;
}
#menue2 a:hover {
background-color: #cef3bb; 
color: #0b8d07;
border: dotted 1px #0b8d07;
}
#menue2 a:active {
background-color: #cef3bb;
border: solid 2px black;
}
#menue2 a:focus {
background-color: #cef3bb;
border: solid 2px black;
}
#menue1 {
float:right;
width: 450px;
margin: 5px 20px;
}

#menue1 a {
display: inline;
color: #0f2509;
border: none;
text-decoration: none;
padding: 5px 5px;
}
#menue1 a:hover {
background-color: #cef3bb; 
color: #0b8d07;
}
#menue1 a:active {
background-color: #cef3bb;
border: solid 2px black;
}
#menue1 a:focus {
background-color: #cef3bb;
border: solid 2px black;
}
	
-->
</style>

