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

/* ul Ebene 2 ----- */	
#navi li ul {
	padding: 0;
	margin: 0;
	position: absolute;
	width: 155px;
	top: -1px;
	left: 166px;
	display: none;
	border: none;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/* ul Ebene 3 ----- */
#navi li ul li ul {
	padding: 0;
	margin: 0;
	position: absolute;
	width: 155px;
	top: -1px;
	left: 155px;
	display: none;
	border: none;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

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

/* li Ebene 2 ----- */
#navi ul li ul li {
	position: relative;
	border-top: none;
	border-right: 1px solid #ccc;
}

/* li Ebene 3 ----- */
#navi ul li ul li ul li {
	position: relative;
}

/* a Ebene 1 ----- */
#navi ul li a {
	color: #000;
	font-weight: bold;
	display: block;
	padding: 7px 0px 7px 20px;
	text-decoration: none;
	background-color: #e5e5e5;
}

/* a Ebene 2 ----- */
#navi ul li ul li a {
	font-weight: normal;
	display: block;
	padding: 3px 5px 3px 5px;
	text-decoration: none;
	background-color: #f2f2f2;
}

/* a Ebene 3 ----- */
#navi ul li ul li ul li a {
	font-weight: normal;
	display: block;
	padding: 2px 5px 2px 5px;
	text-decoration: none;
	background-color: #f2f2f2;
}

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

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

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

/* a.active Ebene 1 ----- */
#navi li.active a {
	background-color: #efefef;
	}

#navi li.active ul li a {
	background-color: #f2f2f2;
	}

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

/* --------------------------*/
/* Fix IE. Hide from IE Mac \*/
* html #navi ul li { float: left; height: 1%; }
* html #navi ul li a { height: 1%; }
/* --------- End ----------- */

/*Sub Menu for Gecko */

#navi ul li:hover ul { display: block; background-color: #f2f2f2;}

#navi ul li:hover ul li ul {display: none; background-color: #f2f2f2;}

#navi ul li:hover ul li:hover ul {display: block; background-color: #f2f2f2;}

#navi ul li:hover ul li:hover ul li ul {display: none; background-color: #f2f2f2;}

#navi ul li:hover ul li:hover ul li:hover ul {display: block; background-color: #f2f2f2;}

/* Sub Menu Styles for IE */
		
#navi ul li.over ul { display: block; background-color: #f2f2f2;}

#navi ul li.over ul li ul {display: none; background-color: #f2f2f2;}

#navi ul li.over ul li.over ul {display: block; background-color: #f2f2f2;}

#navi ul li.over ul li.over ul li ul {display: none; background-color: #f2f2f2;}

#navi ul li.over ul li.over ul li.over ul {display: block; background-color: #f2f2f2;}

/*Sub Menu for IE */
* html #navi ul li.over {background-color: #efefef}
* html #navi ul li ul li.over {background-color: #fff}
* html #navi ul li ul li ul li.over {background-color: #fff}

* html #navi ul li.active a {color: #000;}
* html #navi ul li.active ul li.active a {color: #000;}
* html #navi ul li.active ul li.active ul li.active a {color: #000;}

* html #navi ul li.active ul li a {color: #000;}
* html #navi ul li.active ul li a:hover {color: #000}