
/*####  NAVIGATION  */
/* Allgemeines */
* html #navigation {
 position:absolute;width:30%;height:100%;margin-left:-30%;
 z-index:202;
 background: url(winkel.gif) no-repeat;
 background-position:right 145px;
}


html>body #navigation {
 float:left;width:30%;height:1000px;
 z-index:202;
 background: url(winkel.gif) no-repeat;
 background-position:right 145px;
}

.navitem {
 clear:both;
 float:right;
 width:200px;
 z-index:203;margin-right:2px;
}

.navitem a {
 background-color:#fff;
 display:block;height:30px;
 text-decoration:none;
 font: bold 14px Arial,Helvetica;color:#0F203C;
}

* html .navitem a {
 padding:4px 0 4px 9px;
}



/* Navigations-Elemente ON/OFF */
/* Home */
.navitem a.nav_home:link,.navitem a.nav_home:visited {
 background: url(gfx/navigation/navi_home_0.gif) no-repeat;
}
.navitem a.nav_home:focus,.navitem a.nav_home:active,.navitem a.nav_home:hover,.navitem a.nav_home_on {
 background: url(gfx/navigation/navi_home_1.gif) no-repeat;
}

/* Konzept */
.navitem a.nav_konzept:link,.navitem a.nav_konzept:visited {
 background: url(gfx/navigation/navi_konzept_0.gif) no-repeat;
}
.navitem a.nav_konzept:focus,.navitem a.nav_konzept:active,.navitem a.nav_konzept:hover,.navitem a.nav_konzept_on {
 background: url(gfx/navigation/navi_konzept_1.gif) no-repeat;
}

/* Leistungen */
.navitem a.nav_leistungen:link,.navitem a.nav_leistungen:visited {
 background: url(gfx/navigation/navi_leistungen_0.gif) no-repeat;
}
.navitem a.nav_leistungen:focus,.navitem a.nav_leistungen:active,.navitem a.nav_leistungen:hover,.navitem a.nav_leistungen_on {
 background: url(gfx/navigation/navi_leistungen_1.gif) no-repeat;
}


/* Freelancer-Specials */
.navitem a.nav_freelancer-specials:link,.navitem a.nav_freelancer-specials:visited {
 background: url(gfx/navigation/navi_freelancer-specials_0.gif) no-repeat;
}
.navitem a.nav_freelancer-specials:focus,.navitem a.nav_freelancer-specials:active,.navitem a.nav_freelancer-specials:hover,.navitem a.nav_freelancer-specials_on {
 background: url(gfx/navigation/navi_freelancer-specials_1.gif) no-repeat;
}


/* Projekte */
.navitem a.nav_projekte:link,.navitem a.nav_projekte:visited {
 background: url(gfx/navigation/navi_projekte_0.gif) no-repeat;
}
.navitem a.nav_projekte:focus,.navitem a.nav_projekte:active,.navitem a.nav_projekte:hover,.navitem a.nav_projekte_on {
 background: url(gfx/navigation/navi_projekte_1.gif) no-repeat;
}

/* Kunden */
.navitem a.nav_kunden:link,.navitem a.nav_kunden:visited {
 background: url(gfx/navigation/navi_kunden_0.gif) no-repeat;
}
.navitem a.nav_kunden:focus,.navitem a.nav_kunden:active,.navitem a.nav_kunden:hover,.navitem a.nav_kunden_on {
 background: url(gfx/navigation/navi_kunden_1.gif) no-repeat;
}

/* Infothek */
.navitem a.nav_infothek:link,.navitem a.nav_infothek:visited {
 background: url(gfx/navigation/navi_infothek_0.gif) no-repeat;
}
.navitem a.nav_infothek:focus,.navitem a.nav_infothek:active,.navitem a.nav_infothek:hover,.navitem a.nav_infothek_on {
 background: url(gfx/navigation/navi_infothek_1.gif) no-repeat;
}

/* Person */
.navitem a.nav_person:link,.navitem a.nav_person:visited {
 background: url(gfx/navigation/navi_person_0.gif) no-repeat;
}
.navitem a.nav_person:focus,.navitem a.nav_person:active,.navitem a.nav_person:hover,.navitem a.nav_person_on {
 background: url(gfx/navigation/navi_person_1.gif) no-repeat;
}

/* Kontakt / Impressum */
.navitem a.nav_kontakt:link,.navitem a.nav_kontakt:visited {
 background: url(gfx/navigation/navi_kontakt_0.gif) no-repeat;
}
.navitem a.nav_kontakt:focus,.navitem a.nav_kontakt:active,.navitem a.nav_kontakt:hover,.navitem a.nav_kontakt_on {
 background: url(gfx/navigation/navi_kontakt_1.gif) no-repeat;
}





