#navigation {
  display:none;
  position:relative;
  z-index:50;
}

#navigation ul, #navigation li {
  list-style-type:none;
  margin:0px;
  padding:0px;
  text-align:center;
}

#navigation .menuItem a {
  display:block;
  line-height:20px;
  vertical-align:middle;
  text-transform:uppercase;
  font-size:0.8em;
}

#navigation .menuItem a.inactive { cursor:default; }

#navigation .menuItem {
  display:block;
  position:relative;
  height:20px;
  padding-left:10px;
  padding-right:10px;
  margin-left:5px;
  float:left;
}
#navigation .menuItem .left, #navigation .menuItem .right {
  top:0px;
  position:absolute;
  background-repeat:no-repeat;
  height:20px;
  width:4px;
  display:none;
}
#navigation .menuItem .left { background-image:url('/images/navigation/links_normal.gif'); left:0px; }
#navigation .menuItem .right { background-image:url('/images/navigation/rechts_normal.gif'); right:0px; }

#navigation .menuItem.hasSubMenu.active .left { background-image:url('/images/navigation/links_aufgeklappt.gif'); left:0px; }
#navigation .menuItem.hasSubMenu.active .right { background-image:url('/images/navigation/rechts_aufgeklappt.gif'); right:0px; }

#navigation .menuItem.active a { color:white; }
#navigation .menuItem.selected a { color:white; }
#navigation .menuItem.active a:hover { color:#dfdd3a; }
#navigation .menuItem.active a.inactive:hover { color:#fff; }
#navigation .subMenuItem .selected a { color:black; }

#navigation .menuItem.active, #navigation .menuItem.selected { background-image:url('/images/navigation/bg_navi.gif'); background-repeat:repeat-x; }
#navigation .menuItem.hasSubMenu.active { background-image:none; background-color:#92bd48; border-bottom:5px solid #92bd48; }
#navigation .menuItem.active .left, #navigation .menuItem.active .right,
#navigation .menuItem.selected .left, #navigation .menuItem.selected .right{ display:block; }

#navigation .menuItem.active .subMenuItem { display:block; }

#navigation .subMenuItem {
  position:absolute;
  top:25px;
  right:0px;
  display:none;
  white-space:nowrap;
  height:35px;
  margin-left:10px;
  margin-right:10px;
  background-image:url('/images/navigation/bg_unternavi.gif');
  background-repeat:repeat-x;
}

#navigation .subMenuItem li { float:left; line-height:35px; vertical-align:middle; }
#navigation .subMenuItem a {
  line-height:35px;
  vertical-align:middle;
  display:block;
  margin-left:5px;
  margin-right:5px;
}

#navigation .subMenuItem .subLeft, #navigation .subMenuItem .subRight {
  position:absolute;
  background-repeat:no-repeat;
  height:35px;
  width:10px;
}
#navigation .subMenuItem .subLeft { background-image:url('/images/navigation/links_aufgeklappt_unternavi.gif'); left:-10px; }
#navigation .subMenuItem .subRight { background-image:url('/images/navigation/rechts_aufgeklappt_unternavi.gif'); right:-10px; }