/* ------- ul ---------- */

/* Ebene 1 */
#navi ul {
	margin: 0;
	padding: 0;
	margin-left: 22px;
	list-style-type: none;
}

/* Ebene 2 */
#navi ul li ul{
	margin: 0;
	padding: 0;
	padding-top: 4px;
	padding-bottom: 5px;
	background-color: #fbe9e8;
}

/* Ebene 3 */
#navi ul li ul li ul{
	margin: 0;
	padding: 0;
	padding-top: 4px;
	padding-bottom: 5px;
	background-color: #fdf4f4;
}


/* ------- li ---------- */

/* Ebene 1 - LI */
#navi ul li  {
	background-color: transparent;
	width: 180px;
}

/* Ebene 2 - LI */
#navi ul li ul li  {

}

/* Ebene 3 - LI */
#navi ul li ul li ul li {

}


/* ------- links ---------- */

/* Ebene 1 - links */
#navi ul li a{
	background-color: transparent;
	display: block;
	color: #000;
	padding-left: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
	font-weight: normal;
}

/* Ebene 2 - links */
#navi ul li ul li a {
	padding-left: 21px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 0.95em;
}

/* Ebene 3 - links */
#navi ul li ul li ul li a {
	padding-left: 31px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 0.95em;
}


/* ------- hover ---------- */

/* Ebene 1 - hover */
#navi ul a:hover {
	background-color: #d72522;
	color: #fff;
}

/* Ebene 2 - hover */
#navi ul ul li a:hover {
	font-weight: bold;
	color: #000;
	background-color: #fbe9e8;
}

/* Ebene 3 - hover */
#navi ul ul li ul li a:hover {
	font-weight: bold;
	color: #000;
	background-color: #fdf4f4;
}


/* ------- active firefox ---------- */

/* Ebene 1 - active */
#navi ul li.active>a {
	background-color: #d72522;
	color: #fff;
}

/* Ebene 2 - active */
#navi ul li ul li.active>a {
	font-weight: bold;
	background-color: #fbe9e8;
	color: #000;
	background-image: url(/pictures/navi_pfeil.gif);
	background-repeat: no-repeat;
	background-position: 12px 8px;
}

/* Ebene 3 - active */
#navi ul li ul li ul li.active>a {
	font-weight: bold;
	background-color: #fdf4f4;
	color: #000;
	background-image: url(/pictures/navi_pfeil.gif);
	background-repeat: no-repeat;
	background-position: 22px 8px;
}


/* ------- : HACK : active internet explorer : HACK :  ---------- */

* html #navi ul li a {height: 1%; background-color: transparent;}
* html #navi ul li ul li a {height: 1%; background-color: #fbe9e8;}
* html #navi ul li ul li ul li a {height: 1%; background-color: #fdf4f4;}

* html #navi ul li.active a {background-color: #d72522; color: #fff;}
* html #navi ul li.active ul li.active a {background-color: #fbe9e8; color: #000; font-weight: bold; background-image: url(/pictures/navi_pfeil.gif); background-repeat: no-repeat; background-position: 12px 8px;}
* html #navi ul li.active ul li.active ul li.active a {background-color: #fdf4f4; color: #000; font-weight: bold; background-image: url(/pictures/navi_pfeil.gif); background-repeat: no-repeat; background-position: 22px 8px;}


* html #navi ul li.active ul li a {background-color: #fbe9e8; color: #000; font-weight: normal; background-image: none;}
* html #navi ul li.active ul li.active ul li a {background-color: #fdf4f4; color: #000; font-weight: normal; background-image: none;}

* html #navi ul li.active ul li a:hover {background-color: #fbe9e8; color: #000; font-weight: bold;}
* html #navi ul li.active ul li.active ul li a:hover {background-color: #fdf4f4; color: #000; font-weight: bold;}