/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */

.menu {
font-family: Arial, Verdana, Times, Georgia, serif;
color: #0613B7;
width: 900px;
/* height: 100px; */ /* weggehaald, zodat ook in Firefox de afbeeldingen in inhoudhome_1 volledig aanklikbaar zijn */
position: relative; 
font-size: 12px; 
}

.menu ul li a, .menu ul li a:visited {
display: inline; /* moet inline zijn, anders fuckt IE6 ermee */
text-decoration: none;
color: #0613B7;
height: 20px;
margin-right: 50px; /* zorgt voor gelijkmatige verdeling */
text-align: left;
padding-left: 15px; /* zorgt ervoor dat het pijltje mooi links komt te staan */
border-top: 1px solid #FFFFFF; 
background: transparent url(../img/onderdelen/hoofdmenuachtergrond.png) no-repeat; 
line-height: 20px; 
font-size: 12px; 
overflow: hidden;
}

.menu ul { /* zorgt ervoor dat er geen inspringingen en opsommingstekens getoond worden */
padding: 0; 
margin: 0; 
list-style: none;
}

.menu ul li {
float: left;
position: relative;
padding-left: 5px;
}

.menu ul li ul {
display: none;
}

/* specific to non IE browsers */
.menu ul li:hover a {
color: #E5770A;
background: transparent url(../img/onderdelen/hoofdmenuachtergrondneerwaarts.png) no-repeat;
}

.menu ul li:hover ul {
display: block; 
position: absolute; 
top: 18px; /* dit moet 20 blijven om perfect aan te sluiten, anders verliest de muis het submenu bij heel traag bewegen */
left: 0; 
/*width: 220px;*/ /* dit moet onzichtbaar blijven, zodat de breedte van de submenu's bepaald kan worden in het bestand hoofdmenu.php zelf */ 
}

/* subsubmenu */
.menu ul li:hover ul li a.hide {
background: transparent url(../img/onderdelen/submenuachtergrondmeer.png) no-repeat; 
}

/* wat gebeurt er als je met de muis over een submenuitem gaat waar een subsubmenu achter zit */
.menu ul li:hover ul li:hover a.hide {
background: transparent url(../img/onderdelen/submenuhoverachtergrond.png) no-repeat;
color: #E5770A;
}

.menu ul li:hover ul li ul {
display: none;
}

/* submenu's */
.menu ul li:hover ul li a {
display: block; 
/*width: 220px;*/
color: #0613B7;
background: #E2E6F2;
text-align: left;
padding-left: 5px;
}

/* wat gebeurt er met de items in de submenu's wanneer je er met de muis overheen gaat */
.menu ul li:hover ul li a:hover {
background: transparent url(../img/onderdelen/submenuhoverachtergrond.png) no-repeat;
color: #E5770A;
}

.menu ul li:hover ul li:hover ul {
display: block;
position: absolute; 
left: 220px; /* dit bepaalt de positie van het subsubmenu (width + padding-left van submenu) */ 
top: 0;
}

.menu ul li:hover ul li:hover ul.left {
left: -220px; /* dit bepaalt de positie van het subsubmenu (width + padding-left van submenu) als het rechts van het submenu moet verschijnen */
}