.subnav {
	padding: 0px;
	margin: 0px;
	text-align: right;
	width: 188px;
	padding-bottom: 20px;

}


/* default style for ul elements */
.subnav ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}  

.subnav ul li {
	margin-right: 0px;
}

.subnav ul ul li {
	margin: 3px 0px 3px 0px;
}



/* override a tags inside span with selected class */
.subnav a.selected {
	font-style: normal ! important;
	text-decoration: none ! important;
	color: #000000;
}

/* style default a tags */ 
.subnav a {
	padding: 4px 2px 4px 0px;
	display: block;
	font-weight: bold;
	text-decoration: none; 
	color: #444444;
	text-transform: uppercase;
}
.subnav span.selected a, .subnav a.selected, .subnav a.selected:hover, .subnav a.selected:active {
	margin: 0px;
	color: #FF0000;
	font-weight: bold;
}

.subnav a:hover {
	color: #FF0000;
}

/* 2te Ebene */
.subnav ul ul a {
	padding: 0px 2px 0px 0px;
	font-weight: normal;
	text-transform: none;
}
.subnav ul ul a:hover {
	color: #FFFFFF;
	background-color: #FF0000;
}
.subnav ul ul div.selected a:hover {
	color: #FF0000;
	background-color: #FFFFFF;
}
.subnav ul ul a.breadcrumb {
	font-weight: bold;
}

/* 3te Ebene */
.subnav ul ul ul a {
color: #FF0000;
}


/* --- image styles ----
--- alle styles bei bildern deaktivieren ----
class: "image" = Bild
class: "moimage" = Bild mit Mouseover
*/
.subnav img {
	border: 0px;
}
.subnav li.image, .subnav li.moimage {
	margin: 0px;
	padding: 0px;
}
.subnav li.image a, .subnav li.image a:active, .subnav li.moimage a, .subnav li.moimage a:active {
	margin: 0px;
	padding: 0px;
	background-color: transparent !important;
	background-image: none !important;
}
.subnav li.image a:hover, .subnav li.moimage a:hover {
	background-color: transparent !important;
	background-image: none !important;
}