/* SIDEBAR */
#sidebar {
	margin: 0;
	padding: 10px 0 0 0;
	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 10px 0 0;
/*	margin: 0 14px 0 0; */
	height: 20px;
	text-decoration: none;
}

#sidebar ul li#nav193 a {background: url(/img/b_home.gif) top left no-repeat;width: 63px;}
#sidebar ul li#nav194 a {background: url(/img/b_kollektion.gif) top left no-repeat;width: 131px;}
#sidebar ul li#nav195 a {background: url(/img/b_sicht.gif) top left no-repeat;width: 98px;}
#sidebar ul li#nav196 a {background: url(/img/b_geschichte.gif) top left no-repeat;width: 140px;}
#sidebar ul li#nav205 a {background: url(/img/b_faq.gif) top left no-repeat;width: 43px; height: 21px;}
#sidebar ul li#nav197 a {background: url(/img/b_reaktionen.gif) top left no-repeat;width: 135px;}
#sidebar ul li#nav198 a {background: url(/img/b_links.gif) top left no-repeat;width: 60px;}
#sidebar ul li#nav199 a {background: url(/img/b_kontakt.gif) top left no-repeat;width: 100px;}

#sidebar ul li#nav193 a:hover {background: url(/img/b_home_hl.gif) top left no-repeat;width: 63px;}
#sidebar ul li#nav194 a:hover {background: url(/img/b_kollektion_hl.gif) top left no-repeat;width: 131px;}
#sidebar ul li#nav195 a:hover {background: url(/img/b_sicht_hl.gif) top left no-repeat;width: 98px;}
#sidebar ul li#nav196 a:hover {background: url(/img/b_geschichte_hl.gif) top left no-repeat;width: 140px;}
#sidebar ul li#nav205 a:hover {background: url(/img/b_faq_hl.gif) top left no-repeat; width: 43px; height: 21px;}
#sidebar ul li#nav197 a:hover {background: url(/img/b_reaktionen_hl.gif) top left no-repeat;width: 135px;}
#sidebar ul li#nav198 a:hover {background: url(/img/b_links_hl.gif) top left no-repeat;width: 60px;}
#sidebar ul li#nav199 a:hover {background: url(/img/b_kontakt_hl.gif) top left no-repeat;width: 100px;}

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

#orderform163 #sidebar ul li#nav163 a,
#productdetail_14_18 #sidebar ul li#nav194 a,
#productdetail_14_11 #sidebar ul li#nav194 a,
#productdetail_14_10 #sidebar ul li#nav194 a,
#productdetail_14_15 #sidebar ul li#nav194 a,
#productdetail_14_20 #sidebar ul li#nav194 a,
#productdetail_14_21 #sidebar ul li#nav194 a,
#productdetail_14_22 #sidebar ul li#nav194 a,
#productdetail_14_3 #sidebar ul li#nav194 a,
#productdetail_14_9 #sidebar ul li#nav194 a,
#productdetail_14_16 #sidebar ul li#nav194 a,
#productdetail_14_17 #sidebar ul li#nav194 a,
#productcatalog194 #sidebar ul li#nav194 a {
	background: url(/img/b_kollektion_hl.gif) top left no-repeat;width: 131px;
}

#standard195 #sidebar ul li#nav195 a {background: url(/img/b_sicht_hl.gif) top left no-repeat;width: 98px;}
#newmessage197 #sidebar ul li#nav197 a,
#billboard197 #sidebar ul li#nav197 a {background: url(/img/b_reaktionen_hl.gif) top left no-repeat;width: 135px;}
#standard198 #sidebar ul li#nav198 a {background: url(/img/b_links_hl.gif) top left no-repeat;width: 60px;}
#contactform199 #sidebar ul li#nav199 a {background: url(/img/b_kontakt_hl.gif) top left no-repeat;width: 100px;}
#standard196 #sidebar ul li#nav196 a {background: url(/img/b_geschichte_hl.gif) top left no-repeat;width: 140px;}
#standard205 #sidebar ul li#nav205 a {background: url(/img/b_faq_hl.gif) top left no-repeat; width: 43px; height: 21px;}


/* 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;
}