.foo
{
}
/* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... */

/* Einteilung der Bereiche (Klassen)
mnu         - Menu, äußere ul
mnu-div     - äußerer Container
mnu-child   - li-tag mit Kind
mnu-leaf    - li-tag ohne Kind
mnu-link    - a-tag (link)
mnu-nonlink - span-tag (anstelle a-tag, wenn kein Link)
*/

.mnu
{
  padding: 10px;
  background-color: #2CC0F0;
}

/* generelle Textgroesse durch äußeren Container*/
.mnu-div
{
  text-align: left;
  margin: 5px;
}

.mnu, .mnu ul
{
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
}

/* horizontale Orientierung der Menüpunkte der ersten Ebene*/
.mnu li
{
  position: relative;
  list-style: none;
  float: left;
  text-align:center;
  border-right-color: #000080;
  border-right-style: solid;
  border-right-width: thin;
}

/* Menüpunkte der nicht ersten Ebene ohne Rahmen*/
.mnu ul li
{
    text-align:left;
    border-right-style:none;
}

/* Unterstrich in Links ausblenden */
.mnu li a, .mnu li span
{
  display: block;
  text-decoration: none;
}

/* 2. Ebene ausblenden */
.mnu ul
{
  position: absolute;
  visibility: hidden;
  z-index: 1;
}

/* 3. Ebene ausblenden, wenn Cursor auf 1. Ebene */
.mnu li:hover ul ul
{
  position: absolute;
  visibility: hidden;
  z-index: 1;
}

/* 2. Ebene aufblenden, wenn Cursor auf 1. Ebene */
.mnu li:hover ul
{
  visibility: visible;
  z-index: 2;
}

/* 3. Ebene aufblenden, wenn Cursor auf 2. Ebene */
.mnu li li:hover ul
{
  visibility: visible;
  z-index: 3;
}

/* Hintergrund Untermenüpunkte */
.mnu-div ul ul
{
  background: #E6F0FA;
}

/* Gestaltung der 1. Ebene */
.mnu li
{
  min-width: 9em;
  padding: 2px 0 2px 0;
}

/* Rahmen und Abstand um Untermenüpunkte der 2. Ebene */
.mnu ul
{
  left: 3px;
  top: 1em;
  padding: 5px;
  border: 2px solid #165EA9;
}

/* Rahmen und Abstand um Untermenüpunkte der 3. Ebene */
.mnu ul ul
{
  left: 9em;
  top: -1em;
  width: 12em;
}

/*    */
.mnu li.mnu-leaf
{
  min-width: 4em;
  padding: 2px 0 2px 0;
}


/* Start: rules to make the horizontal menu's top tier use proportional width for its items. */
.mnu-div ul.mnu li a, .mnu-div ul.mnu li span
{
  display: inline;
}

/*  */
.mnu-div ul.mnu ul li a, .mnu-div ul.mnu ul li span
{
  display: block;
}

/* End: proportional rules */

/* Link-Farbe */
.mnu-div ul.mnu li a, .mnu-div ul.mnu li span
{
  color: #124500;
  border-style: none;
  padding: 0 5px;
}

/* in 2. Ebene schwarzen Pfeil einblenden, wenn 3. Ebene vorhanden */
.mnu-child ul li.mnu-child
{
  background: transparent url(arrowRight.gif) right center no-repeat;
}

/* in 2. Ebene gelben Pfeil einblenden, wenn 3. Ebene vorhanden und Cursor auf Eintrag steht */
.mnu-child ul li.mnu-child:hover span
{
  background: transparent url(activeArrowRight.gif) right center no-repeat;
}

/* zurücksetzen */
.mnu li.mnu-leaf a, .mnu li.mnu-leaf span
{
  background-image: none !important;
}

/* zurücksetzen */
.mnu li.mnu-child a, .mnu li.mnu-leaf span
{
  background-image: none !important;
}

/* Hintergrund bei hover */
.mnu-div ul.mnu li:hover, .mnu-div ul.mnu li.mnu:hover
{
  background: #165EA9 url(bg-menu-main.png) repeat-x;
}

/* weisse Schrift bei hover auf a-tag */
.mnu-div ul.mnu li a:hover
{
  color: White;
}