/* common styling */
.menu {
font-family: arial, sans-serif; 
width:750px; /*breedte menu*/
height:0px; 
position:relative; 
font-size:13px; 
z-index:100;
}

.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none; 
color:#000;
/*width:80px;*/
height:20px; /* hoogte submenu balk */
text-align:left;
padding-left: 7px;
color:#687535; 
/*border:1px solid #fff; */
background: transparant; 
line-height:20px; 
font-size:13px; 
overflow:hidden;
}

.menu ul {
padding-left:7px; 
margin:0; 
list-style: none;
}

.menu ul li {
float:left; 
position:relative;
}

.menu ul li ul {
display: none;
}

/* specific to non IE browsers */
.menu ul li:hover a {
color:#6B0000; 
background: transparent;  
padding-left: 7px;
}

.menu ul li:hover ul {
display:block; 
position:absolute; 
top:19px; /* padding van hoofd menu (te groot geeft problemen met hoverfunctie submenu) */
left:0; 
width:125px;
z-index:1000;
}

.menu ul li:hover ul li a.hide {
background: #AAAAAA; /*#E4E8D2; /*voor sub menu verwijzing*/ 
color: #FFFFFF; /*#687535; /*textkleur in dropdown*/
border-bottom:1px solid #8b8b8b; /*#99A46D;*/
/*border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;*/
background-image: url("/images/pijltje_nav_wit.gif");
background-repeat: no-repeat;
}

.menu ul li:hover ul li:hover a.hide {
background:#6B0000; 
color:#FFFFFF;
background-image: url("/images/pijltje_nav_wit.gif");
background-repeat: no-repeat;
}

.menu ul li:hover ul li ul {
display: none; /*bottom submenu*/
}

.menu ul li:hover ul li a {
display:block; 
background: #AAAAAA; /*#E4E8D2; */
color: #FFFFFF; /*#687535; /*textkleur in dropdown on hover*/
border-bottom:1px solid #8b8b8b; /*#99A46D;*/
padding-top: 3px;
width: 120px;
width /*\**/: 125px\9; /*ie8 only*/
height: 26px;
}

.menu ul li:hover ul li a:hover {
background:#6B0000; 
color:#FFFFFF;
z-index:1000;
}

.menu ul li:hover ul li:hover ul {
display:block; 
position:absolute; 
left:125px; 
top:0;
}

.menu ul li:hover ul li:hover ul.left {
left:-125px;
}