/* Het 100% CSS menu */

ul, li {
		margin:0;
		padding:0;
		display:block;
}

ul {
		list-style:none;
		width:127px;
		padding:0px;
}

li {
		position:relative;
		padding:0px;
		background-image:url(images/menusub.png);
		z-index:9;
		height: 30px;
}

li.active {
		position:relative;
		padding:0px;
		background-image:url(images/menuschaduwsub.png);
		z-index:9;
		height: 30px;
}

li.first {
		position:relative;
		padding-top: 10px;
		background-image:url(images/menusubfirst.png);
		z-index:9;
		height: 30px;
}

li.firstactive {
		position:relative;
		padding-top: 10px;
		background-image:url(images/menuschaduwsubfirst.png);
		z-index:9;
		height: 30px;
}

li.last {
		position:relative;
		padding:0px;
		background-image:url(images/menusublast.png);
		z-index:9;
		height: 30px;
}

li.lastactive {
		position:relative;
		padding:0px;
		background-image:url(images/menuschaduwsublast.png);
		z-index:9;
		height: 30px;
}

li.folder {
	height: 40px;
	background-image:url(images/menutop.png);
}

li.folderactive {
	height: 40px;
	background-image:url(images/menuovertop.png);
}

li.folder1 {
	height: 40px;
	background-image:url(images/menutop.png);
}

li.folder1active {
	height: 40px;
	background-image:url(images/menuovertop1.png);
}

/* decoratieve hover */

li:hover {
	z-index:15;
	background-image:url(images/menuschaduwsub.png);
}

li.active:hover {
	z-index:15;
	background-image:url(images/menuschaduwsub.png);
}

li.first:hover{
		background-image:url(images/menuschaduwsubfirst.png);
		z-index:15;
}

li.firstactive:hover{
		background-image:url(images/menuschaduwsubfirst.png);
		z-index:15;
}

li.last:hover {
		background-image:url(images/menuschaduwsublast.png);
		z-index:15;
}

li.lastactive:hover {
		background-image:url(images/menuschaduwsublast.png);
		z-index:15;
}

li.folder:hover {
		z-index:15;
		background-image:url(images/menuovertop.png);
}

li.folderactive:hover {
	height: 40px;
	background-image:url(images/menuovertop.png);
}

li.folder1:hover {
		z-index:15;
		background-image:url(images/menuovertop1.png);
}

li.folder1active:hover {
	height: 40px;
	background-image:url(images/menuovertop1.png);
}

/* Alle subnavigatie verbergen */

ul ul {
		position:absolute;
		display:none;
		left:0px;
		top:40px;
}

/* :hover, met specificity */

li:hover ul ul {
		display:none;
}

li:hover ul, li:hover li:hover ul {
		display:block;
}

