#navi {
  position: absolute;
    left: 180px;
    top: 30px;

  z-index: 90;
}

#navi li {
  float: left;
  width: auto;
/*  margin-left: 20px;*/
/*  position: relative;*/

  list-style-type: none;
  z-index: 91;
}

#navi li:hover ul,
#navi li.hover ul {
  display: block;
  position: absolute;
}

#navi li a {
  float: left;
  width: auto;
  height: 27px;
  margin: 0 0 0 0;
/*  border-bottom: 10px solid white;*/

  background-position: top left;

  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  overflow: hidden;
  z-index: 92;
}

#navi li.active a {
  background-position: left 27px;
}

#navi li ul {
  width: 532px;
  
  background: #01a8ec;
  display: none;

  position: absolute;
    left: 0;
    top: 27px;
  z-index: 92;
}

#navi li ul li {
  float: left;
  margin-left: 0;
  position: relative;

  z-index: 93;
}

#navi li:hover ul li a,
#navi li ul li a {
  float: left;
  width: auto;
  height: 33px;
  margin: 0;
  position: relative;
  z-index: 94;

  background-position: 0 0;

/*  border: 1px solid white;*/
}

#navi li:hover a,
#navi li a:hover {
  background-position: 0 -27px;
}

#navi li ul li:hover a,
#navi li ul li a:hover {
  background-position: 0 -33px;
}

#navi li#navHome a {
  width: 64px;
  background-image: url(img/navi_home.jpg);
}

#navi li#navWundS a {
  width: 58px;
  background-image: url(img/navi_wunds.jpg);
}

#navi li#navReisen a {
  width: 74px;
  background-image: url(img/navi_reisen.jpg);
}

#navi li#navArchiv a {
  width: 78px;
  background-image: url(img/navi_archiv.jpg);
}

#navi li#navShop a {
  width: 62px;
  background-image: url(img/navi_shop.jpg);
}

#navi li#navNetwork a {
  width: 106px;
  background-image: url(img/navi_netzwerk.jpg);
}

#navi li#navShop a:hover,
#navi li#navNetwork a:hover {
/*  background-position: 0 0;*/
/*  cursor: default;*/
}

#navi li#navMedia a {
  width: 90px;
  background-image: url(img/navi_gallery.jpg);
}

#navi li ul li#navFotoGallery a {
  width: 68px;
  background-image: url(img/navi_fotos.jpg);
}

#navi li ul li#navVideoGallery a {
  width: 76px;
  background-image: url(img/navi_videos.jpg);
}

#navi li ul li#navTripOne a {
  width: 93px;
  background-image: url(img/navi_camp1.jpg);
}

#navi li ul li#navTripTwo a {
  width: 105px;
  background-image: url(img/navi_camp2.jpg);
}

#navi li ul li#navPartner a {
  width: 91px;
  background-image: url(img/navi_partner.jpg);
}

#navi li ul li#navLinks a {
  width: 65px;
  background-image: url(img/navi_links.jpg);
}

#navi li ul li#navCampHistory a {
  width: 133px;
  background-image: url(img/navi_camphistory.jpg);
}

#navi li ul li#navCommunity a {
  width: 113px;
  background-image: url(img/navi_community.jpg);
}

#navi li ul li#navAboutUs a {
  width: 97px;
  background-image: url(img/navi_ueberuns.jpg);
}

#navi li ul li#navGetOnBoard a {
  width: 132px;
  background-image: url(img/navi_gob.jpg);
}

#navi li ul li#navRentABoard a {
  width: 131px;
  background-image: url(img/navi_rab.jpg);
}

#navi li ul li#navGuiding a {
  width: 84px;
  background-image: url(img/navi_guiding.jpg);
}

#navi li ul li#navParty a {
  width: 58px;
  background-image: url(img/navi_party.jpg);
}

#navi li ul li#navFreestyle a {
  width: 154px;
  background-image: url(img/nav_freestyle_guiding.jpg);
}

#navi li ul li#navKontakt a {
  width: 75px;
  background-image: url(img/nav_kontakt.jpg);
}

#campNavigation {
  width: 174px;
  float: right;
  margin-top: 104px;

  list-style-type: none;
}

#campNavigation .csc-textpic {
  float: left;
  margin-bottom: 7px;
}

#campNavigation a {
  float: left;
  height: 32px;
  overflow: hidden;
}

#campNavigation a:hover img {
  position: relative;
  top: -32px;
}