.treeMain {}

/* default style for ul elements */
.treeMain ul {
	padding: 20px 50px 20px 0px;
	margin: 0px;
	width: 240px;
	list-style: none;
	background-image: url(../../images/site/bkg_blk_transp60.png);
}  

/* style default a tags */ 
.treeMain a {
	display: block;
	padding: 10px 0px 10px 25px;
	/* font-size: 12px; ->layout_1.css */
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 300;
	text-decoration: none; 
	color: #cccccc;
	background-image: none;
	background-position: 10px center;
	background-repeat: no-repeat;
}
.treeMain .selected a, .treeMain .selected a:hover, .treeMain .selected a:active, .treeMain .breadcrumb a {
	color: #ffffff;
	font-weight: 400;
	background-image: url(../../images/site/bullet_mainnav_over.png);
}
.treeMain a:hover {
	color: #ffffff;
	background-image: url(../../images/site/bullet_mainnav_over.png);
}

/* 2nd level */
.treeMain ul ul {
	left: 270px;
	top: 190px;
	position: absolute;
	width: 180px;
}
.treeMain ul ul a {
	text-transform: none;
	padding: 3px 0px 3px 25px;
}
.treeMain ul ul .selected a, .treeMain ul ul .selected a:hover, .treeMain ul ul .selected a:active, .treeMain ul ul .breadcrumb a {}
.treeMain ul ul a:hover {}

/* 3rd level */
.treeMain ul ul ul {
	left: 210px;
	top: 14px;
}
.treeMain ul ul ul a {}
.treeMain ul ul ul .selected a, .treeMain ul ul ul .selected a:hover, .treeMain ul ul ul .selected a:active, .treeMain ul ul ul .breadcrumb a {}
.treeMain ul ul ul a:hover {}


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