/* 	=============================================================================================
	
	Coco Palm Resorts
	
	navi stylesheet
	
	=============================================================================================
*/

/*	=============================================================================================
	
	part 2: navi header
	
	=============================================================================================*/
	
#navHeader {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 721px;
	height:	46px;
}


#navHeader .nav {
	font-size: 10px;
	text-align: center;
}


#navHeader .nav ul {
	position: relative;
	list-style-type: none;
	margin: 0 auto;
}


#navHeader .nav li {
	float: left;
	display: block;
	height: 46px;
}

#navHeader .nav a {
	display: block;
	height: 46px;
	text-decoration: none;
	color: #383824;
	position: relative;
}

#navHeader .nav a b {
	position: absolute;
	background-image: url(../../../images/basics/dk/menue-header-dk-en.png);
	height: 46px;
}

#navHeader .nav span {
	float: left;
	height: 46px;
	background-image: url(../../../images/basics/dk/menue-header-dk-en.png);
}

/* Listenelemente Dhuni Kolhu navHeader */
#navHeader .nav .link1 a { width: 69px; }
#navHeader .nav .link1 a b { width: 69px; background-position: 0 0; top: 0px; left: 0px; }
#navHeader .nav .link1 a:hover b { background-position: 0 46px; }
#navHeader .nav .link1 span { width: 69px; background-position: 0 46px; }

#navHeader .nav .link2 a { width: 96px; }
#navHeader .nav .link2 a b { width: 96px; background-position: -69px 0; top: 0px; left: 0px; }
#navHeader .nav .link2 a:hover b { background-position: -69px 46px; }
#navHeader .nav .link2 span { width: 96px; background-position: -69px 46px; }

#navHeader .nav .link3 a { width: 88px; }
#navHeader .nav .link3 a b { width: 88px; background-position: -165px 0; top: 0px; left: 0px; }
#navHeader .nav .link3 a:hover b { background-position: -165px 46px; }
#navHeader .nav .link3 span { width: 88px; background-position: -165px 46px; }

#navHeader .nav .link4 a { width: 70px; }
#navHeader .nav .link4 a b { width: 70px; background-position: -253px 0; top: 0px; left: 0px; }
#navHeader .nav .link4 a:hover b { background-position: -253px 46px; }
#navHeader .nav .link4 span { width: 70px; background-position: -253px 46px; }

#navHeader .nav .link5 a { width: 78px; }
#navHeader .nav .link5 a b { width: 78px; background-position: -323px 0; top: 0px; left: 0px; }
#navHeader .nav .link5 a:hover b { background-position: -323px 46px; }
#navHeader .nav .link5 span { width: 78px; background-position: -323px 46px; }

#navHeader .nav .link6 a { width: 46px; }
#navHeader .nav .link6 a b { width: 46px; background-position: -401px 0; top: 0px; left: 0px; }
#navHeader .nav .link6 a:hover b { background-position: -401px 46px; }
#navHeader .nav .link6 span { width: 46px; background-position: -401px 46px; }

#navHeader .nav .link7 a { width: 113px; }
#navHeader .nav .link7 a b { width: 113px; background-position: -447px 0; top: 0px; left: 0px; }
#navHeader .nav .link7 a:hover b { background-position: -447px 46px; }
#navHeader .nav .link7 span { width: 113px; background-position: -447px 46px; }

#navHeader .nav .link8 a { width: 76px; }
#navHeader .nav .link8 a b { width: 76px; background-position: -560px 0; top: 0px; left: 0px; }
#navHeader .nav .link8 a:hover b { background-position: -560px 46px; }
#navHeader .nav .link8 span { width: 76px; background-position: -560px 46px; }

#navHeader .nav .link9 a { width: 85px; }
#navHeader .nav .link9 a b { width: 85px; background-position: -636px 0; top: 0px; left: 0px; }
#navHeader .nav .link9 a:hover b { background-position: -636px 46px; }
#navHeader .nav .link9 span { width: 85px; background-position: -636px 46px; }





/*	=============================================================================================
	
	part 2: navi footer
	
	=============================================================================================*/

#navFooter {
	position: relative;
	width: 960px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
}


#navFooter .nav {
	font-size: 12px;
	text-align: center;
}


#navFooter .nav ul {
	position: relative;
	list-style-type: none;
	margin: 0 auto;
}


#navFooter .nav li {
	float: left;
	display: block;
	height: 50px;
}

#navFooter .nav a {
	display: block;
	height: 50px;
	color: #FFF;
	font-size: 10px;
	text-decoration: none;
	position: relative;
}

#navFooter .nav a b {
	position: absolute;
	background-image: url(../../../images/basics/dk/menue-footer-dk-en.png);
	height: 50px;
}

#navFooter .nav span {
	float: left;
	height: 50px;
	background-image: url(../../../images/basics/dk/menue-footer-dk-en.png);
}


/* Listenelemente Dhuni Kolhu navFooter */
#navFooter .nav .link1 a { width: 108px; }
#navFooter .nav .link1 a b { width: 108px; background-position: 0 0; top: 0px; left: 0px; }
#navFooter .nav .link1 a:hover b { background-position: 0 50px; }
#navFooter .nav .link1 span { width: 108px; background-position: 0 50px; }

#navFooter .nav .link2 a { width: 93px; }
#navFooter .nav .link2 a b { width: 93px; background-position: -108px 0; top: 0px; left: 0px; }
#navFooter .nav .link2 a:hover b { background-position: -108px 50px; }
#navFooter .nav .link2 span { width: 93px; background-position: -108px 50px; }

#navFooter .nav .link3 a { width: 86px; }
#navFooter .nav .link3 a b { width: 86px; background-position: -201px 0; top: 0px; left: 0px; }
#navFooter .nav .link3 a:hover b { background-position: -201px 50px; }
#navFooter .nav .link3 span { width: 86px; background-position: -201px 50px; }

#navFooter .nav .link4 a { width: 63px; }
#navFooter .nav .link4 a b { width: 63px; background-position: -287px 0; top: 0px; left: 0px; }
#navFooter .nav .link4 a:hover b { background-position: -287px 50px; }
#navFooter .nav .link4 span { width: 63px; background-position: -287px 50px; }

#navFooter .nav .link5 a { width: 87px; }
#navFooter .nav .link5 a b { width: 87px; background-position: -350px 0; top: 0px; left: 0px; }
#navFooter .nav .link5 a:hover b { background-position: -350px 50px; }
#navFooter .nav .link5 span { width: 87px; background-position: -350px 50px; }

#navFooter .nav .link6 a { width: 200px; }
#navFooter .nav .link6 a b { width: 200px; background-position: -437px 0; top: 0px; left: 0px; }
#navFooter .nav .link6 a:hover b { background-position: -437px 50px; }
#navFooter .nav .link6 span { width: 200px; background-position: -437px 50px; }

#navFooter .nav .linkEmpty { width: 219px; height: 50px; }

#navFooter .nav .link7 a { width: 104px; }
#navFooter .nav .link7 a b { width: 104px; background-position: -856px 0; top: 0px; left: 0px; }
#navFooter .nav .link7 a:hover b { background-position: -856px 50px; }
#navFooter .nav .link7 span { width: 104px; background-position: -859px 50px; }