/*----------------------------------
 NAVIGATION 
----------------------------------*/
.navigation { background-image: url(images/navigation/navbg.jpg); background-position: 0px 45px; background-repeat: no-repeat; height: 62px; position: absolute; top: 45px; left: 223px; /*z-index: 999;*/ }
.navigation li { float: left; position: relative; z-index: 1; overflow: visible; }
.navigation li a { background-image: url(images/navigation/navigation.jpg); background-position: 0px 0px; background-repeat: no-repeat; height: 62px; width: 100px; display: block; float: left; overflow: hidden; }
.navigation li a span { position: absolute; top: 0px; visibility: hidden; }
.navigation li ul { display: none; background: #ffffff url(images/navigation/dropdown.jpg) no-repeat 0px 0px; position: absolute; top: 62px; left: 0px; width: 193px; padding: 9px 0px 15px 1px; }
.navigation li ul li { float: none; display: block; width: 192px; }
.navigation li ul li a { background: none; height: auto; display: block; padding: 0px 10px 0px 12px; float: none; width: 170px; }
.navigation li ul li a:hover, .navigation li ul li.current a { background: url(images/navigation/red.gif); }
.navigation li ul li a span { position: static; visibility: visible; }
.navigation li ul li ul { display: block; background: none; position: static; padding: 0px 0px 0px 0px; }
.navigation li ul li ul li { }
.navigation li ul li.current ul li a, .navigation li ul li ul li a { background: url(images/navigation/dot.gif) no-repeat 17px 6px; padding: 0px 10px 0px 30px; }
.navigation li ul li ul li a:hover, .navigation li ul li ul li.current a { background: url(images/navigation/dot_blue.gif) no-repeat 17px 6px; }

/* FUNKTIONEN & MERKMALE */
.navigation li a#funktionen { background-position: 0px 0px; width: 173px; }
.navigation li.current a#funktionen, 
.navigation li a#funktionen:hover { background-position: 0px -62px; }
/* SERVICE & LEISTUNGEN */
.navigation li a#service { background-position: -173px 0px; width: 150px; }
.navigation li.current a#service, 
.navigation li a#service:hover { background-position: -173px -62px; }
/* RESSOURCEN */
.navigation li a#ressourcen { background-position: -323px 0px; width: 101px; }
.navigation li.current a#ressourcen, 
.navigation li a#ressourcen:hover { background-position: -323px -62px; }
/* KUNDEN */
.navigation li a#kunden { background-position: -424px 0px; width: 73px; }
.navigation li.current a#kunden, 
.navigation li a#kunden:hover { background-position: -424px -62px; }
/* BLOG */
.navigation li a#blog { background-position: -497px 0px; width: 55px; }
.navigation li.current a#blog, 
.navigation li a#blog:hover { background-position: -497px -62px; }
/* KONTAKT */
.navigation li a#kontakt { background-position: -552px 0px; width: 74px; }
.navigation li.current a#kontakt, 
.navigation li a#kontakt:hover { background-position: -552px -62px; }


/*.navigation li a#Unternehmen { background-position: 0px 0px; width: 112px; }
.navigation li.current a#Unternehmen, .navigation li a#Unternehmen:hover { background-position: 0px -62px; }
.navigation li a#Produkte__Loesungen { background-position: -112px 0px; width: 87px; }
.navigation li.current a#Produkte__Loesungen, .navigation li a#Produkte__Loesungen:hover { background-position: -112px -62px; }
.navigation li a#Leistungen_eworx_Internet { background-position: -199px 0px; width: 84px; }
.navigation li.current a#Leistungen_eworx_Internet, .navigation li a#Leistungen_eworx_Internet:hover { background-position: -199px -62px; }

.navigation li a#Leistungen_eworx_Network { background-position: -283px 0px; width: 88px; }
.navigation li.current a#Leistungen_eworx_Network, .navigation li a#Leistungen_eworx_Network:hover { background-position: -283px -62px; }
.navigation li a#Projekte__Referenzen { background-position: -371px 0px; width: 84px; }
.navigation li.current a#Projekte__Referenzen, .navigation li a#Projekte__Referenzen:hover { background-position: -371px -62px; }
.navigation li a#Service__News { background-position: -455px 0px; width: 68px; }
.navigation li.current a#Service__News, .navigation li a#Service__News:hover { background-position: -455px -62px; }
.navigation li a#Kontakt { background-position: -523px 0px; width: 80px; }
.navigation li.current a#Kontakt, .navigation li a#Kontakt:hover { background-position: -523px -62px; }
*/