/*
TYPO3 leicht und verstaendlich
copyright: Birgit Ruehring www.ruehring.de 
CSS Document 

vertikale Navigationsliste mit zwei Ebenen in linker Spalte
Die Navigationsliste wird in TYPO3 dynamisch ersetzt. Die Formatangaben werden in das TypoScript SETUP Deines Templates uebernommen.
*/


div#navi ul{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding:0px 0px 5px 10px;
	list-style:none;

}
div#navi ul li {
	margin: 0;
	padding:0;
}

div#navi ul li a {
 	display: block;
	margin:0;
	padding:5px;
	text-decoration: none;
	color: transparent;
}
/* 1. Ebene */
div#navi ul li a.navi_links {
	display:block;
	color: #333333;
	padding-left: 10px;
	font-size:0.9em;
	background-image:url(liste_orange.gif);
	background-repeat:no-repeat;
}

div#navi ul li a.navi_links_hover, div#navi ul li a.navi_links:hover {
	display:block;
	background-color: transparent;
	color: #F56301;
	padding-left: 10px;
	font-size:0.9em;
	background-image:url(liste_grau.gif);
	background-repeat:no-repeat;
}

div#navi ul li a.navi_links_active , div#navi ul li a.navi_links_actifsub {
	display:block;
	font-weight:bold;
	color: #734219;
	padding-left: 20px;
	margin-left:-10px;
	font-size:0.9em;
	background-image:url(liste_haus.gif);
	background-repeat:no-repeat;
}


/* 2. Ebene */
div#navi ul li a.navi_links_2 {
	display:block;
	background-color: transparent;
	color: #333333;
	font-size:0.8em;
	padding-left: 15px;
}

div#navi ul li a.navi_links_2_hover, div#navi ul li a.navi_links_2:hover {
	display:block;
	background-color: transparent;
	color: #F56301;
	font-size:0.8em;
	padding-left: 15px;
}

div#navi ul li a.navi_links_2_active , div#navi ul li a.navi_links_2:active {
	display:block;
	background-color: transparent;
	color: #734219;
	font-size:0.8em;
	padding-left: 15px;
	font-weight:bold;
	
}