/* horizontal navigation bar using floated elements */

/* @import url(navbar-float.css);*/ /* hor. navigation bar in #header */

/*
    <div id="navbar">
      <ul>
        <li class="menuactive"><a href="../index.shtml">Profil</a></li>
        <li><a href="../leistung/index.shtml">Dienstleistungen</a></li>
        <li><a href="../service/index.shtml">Service</a></li>
        <li><a href="../kontakt/index.shtml">Kontakt</a></li>
        <li><a href="../impressum.shtml">Impressum</a></li>
     </ul>
    </div>

*/


#header #navbar {
  background: black;
  padding: 0.3em 0.4em; 
  overflow: hidden;  /* to include floated elements */
}
#header #navbar { height: 1%; }  /* hasLayout fix for IE5x, IE6 */

#header #navbar ul {
  float: left;  /* might be float:right to shift navbar to the right side */
  width: auto;
  margin-left: 0;
  margin-bottom: 0;
/*  padding: 0.3em 0.4em; */
  background: black;
}
#header #navbar li {
  float: left;
  width: auto;
  list-style-type: none;
  margin-left: 0;
}
#header #navbar li.menuactive a {
  color: red;
  font-weight: bold;
} 

#header #navbar a {
  display: block; /* transform a-element from inline-box to block box */
  margin:2px; 
  padding: 0.2em 0.4em; 
  color: white;
  background: black;
} 

#header #navbar a:hover {
  color: red; 
  background:#333;
}