#navButton
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}
#navButton ul
{
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#navButton li
{
/* float: left; */
  margin: 0px;
}
#navButton li.active  /* Navigationspunkt ist ausgewählt */
{
  display: block;
  padding-top: 6px;     /* zusammen mit height = 27px */
  padding-left: 50px;   /* zusammen mit width = 204px */
  width: 154px;
  height: 21px;
  color: #FFFFFE;
  background-image: url(/images/button-o.png);
}
#navButton a
{
  display: block;
  padding-top: 6px;     /* zusammen mit height = 27px */
  padding-left: 50px;   /* zusammen mit width = 204px */
  width: 154px;
  height: 21px;
  background-image: url(/images/button.png);
  color: #0B4A40;
  text-decoration: none;
  text-align: left;
}
#navButton a.active   /* Navigationsunterpunkt ist ausgewählt, daher anklickbar */
{
  display: block;
  padding-top: 6px;     /* zusammen mit height = 27px */
  padding-left: 50px;   /* zusammen mit width = 204px */
  width: 154px;
  height: 21px;
  background-image: url(/images/button-o.png);
  color: #FFFFFE;
  text-decoration: none;
  text-align: left;
}
#navButton a:visited
{
  color: #0B4A40;
}
#navButton a:hover
{
  color: #FFFFFE;
  background-image: url(/images/button-o.png);
}