#mainNavigation {
	height: 		41px;
	width:			100%;
	background: 	url("images/navigationBackground.gif") no-repeat;
	padding: 		0px 0px 0px 5px;
	position: 		relative;
}

#mainNavigation li {
	position:absolute;
	width: 			113px;
	text-align: 	center;
	font-size: 		.7em;
	line-height: 	31px;
	height: 		41px;
	top:0;
	overflow:hidden;
}

#mainNavigation li a {
	display: 		block;
	padding-right:5px;
	text-decoration: none;
	color:white;
	outline: none;
	font-weight: bold;
	line-height:38px;
	height: 38px; 
	white-space: nowrap;
}

#mainNavigation li a:hover,
.backpackers #backpackersLink a,
.youthhostel #youthhostelLink a,
.reviews #reviewsLink a,
.news #newsLink a,
.home #homeLink a,
.promotions #promotionsLink a,
.roomsdeluxe #roomsdeluxeLink a
{
	color:		#e20613;
}

#mainNavigation li:hover,
.backpackers #backpackersLink,
.youthhostel #youthhostelLink,
.reviews #reviewsLink,
.promotions #promotionsLink,
.news #newsLink,
.home #homeLink,
.roomsdeluxe #roomsdeluxeLink
{
	background: 	url("images/navigationHover.gif") no-repeat 0px 2px;
}
/*
#mainNavigation li#reviewsLink:hover
{
	background: 	url("images/navigationHover2.jpg") no-repeat 0px 2px;
}
*/
#mainNavigation li.firstChild, #mainNavigation li.lastChild {
	width: 			95px;
}

#mainNavigation li#backpackersLink {
	width: 113px;
	display: block;
	left:106px;
}

#mainNavigation li#youthhostelLink {
	width: 113px;
	display: block;
	left:5px;	
}

#mainNavigation li#roomsdeluxeLink {
	width: 		113px;
	display: 	block;
	left:208px;
}

#mainNavigation li#hostels {
	width: 		113px;
	display: 	block;
	left:310px;
}

#mainNavigation li#promotionsLink {
	width: 		113px;
	display: 	block;	
	left:		412px;
}

#mainNavigation li#newsLink {
	width: 113px;
	display: block;
	left:		513px;
}

#mainNavigation li#reviewsLink {
	width: 113px;
	display: block;
	left:		615px;
}

/***** Lang *****/
.menuLang {
	text-transform: uppercase;
	text-align: right;
	position: absolute;
	top:50px;
	left:746px;
}
.menuLang li {
	list-style: none;
	margin-bottom: 2px;
	display:block;
	width: 		27px;
	height: 	38px;
	background: url("images/backgroundFlag.gif") no-repeat;
	position: 	relative;
}
.menuLang a {
	color: 		#000000;
	font-size: 	11px;
	width: 		17px;
	height: 	25px;
	position: 	absolute;
	left: 		5px;
	top:		7px;
}
.menuLang a:hover {
	color: #eeeeee;
}
.menuLang a.selected {
	color: #18416b;
}

.menuLang li a span { display:none;}
.menuLang li a { 
	display:block;
	background-image: url('images/newFlags.gif');
	background-repeat: no-repeat;
}

.menuLang li a.de { background-position: 0px -25px;}
.menuLang li a.en { background-position: -17px -25px;}
.menuLang li a.es { background-position: -51px -25px;}
.menuLang li a.fr { background-position: -34px -25px;}
.menuLang li a.it { background-position: -68px -25px;}
.menuLang li a.ja { background-position: -85px -25px;}
.menuLang li a.nl { background-position: -102px -25px;}
.menuLang li a.pt { background-position: -119px -25px;}
.menuLang li a.zh { background-position: -136px -25px;}

.menuLang li a.de:hover, body.de .menuLang  a.de  { background-position: 0px 0;}
.menuLang li a.en:hover, body.en .menuLang  a.en { background-position: -17px 0;}
.menuLang li a.es:hover, body.es .menuLang  a.es { background-position: -51px 0;}
.menuLang li a.fr:hover, body.fr .menuLang  a.fr { background-position: -34px 0;}
.menuLang li a.it:hover, body.it .menuLang  a.it { background-position: -68px 0;}
.menuLang li a.ja:hover, body.ja .menuLang  a.ja { background-position: -85px 0;}
.menuLang li a.nl:hover, body.nl .menuLang  a.nl { background-position: -102px 0;}
.menuLang li a.pt:hover, body.pt .menuLang  a.pt { background-position: -119px 0;}
.menuLang li a.zh:hover, body.zh .menuLang  a.zh { background-position: -136px 0;}

