<style type="text/css">
<!--
#navbg {
	background:#ffffff url(http://de.fitness.com/images/navbg.jpg) repeat;
	/*background-color: #008FDE;*/
	width:100%;
	height:30px;
	/*margin-right:20px;*/
         /*padding-left:10px;*/

}


#topnav {
	background:#008FDE url(http://de.fitness.com/images/navbg.jpg) repeat;
	margin:0px 0px 0px 0px;
	/*position: relative;*/
	/*top: 0px;*/
	height: 20px;
	font-size: 11px;
         padding-top:8px;


         }


#topnav li ul, #topnav li ul {
	margin: 0;
	padding: 0;
	width: 700px;
}


#topnav a {
	text-decoration: none;
}


#topnav li { /*float the main list items*/
	margin: 0;
	float: left;
	display: block;
	padding-right: 10px;
}


#topnav li ul {
	display: none;
}


#topnav li.off ul, #topnav li.on ul  { /*put the subnav below*/
	position: absolute;
	top: 21px;
	left: 0;
	padding-top: 5px;
	background: #224d6f;
	height: 25px;
	width: 700px;
	padding-left: 60px;
}


#topnav li.on ul {
	background: #c01439;
}


#topnav li.on:hover ul, #topnav li.over ul { /*for ie*/
	background: #224d6f;
}


#topnav li a {
	color: #fff;
	font-weight: bold;
	display: block;
	padding: 4px;
}


#topnav li.on a {
  background-color:#00a1e3;
}


#topnav li.on ul a, #topnav li.off ul a {
	border: 0;
	float: left; /*ie doesn't inherit the float*/
	color: #c01439;
	width: auto;
	margin-right: 15px;
}


#topnav li.on:hover ul a, #topnav li.over ul li a { /*for ie - the specificity is necessary*/
	background: #224d6f;
}


#topnav li.on ul {
	display: block;
}


#topnav li.off:hover ul, #topnav li.over ul {
	display: block;
	z-index: 6000;
}


#topnav li.off a:hover, #topnav li.on a:hover {
	  background-color:#00a1e3;
}


#topnav li.off ul a, #topnav li.on ul a {
	display: block;
	background: #224d6f;
	color: #fff;
	font-family: arial, verdana, sans-serif;
	font-size: small;
}


#topnav li.on ul a {
	background: #c01439;
}



-->
</style>
