/*
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 des Templates uebernommen.
*/

div#navigation_links{
	width: 204px;
	height: auto;
	margin-top: 26px;
	margin-bottom: 16px;
	text-align: left; /* war right */
	position: absolute;
}
div#navigation_links ul{
	list-style: none;
	margin: 0;
	padding:0;
}
div#navigation_links ul li {
	list-style: url(none) none inside;
	margin: 0px 0px 0px 12px; /* neu!!! */
	/* margin: 0; ---- rausgenommen! */
	padding:0;
	line-height: 130%;
}

div#navigation_links ul li a {
	display: block;
	padding:5px 20px 5px 0;
	margin:0;
	text-decoration: none;
	color: #333333;
}
/* 1. Ebene */
div#navigation_links ul li a.navi_links {
	display:block;
	background-color: #ffffff;
	border-right: 7px solid #666666;
	color: #333333;
	font-size: 120%;
}
div#navigation_links ul li a.navi_links_hover, div#navigation_links ul li a.navi_links:hover {
	display:block;
	border-right: 7px solid RGB(255, 35, 0); /* color war #ff0000*/
	border-left: 7px solid RGB(255,35,0); /* 20.08.09 */
	background-color: #666666;
	color: #ffffff;
	padding-left: 5px;
	font-size: 120%;
}
div#navigation_links ul li a.navi_links_active {
	display:block;
	border-right: 7px solid RGB(255,35,0); /* color war #ff0000*/
	border-left: 7px solid RGB(255,35,0); /* 20.08.09 */
	background-color: #666666;
	color: #ffffff;
	padding-left: 5px;
	font-size: 120%;
}
div#navigation_links ul li a.navi_links_actifsub {
	display:block;
	border-right: 7px solid #666666;
	background-color: #666666;
	color: #ffffff;
	padding-left: 5px;
	font-size: 120%;
}

/* 2. Ebene */
div#navigation_links ul li a.navi_links_2 {
	display:block;
	background-color: #dddddd;
	padding-left: 2px; /* 20.8.09*/
	border-right: 7px solid #666666;
	color: #333333;
}
div#navigation_links ul li a.navi_links_2_hover, div#navigation_links ul li a.navi_links_2:hover {
	display:block;
	border-right: 7px solid RGB(255,35,0); /* color war #ff0000*/
	padding-left: 2px; /* 20.8.09*/
	background-color: #dddddd;
	color: #333333;
}
div#navigation_links ul li a.navi_links_2_active {
	display:block;
	border-right: 7px solid RGB(255,35,0); /* color war #ff0000*/
	padding-left: 2px; /* 20.8.09*/
	background-color: #dddddd; 
	color: #333333;
}

/* 3. Ebene      ------ eingef�gt  */
div#navigation_links ul li a.navi_links_3 {
	display:block;
	background-color: #dddddd;
	padding-left: 2px; /* 20.8.09*/
	border-right: 7px solid #666666;
	color: #333333;
}
div#navigation_links ul li a.navi_links_3_hover, div#navigation_links ul li a.navi_links_3:hover {
	display:block;
	border-right: 7px solid RGB(255,35,0);  /* color war #ff0000*/
	padding-left: 2px; /* 20.8.09*/
	background-color: #dddddd;
	color: #333333;
}
div#navigation_links ul li a.navi_links_3_active {
	display:block;
	border-right: 7px solid RGB(255,35,0); /* color war #ff0000*/
	padding-left: 2px; /* 20.8.09*/
	background-color: #dddddd;
	color: #333333;