#navlist {
    height: 26px;
	position: relative;
}
	#navlist li {
        display: block;
        height: 26px;
        position: absolute;
        width: 142px;
    }
	#navlist a {
		display: block;
        height: 100%;
        position: relative;
        text-indent: -99999px;
        width: 100%;
	}
    
    #nav-home { left: -7px; z-index: 7; } #nav-home a { background: url(../images/navi/en/home.png) -142px 0px no-repeat; }
    #nav-produkte { left: 118px; z-index: 6; } #nav-produkte a { background: url(../images/navi/en/produkte.png) -142px 0px no-repeat; }
    #nav-leistungen { left: 243px; z-index: 5; } #nav-leistungen a { background: url(../images/navi/en/leistungen.png) -142px 0px no-repeat; }
    #nav-unternehmen { left: 368px; z-index: 4; } #nav-unternehmen a { background: url(../images/navi/en/unternehmen.png) -142px 0px no-repeat; }
    #nav-karriere { left: 493px; z-index: 3; } #nav-karriere a { background: url(../images/navi/en/karriere.png) -142px 0px no-repeat; }
    #nav-kontakt { left: 618px; z-index: 2; } #nav-kontakt a { background: url(../images/navi/en/kontakt.png) -142px 0px no-repeat; }
    #nav-downloads { left: 743px; z-index: 1; } #nav-downloads a { background: url(../images/navi/en/downloads.png) -142px 0px no-repeat; }
    
	/*#navlist a:hover, */#navlist a.hovered { background-position: 0px 0px; } /* bei 0 0 wird es nach vorne gestellt, aber in lila */
    #navlist li:hover { z-index: 10; }
    #navlist li.active a, #navlist li.active a:hover { background-position: 0px 0px; }
    #navlist li.active { z-index: 9; }
    

/* FOR IE 6 */

* html #nav-home a { background: url(../images/navi/en/home_ie.png) -142px 0px no-repeat; }
* html #nav-produkte a { background: url(../images/navi/en/produkte_ie.png) -142px 0px no-repeat; }
* html #nav-leistungen a { background: url(../images/navi/en/leistungen_ie.png) -142px 0px no-repeat; }
* html #nav-unternehmen a { background: url(../images/navi/en/unternehmen_ie.png) -142px 0px no-repeat; }
* html #nav-karriere a { background: url(../images/navi/en/karriere_ie.png) -142px 0px no-repeat; }
* html #nav-kontakt a { background: url(../images/navi/en/kontakt_ie.png) -142px 0px no-repeat; }
* html #nav-downloads a { background: url(../images/navi/en/downloads_ie.png) -142px 0px no-repeat; }