div#nav {
	width: 925px;
	height: 25px;
	margin: 0 auto;
	clear: both;
	margin-top: 18px;

	position: relative;
	z-index: 5;
}

#nav ul {
	width: 790px;
	height: 24px;
	margin: 0 auto;

}
#nav li {
	float: left;
	position: relative;
	list-style-type: none;
	text-indent: -9999px;

}
#nav li a {
	display: block;
	height: 24px;
}

#nav ul li ul#sub-menu li {text-indent: 0px;position: relative;z-index: 5;}

#nav ul li ul#sub-menu {
height:0px;
left:-15;
top: 25px;
position:absolute;
visibility: hidden;
z-index: 99 !important;
width:150px;
text-indent: 0px;
}
/* make the second level visible when hover on first level list OR link */
#nav ul li:hover ul#sub-menu {
visibility:visible; 
z-index: 99 !important;
position: absolute;
}

#nav ul  ul#sub-menu li a { display: block; padding: 10px; color: white; margin-bottom: 1px; text-transform: uppercase; font-weight: bold; font-size: 0.6em !important;width:155px;-moz-border-radius: 3px;}

/* style the second level background */
#nav ul ul a.drop, #nav ul ul a.drop:visited {
background:#4d4d4d;
}
/* style the second level hover */
#nav ul ul a.drop:hover{
background:#ec781a;
color: white;

}
#nav ul ul :hover > a.drop {
background:#c9ba65;
}



/* another hack for IE5.5 */
* html #nav ul ul {
top:20px;
t\op:31px;
}



/* style the table so that it takes no part in the layout - required for IE to work */
#nav table {position:absolute; top:0; left:0;}

/* style the second level links */
#nav ul ul a, #nav ul ul a:visited {
background:#d4d8bd; 
color:#000; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:129px;
display: block;
/* yet another hack for IE5.5 */
}
* html #nav ul ul a{
width:150px;
w\idth:129px;
}





/*
	GERMAN
*/


/* NORMAL */
li#de_home {
	background:  url(../img/de_nav_home.jpg) 0 0 no-repeat;
	background-position: 0 -24px;
	width: 69px;
}
li#de_nav_kitekurse {
	background:  url(../img/de_nav_kitekurse.jpg) 0 0 no-repeat;
	background-position: 0 -24px;
	width: 110px;
}
li#de_nav_non_kite {
	background:  url(../img/de_nav_non_kite.jpg) 0 0 no-repeat;
	background-position: 0 -24px;
	width: 101px;
}
li#de_termine {
	background:  url(../img/de_nav_termine.jpg) 0 0 no-repeat;
	background-position: 0 -24px;
	width: 80px;
}
li#de_preise {
	background:  url(../img/de_nav_preise.jpg) 0 0 no-repeat;
	background-position: 0 -24px;
	width: 69px;
}
li#de_gutscheine {
	background:  url(../img/de_nav_gutscheine.jpg) 0 0 no-repeat;
	background-position: 0 -24px;
	width: 90px;
}
li#de_team {
	background:  url(../img/de_nav_team.jpg) 0 0 no-repeat;
	background-position: 0 -24px;
	width: 68px;
}
li#de_shop {
	background:  url(../img/de_nav_shop.jpg) 0 0 no-repeat;
	background-position: 0 -24px;
	width: 61px;
}
li#de_camps {
	background:  url(../img/de_nav_camps.jpg) 0 0 no-repeat;
	background-position: 0 -24px;
	width: 68px;
}
li#de_kontakt {
	background:  url(../img/de_nav_kontakt.jpg) 0 0 no-repeat;
	background-position: 0 -24px;
	width: 72px;
}


/* OVER */
li#de_home:hover, li#de_home.active { 
	background-position: 0 0px;
}
li#de_nav_kitekurse:hover, li#de_nav_kitekurse.active { 
	background-position: 0 0px;
}
li#de_nav_non_kite:hover, li#de_nav_non_kite.active { 
	background-position: 0 0px;
}
li#de_shop:hover, li#de_shop.active { 
	background-position: 0 0px;
}
li#de_camps:hover, li#de_camps.active { 
	background-position: 0 0px;
}
li#de_termine:hover, li#de_termine.active { 
	background-position: 0 0px;
}
li#de_preise:hover, li#de_preise.active { 
	background-position: 0 0px;
}
li#de_gutscheine:hover, li#de_gutscheine.active { 
	background-position: 0 0px;
}
li#de_team:hover, li#de_team.active { 
	background-position: 0 0px;
}
li#de_kontakt:hover, li#de_kontakt.active { 
	background-position: 0 0px;
}

/*
	ENGLISCH
*/


/* NORMAL */
li#en_home {
	background:  url(../img/en_nav_home.jpg) 0 0 no-repeat;
	background-position: 0 -24px;
	width: 69px;
}
li#en_nav_kitekurse {
	background:  url(../img/en_nav_kitekurse.jpg) 0 0 no-repeat;
	background-position: 0 -24px;
	width: 110px;
}
li#en_nav_non_kite {
	background:  url(../img/en_nav_non_kite.jpg) 0 0 no-repeat;
	background-position: 0 -24px;
	width: 101px;
}
li#en_termine {
	background:  url(../img/en_nav_termine.jpg) 0 0 no-repeat;
	background-position: 0 -24px;
	width: 80px;
}
li#en_preise {
	background:  url(../img/en_nav_preise.jpg) 0 0 no-repeat;
	background-position: 0 -24px;
	width: 69px;
}
li#en_gutscheine {
	background:  url(../img/en_nav_gutscheine.jpg) 0 0 no-repeat;
	background-position: 0 -24px;
	width: 90px;
}
li#en_team {
	background:  url(../img/en_nav_team.jpg) 0 0 no-repeat;
	background-position: 0 -24px;
	width: 68px;
}

li#en_shop {
	background:  url(../img/en_nav_shop.jpg) 0 0 no-repeat;
	background-position: 0 -24px;
	width: 61px;
}
li#en_camps {
	background:  url(../img/en_nav_camps.jpg) 0 0 no-repeat;
	background-position: 0 -24px;
	width: 68px;
}
li#en_kontakt {
	background:  url(../img/en_nav_kontakt.jpg) 0 0 no-repeat;
	background-position: 0 -24px;
	width: 72px;
}


/* OVER */
li#en_home:hover, li#en_home.active { 
	background-position: 0 0px;
}
li#en_nav_kitekurse:hover, li#en_nav_kitekurse.active { 
	background-position: 0 0px;
}
li#en_nav_non_kite:hover, li#en_nav_non_kite.active { 
	background-position: 0 0px;
}
li#en_termine:hover, li#en_termine.active { 
	background-position: 0 0px;
}
li#en_preise:hover, li#en_preise.active { 
	background-position: 0 0px;
}
li#en_gutscheine:hover, li#en_gutscheine.active { 
	background-position: 0 0px;
}
li#en_team:hover, a#en_team.active { 
	background-position: 0 0px;
}
li#en_shop:hover, a#en_shop.active { 
	background-position: 0 0px;
}
li#en_camps:hover, a#en_camps.active { 
	background-position: 0 0px;
}
li#en_kontakt:hover, li#en_kontakt.active { 
	background-position: 0 0px;
}