/*Navigation*/
#navi {
    margin: 0 0 0 11px;
    border-bottom: 1px solid #898989;
    position: relative;
}

#navi ul li {
    float: left;
    list-style-type: none;
	position: relative;
}

#navi ul span {
    margin-left: -10000px;
}

#navi ul li a {
    border-right: 1px solid #898989;
    height: 39px;
    display: block;
    background-repeat: no-repeat;
}

#navHome a { background: url( ../img/nav-home.gif ); width: 73px; }
#navHome a:hover, #navHome.active a { background: url( ../img/nav-home-hover.gif ); }

#navProfil a { background: url( ../img/nav-profil.gif ); width: 66px; }
#navProfil a:hover, #navProfil.active a { background: url( ../img/nav-profil-hover.gif ); }

#navKunst a { background: url( ../img/nav-kunst.gif ); width: 84px; }
#navKunst a:hover, #navKunst.active a { background: url( ../img/nav-kunst-hover.gif ); }

#navProjekte a { background: url( ../img/nav-projekte.gif ); width: 82px; }
#navProjekte a:hover, #navProjekte.active a { background: url( ../img/nav-projekte-hover.gif ); }

#navService a { background: url( ../img/nav-service.gif ); width: 74px; }
#navService a:hover, #navService.active a { background: url( ../img/nav-service-hover.gif ); }

#navArbeiten a { background: url( ../img/nav-arbeiten.gif ); width: 120px; }
#navArbeiten a:hover, #navArbeiten.active a { background: url( ../img/nav-arbeiten-hover.gif ); }

#navTermine a { background: url( ../img/nav-termine.gif ); width: 78px; }
#navTermine a:hover, #navTermine.active a { background: url( ../img/nav-termine-hover.gif ); }

#navKontakt a { background: url( ../img/nav-kontakt.gif ); width: 82px; }
#navKontakt a:hover, #navKontakt.active a { background: url( ../img/nav-kontakt-hover.gif ); }

#navNews a { background: url( ../img/nav-news.gif ); width: 62px; }
#navNews a:hover, #navNews.active a { background: url( ../img/nav-news-hover.gif ); }

#navImpressum a { background: url( ../img/nav-impressum.gif ); width: 92px; }
#navImpressum a:hover, #navImpressum.active a { background: url( ../img/nav-impressum-hover.gif ); }

#navLogin a { background: url( ../img/nav-login.gif ); width: 150px; }
#navLogin a:hover, #navLogin.active a { background: url( ../img/nav-login-hover.gif ); }

#navLogout a { background: url( ../img/nav-logout.gif ); width: 87px; }
#navLogout a:hover, #navLogout.active a { background: url( ../img/nav-logout-hover.gif ); }

#navImpressum a {
    border-right: 0;
}

#navLogin, #navLogout {
    position: absolute;
    right: 0;
	float: none !important;
}
#navLogin a, #navLogout a {
    border-left: 1px solid #898989;
    position: absolute;
    right: 0;
}

.navWelcomeMessage {
    position: absolute;
    width: 250px;
    right: 0;
    top: 45px;
    height: 18px;
    text-align: right;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
}

/* SUBNAVI */
#navi ul li ul {
    position: absolute;
    top: 45px;
	width: 600px;
}

#navi ul li li a {
    height: 18px;
}

#navi ul li .lastElem a {
    border: 0;
}

/* SUBNAVI PROFIL */
/*#navProfil ul { left: 316px; }*/

li.active #navUns a { background: url( ../img/navsub-wir.gif ); width: 101px; }
li.active #navUns.active a, li.active #navUns a:hover { background: url( ../img/navsub-wir-hover.gif ); }

li.active #navTeam a { background: url( ../img/navsub-team.gif ); width: 56px; }
li.active #navTeam.active a, li.active #navTeam a:hover { background: url( ../img/navsub-team-hover.gif ); }


/* SUBNAVI KUENSTLER */
/*#navKuenstler ul { left: 381px; }*/

li.active #navDamen a { background: url( ../img/navsub-damen.gif ); width: 64px; }
li.active #navDamen.active a, li.active #navDamen a:hover { background: url( ../img/navsub-damen-hover.gif ); }

li.active #navHerren a { background: url( ../img/navsub-herren.gif ); width: 64px; }
li.active #navHerren.active a, li.active #navHerren a:hover { background: url( ../img/navsub-herren-hover.gif ); }

/* SUBNAVI KONTAKT */
/*#subNaviKontakt { left: 467px; }*/

li.active #navAnfrage a { background: url( ../img/navsub-anfrage.gif ); width: 74px; }
li.active #navAnfrage.active a, li.active #navAnfrage a:hover { background: url( ../img/navsub-anfrage-hover.gif ); }

li.active #navBewerbung a { background: url( ../img/navsub-bewerbung.gif ); width: 91px; }
li.active #navBewerbung.active a, li.active #navBewerbung a:hover { background: url( ../img/navsub-bewerbung-hover.gif ); }

/* SUBNAVI PROFIL KUENSTLER */
/*#subNaviProfilKuenstler { left: 468px; }*/

li.active #navProfilKurz a { background: url( ../img/navsub-profil-kurz.gif ); width: 87px; }
li.active #navProfilKurz.active a, li.active #navProfilKurz a:hover { background: url( ../img/navsub-profil-kurz-hover.gif ); }

li.active #navProfilLang a { background: url( ../img/navsub-profil-lang.gif ); width: 64px; }
li.active #navProfilLang.active a, li.active #navProfilLang a:hover { background: url( ../img/navsub-profil-lang-hover.gif ); }

li.active #navArbeitenAudio a { background: url( ../img/navsub-audio.gif ); width: 57px; }
li.active #navArbeitenAudio.active a, li.active #navArbeitenAudio a:hover { background: url( ../img/navsub-audio-hover.gif ); }

li.active #navArbeitenBilder a { background: url( ../img/navsub-bilder.gif ); width: 57px; }
li.active #navArbeitenBilder.active a, li.active #navArbeitenBilder a:hover { background: url( ../img/navsub-bilder-hover.gif ); }