.treeSub {
	margin: -16px 0px 0px 0px;
}
.treeSub ul {
	display: table;
	margin: 0px auto 0px 85px;
	padding: 0px 0px 0px 0px;
	background-color: #FCFAF0;
}
.treeSub ul::before {
	content: "";
	border-left: 3px solid #000000;
}
.treeSub ul::after {
	content: "";
	border-right: 3px solid #000000;
}
.treeSub ul li {
	display: table-cell;
}
.treeSub a {
	display: block;
	padding: 5px 10px 5px 10px;
	color: #000000;
	text-decoration: none;
	font-weight: 700;
}
.treeSub .selected a, .treeSub .selected a:active, .treeSub .breadcrumb a {
	color: #7d2248;
	background-color: transparent;
}
.treeSub a:hover {
	color: #7d2248;
	text-decoration: none;
	background-color: #ffffff;
}
.treeSub .hovered > div a {
	color: #7d2248;
	background-color: #ffffff;
}


/* level 2 */
.treeSub ul ul {
	display: none;
	position: absolute;
	width: 200px;
	background-color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	z-index: 999;
}
.treeSub ul ul::before,
.treeSub ul ul::after {
	content: "";
	border: none;
	display: none;
}
.treeSub ul ul.visible {
	display: block;
}
.treeSub ul ul li {
	float: none;
	display: block;
}
.treeSub ul ul a {
	font-weight: 400;
}
.treeSub ul ul a:hover {
}
.treeSub ul ul a.lastrow {
	border-bottom: 0px;
}

/* level 3 */
.treeSub ul ul ul {
	margin-left: 190px;
	margin-top: -20px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}



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