/* =========================================================
x-ls.com - Stylesheet für X-LS.com
Datei: nav.css
Media: screen
Datum Erstellung: 26. März 2010
Datum Änderung: xx. xx 20xx
Autor: Vitalis Ferkert
Mail: ferkert@navigate.de
========================================================== */

/*MENUE*/

/*##level 1##*/

/*basic start*/
#header .mod_navigation {position: absolute; top: 105px; left: 60px; height: 65px; width: 640px;}
#header .mod_navigation ul {list-style: none; margin: 0; padding: 0;}
#header .mod_navigation ul li {float:left; margin: 0; padding: 0;}
#header .mod_navigation ul li a,
#header .mod_navigation ul li span {width:98px; height: 25px;}
/*basic end*/

/*normal start*/
#header .mod_navigation a.ueber-xl-s {display:block; text-indent:-3000px; background:url(../img/nav/en/ueberxls_inact.jpg) no-repeat top left;}
#header .mod_navigation a.services {display:block; text-indent:-3000px; background:url(../img/nav/services_inact.jpg) no-repeat top left;}
#header .mod_navigation a.jobs {display:block; text-indent:-3000px; background:url(../img/nav/jobs_inact.jpg) no-repeat top left;}
#header .mod_navigation a.news {display:block; text-indent:-3000px; background:url(../img/nav/news_inact.jpg) no-repeat top left;}
#header .mod_navigation a.kontakt {display:block; text-indent:-3000px; background:url(../img/nav/en/kontakt_inact.jpg) no-repeat top left;}
/*normal end*/

/*hover start*/
#header .mod_navigation a.ueber-xl-s:hover {display:block; text-indent:-3000px; background:url(../img/nav/en/ueberxls_act.jpg) no-repeat top left;}
#header .mod_navigation a.services:hover {display:block; text-indent:-3000px; background:url(../img/nav/services_act.jpg) no-repeat top left;}
#header .mod_navigation a.jobs:hover {display:block; text-indent:-3000px; background:url(../img/nav/jobs_act.jpg) no-repeat top left;}
#header .mod_navigation a.news:hover {display:block; text-indent:-3000px; background:url(../img/nav/news_act.jpg) no-repeat top left;}
#header .mod_navigation a.kontakt:hover {display:block; text-indent:-3000px; background:url(../img/nav/en/kontakt_act.jpg) no-repeat top left;}
/*hover end*/

/*active link start*/
#header .mod_navigation span.ueber-xl-s,
#header .mod_navigation .trail a.ueber-xl-s {display:block; text-indent:-3000px; background:url(../img/nav/en/ueberxls_act.jpg) no-repeat top left;}

#header .mod_navigation span.services,
#header .mod_navigation .trail a.services {display:block; text-indent:-3000px; background:url(../img/nav/services_act.jpg) no-repeat top left;}

#header .mod_navigation span.jobs,
#header .mod_navigation .trail a.jobs {display:block; text-indent:-3000px; background:url(../img/nav/jobs_act.jpg) no-repeat top left;}

#header .mod_navigation span.news,
#header .mod_navigation .trail a.news {display:block; text-indent:-3000px; background:url(../img/nav/news_act.jpg) no-repeat top left;}

#header .mod_navigation span.kontakt,
#header .mod_navigation .trail a.kontakt {display:block; text-indent:-3000px; background:url(../img/nav/en/kontakt_act.jpg) no-repeat top left;}
/*active link end*/


/*##level 2##*/
#header .mod_navigation ul.level_2 {display: none;}
#header .mod_navigation ul li.active ul,
#header .mod_navigation ul li.trail ul {display: block; position: absolute; top: 40px; left: 0;}
#header .mod_navigation ul.level_2 li {float:left;}

#header .mod_navigation ul.level_2 li a {margin-left:5px; padding-left:15px; background:url(../img/nav/point.jpg) no-repeat left;}
#header .mod_navigation ul.level_2 li.first a {margin-left: 0; padding-left:0px; background: none;}

#header .mod_navigation ul.level_2 li.active span {margin-left: 5px; padding-left:15px; font-weight: bold; background:url(../img/nav/point.jpg) no-repeat left;}
#header .mod_navigation ul.level_2 li.first span {margin-left: 0; padding-left:0px; background: none;}
/*MENUE END*/



/*Sprachenwechsler*/
#header .mod_changelanguage.block {color: #fff; position: absolute; top: 46px; left: 53px;}
#header .mod_changelanguage.block a {color: #fff;} 
#header .mod_changelanguage.block ul {margin:0; padding:0; list-style-type: none;}
#header .mod_changelanguage.block ul li {float: left; margin:0; padding:0;}
#header .mod_changelanguage.block ul li {background:url(../img/nav/lang_change.gif) right 8px no-repeat; margin-left: 7px; padding-right: 12px;}
#header .mod_changelanguage.block ul li.last {background: none;}
#header .mod_changelanguage.block span.active {text-decoration: underline;}