/*
	CSS Document: css_navigation.css
	Version: 1.1 | Date: 2007-07-17
	Project: www.apartement-deluxe.com
	Author: websLINE, 2007
	-------
	Update #1 - 2005-10-18
	Anpassung auf neues htc
*/


/* NAVIGATION */
.navigation {
	display: block;
	margin: 0 10px !important; padding: 2px 0 0 0 !important;
	background: #FFF;
	height: 24px;
	}

/* Haupteinstellungen */
.navigation, .subitems {
	margin: 0; padding: 0;
	font-size: 1.0em;
	list-style-type: none;
	}

/* Ebene 1 */
.navigation li.level1 {
	position: relative;
	float: left;
	background: url(img_bg-navi_level1.gif) no-repeat 100% 50%;
	padding: 0 1px 0 0;
	}
.navigation li.level1 a.main {
	display: block;
	height: 8px;
	padding: 8px;
	margin: 0 2px;
	background-position: 8px 50%; 
	background-repeat: no-repeat;
	}
.navigation li a.main b {
	display: none;
	}

.navigation .first a.main, .navigation .first-active a.main {background: url(img_nav-01.gif); width: 109px;}
.navigation .second a.main, .navigation .second-active a.main {background: url(img_nav-02.gif); width: 118px;}
.navigation .third a.main, .navigation .third-active a.main {background: url(img_nav-03.gif); width: 82px;}
.navigation .fourth a.main, .navigation .fourth-active a.main {background: url(img_nav-04.gif); width: 108px;}
.navigation .fifth a.main, .navigation .fifth-active a.main {background: url(img_nav-05.gif); width: 66px;}
.navigation .english a.main, .navigation .english-active a.main {background: url(img_flagg-gbr.gif) no-repeat 5px 50% !important; width: 10px;}

.navigation .firstEN a.main, .navigation .firstEN-active a.main {background: url(img_nav-01_EN.gif); width: 99px;}
.navigation .secondEN a.main, .navigation .secondEN-active a.main {background: url(img_nav-02_EN.gif); width: 122px;}
.navigation .thirdEN a.main, .navigation .thirdEN-active a.main {background: url(img_nav-03_EN.gif); width: 82px;}
.navigation .fourthEN a.main, .navigation .fourthEN-active a.main {background: url(img_nav-04_EN.gif); width: 118px;}
.navigation .fifthEN a.main, .navigation .fifthEN-active a.main {background: url(img_nav-05_EN.gif); width: 59px;}
.navigation .german a.main, .navigation .german-active a.main {background: url(img_flagg-ger.gif) no-repeat 5px 50% !important; width: 10px;}


/* Ebene 2 */
.navigation ul {display:none;}
.navigation li.level1:hover ul.subitems {display:block;}

.navigation .subitems {
	width: 200px;
	background-position: 1px 10px !important;
	background-repeat: no-repeat !important;
	position: absolute;
	top: 20px; left: 0;
	padding: 5px 0;
	z-index: 199;
	background: #fff;
	border-top: 2px solid #828690;
	}

.navigation .subitems li {
	float: none;
	border-bottom: 1px solid #fff;
	}
.navigation .subitems li.level2 a,
.navigation .subitems li.level2-active a {
	display: block;
	margin: 1px 10px 0px 7px; padding: 2px 0 2px 13px;
	background: url(img_nav-subitem.gif) no-repeat 3px 6px;
	border-bottom: 1px dashed #eee;
	color: #585E6B;
	}
.navigation .subitems li.level2 a:hover,
.navigation .subitems li.level2-active a:hover {
	text-decoration: none;
	font-weight: bold;
	background: #f5f5f5 url(img_nav-subitem_over.gif) no-repeat 3px 6px;
	}