#navi {
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 10px;
  margin-top: 10px;
  padding: 0px;
  background:url("images/design/navi_leiste.jpg");
  font-size: 14px;
  margin-top: 0.5em;z-index:1;
}

ul.nav {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  margin-top: 1px;
  position: absolute;
  background:url("images/design/navi_leiste.jpg");
}
/*#66AA33 entspricht der farbe hellgrün*/
ul.nav li {
  display: none;
  width: 250px;
  background-color: #FFFFFE;
  background:url("images/design/navi_leiste.jpg");
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 7px;
  border-left: 3px solid #60B9FB;
}

ul.nav li.active {
  display: none;
  width: 250px;
  background:url("images/design/navi_leiste.jpg");
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 7px;
  border-left: 3px solid #073C62;
}

ul.nav li:hover, ul.nav li.active {
  border-left: 3px solid #073C62;
}

/* #710069 entspricht der farbe lila*/
span.head {
  display: block;
  padding: 5px;
  text-align: center;
  border-top: #60B9FB 3px solid;
  background:url("images/design/navi_leiste.jpg");
}

span.active {
  border-top: 3px solid #073C62;
  display: block;
  padding: 5px;
  background:url("images/design/navi_leiste.jpg");
}


div.menupoint:hover ul.nav li {
  display: block;
}

div.menupoint:hover span.head {
  border-top: 3px solid #073C62;
}

div.menupoint {
  margin-right: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  padding: 0px;
  margin-left: 6px;
  float: left;
}