/* SIDEBAR */
#sidebar ul {
	font: 1em  Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 1.3em;
	margin: 0;
	padding: 0px;
	text-align: right;
	list-style-type: none;
	width: 133px;
	color: #999; /* thea-grijs  */
	z-index:1000;
	position: relative;
}

#sidebar #rootUL {
	margin: 10px 0 0 0px;
	padding: 0;	
}


#sidebar ul li {
	background-color: transparent;
	display: block;
	list-style-type: none;
	width: 129px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0px solid red;
}


/* level 1 t/m 5, met de eventuele bullets per level  ------------------------------------------*/

#sidebar ul.level1 li a {
	display: block;
	color: #999; /* thea-grijs  */
	text-decoration: underline;
	padding: 3px 0 3px 0;
	margin: 0 0 0 0;
	width: 133px;
}

#sidebar ul.level2 li a {
	color: #999; /* thea-grijs  */
}

#sidebar ul.level3 li a {
	color: #999; /* thea-grijs  */
	font-weight: normal;
}

#sidebar ul.level4 li a {
	color: #999; /* thea-grijs  */
}

#sidebar ul.level5 li a {
	color: #00304B;
}


/* hovertjes ----------------------------------------------------------------------------------*/

#sidebar ul.level1 li a:hover  {
	color: #f00;
}

#sidebar ul.level2 li a:hover {
	color: #f00;
}

#sidebar ul.level3 li a:hover   {
	color: #f00;
}

#sidebar ul.level4 li a:hover,
#sidebar ul.level5 li a:hover  {
	color: #f00;
}


/* inspringen van de navtext ------------------------------------------------------------------*/

#sidebar ul.level1 li a span { display: block; padding-left: 0px; }
#sidebar ul.level2 li a span { display: block; padding-right: 5px; }
#sidebar ul.level3 li a span { display: block; padding-right: 15px; }
#sidebar ul.level4 li a span { display: block; padding-left: 30px; }
#sidebar ul.level5 li a span { display: block; padding-left: 45px; }



/* maak alle geneste ul's onzichtbaar */
#sidebar ul ul {
	display: none;
}

/* maak geneste ul's van een active li onzichtbaar */
#sidebar ul li.active ul { 
	display: none;
}
 

/* uitgeklapte li's krijgen deze properties */

#sidebar ul li.active a { }
#sidebar ul li.active a:hover { }
	
	
/* geselecteerde li's -------------------------------------------------------------------------*/

#sidebar ul li a.selected1 {
	color: #fff;
	text-decoration: none;
} 

#sidebar ul li a.selected2	{
	color: #fff;
	text-decoration: none;
} 

#sidebar ul li a.selected3	{
	color: #fff;
	text-decoration: none;
} 

#sidebar ul li a.selected4, 
#sidebar ul li a.selected5	{
	color: #fff;
	text-decoration: none;
}