/*
 * Author: coDESIGN Dresden
 * Date: September 2009
 */

#navbar {
  position: absolute;
margin-top: 750px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding: 0;
width: 764px;
height: 50px;
border: 0px solid red;
}

#navbar ul.navlist {
margin: 0px 0 0 0;
padding: 0 0 0 0px;
width: 764px;
height: 50px;
}

#navbar ul.navlist li {
  position: absolute;
}

#navbar ul.navlist li a {
display: block;
margin: 0;
padding: 0;
height: 50px;
text-decoration: none;
font-size: 12px;
color: #666666;
font-weight: normal;
/*text-transform: uppercase;*/
border: 0px solid blue;
overflow: hidden;
text-indent: 200px;
  background-repeat: no-repeat;
  background-position: 6px 40px;
}

#navbar ul.navlist li a:hover {
  background-repeat: no-repeat;
  background-position: 6px 40px;
}


#navbar ul.navlist li.menuon {
  background-repeat: no-repeat;
  background-position: 0 4px;
}

li#n1 {
  margin-left: 50px;
  width: 50px;
}

li#n2 {
  margin-left: 116px;
  width: 65px;
}

li#n3 {
  margin-left: 200px;
  width: 65px;
}

li#n4 {
  margin-left: 284px;
  width: 95px;
}


li#n5 {
  margin-left: 392px;
  width: 95px;
}

li#n6 {
  margin-left: 498px;
  width: 95px;
}

li#n7 {
  margin-left: 606px;
  width: 115px;
}

/*
 * Rollover for Vita
 */

#vita #navbar ul.navlist li#n1 a {
  background-image: url(../img/vita_image/unterstrich_vita_gelb.jpg);
}

#vita #navbar ul.navlist li#n1 a:hover {
  background-image: url(../img/vita_image/unterstrich_vita_gelb.jpg);
}

#vita #navbar ul.navlist li#n2 a:hover {
  background-image: url(../img/vita_image/unterstrich_musik_gelb.jpg);
}

#vita #navbar ul.navlist li#n3 a:hover {
  background-image: url(../img/vita_image/unterstrich_fotos_gelb.jpg);
}

#vita #navbar ul.navlist li#n4 a:hover {
  background-image: url(../img/vita_image/unterstrich_projekte_gelb.jpg);
}

#vita #navbar ul.navlist li#n5 a:hover {
  background-image: url(../img/vita_image/unterstrich_termine_gelb.jpg);
}

#vita #navbar ul.navlist li#n6 a:hover {
  background-image: url(../img/vita_image/unterstrich_kontakt_gelb.jpg);
}

#vita #navbar ul.navlist li#n7 a:hover {
  background-image: url(../img/vita_image/unterstrich_startseite_gelb.jpg);
}

/*
 * Rollover for Musik
 */

#musik #navbar ul.navlist li#n2 a {
  background-image: url(../img/musik_image/unterstrich_musik_gelb.jpg);
}

#musik #navbar ul.navlist li#n1 a:hover {
  background-image: url(../img/musik_image/unterstrich_vita_gelb.jpg);
}

#musik #navbar ul.navlist li#n2 a:hover {
  background-image: url(../img/musik_image/unterstrich_musik_gelb.jpg);
}

#musik #navbar ul.navlist li#n3 a:hover {
  background-image: url(../img/musik_image/unterstrich_fotos_gelb.jpg);
}

#musik #navbar ul.navlist li#n4 a:hover {
  background-image: url(../img/musik_image/unterstrich_projekte_gelb.jpg);
}

#musik #navbar ul.navlist li#n5 a:hover {
  background-image: url(../img/musik_image/unterstrich_termine_gelb.jpg);
}

#musik #navbar ul.navlist li#n6 a:hover {
  background-image: url(../img/musik_image/unterstrich_kontakt_gelb.jpg);
}

#musik #navbar ul.navlist li#n7 a:hover {
  background-image: url(../img/musik_image/unterstrich_startseite_gelb.jpg);
}

/*
 * Rollover for Fotos
 */

#fotos #navbar ul.navlist li#n3 a {
  background-image: url(../img/fotos_image/unterstrich_fotos_gelb.jpg);
}

#fotos #navbar ul.navlist li#n1 a:hover {
  background-image: url(../img/fotos_image/unterstrich_vita_gelb.jpg);
}

#fotos #navbar ul.navlist li#n2 a:hover {
  background-image: url(../img/fotos_image/unterstrich_musik_gelb.jpg);
}

#fotos #navbar ul.navlist li#n3 a:hover {
  background-image: url(../img/fotos_image/unterstrich_fotos_gelb.jpg);
}

#fotos #navbar ul.navlist li#n4 a:hover {
  background-image: url(../img/fotos_image/unterstrich_projekte_gelb.jpg);
}

#fotos #navbar ul.navlist li#n5 a:hover {
  background-image: url(../img/fotos_image/unterstrich_termine_gelb.jpg);
}

#fotos #navbar ul.navlist li#n6 a:hover {
  background-image: url(../img/fotos_image/unterstrich_kontakt_gelb.jpg);
}

#fotos #navbar ul.navlist li#n7 a:hover {
  background-image: url(../img/fotos_image/unterstrich_startseite_gelb.jpg);
}

/*
 * Rollover for Projekte
 */

#projects #navbar ul.navlist li#n4 a {
  background-image: url(../img/projekte_image/unterstrich_projekte_dbraun.jpg);
}

#projects #navbar ul.navlist li#n1 a:hover {
  background-image: url(../img/projekte_image/unterstrich_vita_dbraun.jpg);
}

#projects #navbar ul.navlist li#n2 a:hover {
  background-image: url(../img/projekte_image/unterstrich_musik_dbraun.jpg);
}

#projects #navbar ul.navlist li#n3 a:hover {
  background-image: url(../img/projekte_image/unterstrich_fotos_dbraun.jpg);
}

#projects #navbar ul.navlist li#n4 a:hover {
  background-image: url(../img/projekte_image/unterstrich_projekte_dbraun.jpg);
}

#projects #navbar ul.navlist li#n5 a:hover {
  background-image: url(../img/projekte_image/unterstrich_termine_dbraun.jpg);
}

#projects #navbar ul.navlist li#n6 a:hover {
  background-image: url(../img/projekte_image/unterstrich_kontakt_dbraun.jpg);
}

#projects #navbar ul.navlist li#n7 a:hover {
  background-image: url(../img/projekte_image/unterstrich_startseite_dbraun.jpg);
}

/*
 * Rollover for Termine
 */

#termine #navbar ul.navlist li#n5 a {
  background-image: url(../img/termine_image/unterstrich_termine_hbraun.jpg);
}

#termine #navbar ul.navlist li#n1 a:hover {
  background-image: url(../img/termine_image/unterstrich_vita_hbraun.jpg);
}

#termine #navbar ul.navlist li#n2 a:hover {
  background-image: url(../img/termine_image/unterstrich_musik_hbraun.jpg);
}

#termine #navbar ul.navlist li#n3 a:hover {
  background-image: url(../img/termine_image/unterstrich_fotos_hbraun.jpg);
}

#termine #navbar ul.navlist li#n4 a:hover {
  background-image: url(../img/termine_image/unterstrich_projekte_hbraun.jpg);
}

#termine #navbar ul.navlist li#n5 a:hover {
  background-image: url(../img/termine_image/unterstrich_termine_hbraun.jpg);
}

#termine #navbar ul.navlist li#n6 a:hover {
  background-image: url(../img/termine_image/unterstrich_kontakt_hbraun.jpg);
}

#termine #navbar ul.navlist li#n7 a:hover {
  background-image: url(../img/termine_image/unterstrich_startseite_hbraun.jpg);
}

/*
 * Rollover for Kontakt
 */

#kontakt #navbar ul.navlist li#n6 a {
  background-image: url(../img/kontakt_image/unterstrich_kontakt_dbraun.jpg);
}

#kontakt #navbar ul.navlist li#n1 a:hover {
  background-image: url(../img/kontakt_image/unterstrich_vita_dbraun.jpg);
}

#kontakt #navbar ul.navlist li#n2 a:hover {
  background-image: url(../img/kontakt_image/unterstrich_musik_dbraun.jpg);
}

#kontakt #navbar ul.navlist li#n3 a:hover {
  background-image: url(../img/kontakt_image/unterstrich_fotos_dbraun.jpg);
}

#kontakt #navbar ul.navlist li#n4 a:hover {
  background-image: url(../img/kontakt_image/unterstrich_projekte_dbraun.jpg);
}

#kontakt #navbar ul.navlist li#n5 a:hover {
  background-image: url(../img/kontakt_image/unterstrich_termine_dbraun.jpg);
}

#kontakt #navbar ul.navlist li#n6 a:hover {
  background-image: url(../img/kontakt_image/unterstrich_kontakt_dbraun.jpg);
}

#kontakt #navbar ul.navlist li#n7 a:hover {
  background-image: url(../img/kontakt_image/unterstrich_startseite_dbraun.jpg);
}