#mainmenu {
  background-color: #ccc;
  border-left: 1px solid white;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  font-size: 0px;
}

#mainmenu .cssmenupunkt {
  line-height: 11px;
  font-size: 12px;
  position: relative;
  border-bottom: 1px solid red;
}
 
#mainmenu .cssmenu .cssmenu {
  width: 190px;
  display: none;
  position: absolute;
  left: 0px;
  top: 22px;
  padding: 0px;
  background-color: white;
}

#mainmenu .cssmenu .cssmenu .cssmenu {
  width: 450px;
  left: 190px;
  *left: 170px; /* ratet, wer nicht rechnen kann... IE? */
  top: -200px;
}

#mainmenu .cssmenupunkt a {
  color: #0037ae;
  font-weight: bold;
  text-decoration: none;
  line-height: 20px;
}

#mainmenu .cssmenupunkt .cssmenupunkt a {
  color: #555;
  font-weight: normal;
  border: 0px;
  line-height: 16px;
}

#mainmenu .aktiv a {
  color: white;
}

#mainmenu .aktiv .cssmenupunkt a {
  color: #555;
}

#mainmenu .aktiv {
  background-image: url(/intern/pics/bg_hauptmenu.jpg);
  border: 1px solid #aaa;
}

#mainmenu .aktiv .cssmenupunkt {
  background-image: none;
  border: 0px;
}

#mainmenu .cssmenupunkt {
  display: block;
  float: left;
  padding: 2px 20px;
  border: none;
  background-color: #ccc;
}

#mainmenu .cssmenupunkt .cssmenupunkt {
  float: none;
  border: 0px;
  background-color: #cfcfcf;
  border-top: 1px solid #eee;
}

#mainmenu .cssmenupunkt .cssmenupunkt .cssmenupunkt {
  background-color: #d7d7d7;
}

#mainmenu .cssmenupunkt .cssmenupunkt a:hover {
  color: black !important;
}

#mainmenu div.cssmenupunkt:hover > .cssmenu, #mainmenu div.cssmenu:hover { display: block !important; }