#nav,
#nav ul
{
	margin:0;
	padding:0;
	list-style-type:none;
}

#nav
{
	margin:0;
	width:955px;
}

/*A fix for Suckerfish dropdowns in IE 7*/
#nav li:hover, #nav li.hover {
    position: static;
}

/* all list items */

#nav li
{ 
	float:left;
	margin:0 6px 0 0;
	padding:0;
	width:98px;
	background: #f9dca4 url(../../Graphics/bg_menu_mn.jpg) top left no-repeat;
}

#nav li li
{
	margin:0;
}

#nav div.subItem
{
	height:18px;
	width:auto;
	border:0;
}

/* second-level lists */	
#nav ul 
{ 
	position : absolute;
	left: -999em;
	width:158px;
	padding:0;
	margin: 0;
	border-top:1px solid #838383;
	border-left:1px solid #838383;
	background-color:#dcdcdc;
	border-right:1px solid #838383;
}

/* third-and-above-level lists */
#nav li ul ul 
{ 
	left: -999em;
	margin: -19px 0 0 158px;
}

/*layout firstlevel*/
#nav li a 
{
	display:block;
	text-decoration:none;
	font-weight:normal;
	font-size:11px;
	color:#666666;
	width:86px;
	height: 26px;
	padding:5px 6px 0 6px;
}
	
#nav li a:hover,
#nav li:hover  a, /*deze kleur blijft staan */
#nav li.sfhover a /*deze kleur blijft staan voor IE */
{
	color:#FFF;
	background: #f9dca4 url(../../Graphics/bg_menu_mo.jpg) top left no-repeat;
}

/*haal sublevel 2, 3, 4 weg*/
#nav li:hover ul ul, 
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul, 
#nav li:hover ul ul ul ul ul, 
#nav li.sfhover ul ul, 
#nav li.sfhover ul ul ul,
#nav li.sfhover ul ul ul ul,
#nav li.sfhover ul ul ul ul ul
{
	left: -999em;
}

/* lists nested under hovered list items */	
#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li li li li:hover ul, 
#nav li li li li li:hover ul,
#nav li.sfhover ul, 
#nav li li.sfhover ul, 
#nav li li li.sfhover ul,
#nav li li li li.sfhover ul,  
#nav li li li li li.sfhover ul  
{ 
	left: auto;
}

/*layout tweede level*/
#nav li li a,
#nav li:hover li a,
#nav li.sfhover li a
{ 
	color:#000;
	background-color:#dcdcdc;
	width:148px;
	padding:0 0 0 10px;
	height:18px;
	line-height:18px;
	background-image:none;
	border-bottom:1px solid #838383;
}

#nav li li a:hover,
#nav li:hover li:hover a,
#nav li.sfhover li.sfhover a
{ 
	color:#cd1c08;
	background-color:#dcdcdc;
	background-image:none;
}

/*layout derde level*/
#nav li li li a:hover,
#nav li:hover li:hover li a,
#nav li.sfhover li.sfhover li a
{
	color:#000;
	background-color:#dcdcdc;
}

#nav li li li a:hover,
#nav li:hover li:hover li:hover a,
#nav li.sfhover li.sfhover li.sfhover a
{
	color:#cd1c08;
}

/*layout vierde level*/
#nav li li li li a,
#nav li:hover li:hover li:hover li a,
#nav li.sfhover li.sfhover li.sfhover li a 
{
	color:#000;
	background-color:#dcdcdc;
}

#nav li li li li a:hover,
#nav li:hover li:hover li:hover li:hover a,
#nav li.sfhover li.sfhover li.sfhover li.sfhover a
{
	color:#cd1c08;
}

/*layout vijfde level*/
#nav li li li li li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li.sfhover li.sfhover li.sfhover li.sfhover li a  
{
	color:#000;
	background-color:#dcdcdc;
}

#nav li li li li li a:hover,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li.sfhover li.sfhover li.sfhover li.sfhover li.sfhover a
{
	color:#cd1c08;
}

/* SUBITEMS VAN GEKOZEN ONDERDEEL TONEN */
#nav li.toplevelItem.selected ul
{

}

#nav li.toplevelItem.selected a
{
	color:#FFF;
	background: #f9dca4 url(../../Graphics/bg_menu_mo.jpg) top left no-repeat;
}

#nav li.toplevelItem.selected ul li a
{
	background-image:none;
	color:#000;
	background-color:#dcdcdc;
}

#nav li.toplevelItem.selected ul li a:hover
{
	color:#cd1c08;
	background-color:#dcdcdc;
}


#nav li.sublevelItem ul li div.subItem
{
	
}

/* ------------------------------------------------------------------

subnavigatie

------------------------------------------------------------------ */

#sub-navigation { margin:0 20px 20px 0;  }

#sub-navigation .padding-wrapper {  }

#sub-navigation #product-navigation { float:left; width: 200px; background: transparent url(../../Graphics/bg_kader_submenu.gif) top left no-repeat;}

#product-navigation ul { list-style-type:none; margin:0; padding: 0; }

#product-navigation #subnav { float: left; width: 180px;  padding: 0px 12px 10px 12px; background: transparent url(../../Graphics/bg_kader_submenu_bt.gif) bottom left no-repeat; }

/* eerste level */
#product-navigation #subnav span
{
	color: #cd1c08;
	font-weight:bold;
	font-size:12px;
	display: block;
	margin:0;
	padding: 10px 0 0 0;
	width:180px;
}

#product-navigation #subnav li
{
	float:left;
	padding:0;
	margin:0;
}

/* tweede level */
#subnav li li a,
#subnav li:hover li a,
#subnav li.sfhover li a
{
	display:block;
	text-decoration:none;
	color:#000;
	width:180px;
	padding:1px 0 1px 0;
	margin:0;
}

/* mouse over tweede level */
#subnav li li a:hover,
#subnav li:hover li:hover a,
#subnav li.sfhover li.sfhover a
{
	color:#e40010;
	background-color: #FFF;
}

#subnav ul ul
{ 
	position : absolute;
	left: -999em;
	width:200px;
	
	margin: 0;
	/*background-color:#f9dca4;*/
	background: url(../../Graphics/bg_kader_top_submenu_submenu.gif) top left no-repeat;
	/*border-top:2px solid #f9dca4;
	border-left:2px solid #f9dca4;
	border-right:2px solid #f9dca4;
	border-bottom:2px solid #f9dca4;*/
	margin: -20px 0 0 180px;
}

#subnav ul ul .productgroup-wrapper1
{
	padding: 12px 0;
	float:left;
	background: url(../../Graphics/bg_kader_bottom_submenu_submenu.gif) left bottom no-repeat;
}

#subnav ul ul .productgroup-wrapper2
{
	float:left;
	background:  url(../../Graphics/bg_kader_submenu_submenu.gif) left bottom repeat-y;
}

#subnav ul ul .productgroup-wrapper3
{
	padding: 0 12px;
}

#subnav li:hover ul ul, 
#subnav li:hover ul ul ul,
#subnav li:hover ul ul ul ul, 
#subnav li:hover ul ul ul ul ul, 
#subnav li.sfhover ul ul, 
#subnav li.sfhover ul ul ul,
#subnav li.sfhover ul ul ul ul,
#subnav li.sfhover ul ul ul ul ul
{
	left: -999em;
}

/* lists nested under hovered list items */	
#subnav li:hover ul, 
#subnav li li:hover ul, 
#subnav li li li:hover ul, 
#subnav li li li li:hover ul, 
#subnav li li li li li:hover ul,
#subnav li.sfhover ul, 
#subnav li li.sfhover ul, 
#subnav li li li.sfhover ul,
#subnav li li li li.sfhover ul,  
#subnav li li li li li.sfhover ul  
{ 
	left: auto;
}

/*layout derde level*/
#subnav li li li a:hover,
#subnav li:hover li:hover li a,
#subnav li.sfhover li.sfhover li a
{
	color:#000;
	/*background-color:#f9dca4;*/
	background-color: transparent;
}

#subnav li li li a:hover,
#subnav li:hover li:hover li:hover a,
#subnav li.sfhover li.sfhover li.sfhover a
{
	color:#e40010;
	background-color: #FFF;
}




