/*
	CSS Document: css_navigation.css
	Version: 1.1 | Date: 2007-05-20
	Project: www.waidla-landhotels.de
	Author: websLINE, 2007
	-------
	Update #1: 2007-11-09
	- Einstellen Hover-Effekte auf neue .htc Datei
*/


/* NAVIGATION */

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

/* Ebene 1 */
ul.navigation li.level1 {
	position: relative;
	float: left;
	}
ul.navigation li.level1 a.main {
	display: block;
	height: 45px;
	border-style: solid;
	border-color: #D8D4C8;
	border-width: 1px 0 1px 1px;
	}
ul.navigation li.level1 a.main b {
	display: none;
	}

ul.navigation .first, ul.navigation .first-active {background: transparent url(img_nav-01.gif) no-repeat 15px 18px; width: 109px;}
ul.navigation .second, ul.navigation .second-active {background: url(img_nav-02.gif) no-repeat 14px 18px; width: 100px;}
ul.navigation .third, ul.navigation .third-active {background: url(img_nav-03.gif) no-repeat 14px 18px; width: 112px;}
ul.navigation .fourth, ul.navigation .fourth-active {background: url(img_nav-04.gif) no-repeat 14px 18px; width: 115px;}
ul.navigation .fifth, ul.navigation .fifth-active {background: url(img_nav-05.gif) no-repeat 14px 18px; width: 105px;}
ul.navigation .sixth, ul.navigation .sixth-active {background: url(img_nav-06.gif) no-repeat 14px 18px; width: 89px; border-right: 1px solid #D8D4C8 !important;}


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

ul.navigation .second .subitems, ul.navigation .second-active .subitems,
ul.navigation .fourth .subitems, ul.navigation .fourth-active .subitems, 
ul.navigation .fifth .subitems, ul.navigation .fifth-active .subitems, 
ul.navigation .sixth .subitems, ul.navigation .sixth-active .subitems {
	width: 190px;
	}
ul.navigation .first .subitems, ul.navigation .first-active .subitems {
	width: 210px;
	}
ul.navigation .third .subitems, ul.navigation .third-active .subitems {
	width: 260px;
	}
ul.navigation .subitems {
	position: absolute;
	top: 46px; left: 0;
	padding: 5px 0;
	z-index: 199;
	background: #F1E8C7; /* IE needs this */
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	border-color: #D1CFC2;
	}
ul.navigation .right {
	left: -102px;
	}

ul.navigation .subitems li {
	float: none;
	border-bottom: 1px solid #F1E8C7;
	}
ul.navigation .subitems li.level2 a,
ul.navigation .subitems li.level2-active a {
	font-size: 1.1em;
	display: block;
	margin: 2px 15px 0 15px; padding: 1px 0 1px 8px;
	background: url(img_dot-nav.gif) no-repeat 0 4px;
	border-bottom: 1px dotted #FEFFF9;
	}
ul.navigation .subitems li.level2 a:hover,
ul.navigation .subitems li.level2-active a:hover {
	font-weight: bold;
	text-decoration: none;
	background: #FEFFF9 url(img_dot-nav.gif) no-repeat 0 4px;
	}