/*
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#navigation_links{
	width: 204px;
	height: auto;
	margin-top: 26px;
	margin-bottom: 16px;
	text-align: 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: 0;
	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 #ff0000;
	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 #ff0000;
	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;
	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 #ff0000;
	background-color: #dddddd;
	color: #333333;
}
div#navigation_links ul li a.navi_links_2_active {
	display:block;
	border-right: 7px solid #ff0000;
	background-color: #dddddd;
	color: #333333;
}