/* HEADERLEISTE */
#headerleiste { width: 982px; height: 38px; margin: 18px auto; position: relative; }
#headerleiste #navleiste { margin: 0; padding: 0; }
#headerleiste #navleiste li { display: inline; }
#headerleiste #navleiste li a { float: left; width: 117px; height: 0; padding-top: 38px; overflow: hidden; }
#headerleiste #navleiste li a,
#headerleiste #navrechts { background-image: url(images/navleiste.png); background-repeat: no-repeat; }


/* BUTTON */
#headerleiste #navleiste li#n-logo a { background-position: 0 0; }
#headerleiste #navleiste li#n-home a { background-position: -117px 0; }
#headerleiste #navleiste li#n-leistungen a { background-position: -234px 0; }
#headerleiste #navleiste li#n-about_us a { background-position: -351px 0; }
#headerleiste #navleiste li#n-agb a { background-position: -468px 0; }
#headerleiste #navleiste li#n-kontakt a { background-position: -585px 0; }
#headerleiste #navleiste li#n-impressum a { background-position: -702px 0; }

/* MOUSE OVER */
#headerleiste #navleiste li#n-logo a:hover { background-position: 0 -38px; }
#headerleiste #navleiste li#n-home a:hover { background-position: -117px -38px; }
#headerleiste #navleiste li#n-leistungen a:hover { background-position: -234px -38px; }
#headerleiste #navleiste li#n-about_us a:hover { background-position: -351px -38px; }
#headerleiste #navleiste li#n-agb a:hover { background-position: -468px -38px; }
#headerleiste #navleiste li#n-kontakt a:hover { background-position: -585px -38px; }
#headerleiste #navleiste li#n-impressum a:hover { background-position: -702px -38px; }

/* MOUSE PRESSED */
#headerleiste #navleiste li#n-logo a:active { background-position: 0 -76px; }
#headerleiste #navleiste li#n-home a:active { background-position: -117px -76px; }
#headerleiste #navleiste li#n-leistungen a:active { background-position: -234px -76px; }
#headerleiste #navleiste li#n-about_us a:active { background-position: -351px -76px; }
#headerleiste #navleiste li#n-agb a:active { background-position: -468px -76px; }
#headerleiste #navleiste li#n-kontakt a:active { background-position: -585px -76px; }
#headerleiste #navleiste li#n-impressum a:active { background-position: -702px -76px; }

/* RECHTS*/
#navrechts { width: 163px; height: 38px; position: absolute; top: 0; right: 0; background-position: 100% 0; background-repeat: no-repeat; }