.navigation ul#menu {
  position:relative;
	z-index: 999;	
}

.navigation  ul#menu a {
	color: #fff;
}

 /* Het 100% CSS menu */

.navigation ul, li {
  margin:0;
  padding:0;
  display:block;
	z-index: 1000;
}  

.navigation ul {
  list-style:none;
  width:100%;
  padding:0;
	z-index: 1001;
	margin:0;
} 

.navigation li {
  position:relative;
  width:119px;
  background-color:#000;
  z-index:9;
	color: #fff;
	padding: 3px;
	float: left;
	border-right: 1px solid #fff;
	text-align: center;

}

.navigation li.sel {
  position:relative;
  width:119px;
  background-color:#ff0000;
  z-index:9;
	color: #fff;
	padding: 3px;
	float: left;
	border-right: 1px solid #fff;
	text-align: center;

}

.navigation li.bookmark {
  position:relative;
  width:125px;
  background-color:#ff0000;
  z-index:9;
	color: #fff;
	padding: 3px;
	float: left;
	border-right: 1px solid #000;
	text-align: center;
} 

.navigation li.bookmark a:link { 	color: #fff; }
.navigation li.bookmark a:hover { 	color: #000; } 
.navigation li.bookmark a:visited { 	color: #fff; } 
.navigation li.bookmark a:active { 	color: #fff; } 

.navigation li.favorite {
  position:relative;
  width:125px;
  background-color:#5a5a5a;
  z-index:9;
	color: #fff;
	padding: 3px;
	float: left;
	border-right: 1px solid #000;
	text-align: center;
	color: #fff;
} 

.navigation li.favorite a:link { 	color: #fff; }
.navigation li.favorite a:hover { 	color: #000; } 
.navigation li.favorite a:visited { 	color: #fff; } 
.navigation li.favorite a:active { 	color: #fff; } 

.navigation li.folder {
	z-index:1200;
}

/* decoratieve hover */

.navigation li:hover {
	background-color:#3b3b3b;
  z-index:1600;
}

 /* Alle subnavigatie verbergen */
  
.navigation ul ul {
	position:absolute;
	top: 22px;
	left: 0px;
  display:none;  
	z-index: 2000;
}
  
  /* :hover, met specificity */
  
.navigation li:hover ul ul {
	display:none;
	z-index: 3000;
}

.navigation li:hover ul, li:hover li:hover ul {
	display:block;
	z-index: 4000;
}


/* SUBMENU */

.submenu ul#menu {
  position:relative;
	z-index: 999;	
}

.submenu  ul#menu a {
	color: #5d5d5d;
}

 /* Het 100% CSS menu */

.submenu ul, li {
  margin:0;
  padding:0;
  display:block;
	z-index: 1000;
}  

.submenu ul {
  list-style:none;
  width:100%;
  padding:0;
	z-index: 1001;
	margin:0;
} 

.submenu li {
  position:relative;
  width:220px;
	left: 4px;
  z-index:9;
	color: #fff;
	padding: 3px;
	float: left;
	border-right: 1px solid #000;
	text-align: left;
	border-bottom: 1px solid #000;
}


.submenu li.folder {
	z-index:1200;
}


.submenu li.sel {
	background-color:#ccc;
  z-index:1600;
}

/* decoratieve hover */

.submenu li:hover {
	background-color:#ccc;
  z-index:1600;
}

 /* Alle subnavigatie verbergen */
  
.submenu ul ul {
	position:absolute;
	top: 22px;
	left: 0px;
  display:none;  
	z-index: 2000;
}
  
  /* :hover, met specificity */
  
.submenu li:hover ul ul {
	display:none;
	z-index: 3000;
}

.submenu li:hover ul, li:hover li:hover ul {
	display:block;
	z-index: 4000;
}