<style>
#navigation .active{
	font: 12px Verdana, Tahoma, Arial;
	font-weight: bold;
	text-shadow: #000 0 1px 1px;
	color: #fff;
	background-color: #333;
	border-radius: 12px;
	padding: 5px 18px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}

#navigation .active:hover{
	font: 12px Verdana, Tahoma, Arial;
	font-weight: bold;
	text-shadow: #000 0 1px 1px;
	color: #fff;
	background-color: #333;
	border-radius: 12px;
	padding: 5px 18px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}

#navigation ul{
	float: left;
	margin: 13px 0px 0px 175px;
}

#navigation li{
	float: left;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#navigation li a{
	font: 12px Verdana, Tahoma, Arial;
	font-weight: bold;
	text-align: center;
	text-shadow: #fff 0 1px 1px;
	color: #7a7a7a;
	padding: 5px 18px;
	margin: 0px 3px;
}  

#navigation li a:hover{
	font: 12px Verdana, Tahoma, Arial;
	font-weight: bold;
	color: #7a7a7a;
	background-color: #e2e2e2;
	padding: 5px 18px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}  
</style>

<div id="navigation">
 <ul>
  <li><a href="#" class="active">Startseite</a></li>
  <li><a href="#">Seite 1</a></li>
  <li><a href="#">Seite 2</a></li>
  <li><a href="#">Seite 3</a></li> 		
  <li><a href="#">Seite 4</a></li> 		
 </ul>
</div>