/*
	CSS Document: css_navigation.css
	Version: 1.1 | Date: 2007-07-06
	Project: www.gut-riedelsbach.de
	Author: websLINE, 2007
	-------
	Update #1: 2007-11-09
	- Einstellen Hover-Effekte auf neue .htc Datei

*/


/* NAVIGATION */

/* Haupteinstellungen */
.navi {
	background: url(img_bg-navi.gif) repeat-x;
	padding: 0 0 0 10px;
	height: 42px;
	}
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;
	background: url(img_bg-naviitem.gif) no-repeat left bottom;
	}
ul.navigation li.first {
	background: none;
	}
ul.navigation li.level1:hover {
	background: url(img_bg-naviitem_over.gif) no-repeat left bottom;
	}
ul.navigation li.level1 a.main {
	display: block;
	height: 16px;
	padding: 19px 11px 7px 12px;
	}
ul.navigation li.level1 a.main b {
	display: none;
	padding: 0 0 0 1px;
	}

ul.navigation .first a, ul.navigation .first-active a {width: 66px;}
ul.navigation .second a, ul.navigation .second-active a {width: 69px;}
ul.navigation .third a, ul.navigation .third-active a {width: 57px;}
ul.navigation .fourth a, ul.navigation .fourth-active a {width: 104px;}
ul.navigation .fifth a, ul.navigation .fifth-active a {width: 58px;}
ul.navigation .sixth a, ul.navigation .sixth-active a {width: 48px;}
ul.navigation .seventh a, ul.navigation .seventh-active a {width: 112px;}
ul.navigation .eigth a, ul.navigation .eigth-active a {width: 126px;}
ul.navigation .ninth a, ul.navigation .ninth-active a {width: 70px;}

ul.navigation .first a {background: url(img_nav-01.gif);}
ul.navigation .second a {background: url(img_nav-02.gif);}
ul.navigation .third a {background: url(img_nav-03.gif);}
ul.navigation .fourth a {background: url(img_nav-04.gif);}
ul.navigation .fifth a {background: url(img_nav-05.gif);}
ul.navigation .sixth a {background: url(img_nav-06.gif);}
ul.navigation .seventh a {background: url(img_nav-07.gif);}
ul.navigation .eigth a {background: url(img_nav-08.gif);}
ul.navigation .ninth a {background: url(img_nav-09.gif);}

ul.navigation .first a:hover, ul.navigation .first-active a {background: url(img_nav-01_over.gif);}
ul.navigation .second a:hover, ul.navigation .second-active a {background: url(img_nav-02_over.gif);}
ul.navigation .third a:hover, ul.navigation .third-active a {background: url(img_nav-03_over.gif);}
ul.navigation .fourth a:hover, ul.navigation .fourth-active a {background: url(img_nav-04_over.gif);}
ul.navigation .fifth a:hover, ul.navigation .fifth-active a {background: url(img_nav-05_over.gif);}
ul.navigation .sixth a:hover, ul.navigation .sixth-active a {background: url(img_nav-06_over.gif);}
ul.navigation .seventh a:hover, ul.navigation .seventh-active a {background: url(img_nav-07_over.gif);}
ul.navigation .eigth a:hover, ul.navigation .eigth-active a {background: url(img_nav-08_over.gif);}
ul.navigation .ninth a:hover, ul.navigation .ninth-active a {background: url(img_nav-09_over.gif);}

ul.navigation li.level1 a, 
ul.navigation li.level1 a:hover { background-position: 10px 19px; background-repeat: no-repeat}

/* Ebene 2 */
ul.navigation ul {display: none;}
ul.navigation li.level1:hover ul.subitems {display:block;}

ul.navigation .subitems {
	width: 180px;
	position: absolute;
	top: 42px; left: 0;
	padding: 5px 0;
	z-index: 199;
	background: #fff; /* IE needs this */
	border-left: 1px solid #D19D00;
	border-bottom: 1px solid #D19D00;
	}
ul.navigation .fourth .subitems, ul.navigation .fourth-active .subitems,
ul.navigation .seventh .subitems, ul.navigation .seventh-active .subitems {
	width: 210px;	
	}
ul.navigation .eigth .subitems, ul.navigation .eigth-active .subitems {
	width: 154px;
	}

ul.navigation .subitems li {
	float: none;
	border-bottom: 1px solid #fff;
	}
ul.navigation .subitems li.level2 a,
ul.navigation .subitems li.level2-active a {
	width: auto;
	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;
	}
ul.navigation .subitems li.level2 a:hover,
ul.navigation .subitems li.level2-active a:hover {
	color: #107F6C;
	text-decoration: none;
	font-weight: bold;
	background: #F3E6BF url(img_arrow-grey.gif) no-repeat 10px 5px;
	}  