/* -------------- Navigation --------------- */

#top_navi {
  width:713px;
  height:54px;
  background-color: #23343b;
  position:relative;
}

#top_navi ul#naviLevel01 {
  position:absolute;
  left:0px;
  top:14px;
  height:26px;
  width:662px;
  background: url(/gfx/de/kaco_navi_map.gif) left top no-repeat;
  list-style:none;
  z-index:900;
  font-size:1.1em;
}

#top_navi ul#naviLevel01 li {
  float:left;
  position:relative;

}

#top_navi table {
  position: absolute;
  top: 0;
  left: 0;
  border-collapse: collapse;

}
#top_navi ul a, #top_navi ul a:hover {
  display:block;
  float:none;
  clear:both;
  text-decoration:none;
}

#top_navi ul ul a, #top_navi ul ul a:hover {
  width:160px;
  padding:6px 9px 7px 9px;
  background: #fff url(/gfx/main_nav_seperator.gif) left bottom no-repeat;
  /* min-height hack for ie6 */
  min-height:13px;
  height:auto !important;
  height:13px;
}

#top_navi ul ul.naviLevel03_customWidth01 a, #top_navi ul ul.naviLevel03_customWidth01 a:hover {
  width:180px;
}


#top_navi ul ul ul ul a, #top_navi ul ul ul ul a:hover {
  width:220px;
}

#top_navi ul ul ul ul.naviLevel04_customWidth01 a, #top_navi ul ul ul ul.naviLevel04_customWidth01 a:hover {
  width:180px;
}
#top_navi ul ul ul ul.naviLevel04_customWidth02 a, #top_navi ul ul ul ul.naviLevel04_customWidth02 a:hover {
  width:120px;
}


#top_navi ul#naviLevel01 a.topLnk02, #top_navi ul#naviLevel01 a.topLnk03,
#top_navi ul#naviLevel01 a.topLnk04, #top_navi ul#naviLevel01 a.topLnk05,
#top_navi ul#naviLevel01 a.topLnk06, #top_navi ul#naviLevel01 a.topLnk07,
#top_navi ul#naviLevel01 a.topLnk08, #top_navi ul#naviLevel01 a.topLnk01 {
  height:26px;
}

#top_navi ul a:hover {
  padding-right:2px;
  background:url(/gfx/de/kaco_navi_map.gif) left -26px no-repeat;
  z-index:902;
}

#top_navi ul :hover > a {
  padding-right:2px;
  background:url(/gfx/de/kaco_navi_map.gif) left -26px no-repeat;
}

#top_navi ul#naviLevel01 a.topLnk01 {
  width:49px;
}

#top_navi ul#naviLevel01 a.topLnk01:hover {
  background:none;
  padding:0;
}

#top_navi ul#naviLevel01 a.topLnk02 {
  width:114px;
}

#top_navi ul#naviLevel01 a.topLnk02:hover, #top_navi ul a:hover {
  background-position:-49px -26px;
}

#top_navi ul#naviLevel01 a.topLnk02:hover, #top_navi ul :hover > a.topLnk02 {
  background-position:-49px -26px;
}

#top_navi ul#naviLevel01 a.topLnk03 {
  width:89px;
}

#top_navi ul#naviLevel01 a.topLnk03:hover, #top_navi ul a:hover {
  background-position:-163px -26px;
}

#top_navi ul#naviLevel01 a.topLnk03:hover, #top_navi ul :hover > a.topLnk03 {
  background-position:-163px -26px;
}

#top_navi ul#naviLevel01 a.topLnk04 {
  width:76px;
}

#top_navi ul#naviLevel01 a.topLnk04:hover, #top_navi ul a:hover {
  background-position:-252px -26px;
}

#top_navi ul#naviLevel01 a.topLnk04:hover, #top_navi ul :hover > a.topLnk04 {
  background-position:-252px -26px;
}

#top_navi ul#naviLevel01 a.topLnk05 {
  width:80px;
}

#top_navi ul#naviLevel01 a.topLnk05:hover, #top_navi ul a:hover {
  background-position:-328px -26px;
}

#top_navi ul#naviLevel01 a.topLnk05:hover, #top_navi ul :hover > a.topLnk05 {
  background-position:-328px -26px;
}

#top_navi ul#naviLevel01 a.topLnk06 {
  width:79px;
}

#top_navi ul#naviLevel01 a.topLnk06:hover, #top_navi ul a:hover {
  background-position:-408px -26px;
}

#top_navi ul#naviLevel01 a.topLnk06:hover, #top_navi ul :hover > a.topLnk06 {
  background-position:-408px -26px;
}

#top_navi ul#naviLevel01 a.topLnk07 {
  width:70px;
}

#top_navi ul#naviLevel01 a.topLnk07:hover, #top_navi ul a:hover {
  background-position:-487px -26px;
}

#top_navi ul#naviLevel01 a.topLnk07:hover, #top_navi ul :hover > a.topLnk07 {
  background-position:-487px -26px;
}

#top_navi ul#naviLevel01 li a.topLnk08 {
  width:82px;
}

#top_navi ul#naviLevel01 a.topLnk08:hover, #top_navi ul a:hover {
  background-position:-557px -26px;
}

#top_navi ul#naviLevel01 a.topLnk08:hover, #top_navi ul :hover > a.topLnk08 {
  background-position:-557px -26px;
}

/* level 2 */

#top_navi ul ul a:hover {
  background-image:none;
  background-color:#727d81;
  color:#fff;
  z-index:901;
}

#top_navi ul#naviLevel01 li ul.naviLevel02, #top_navi ul#naviLevel01 li ul.naviLevel02 li ul.naviLevel03, #top_navi ul#naviLevel01 li ul.naviLevel02 li ul.naviLevel03 li ul.naviLevel04{
  visibility:hidden;
  position:absolute;
  left:-1px;
  top:26px;
  list-style:none;
  border:1px solid #23343b;
  z-index:901;
  background-color:#727d81;
}

#top_navi ul#naviLevel01 li:hover ul.naviLevel02, #top_navi ul#naviLevel01 a:hover ul.naviLevel02 {
  visibility:visible;
}

#top_navi ul#naviLevel01 ul.naviLevel02 li {
  float:none;
}

/* level 3 */

#top_navi ul#naviLevel01 li ul.naviLevel02 li ul.naviLevel03{
  left:178px;
  top:-1px;
  z-index:902;
  border-top:1px solid #23343b;
}

#top_navi ul#naviLevel01 li ul.naviLevel02 li:hover ul.naviLevel03, #top_navi ul#naviLevel01 li ul.naviLevel02 a:hover ul.naviLevel03 {
  visibility:visible;
}

#top_navi ul ul :hover > a, #top_navi ul ul ul :hover > a {
  background-image:none;
  background-color:#727d81;
  color:#fff;
  z-index:905;
}

/* level 4 */

#top_navi ul#naviLevel01 li ul.naviLevel02 li ul.naviLevel03 li ul.naviLevel04 {
  left:178px;
  top:-1px;
  z-index:905;
  border-top:1px solid #23343b;
}

#top_navi ul#naviLevel01 li ul.naviLevel02 li ul.naviLevel03 li:hover ul.naviLevel04, #top_navi ul#naviLevel01 li ul.naviLevel02 li ul.naviLevel03 a:hover ul.naviLevel04{
  visibility:visible;
}



