/* SIDEBAR */
div#sidebar {
	font-family : Trebuchet MS, arial, helvetica, sans-serif;
	font-size : 9pt;	/* 0,125 inch */
	font-weight: normal;
/* */
	float: left;
	width: 178px;
	color: #000;
	background-color: #F3DFD6;
	margin: 0;
	padding: 0;
	border: 1px dotted Red;
	border: none;
}

div#sidebar ul {
	/* 
		width should be 178px, with 96ppi (CSS 2.1)=1,8541666666666666666666666666667 inch
		1 em = 0,125 inch = 12px, so 1,8541666666666666666666666666667inch = 14,9em
	*/
	width: 178px;
	margin: 0;
	padding: 0;
	border: none;
}

div#sidebar li {
	list-style: none;
	text-align: left;
}

div#sidebar li a {
	display: block;
	color: #fff;
	background: #EE3124;
	text-decoration: none;
	font-weight: bold;
	padding-left: 18px;
	padding-top: 4px;
	width: 160px;
	height: 20px;
	border-top: 1px solid #F36A61;
	border-bottom: 1px solid #D62C20;
}

div#sidebar ul.level2 li a {
	color: #999;
	background: #ddd;
	text-decoration: none;
	font-weight: normal;
	padding-left: 24px;
	width: 154px;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #888;
}

div#sidebar ul.level3 li a {
	color: #999;
	background: #eee;
	padding-left: 36px;
	width: 142px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #999;
}

div#sidebar li a:hover,
div#sidebar ul.level1 li a:hover,
div#sidebar ul.level2 li a:hover,
div#sidebar ul.level3 li a:hover {
	color: #000;
}

div#sidebar ul.level4 {
	padding: 0;
}

/* maak alle geneste ul's onzichtbaar */
div#sidebar ul ul {
	margin: 0;
	padding: 0;
	width: 100%;
	display: none;
}


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


div#sidebar ul li.active a { 
	color: #aaa;
/*	background : url(../img/bullet_blue_small.gif) #fff 2% 50% no-repeat; */
	background : url(../img/active.gif) #fff 0% 50% no-repeat;
	border: none;
	margin: 0;
}

div#sidebar ul li.active a.selected0, 
div#sidebar ul li.active a.selected1, 
div#sidebar ul li.active a.selected2, 
div#sidebar ul li.active a.selected3, 
div#sidebar ul li.active a.selected4 { 
	color: #000;
/*	background : url(/img/bullet_blue.gif) #fff 2% 50% no-repeat; */
	font-weight: bold;
}

div#sidebar ul li.active a:hover { 
	color: #BE271D;
}