/* ~~~ Access Navigation ~~~ */
ul#nav_access {position:absolute;left:-3000px;top:155px;width:200px;z-index:1;}
ul#nav_access li {width:200px;}
ul#nav_access li a {cursor:pointer;border:0;}
ul#nav_access li a:focus,
ul#nav_access li a:active {position:absolute;left:3000px;top:0;display:inline;width:200px;}


/* ~~~ Main Navigation ~~~ */
#nav a {border:0;margin:0;padding:0;}
#nav a.current {cursor:default;font-weight:bold;}

#nav ul {width:660px;height:30px;margin-top:1px;margin-left:50px;}
#nav ul li {float:left;background-image:none;width:auto;height:30px;margin:0;padding:0;}

#nav ul li a {display:block;background:url() 0 0 no-repeat transparent;height:30px;margin:0;padding:0;}
#nav ul li a:hover,
#nav ul li a:focus {background-position:0 -30px;}
#nav ul li a.current {background-position:0 -60px;}
#nav ul li a.parent {background-position:0 -60px;}

#nav iframe {border:none;left:-10000em;position:absolute;z-index:10001;opacity:0;filter:alpha(opacity=0);}

/* ~~~ An dieser Stelle greift navi.<lang>.css ~~~

#nav ul.<cc> li.home a {background-image:url(/i/navi/<lang>/home.gif);width:XXpx;}
#nav ul.<cc> li.philosophy a {background-image:url(/i/navi/<lang>/philosophy.gif);width:XXpx;}
#nav ul.<cc> li.e-dipstick a {background-image:url(/i/navi/<lang>/e-dipstick.gif);width:XXpx;}
#nav ul.<cc> li.order a {background-image:url(/i/navi/<lang>/purchase.gif);width:XXpx;}
#nav ul.<cc> li.what-do-you-need a {background-image:url(/i/navi/<lang>/what-do-you-need.gif);width:XXpx;}
#nav ul.<cc> li.volume-calculator a {background-image:url(/i/navi/<lang>/volume-calculator.gif);width:XXpx;}

* ~~~ Ende navi.<lang>.css ~~~ */

#nav ul li a span {position:absolute;left:-3000px;}
#nav ul ul li a span {position:relative;left:auto;}
#nav ul#nav_language li a span {position:absolute;left:-3000px;}

/* Navigation Sub Navi */
#nav ul li ul {position:absolute;left:-3000px;z-index:100;border:solid #787878;border-width:0 1px 1px 1px;width:auto;height:auto;margin:0;}
#nav ul li:hover ul,
#nav ul li:focus ul {left:auto;}

#nav ul ul li {float:left;clear:left;height:auto !important;}
#nav ul ul li a {display:block;float:left;font-size:11px;font-weight:normal;text-decoration:none;color:#4a4a4a;background-image:none !important;background-color:#ededed;border:solid #fff;border-width:1px 0 0 0;height:14px;padding:4px 9px 7px 9px;}
#nav ul ul li a:hover,
#nav ul ul li a:focus,
#nav ul ul li a.current {color:#c61f00;background-color:#fff;}
#nav ul ul li a.current {font-weight:bold;}

/* ~~~ Sprachauswahl ~~~ */
#nav ul#nav_language {float:right;width:43px;background:url(/i/icons/select_dd.gif) 100% 4px no-repeat transparent;margin-top:1px;margin-right:10px;}
#nav ul#nav_language li {width:28px;}
#nav ul#nav_language li a {display:block;font-weight:normal;width:43px;background:url() 0 5px no-repeat transparent;}

#nav ul#nav_language li.de_DE a,
#nav ul#nav_language ul li.de_DE a {background-image:url(/i/lang/de_DE.gif) !important;}
#nav ul#nav_language li.de_AT a,
#nav ul#nav_language ul li.de_AT a {background-image:url(/i/lang/de_AT.gif) !important;}
#nav ul#nav_language li.de_CH a,
#nav ul#nav_language ul li.de_CH a {background-image:url(/i/lang/de_CH.gif) !important;}
#nav ul#nav_language li.dk_DK a,
#nav ul#nav_language ul li.dk_DK a {background-image:url(/i/lang/dk_DK.gif) !important;}
#nav ul#nav_language li.en_UK a,
#nav ul#nav_language ul li.en_UK a {background-image:url(/i/lang/en_UK.gif) !important;}
#nav ul#nav_language li.en_US a,
#nav ul#nav_language ul li.en_US a {background-image:url(/i/lang/en_US.gif) !important;}
#nav ul#nav_language li.es_ES a,
#nav ul#nav_language ul li.es_ES a {background-image:url(/i/lang/es_ES.gif) !important;}
#nav ul#nav_language li.fr_FR a,
#nav ul#nav_language ul li.fr_FR a {background-image:url(/i/lang/fr_FR.gif) !important;}
#nav ul#nav_language li.it_IT a,
#nav ul#nav_language ul li.it_IT a {background-image:url(/i/lang/it_IT.gif) !important;}
#nav ul#nav_language li.ru_RU a,
#nav ul#nav_language ul li.ru_RU a {background-image:url(/i/lang/ru_RU.gif) !important;}

/* Sprachauswahl Sub Navi */
#nav ul#nav_language ul {width:122px;margin:0 0 0 -75px;}

#nav ul#nav_language ul li {width:120px;}

#nav ul#nav_language ul li a {background-position:96% 2px;background-color:#ededed;width:87px;padding-right:26px;}
#nav ul#nav_language ul li a:hover,
#nav ul#nav_language ul li a:focus {background-color:#fff;}

/* ~~~ Kontakt ~~~ */
#nav_sub ul#nav_contact {position:absolute;right:0px;top:27px;background:url(/i/navi/nav_contact_bg.png) 0 0 repeat;width:auto;margin:0;padding:0 10px 0 0;}

#nav_sub ul#nav_contact li {display:inline;float:left;font-size:11px;background:url(/i/icons/guillemets-r_small.gif) 0 1px no-repeat transparent;margin:0 0 0 5px;padding:0 0 0 10px;}

#nav_sub ul#nav_contact li a {text-decoration:none;color:#4a4a4a;background-color:transparent;border:none;margin:0;padding:0 2px;}
#nav_sub ul#nav_contact li a:hover,
#nav_sub ul#nav_contact li a:focus,
#nav_sub ul#nav_contact li a:active {color:#c61f00;}