/* SIDEBAR */
#sidebar {
	margin: 0;
	padding: 10px 0 0 54px;
	height: 20px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

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

#sidebar ul li {
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

/* level 1 is donker grijs */
#sidebar ul li a {
	background: #768793 url("../img/nav_bottom.gif") bottom left no-repeat;
	display: block;
	padding: 0;
	margin: 0 11px 0 0;
/*	margin: 0 14px 0 0; */
	height: 20px;
	text-decoration: none;
}

#sidebar ul li#nav187 a {background: url(../img/b_home.gif) top left no-repeat;width: 63px;}
#sidebar ul li#nav163 a {background: url(../img/b_collectie.gif) top left no-repeat;width: 106px;}
#sidebar ul li#nav167 a {background: url(../img/b_visie.gif) top left no-repeat;width: 54px;}
#sidebar ul li#nav168 a {background: url(../img/b_historie.gif) top left no-repeat;width: 95px;}
#sidebar ul li#nav169 a {background: url(../img/b_reacties.gif) top left no-repeat;width: 96px;}
#sidebar ul li#nav208 a {background: url(../img/b_faq.gif) top left no-repeat;width: 43px;}
#sidebar ul li#nav170 a {background: url(../img/b_links.gif) top left no-repeat;width: 60px;}
#sidebar ul li#nav91 a {background: url(../img/b_contact.gif) top left no-repeat;width: 94px;}

#sidebar ul li#nav187 a:hover {background: url(../img/b_home_hl.gif) top left no-repeat;width: 63px;}
#sidebar ul li#nav163 a:hover {background: url(../img/b_collectie_hl.gif) top left no-repeat;width: 106px;}
#sidebar ul li#nav167 a:hover {background: url(../img/b_visie_hl.gif) top left no-repeat;width: 54px;}
#sidebar ul li#nav168 a:hover {background: url(../img/b_historie_hl.gif) top left no-repeat;width: 95px;}
#sidebar ul li#nav169 a:hover {background: url(../img/b_reacties_hl.gif) top left no-repeat;width: 96px;}
#sidebar ul li#nav208 a:hover {background: url(../img/b_faq_hl.gif) top left no-repeat;width: 43px;}
#sidebar ul li#nav170 a:hover {background: url(../img/b_links_hl.gif) top left no-repeat;width: 60px;}
#sidebar ul li#nav91 a:hover {background: url(../img/b_contact_hl.gif) top left no-repeat;width: 94px;}

#sidebar ul#menuList li a span {display: none;}

#orderform163 #sidebar ul li#nav163 a,
#productdetail_11_18 #sidebar ul li#nav163 a,
#productdetail_11_11 #sidebar ul li#nav163 a,
#productdetail_11_10 #sidebar ul li#nav163 a,
#productdetail_11_15 #sidebar ul li#nav163 a,
#productdetail_11_20 #sidebar ul li#nav163 a,
#productdetail_11_21 #sidebar ul li#nav163 a,
#productdetail_11_22 #sidebar ul li#nav163 a,
#productdetail_11_3 #sidebar ul li#nav163 a,
#productdetail_11_9 #sidebar ul li#nav163 a,
#productdetail_11_16 #sidebar ul li#nav163 a,
#productdetail_11_17 #sidebar ul li#nav163 a,
#productcatalog163 #sidebar ul li#nav163 a {
	background: url(../img/b_collectie_hl.gif) top left no-repeat;width: 106px;
}

#standard167 #sidebar ul li#nav167 a {background: url(../img/b_visie_hl.gif) top left no-repeat;width: 54px;}
#photogallery205 #sidebar ul li#nav169 a,
#newmessage169 #sidebar ul li#nav169 a,
#billboard169 #sidebar ul li#nav169 a {background: url(../img/b_reacties_hl.gif) top left no-repeat;width: 96px;}
#standard170 #sidebar ul li#nav170 a {background: url(../img/b_links_hl.gif) top left no-repeat;width: 60px;}
#contactform91 #sidebar ul li#nav91 a {background: url(../img/b_contact_hl.gif) top left no-repeat;width: 94px;}
#standard168 #sidebar ul li#nav168 a {background: url(../img/b_historie_hl.gif) top left no-repeat;width: 95px;}
#standard208 #sidebar ul li#nav208 a {background: url(../img/b_faq_hl.gif) top left no-repeat;width: 43px;}

/* 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: #768793;
	background-color: #E4E7E9;
}

#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: #fff;
	background-color: #920102;
}

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

/* inspringen per level */
#sidebar ul.level3 li a span { padding: 0 20px; width: 150px; }
#sidebar ul.level4 li a span { padding: 0 30px; width: 130px; }
#sidebar ul.level5 li a span { padding: 0 40px; width: 110px; }

/* dit is correct voor IE */
/*
#sidebar #bottom {
	width: 190px;
	height: 2px;
	background: #E4E7E9 url("../img/nav_top.gif") 0px 0px no-repeat;
	padding: 0;
	margin: 0;
}
*/
/* 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: #920102;
}