/*
    CSS - Anweisungen f&#65533;r barrierefreies Topmen&#65533;
           mit Hover-Effekt und Anzeige des aktiven Teils
*/

#topmenu {
  clear:both;
  background-color:#ececec;
  padding:0 0 0 0;
  margin:3px 0;
  border-top:1px solid #999;
  border-bottom:1px solid #999;
}
#topmenu .clear {
  margin:0;
  padding:0;
  border:0;
  height:0;
}
* html #topmenu .clear {
  position:absolute;
}
#topmenu .menutext ul {
  margin:0;
  padding:0;
}
#topmenu .menutext li {
  float:left;
  list-style:none;
  margin:0;
  padding:0;
  border:0;
}
#topmenu .menutext li a {
  display:block;
  padding:0.3em 0.9em 0.3em 0.6em;
  color:#333;
  text-decoration:none;
  border-left:0.7em solid #ececec;
  border-right:1px solid #ececec;
}
#topmenu .menutext li a:hover {
  background-color:#fff;
  border-left:0.7em solid #999;
  border-right:1px solid #999;
}
#topmenu .menutext li.on a {
  color:white;
  background-color:#39f;
  font-weight:normal;
  padding:0.3em 0.9em 0.3em 0.6em;
  border-left:0.7em solid #39f;
  border-right:1px solid #39f;
}
#topmenu .menutext li.on a:hover {
  color:#333;
  background-color:#fff;
  border-left:0.7em solid #999;
  border-right:1px solid #999;
}

