.treeSub {
	padding: 10px 0px 2px 0px;
	margin: 0px;
	text-align: right;
	width: 359px;
}

/* default style for ul elements */
.treeSub ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}  

/* style default a tags */ 
.treeSub a {
	display: block;
	padding: 3px 28px 3px 0px;
	margin: 0px 134px 2px 5px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none; 
	color: #000000;
	background-position: right center;
	background-repeat: no-repeat;
}
.treeSub .selected a, .treeSub .selected a:hover, .treeSub .selected a:active, .treeSub .breadcrumb a {
	color: #000000;
	background-color: #f6c730;
	background-image: url(../../images/site/subnav_over.gif);	
}
.treeSub a:hover {
	color: #efefef;
}

/* Ebene 2 */ 
.treeSub ul ul {
	margin: 0px 0px 0px 204px;
}
.treeSub ul ul a {
	font-size: 11px;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 10px;
	text-align: left;
	background-color: #bfbdbd;
	border-bottom: 1px solid #bfbdbd;
	border-top: 1px solid #bfbdbd;
}
.treeSub ul ul .selected a, .treeSub ul ul .selected a:hover, .treeSub ul ul .selected a:active, .treeSub ul ul .breadcrumb a {
	background-color: #606060;
	color: #ffffff;
	background-image: none;
}
.treeSub ul ul a:hover {

}

/* Ebene 3 */ 
.treeSub ul ul ul {
	margin: 0px 0px 0px 0px;
}
.treeSub ul ul ul a {
	padding: 2px 0px 2px 18px;
	margin: 0px 0px 0px 0px;
	background-color: #f2e5bc;
}
.treeSub ul ul ul .selected a, .treeSub ul ul ul .selected a:hover, .treeSub ul ul ul .selected a:active, .treeSub ul ul ul .breadcrumb a {
	background-image: url(../../images/site/subnav_l3_over.gif);
	background-position: 10px 5px;
	background-color: #f2e5bc;
	color: #000000;
}
.treeSub ul ul ul a:hover {
	color: #606060;
}


/*
--- image styles ----
--- alle styles bei bildern deaktivieren ----
class: "image" = Bild
class: "moimage" = Bild mit Mouseover
*/
.treeSub img, .treeSub .image, .treeSub .moimage, .treeSub .image a, .treeSub .moimage a, .treeSub .image a:hover, .treeSub .moimage a:hover {
	border: 0px;
	margin: 0px;
	padding: 0px;
	background-color: transparent !important;
	background-image: none !important;
}