/* ------- ul ---------- */

/* Ebene 1 */
#navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-top: 20px;
	width: 188px;
}

/* Ebene 2 */
#navigation ul li ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 188px;
	margin-bottom: 5px;
margin-top: 5px;
}

.active {
background-color: #e5d0d0 !important;
}

/* Ebene 3 */
#navigation ul li ul li ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 147px;
}


/* ------- li ---------- */

/* Ebene 1 - LI */
#navigation ul li  {
	background-color: transparent;
	width: 188px;
border-bottom: 1px solid #d0d0d0;
}

/* Ebene 2 - LI */
#navigation ul li ul li  {
	background-color: #e5d0d0;
border-bottom: none;
}

/* Ebene 3 - LI */
#navigation ul li ul li ul li {

}


/* ------- links ---------- */

/* Ebene 1 - links */
#navigation ul li a{
background-image: url("/pictures/pfeil_nav.gif");
background-repeat: no-repeat;
background-position: 10px 50%;
	background-color: transparent;
	display: block;
	color: #3c3c3c;
	padding-left: 20px;
	padding-top: 1px;
	padding-bottom: 1px;
	text-decoration: none;
	font-weight: normal;
}

/* Ebene 2 - links */
#navigation ul li ul li a {
	padding: 1px 0px 1px 10px;
	font-size: 0.95em;
background-image: none;
}

/* Ebene 3 - links */
#navigation ul li ul li ul li a {
	padding: 1px 0px 1px 29px;
background-image: url("/pictures/pfeil_nav.gif") !important;
background-repeat: no-repeat !important;
background-position: 20px 50% !important;
color: #000;

	}


/* ------- hover ---------- */

/* Ebene 1 - hover */
#navigation ul li a:hover {
	background-color: #c00;
	color: #fff;
}

#navigation ul li a:active, #navigation ul li a:focus {
background-color: #c00;
	color: #fff;
}

/* Ebene 2 - hover */
#navigation ul ul li a:hover, #navigation ul ul li a:focus, #navigation ul ul li a:active {
	font-weight: bold;
	color: #000;
	background-color: #e5d0d0;
}

/* Ebene 3 - hover */
#navigation ul ul li ul li a:hover {
	}


/* ------- active firefox ---------- */

/* Ebene 1 - active */
#navigation ul li.active>a {
	background-color: #c00;
	color: #fff;
	font-weight: bold;
}

/* Ebene 2 - active */
#navigation ul li ul li.active>a {
	font-weight: bold;
	background-color: #e5d0d0;
	color: #000;
	background-image: url(/pictures/navi_pfeil.gif);
	background-repeat: no-repeat;
	background-position: 4px 8px;
}

/* Ebene 3 - active */
#navigation ul li ul li ul li.active>a {
	font-weight: bold;
	background-color: #e5d0d0;
	color: #000;
	background-image: url(/pictures/navi_pfeil.gif);
	background-repeat: no-repeat;
	background-position: 19px 8px;
}


/* ------- : HACK : active internet explorer : HACK :  ---------- */

* html #navigation ul li a {height: 1%; background-color: transparent;}
* html #navigation ul li ul li a {height: 1%; background-color: #e5d0d0;}
* html #navigation ul li ul li ul li a {height: 1%; background-color: #e5d0d0;color:#efefef}

* html #navigation ul li.active a {background-color: #c00; color: #fff;font-weight: bold;}
* html #navigation ul li.active ul li.active a {background-color: #e5d0d0; color: #000; font-weight: bold; background-image: url(/pictures/navi_pfeil.gif); background-repeat: no-repeat; background-position: 4px 8px;}
* html #navigation ul li.active ul li.active ul li.active a {background-color: #e5d0d0; color: #000; font-weight: bold; background-image: url(/pictures/navi_pfeil.gif); background-repeat: no-repeat; background-position: 19px 8px;}


* html #navigation ul li.active ul li a {background-color: #e5d0d0; color: #000; font-weight: normal; background-image: none;}
* html #navigation ul li.active ul li.active ul li a {background-color: #e5d0d0; color: #000; font-weight: normal; background-image: none;}

* html #navigation ul li.active ul li a:hover {background-color: #e5d0d0; color: #000; font-weight: bold;}
* html #navigation ul li.active ul li.active ul li a:hover {background-color: #e5d0d0; color: #000; font-weight: bold;}

