/*
	CSS Document: css_navigation.css
	Version: 1.1 | Date: 2007-09-18
	Project: www.hotel-bismarck.at
	Author: websLINE, 2007
	-------
	Update #1: 2007-10-19
	Anpassung Hover Effekt auf neues htc
	Update #2: 2009-08-03
	Erweiterung Hauptpunkt Mitarbeiter
*/


/* NAVIGATION */
.navigation {
/*	position: relative;*/
	}

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

/* Ebene 1 */
ul.navigation li.level1 {
	position: relative;
	float: left;
	border-left: 2px solid #7D2649;
	margin: 0 2px;
	padding: 8px;
	}
ul.navigation li.level1:hover,
ul.navigation li.second-active,
ul.navigation li.third-active, ul.navigation li.thirdEN-active, ul.navigation li.thirdIT-active,
ul.navigation li.fourth-active, ul.navigation li.fourthEN-active, ul.navigation li.fourthIT-active,
ul.navigation li.fifth-active, ul.navigation li.fifthIT-active,
ul.navigation li.sixth-active,
ul.navigation li.seventh-active,
ul.navigation li.eigth-active, ul.navigation li.eigthEN-active, ul.navigation li.eigthIT-active,
ul.navigation li.ninth-active, ul.navigation li.ninthIT-active,
ul.navigation li.tenth-active {
	border-left: 2px solid #DEC9D1;
	}
ul.navigation li.level1 a.main {
	display: block;
	height: 8px;
	}
ul.navigation li.level1 a.main b {
	display: none;
	}

ul.navigation .second, ul.navigation .second-active {width: 39px;}
ul.navigation .third, ul.navigation .third-active {width: 75px;}
ul.navigation .fourth, ul.navigation .fourth-active {width: 54px;}
ul.navigation .fifth, ul.navigation .fifth-active {width: 48px;}
ul.navigation .sixth, ul.navigation .sixth-active {width: 67px;}
ul.navigation .seventh, ul.navigation .seventh-active {width: 25px;}
ul.navigation .eigth, ul.navigation .eigth-active {width: 110px;}
ul.navigation .ninth, ul.navigation .ninth-active {width: 36px;}
ul.navigation .tenth, ul.navigation .tenth-active {width: 80px;}
ul.navigation .second {background: url(img_nav-02.gif);}
ul.navigation .third {background: url(img_nav-03.gif);}
ul.navigation .fourth {background: url(img_nav-04.gif);}
ul.navigation .fifth {background: url(img_nav-05.gif);}
ul.navigation .sixth {background: url(img_nav-06.gif);}
ul.navigation .seventh {background: url(img_nav-07.gif);}
ul.navigation .eigth {background: url(img_nav-08.gif);}
ul.navigation .ninth {background: url(img_nav-09.gif);}
ul.navigation .tenth {background: url(img_nav-10.gif);}
ul.navigation .second:hover, ul.navigation .second-active {background: url(img_nav-02_over.gif);}
ul.navigation .third:hover, ul.navigation .third-active {background: url(img_nav-03_over.gif);}
ul.navigation .fourth:hover, ul.navigation .fourth-active {background: url(img_nav-04_over.gif);}
ul.navigation .fifth:hover, ul.navigation .fifth-active {background: url(img_nav-05_over.gif);}
ul.navigation .sixth:hover, ul.navigation .sixth-active {background: url(img_nav-06_over.gif);}
ul.navigation .seventh:hover, ul.navigation .seventh-active {background: url(img_nav-07_over.gif);}
ul.navigation .eigth:hover, ul.navigation .eigth-active {background: url(img_nav-08_over.gif);}
ul.navigation .ninth:hover, ul.navigation .ninth-active {background: url(img_nav-09_over.gif);}
ul.navigation .tenth:hover, ul.navigation .tenth-active {background: url(img_nav-10_over.gif);}

ul.navigation .thirdEN, ul.navigation .thirdEN-active {width: 48px;}
ul.navigation .fourthEN, ul.navigation .fourthEN-active {width: 53px;}
ul.navigation .eigthEN, ul.navigation .eigthEN-active {width: 143px;}
ul.navigation .thirdEN {background: url(img_nav-03_EN.gif);}
ul.navigation .fourthEN {background: url(img_nav-04_EN.gif);}
ul.navigation .eigthEN {background: url(img_nav-08_EN.gif);}
ul.navigation .thirdEN:hover, ul.navigation .thirdEN-active {background: url(img_nav-03_EN_over.gif);}
ul.navigation .fourthEN:hover, ul.navigation .fourthEN-active {background: url(img_nav-04_EN_over.gif);}
ul.navigation .eigthEN:hover, ul.navigation .eigthEN-active {background: url(img_nav-08_EN_over.gif);}

ul.navigation .thirdIT, ul.navigation .thirdIT-active {width: 90px;}
ul.navigation .fourthIT, ul.navigation .fourthIT-active {width: 44px;}
ul.navigation .fifthIT, ul.navigation .fifthIT-active {width: 54px;}
ul.navigation .eigthIT, ul.navigation .eigthIT-active {width: 151px;}
ul.navigation .ninthIT, ul.navigation .ninthIT-active {width: 28px;}
ul.navigation .thirdIT {background: url(img_nav-03_IT.gif);}
ul.navigation .fourthIT {background: url(img_nav-04_IT.gif);}
ul.navigation .fifthIT {background: url(img_nav-05_IT.gif);}
ul.navigation .eigthIT {background: url(img_nav-08_IT.gif);}
ul.navigation .ninthIT {background: url(img_nav-09_IT.gif);}
ul.navigation .thirdIT:hover, ul.navigation .thirdIT-active {background: url(img_nav-03_IT_over.gif);}
ul.navigation .fourthIT:hover, ul.navigation .fourthIT-active {background: url(img_nav-04_IT_over.gif);}
ul.navigation .fifthIT:hover, ul.navigation .fifthIT-active {background: url(img_nav-05_IT_over.gif);}
ul.navigation .eigthIT:hover, ul.navigation .eigthIT-active {background: url(img_nav-08_IT_over.gif);}
ul.navigation .ninthIT:hover, ul.navigation .ninthIT-active {background: url(img_nav-09_IT_over.gif);}

ul.navigation li.level1, 
ul.navigation li.level1:hover {background-position: 8px 50%; background-repeat: no-repeat}

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

ul.navigation .subitems {
	width: 200px;
	padding: 7px 0 0 0;
	position: absolute;
	top: 20px; left: -2px;
	z-index: 199;
	background: #7D2649;
	border-left: 2px solid #DEC9D1;
	}

ul.navigation .subitems li {
	float: none;
	border-bottom: 1px solid #BE93A4;
	}
ul.navigation .subitems li.level2 a,
ul.navigation .subitems li.level2-active a {
	display: block;
	margin: 0 5px; padding: 4px 0 4px 15px;
	background: url(img_arrow-lila.gif) no-repeat 3px 6px;
	text-decoration: none;
	color: #fff;
	}
ul.navigation .subitems li.level2 a:hover,
ul.navigation .subitems li.level2-active a:hover {
	font-weight: bold;
	background: url(img_arrow-orange.gif) no-repeat 3px 6px;
	color: #F49534;
	}