.treeSub {}

/* default style for ul elements */
.treeSub ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	display: table;
	width: 100%;
	table-layout: fixed;
}  
.treeSub li {
	display: table-cell;
	vertical-align: top;
	padding: 0px 20px 0px 0px;
} 
.treeSub li.lastrow {
	margin-right: 0px;
} 
/* style default a tags */ 
.treeSub a {
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
	/* font-size: 12px; ->layout_1.css */
	font-weight: 700;
	text-decoration: none; 
	color: #7B848F;
	text-transform: uppercase;
}
.treeSub .selected a, .treeSub .selected a:hover, .treeSub .selected a:active, .treeSub .breadcrumb a {
	color: #bd9a14;
}
.treeSub a:hover {
	color: #bd9a14;
}

/* 2nd level */
.treeSub ul ul {
	display: block;
}
.treeSub ul ul li {
	display: block;
	padding: 0px 0px 0px 0px;
	width: auto;
}
.treeSub ul ul a {
	text-transform: none;
	padding: 7px 0px 7px 0px;
	margin: 0px 0px 0px 0px;
	color: #000000;
	font-weight: 400;
}
.treeSub ul ul .selected a, .treeSub ul ul .selected a:hover, .treeSub ul ul .selected a:active, .treeSub ul ul .breadcrumb a {}
.treeSub ul ul a:hover {}

/* 3rd level */
.treeSub ul ul ul {}
.treeSub ul ul ul a {
	padding: 3px 0px 3px 15px;
	font-size: 13px;
}
.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 {}
.treeSub ul ul ul a:hover {}


/*
--- 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;
}