/******************************
Navigation
******************************/
#navi ul {
  list-style-type:none;
}
#navi ul li {
  float:left;
  cursor: pointer;
  background-position: 13px 0px;
  background-repeat:no-repeat;
}
#navi ul li:hover,
#navi ul li.selected {
  background-position: 13px -18px;
}
#navi ul li a {
  display:block;
  font-size:12px;
  font-weight:normal;
}
#navi ul li a img {
  padding: 0 13px;
  display:block;
}


/******************************
2. Ebene
******************************/
#navi ul li ul {
  visibility:hidden;
  position: absolute;
  float:none;
  padding:14px 0 16px 0;
  z-index: 1000;
  width:218px;
  /*border:1px solid #FFFF00;*/
}
#navi ul li:hover ul {
  visibility:visible;
  top:18px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#navi ul li ul li {
  z-index: 1000;
  display:block;
  float:left;
  padding:0;
  width:218px;
  background: none;
}
#navi ul li ul li a {
  background:none;
  color:#FFFFFF;
  display:block;
  width:195px;
  padding:3px 0 3px 23px;
  background:url(/img/navi/arrow.gif) 17px 0px no-repeat;
}
#navi ul li ul li.selected a,
#navi ul li ul li a:hover {
  background:url(/img/navi/arrow.gif) 17px -22px no-repeat;
  color:#BBDBED;
}
/******************************
Positionen der ul der 2. Ebene
******************************/
#navi ul li#nav-1:hover ul {
  left:-10px;
}
#navi ul li#nav-2:hover ul {
  left:84px;
}
#navi ul li#nav-3:hover ul {
  left:207px;
}
#navi ul li#nav-4:hover ul {
  left:300px;
}
/*#navi ul li#nav-5:hover ul {
  left:424px;
}
#navi ul li#nav-6:hover ul {
  left:548px;
}
#navi ul li#nav-7:hover ul {
  left:603px;
}*/
#navi ul li#nav-5:hover ul {
  left:393px;
}
#navi ul li#nav-6:hover ul {
  left:603px;
}