/* CSS Document NOOK menu flexible design*/

/*DENK AAN HET BIJWERKEN VAN IE IN HTML !!*/
.menu{ position: absolute;
margin-top: 135px; 
z-index: 100;
background-color:#718BBC; 
width: 100%;
float: left;
height: 18px;
}
.menu a {color:#FFF;
display: block;
border-width: 2px;
border-style: solid;
border-color: #718BBC #aaab9c #65952E #9FC376;
margin: 0;
padding: 2px 3px; 
}
.menu a:hover {
border-color: #aaab9c #fff #fff #ccc;
text-decoration: none;
}
.menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 14.27%; /*12em;*/
float: left;
height: 18px; 

}
.menu li {position: relative; 
}
.menu ul ul ul {background-color: #E6E6FA ; 
position: absolute;
top: 0;
left: 100%;}
.menu ul ul { 
width: 13em;
position: absolute;
z-index: 500;
}
.menu li a:hover 
{border-color: #aaab9c #fff #fff #ccc;	
border-width: 2px;
color:#032C4C;
background-color: #F0F0F0;
	}
div.menu ul ul,
div.menu ul li:hover ul ul,
div.menu ul ul li:hover ul ul
{display: none;}
div.menu ul li:hover ul,
div.menu ul ul li:hover ul,
div.menu ul ul ul li:hover ul
{display: block;}
 .menu1, .menu5, .menu, .menu a, .menu a:hover, .menu ul, .menu li, .menu li a:hover, .menu li#active a:hover, .menu ul li>ul, .menu ul ul	{ font: normal 0.95em "Book Antiqua", helvetica, sans-serif;}
.menu1{
	background: #86A1CC;
	/*voor de menutitels*/
text-transform: uppercase; /*uppercase of none;*/
	border-width: 1px;
	border-style: dashed;
	border-color: #718BBC #aaab9c #ccc #aaab9c;
	height: 18px;
	font-variant: small-caps;
}
.menu5{ 
	background: #65952E;
}
.menusitemap{ 
	font: normal 0.8em "Book Antiqua", helvetica, sans-serif; text-decoration:none;
}
.menusitemap ul ul{margin-left:20px; 
	font: normal 0.8em "Book Antiqua", helvetica, sans-serif; text-decoration:none;
}
/*einde menu*/