/*  horizontal menu */

#menu li {
  text-align: center;
  margin-left: auto; 
  margin-right: auto;
  margin-bottom: 0px;
  display: inline;
  position: relative;
}

#menu li ul li {
  display: block;
}

#menu li, li ul li {
  border: 1px none yellow;
  padding: 1px;
  list-style-type: none;
}

/*  top menu */

div.topMenu {
  border-bottom : 1px solid #c6c6c6;
  font-size: 10pt;
  left: 210px;
  padding-top: 15px;
  padding-bottom: 5px;
  position: fixed;
  text-align: center;
  top: 0;
  z-index: 1;
}

div.topMenu li {
  float: left;  /* ohne width - nach CSS 2.1 erlaubt */
}

div.topMenu li ul {
  top: 10px; 
  padding-top: 20px;
}

div.topMenu li:hover ul {
  display: block;  /* Unternavigation in modernen Browsern einblenden */
}

div.topMenu li ul li {
  background-color : #5b5b5b;
}

div.topMenu li ul, div.bottomMenu li ul {
  position: absolute;
  left: 0px;
  display: none;
  border: 1px none white;
  padding-left: 0px;
  margin: 0px;
}

/*  bottom menu */

div.bottomMenu {
  bottom : 1px;
  left : 50%;
  position: absolute;
  text-align : center;
  vertical-align : middle;
  z-index : 2;
}

div.bottomMenu div {
  background-color: #d3d3d3;
  border-style : outset none none none;
  border-width : 1px;
  font-size : 10pt;
  left: -50%;
  margin: 0px;
  padding: 0px;
  position: relative;
}

div.bottomMenu li {
  z-index : 3;
}

div.bottomMenu div li a {
  z-index : 4;
}

div.bottomMenu div li ul {
  top: -100px; 
  left: 0px;
  padding-bottom: 20px;
  z-index : 4;
}