/* SIDEBAR */
#sidebar ul {
	font-weight: bold;
	margin: 0;
	padding: 0px;
	text-align: left;
	list-style-type: none;
	width: 156px;
	color: #0066cc; /* tepede-blauw */
	background-color: #fff; 
	float: left;
	border: 0px solid red;
}

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


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


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

#sidebar ul.level1 li a {
font-size: 0.85em;
	display: block;
	color: #0066cc; /* tepede-blauw */
	text-decoration: none;
	padding: 0.3em 0 0.3em 0;
	margin: 0 0 0 0;
	background: #99ccff url('/img/navbullet1.gif') top left repeat-y;
	width: 156px;
	font-weight: normal;
	border-bottom: 4px solid #fff;
	line-height: 1.1em;
}

#sidebar ul.level2 li a {
	color: #0066cc; /* tepede-blauw */
	font-weight: normal;
	background: #fff url('/img/navbullet2.gif') 15px 6px no-repeat;
	padding: 0.2em 0 0.2em 0;
	border-bottom: 0px solid #fff;
	line-height: 1.1em;
}

#sidebar ul.level3 li a {
	color: #0066cc; /* tepede-blauw */
	font-weight: normal;
	font-style: italic;
	background: #fff none 15px 6px no-repeat;
	padding: 0.2em 0 0.2em 0;
	border-bottom: 0px solid #fff;
	line-height: 1.1em;
}

#sidebar ul.level4 li a {
	color: #626262;
}

#sidebar ul.level5 li a {
	color: #00304B;
	background: url("") top left no-repeat;
}


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

#sidebar ul.level1 li a:hover  {
	color: #666;   
	background-color: #ccc;
}

#sidebar ul.level2 li a:hover {
	color: #666;   
	background-color: #ddd;
}

#sidebar ul.level3 li a:hover   {
	color: #666;   
	background-color: #ccc;
}

#sidebar ul.level4 li a:hover,
#sidebar ul.level5 li a:hover  {
	color: #666;   
	background-color: #ccc;
}


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

#sidebar ul.level1 li a span { display: block; padding-left: 25px; }
#sidebar ul.level2 li a span { display: block; padding-left: 25px; }
#sidebar ul.level3 li a span { display: block; padding-left: 25px; }
#sidebar ul.level4 li a span { display: block; padding-left: 50px; }
#sidebar ul.level5 li a span { display: block; padding-left: 60px; }



/* 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 {
	background: #cf9 url('/img/navbullet1_act.gif') top left repeat-y;
	color: #096;
} 

#sidebar ul li a.selected2	{
	background: #cf9 url('/img/navbullet2_act.gif') 15px 6px no-repeat;
	color: #096;
} 

#sidebar ul li a.selected3	{
	background: #cf9 none 15px 6px no-repeat;
	color: #096;
} 

#sidebar ul li a.selected4, 
#sidebar ul li a.selected5	{
 	background: url('/img/bullet1.gif') 19px 0.6em no-repeat #f5f8fb;  
} 

/* hovers van geselecteerde li's -------------------------------------------------------------*/

#sidebar ul li a.selected1:hover {
	color: #666;   
	background-color: #ccc;
} 

#sidebar ul li a.selected2:hover	{
	color: #666;   
	background-color: #ddd;
} 

#sidebar ul li a.selected3:hover	{
	color: #666;   
	background-color: #ddd;
} 

#sidebar ul li a.selected4:hover, 
#sidebar ul li a.selected5:hover	{
 	background: url('/img/bullet1_hi.gif') 19px 0.6em no-repeat;  
} 


/* bodem --------------------------------------------------------------------------------------*/

#sidebar #bottom  {
}


#sidebar ul.level2  {
	border-bottom: 4px solid #fff;
	margin-bottom: 4px;
	}