#navi {

}

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

/* Ebene 1 */
#navi ul {
	margin: 0;
	padding: 0;
	width: 170px;
	list-style-type: none;
	border-bottom: 1px solid #fff;
}

/* Ebene 2 */
#navi ul li ul{
	border-bottom: 1px solid #000;
}

/* Ebene 3 */
#navi ul li ul li ul {
border-bottom: none;
}

/* Ebene 4 */
#navi ul li ul li ul li ul {
border-bottom: none;
}

/* Ebene 5 */
#navi ul li ul li ul li ul li ul {
border-bottom: none;
}


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

/* Ebene 1 - LI */
#navi ul li  {
	border-top: 1px solid #fff;
}

/* Ebene 2 - LI */
#navi ul li ul li  {
	border-top: none;
}

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

}

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

}

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

}


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

/* Ebene 1 - links */
#navi ul li a{
	font-size: 1.0em;
	line-height: 14px;
	font-weight: normal;
	color: #000;
	display: block;
	background-color: #e5e5e5;
	padding-left: 11px;
	text-decoration: none;
	padding-top: 4px;
	padding-bottom: 4px;
}

/* Ebene 2 - links */
#navi ul li ul li a {
	font-size: 1.0em;
	line-height: 14px;
	font-weight: normal;
	color: #fff;
	display: block;
	background-color: #666;
	background-image: url(/pictures/back_2.gif);
	background-repeat: no-repeat;
	padding-left: 11px;
	padding-top: 4px;
	padding-bottom: 4px;
}

/* Ebene 3 - links */
#navi ul li ul li ul li a {
	font-size: 0.95em;
	line-height: 13px;
	font-weight: normal;
	color: #000;
	display: block;
	background-color: #ccc;
	background-image: url(/pictures/back_3.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
}

/* Ebene 4 - links */
#navi ul li ul li ul li ul li a {
	font-size: 0.95em;
	line-height: 13px;
	font-weight: normal;
	color: #000;
	display: block;
	background-color: #e5e5e5;
	background-image: url(/pictures/back_4.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-top: 4px;
	padding-bottom: 4px;
}

/* Ebene 5 - links */
#navi ul li ul li ul li ul li ul li a {
	font-size: 0.95em;
	line-height: 13px;
	font-weight: normal;
	color: #000;
	display: block;
	background-color: #fff;
	background-image: url(/pictures/back_5.gif);
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-top: 4px;
	padding-bottom: 4px;
}


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

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

/* Ebene 2 - hover */
#navi ul ul li a:hover {
	background-image: none;
	background-color: #c00;
	color: #fff;
}

/* Ebene 3 - hover */
#navi ul ul li ul li a:hover {
	background-image: none;
	background-color: #c00;
	color: #fff;
}

/* Ebene 4 - hover */
#navi ul ul li ul li ul li a:hover {
	background-image: none;
	background-color: #c00;
	color: #fff;
}

/* Ebene 5 - hover */
#navi ul ul li ul li ul li ul li a:hover {
	background-image: none;
	background-color: #c00;
	color: #fff;
}


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

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

/* Ebene 2 - active */
#navi ul li ul li.active>a {
	background-color: #666;
	background-image: url(/pictures/back_2_activ.gif);
	background-repeat: no-repeat;
	color: #fff;
	font-weight: bold;
}

/* Ebene 3 - active */
#navi ul li ul li ul li.active>a {
	background-color: #ccc;
	background-image: url(/pictures/back_3_activ.gif);
	background-repeat: no-repeat;
	color: #000;
	font-weight: bold;
}

/* Ebene 4 - active */
#navi ul li ul li ul li ul li.active>a {
	background-color: #e5e5e5;
	background-image: url(/pictures/back_4_activ.gif);
	background-repeat: no-repeat;
	color: #000;
	font-weight: bold;
}

/* Ebene 5 - active */
#navi ul li ul li ul li ul li ul li.active>a {
	background-color: #fff;
	background-image: url(/pictures/back_5_activ.gif);
	background-repeat: no-repeat;
	color: #000;
	font-weight: bold;
}


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

* html #navi ul li a {height: 1%; background-color: #e5e5e5; color: #000;}
* html #navi ul li ul li a {height: 1%; background-color: #666; color: #fff;}
* html #navi ul li ul li ul li a {height: 1%; background-color: #ccc; color: #000;}
* html #navi ul li ul li ul li ul li a {height: 1%; background-color: #e5e5e5; color: #000;}
* html #navi ul li ul li ul li ul li ul li a {height: 1%; background-color: #fff; color: #000;}

* html #navi ul li.active a {background-color: #000; color: #fff;}
* html #navi ul li.active ul li.active a {background-color: #666; color: #fff; font-weight: bold; background-image: url(/pictures/back_2_activ.gif); background-repeat: no-repeat;}
* html #navi ul li.active ul li.active ul li.active a {background-color: #ccc; color: #000; font-weight: bold; background-image: url(/pictures/back_3_activ.gif); background-repeat: no-repeat;}
* html #navi ul li.active ul li.active ul li.active ul li.active a {background-color: #e5e5e5; color: #000; font-weight: bold; background-image: url(/pictures/back_4_activ.gif); background-repeat: no-repeat;}
* html #navi ul li.active ul li.active ul li.active ul li.active ul li.active a {background-color: #fff; color: #000; font-weight: bold; background-image: url(/pictures/back_5_activ.gif); background-repeat: no-repeat;}

* html #navi ul li.active ul li a {background-color: #666; background-image: url(/pictures/back_2.gif); background-repeat: no-repeat; color: #fff; font-weight: normal;}
* html #navi ul li.active ul li ul li a {background-color: #ccc; background-image: url(/pictures/back_3.gif); background-repeat: no-repeat; color: #000; font-weight: normal;}
* html #navi ul li.active ul li ul li ul li a {background-color: #e5e5e5; background-image: url(/pictures/back_4.gif); background-repeat: no-repeat; color: #000; font-weight: normal;}
* html #navi ul li.active ul li ul li ul li ul li a {background-color: #fff; background-image: url(/pictures/back_5.gif); background-repeat: no-repeat; color: #000; font-weight: normal;}

* html #navi ul li.active ul li.active ul li a {background-color: #ccc; background-image: url(/pictures/back_3.gif); background-repeat: no-repeat; color: #000; font-weight: normal;}
* html #navi ul li.active ul li.active ul li ul li a {background-color: #e5e5e5; background-image: url(/pictures/back_4.gif); background-repeat: no-repeat; color: #000; font-weight: normal;}
* html #navi ul li.active ul li.active ul li ul li ul li a {background-color: #fff; background-image: url(/pictures/back_5.gif); background-repeat: no-repeat; color: #000; font-weight: normal;}

* html #navi ul li.active ul li.active ul li.active ul li a {background-color: #e5e5e5; background-image: url(/pictures/back_4.gif); background-repeat: no-repeat; color: #000; font-weight: normal;}
* html #navi ul li.active ul li.active ul li.active ul li ul li a {background-color: #fff; background-image: url(/pictures/back_5.gif); background-repeat: no-repeat; color: #000; font-weight: normal;}

* html #navi ul li.active ul li.active ul li.active ul li.active ul li a {background-color: #fff; background-image: url(/pictures/back_5.gif); background-repeat: no-repeat; color: #000; font-weight: normal;}

* html #navi ul li.active ul li a:hover {background-image: none; background-color: #c00; color: #fff;}
* html #navi ul li.active ul li.active ul li a:hover {background-image: none; background-color: #c00; color: #fff;}
* html #navi ul li.active ul li.active ul li.active ul li a:hover {background-image: none; background-color: #c00; color: #fff;}
* html #navi ul li.active ul li.active ul li.active ul li.active ul li a:hover {background-image: none; background-color: #c00; color: #fff;}