html { height:101%; }

BODY {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  PADDING-RIGHT: 0px;
  PADDING-LEFT: 0px;
  FONT-WEIGHT: normal;
  FONT-SIZE: 14px;
  PADDING-BOTTOM: 0px;
  MARGIN: 0px 0px 0px;
  PADDING-TOP: 0px;
  FONT-STYLE: normal;
  BACKGROUND-COLOR: #eeeeee;
  line-height: 1.5;
  height: 100%;
}

.content {
  width:780px;
#  height: 100%;
  margin:0 auto;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  background-color:#ffffff;
  border: 1px solid #000000;
}
ul.menu, ul.menu ul {
  list-style-type: none;
}

ul.menu a {
  display: block;
  padding: 3px 10px 3px 10px;
  font-weight:normal;
}

ul.menu ul a {
  padding: 0 10px;
}

ul.menu li {
  padding:0;
  margin:0;
  background-image: none;
  background-color: #FFF9E4;
  float:left;
  border:1px solid #26383D;
}

ul.menu ul {
  margin-left:0;
  padding: 0 0 5px 0;
  position: absolute;
  background-color: #26383D;
  border:1px solid #FFF9E4;
  display:none;
  min-width:180px;
}

/* IE-Hack für die Breite */
*html ul.menu ul {
  width:180px;
}

/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */
/* über der Liste  befindet (.hover siehe JavaScript oben) */
ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul  {
  display:block;
}

ul.menu ul li {
  float:none;
  background-color: transparent;
}