/*
	CSS Document: css_navigation.css
	Version: 1.1 | Date: 2007-0520
	Project: www.hotelalpina.com
	Author: websLINE, 2007
	-------
	Update #1 - 2007-10-16
	Anpassungen an neues htc
*/


/* NAVIGATION */

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

/* Ebene 1 */
.navigation li {
	position: relative;
	float: left;
	margin: 0 5px 0 0;
	}
.navigation li.level1 a.main {
	display: block;
	height: 13px;
	padding: 4px 0 4px 4px;
	}
.navigation li.level1 a.main b {
	display: none;
	}

.navigation .first, .navigation .first-active {width: 146px;}
.navigation .second, .navigation .second-active {width: 112px;}
.navigation .third, .navigation .third-active {width: 128px;}
.navigation .fourth, .navigation .fourth-active {width: 136px;}
.navigation .fifth, .navigation .fifth-active {width: 80px;}
.navigation .sixth, .navigation .sixth-active {width: 74px;}
.navigation .seventh, .navigation .seventh-active{width: 57px;}
.navigation .first {background: url(img_nav-01.gif);}
.navigation .second {background: url(img_nav-02.gif);}
.navigation .third {background: url(img_nav-03.gif);}
.navigation .fourth {background: url(img_nav-04.gif);}
.navigation .fifth {background: url(img_nav-05.gif);}
.navigation .sixth {background: url(img_nav-06.gif);}
.navigation .seventh {background: url(img_nav-07.gif);}
.navigation .first:hover, .navigation .first-active {background: url(img_nav-01_over.gif);}
.navigation .second:hover, .navigation .second-active {background: url(img_nav-02_over.gif);}
.navigation .third:hover, .navigation .third-active {background: url(img_nav-03_over.gif);}
.navigation .fourth:hover, .navigation .fourth-active {background: url(img_nav-04_over.gif);}
.navigation .fifth:hover, .navigation .fifth-active {background: url(img_nav-05_over.gif);}
.navigation .sixth:hover, .navigation .sixth-active {background: url(img_nav-06_over.gif);}
.navigation .seventh:hover, .navigation .seventh-active {background: url(img_nav-07_over.gif);}

.navigation .firstEN, .navigation .firstEN-active {width: 122px;}
.navigation .secondEN, .navigation .secondEN-active {width: 107px;}
.navigation .thirdEN, .navigation .thirdEN-active {width: 144px;}
.navigation .fourthEN, .navigation .fourthEN-active {width: 104px;}
.navigation .fifthEN, .navigation .fifthEN-active {width: 113px;}
.navigation .sixthEN, .navigation .sixthEN-active {width: 75px;}
.navigation .seventhEN, .navigation .seventhEN-active {width: 63px;}
.navigation .firstEN {background: url(img_nav-01_EN.gif);}
.navigation .secondEN {background: url(img_nav-02_EN.gif);}
.navigation .thirdEN {background: url(img_nav-03_EN.gif);}
.navigation .fourthEN {background: url(img_nav-04_EN.gif);}
.navigation .fifthEN {background: url(img_nav-05_EN.gif);}
.navigation .sixthEN {background: url(img_nav-06_EN.gif);}
.navigation .seventhEN {background: url(img_nav-07_EN.gif);}
.navigation .firstEN:hover, .navigation .firstEN-active {background: url(img_nav-01_EN_over.gif);}
.navigation .secondEN:hover, .navigation .secondEN-active {background: url(img_nav-02_EN_over.gif);}
.navigation .thirdEN:hover, .navigation .thirdEN-active {background: url(img_nav-03_EN_over.gif);}
.navigation .fourthEN:hover, .navigation .fourthEN-active {background: url(img_nav-04_EN_over.gif);}
.navigation .fifthEN:hover, .navigation .fifthEN-active {background: url(img_nav-05_EN_over.gif);}
.navigation .sixthEN:hover, .navigation .sixthEN-active {background: url(img_nav-06_EN_over.gif);}
.navigation .seventhEN:hover, .navigation .seventhEN-active {background: url(img_nav-07_EN_over.gif);}

.navigation .firstFR, .navigation .firstFR-active {width: 144px;}
.navigation .secondFR, .navigation .secondFR-active {width: 114px;}
.navigation .thirdFR, .navigation .thirdFR-active {width: 104px;}
.navigation .fourthFR, .navigation .fourthFR-active {width: 106px;}
.navigation .fifthFR, .navigation .fifthFR-active {width: 146px;}
.navigation .sixthFR, .navigation .sixthFR-active {width: 74px;}
.navigation .seventhFR, .navigation .seventhFR-active {width: 57px;}
.navigation .firstFR {background: url(img_nav-01_FR.gif);}
.navigation .secondFR {background: url(img_nav-02_FR.gif);}
.navigation .thirdFR {background: url(img_nav-03_FR.gif);}
.navigation .fourthFR {background: url(img_nav-04_FR.gif);}
.navigation .fifthFR {background: url(img_nav-05_FR.gif);}
.navigation .sixthFR {background: url(img_nav-06_FR.gif);}
.navigation .seventhFR {background: url(img_nav-07_FR.gif);}
.navigation .firstFR:hover, .navigation .firstFR-active {background: url(img_nav-01_FR_over.gif);}
.navigation .secondFR:hover, .navigation .secondFR-active {background: url(img_nav-02_FR_over.gif);}
.navigation .thirdFR:hover, .navigation .thirdFR-active {background: url(img_nav-03_FR_over.gif);}
.navigation .fourthFR:hover, .navigation .fourthFR-active {background: url(img_nav-04_FR_over.gif);}
.navigation .fifthFR:hover, .navigation .fifthFR-active {background: url(img_nav-05_FR_over.gif);}
.navigation .sixthFR:hover, .navigation .sixthFR-active {background: url(img_nav-06_FR_over.gif);}
.navigation .seventhFR:hover, .navigation .seventhFR-active {background: url(img_nav-07_FR_over.gif);}

ul.navigation li.level1, 
ul.navigation li.level1:hover { background-position: 0 4px; background-repeat: no-repeat}


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

.navigation .subitems {
	width: 180px;
	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 #737373;
	}
.navigation .second .subitems, .navigation .second-active .subitems,
.navigation .secondEN .subitems, .navigation .secondEN-active .subitems,
.navigation .secondFR .subitems, .navigation .secondFR-active .subitems {
	width: 270px;
	}
.navigation .sixth .subitems, .navigation .sixth-active .subitems,
.navigation .sixthEN .subitems, .navigation .sixthEN-active .subitems,
.navigation .sixthFR .subitems, .navigation .sixthFR-active .subitems {
	width: 210px;
	}
.navigation .sixth-active .subitems, .navigation .seventh-active .subitems,
.navigation .sixthEN-active .subitems, .navigation .seventhEN-active .subitems,
.navigation .sixthFR-active .subitems, .navigation .seventhFR-active .subitems {
	left: -150px;
	}

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