/* common styling */
.menu {
	font-family: Arial, Helvetica, sans-serif; /* fontsize van het hele menu */
	position: absolute;
	font-size: 11px; /* fontsize van het hele menu */
	/*z-index: 100;*/
	/*background: #9e9e9e; /*url(images/menu.jpg) no-repeat center bottom; */
	width: 600px;
	height: 20px;
	margin: 0px 65px;
	padding: 4px;
}
.menu ul {
	padding: 0px;
	list-style-type: none;
	margin: 0px 0 0 0;
}
.menu ul li {
float:left;
position:relative;
margin:0;
padding-left: 2px;
}
.menu ul li a, .menu ul li a:visited {
display: block; 
text-decoration: none; 
width: 72px; /* breedte eerste knop */
height: 22px; /* hoogte van de knop */
color: #fff; /* kleur van de text niveau 0*/
border: 1px solid silver; /* kleur van de border van niveau 0*/
border-width: 1px 1px 1px 1px; /* breedte van de border van niveau 0*/
background: #9e9e9e; /* kleur va nde autergrond */
padding-left: 6px; 
line-height: 2em;
/*border-top: 1px solid #6DA133;*/ 

}
* html .menu ul li a, .menu ul li a:visited {
width:72px;
}

.menu ul li ul {
display: none;
}
table {
margin:-1px; 
border-collapse:collapse;
font-size:1em;
}

/* specific to non IE browsers */
.menu ul li:hover a,
.menu ul li a:hover {
color: #000; /* Hover van menu niveau 0 */
background: silver;
border-top: 2px solid silver;
text-decoration: none; 
}

/*added*/
.menu ul li a.here, .menu a .active  {
color: black; 
background:#FFF;
border-top: 1px solid #9e9e9e;
}

.here {
color: black;
background:#fff;
border-top: 1px solid #9e9e9e;
}

.menu ul li:hover ul,
.menu ul li a:hover ul {
display:block; 
position:absolute; 
top:2em;
margin-top:2px;
left:0; 
width:150px;
}

/* geen idee wat dit doet verandering heeft geen direct effect 
* html .menu ul li a:hover ul {
margin-top: 20px;
}
*/

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
visibility:hidden; 
position:absolute; 
height:0; 
width:0;
}

/* De hover van niveau 1 en 2 als over 0 heen gegaan wordt*/
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
	display: block;
	background: #fff;
	color: black;
	height: auto;
	line-height: 1.2em;
	padding: 4px 10px;
	width: 129px;
	border: 1px solid #9e9e9e;
}
/* geen idee wat dit doet verandering heeft geen direct effect 
* html .menu ul li a:hover ul li a {
width: 150px;
}
*/

/* geen idee wat dit doet verandering heeft geen direct effect
.menu ul li:hover ul li a.drop,
.menu ul li a:hover ul li a.drop {
background:#fff url(images/comment.gif) bottom right no-repeat;
}
*/

/* De hover van niveau 1 en 2 */
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
background: #FFF; 
color: #9e9e9e;
/*z-index: 101;*/
}

/* positie van de menubutton niveau 2 */
.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {
visibility:visible; 
position:absolute; 
left:150px; 
top: 0px;
width:150px;
/*z-index: 102;*/
}

.menu ul li:hover ul li:hover ul.left,
.menu ul li a:hover ul li a:hover ul.left {
left:-150px;
}