/* DATEI: menu.css                                                */
/* Diese Datei definiert die Formatvorlagen der des Menus */


/* CSS-Menu DIV object id="menu" */
#menu {
  width: 100%;
  background: #75B6ED;                 /* Hintergrund mittelblau */
  float: left;
  border-bottom:1px solid #ccc;
}

/* CSS-Menu list object */
#menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 9em;
  float: left;
  background:#f6f6f6;
}

/* CSS-Menu anchor tag - first ul layer */
#menu ul a {
  font: 12px arial, helvetica, sans-serif;
  font-weight:bold;
  color: white;                        /* Schriftfarbe Hauptmenu */
  display: block;
  border-right:1px solid #ccc;
  border-top:1px solid #ccc;
  margin: 0;
  padding: 5px 5px;
}

/* CSS-Menu bordering to the first a tag to fit all the design */
#menu a.first {
  border-right:1px solid #ccc;
  border-left:1px solid #ccc;
  border-top:1px solid #ccc;
}

/* CSS-Menu secondary lists and a tags */
#menu ul li ul a {
  border:none;
  background:#4A92CF;                  /* Hintergrund Submenu dunkelblau */
  opacity:0.7;
  filter:alpha(opacity=70);
  color:white;                         /* Schriftfarbe Submenu */
  font-weight: normal;
}

#menu ul li ul a:hover {
  background:#C30;                     /* Hintergrund Submenu hover orange */
  color:#fff;
}

#menu ul li ul {
  border:1px solid #3d6876;
}

/* CSS-Menu All menu that opened on hover */
#menu a {
  color: #000;
  background:#4A92CF;                  /* Hintergrund Hauptmenu dunkelblau */
  text-decoration: none;
}

#menu a:hover {
  color: #fff;
  background: #C30;                    /* Hintergrund Hauptmenu hover orange */
}
#menu li {position: relative;}

#menu ul ul ul {
  position: absolute;
  top: 0;
  left: 100%;
}

#menu ul ul {
  position: absolute;
  z-index: 500;
}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
  {display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
  {display: block;}

/* eigene */
div#menu ul li a { height:1.5em; }
