/* SIDEBAR */
#sidebar {
	float: left;
	width: 172px;
	margin: 20px 0 0 0;
	padding: 0 0 0 52px;
	font-size: 94%;
	font-weight: bold;
	line-height: 20px;
}

#sidebar ul {
	background: transparent;
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 172px;
}

/* make a 3px gap between menu-items and bottom */
#sidebar #rootUL {
	padding-bottom: 3px;
}

#sidebar ul li {
	display: block;
	list-style-type: none;
	width: 172px;
	padding: 3px 0 0 0;
	margin: 0;
}


/* level 1 is donker grijs */
#sidebar ul.level1 li a {
	background: #e1ad67 url("../img/cammeleur/bg_navbottom.gif") bottom left no-repeat;
	display: block;
	color: #1103a1;
	border: none;
	text-decoration: none;
	width: 170px;
	padding: 0;
	margin: 0;
}


/* je kunt ieder level specificeren, nu zijn alle sublevels gelijk */
#sidebar ul.level2 li a, 
#sidebar ul.level3 li a,
#sidebar ul.level4 li a,
#sidebar ul.level5 li a {
	color:  #1103a1; /* doblauw */
	background-color: #fff;
	font-weight: normal
}

#sidebar ul.level1 li a:hover,
#sidebar ul.level2 li a:hover,
#sidebar ul.level3 li a:hover,
#sidebar ul.level4 li a:hover,
#sidebar ul.level5 li a:hover { 
	color: #1103a1;
	background-color: #dd8704;
}

#sidebar ul li a span {
	display: block;
	background: url("../img/cammeleur/bg_navtop.gif") top left no-repeat;
	padding: 0 10px;
	width: 150px;
}

#sidebar ul.level1 li a span {
	padding: 0 10px 0 10px;
	width: 150px;
}

#sidebar ul.level2 li a span {
	padding: 0 10px 0 20px;
	width: 140px;
	font-style: italic;
	font-size: 95%;
}

#sidebar ul.level3 li a span { 
	padding: 0 10px 0 30px; 
	width: 130px; 
	font-style: normal;
}

#sidebar ul.level4 li a span { padding: 0 10px 0 40px; width: 120px; }
#sidebar ul.level5 li a span { padding: 0 10px 0 50px; width: 110px; }

/* dit is correct voor IE */
#sidebar #bottom {
	display:none;
}

/* IE snapt dit niet en negeert het, maar Mozilla voert het wel uit! */
#sidebar > #bottom {
	margin: 0;
}

/* maak alle geneste ul's onzichtbaar */
#sidebar ul ul {
/*	margin-top: 3px; */
	display: none;
}

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

/* uitgeklapte li's krijgen deze properties */
/*
#sidebar ul li.active a { 
	color: #768793;
	background-color: #E4E7E9;
}

#sidebar ul li.active a:hover { 
	background-color: #920102;
	color: #fff;
}
*/

/* geselecteerde li's */
#sidebar ul li a.selected1, 
#sidebar ul li a.selected2, 
#sidebar ul li a.selected3, 
#sidebar ul li a.selected4, 
#sidebar ul li a.selected5 {
	color: #fff;
	background-color: #dd8704;
}

#sidebar ul.level1 li#nav166 a,
#sidebar ul.level1 li#nav174 a,
#sidebar ul.level1 li#nav171 a,
#sidebar ul.level1 li#nav173 a
{
	margin-top: 2em;
}

/* cammeleur */
#sidebar ul.level1 li#nav166 a,
#sidebar ul.level1 li#nav164 a,
#sidebar ul.level1 li#nav165 a,
#sidebar ul.level1 li#nav167 a,

/* geubel */
#sidebar ul.level1 li#nav174 a,
#sidebar ul.level1 li#nav179 a,
#sidebar ul.level1 li#nav180 a,
#sidebar ul.level1 li#nav176 a,

/* schouw */
#sidebar ul.level1 li#nav171 a,
#sidebar ul.level1 li#nav169 a,
#sidebar ul.level1 li#nav170 a,
#sidebar ul.level1 li#nav172 a,

/* donckhuys */
#sidebar ul.level1 li#nav173 a,
#sidebar ul.level1 li#nav175 a,
#sidebar ul.level1 li#nav178 a,
#sidebar ul.level1 li#nav177 a
{
	background-color: #6f7aaf;
	background-color: #1103a1;
	color: #fff;
}

/* cammeleur */
#sidebar ul.level1 li#nav166 a:hover,
#sidebar ul.level1 li#nav164 a:hover,
#sidebar ul.level1 li#nav165 a:hover,
#sidebar ul.level1 li#nav167 a:hover,

/* geubel */
#sidebar ul.level1 li#nav174 a:hover,
#sidebar ul.level1 li#nav179 a:hover,
#sidebar ul.level1 li#nav180 a:hover,
#sidebar ul.level1 li#nav176 a:hover,

/* schouw */
#sidebar ul.level1 li#nav171 a:hover,
#sidebar ul.level1 li#nav169 a:hover,
#sidebar ul.level1 li#nav170 a:hover,
#sidebar ul.level1 li#nav172 a:hover,

/* donckhuys */
#sidebar ul.level1 li#nav173 a:hover,
#sidebar ul.level1 li#nav175 a:hover,
#sidebar ul.level1 li#nav178 a:hover,
#sidebar ul.level1 li#nav177 a:hover
{ 
	color: #fff;
	background-color: #1103a1;
	background-color: #6f7aaf;
}