div#wrapper {
	margin: 0px 40px;
	/* text-align: left; */
	background: #FAFAFA; }
	div#wrap_content {}
div.figure {
  float: right;
  width: 100%;
  margin: 0.5em;
  padding: 0.5em;
  border: thin brown solid;
}
div.figure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
img.scaled {
  width: 100%;
}

#navlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}
<div id="nav">
  <ul>
    <li class="navhome"><a href="#">home</a></li>
    <li class="navteam"><a href="#">team</a></li>
    <li class="navprodukte"><a href="#">produkte</a></li>
    <li class="navservice"><a href="#">service</a></li>
    <li class="navkontakt"><a href="#">kontakt</a></li>
  </ul>
  </div>
  div#nav {
	background: #FAFAFA;
	text-align: left;
	margin-bottom: 1.0em;
}
div#nav li {
	display: inline;
	margin-right: 0.4em;
}
div#nav a {
	text-decoration: none; 
	font-weight: bold; 
	text-transform: uppercase; 
	padding: 0.2em 1.0em 0.4em 1.0em;
	border: 2px solid #CCCCCC;
	border-top: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	background: 
}
div#nav a:hover, 
body#home li.navhome a,
body#team li.navteam a,
body#produkte li.navprodukte a,
body#service li.navservice a,
body#kontakt li.navkontakt a {
	background: #E3004F;
	color: #FFFFFF;
	border: 2px solid #FFFFFF;
	border-top: 2px solid #CCCCCC;
	border-right: 2px solid #CCCCCC;
}