/* Da die Navigation für mehrere Homepages benutzt werden soll,
   habe ich diese ausgelagert

   -------------------- Start Navigation  -------------------- */
#navi {
  clear: both;
  position: absolute;
  top: 47px;
  left: 0;
  font-size: 0.8em;
  font-weight: bold;
}

* html #navi {
  top: 52px;
  left: 10%;
}

#navi, #navi ul {
  padding: 0;
  margin: 0;
  list-style: none;
  z-index: 5;
}

#navi li {
  float: left;
  width: 5.2em;
  background: #BBBBBB;
  border-top: 2px solid #6F6F6F;
  border-bottom: 2px solid #6F6F6F;
  border-right: 1px solid #6F6F6F;
  border-left: 1px solid #6F6F6F;
  padding: 1px;
}

/* erster Menüpunkt horizontal */
#navi li.h_erster {
  border-left: 2px solid #6F6F6F;
}

/* letzter Menüpunkt horizontal */
#navi li.h_letzter {
  border-right: 2px solid #6F6F6F;
}

/* horizontal, breiter als die anderen Menüpunkte, z. B. für Online-Tisch-Reservierung */
#navi li.h_breit {
   width: 10.6em;
   white-space: nowrap;
  border-color: #8C1E34;
}

/* erster Menüpunkt vertikal */
#navi li.v_erster {
  border-top: 2px solid #6F6F6F;
}

/* letzter Menüpunkt vertikal */
#navi li.v_letzter {
  border-bottom: 2px solid #6F6F6F;
}

#navi a {
  display: block;
  width: 5.2em;
  color: #6F6F6F;
  text-decoration: none;
}

#navi a:hover {
  color: #8C1E34;
}

#navi li ul {
   position: absolute;
   width: 1em;
   left: -999em;
   list-style-position: inside;
}

#navi li ul li {
  border: none;
  border-left: 2px solid #6F6F6F;
  border-right: 2px solid #6F6F6F;
  padding: 2px;
  width: 14em;
  text-align: left;
  font-size: small;
}

#navi li ul li a {
        width: 14em;
}

#navi li:hover ul,
#navi li.sfhover ul {
        left: auto;
        margin-left:-0.1em;
        margin-top: 1px;
}

/* Verschiebung Untermenü IE7 korrigieren */
*+ html #navi li:hover ul {
  margin-left:-2.7em;
}

/* Verschiebung Untermenü IE6 korrigieren */
* html #navi li.sfhover ul {
  margin-left:-2.7em;
}

#navi a.kein_link {
   cursor: url(../images/cur_stop.gif), auto;
}

#navi a.akt_seite {
   cursor: url(../images/cur_stop.gif), auto;
   color: #8C1E34;
}

/* Falls dritte Ebene in der Navigation benutzt werden soll... */
/*#navi li ul ul {
        margin: -1em 0 0 10em;
}

#navi li:hover ul ul,
#navi li:hover ul ul ul,
#navi li.sfhover ul ul,
#navi li.sfhover ul ul ul {
        left: -999em;
}

#navi li:hover ul,
#navi li li:hover ul,
#navi li li li:hover ul,
#navi li.sfhover ul,
#navi li li.sfhover ul,
#nav li li li.sfhover ul {
        left: auto;
}*/
/* ------------------ Ende Navigation --------------------*/