/* 
Template: menu.css (based on suckerfish dropdown menu's
Versie  : 1.0
Auteur  : Wilfred Smit
*/

div#menu { /* */
float:left;
height:35px;
width:100%;
padding:0px;
margin:20px 0px 10px 0px;
border-top:1px solid #ccc;
border-bottom:1px solid #aaa;
background:url(../images/menu_bg.png) center;
text-align:center; /* t.b.v. IE 5.x */
}

div#navContainer { /* */
margin:0 auto;
width:800px;
text-align:left; /* t.b.v. IE 5.x */
}

div#nav { /* */
float:left;
padding:0px;
margin:0px;
line-height:35px;
border-width:0 0;
border-right:1px solid #ccc;
font-weight:normal;
font-size:11px;
z-index:200;
}

div#nav ul{ /* */
list-style:none;
}

div#nav ul li.root, div#nav ul li.active { /* */
float:left;
padding:0 15px;
border-left:1px solid #ccc;
}

div#nav ul li.root:hover { /* */
background:url(../images/menu_bg_hover.png) center;
}

div#nav ul li.active { /* */
background:url(../images/menu_bg_hover.png) center;
}

div#nav a { /* */
display:block;
color:#333;
text-decoration:none;
}

div#nav li ul { /* 2 en 3 laag in het menu */
position:absolute;
height:auto;
width:120px;
w\idth:122px;
left:-999em;
margin:0;
margin-left:-15px;
line-height:22px;
border:1px solid #aaa;
background:url(../images/submenu_lightgrey_transparent.png) repeat; 
font-weight:normal;
font-size:11px;
}

div#nav li li a { /* padding t.b.v. 2 en 3 laag in het menu */
padding:3px 0px 3px 8px;
font-size:10px;
}

div#nav a.daddy { /* pijltje indien er nog een submenu onder deze entry zit */
background:url(../icons/plus_small.png) center right no-repeat;
}

div#nav li li { /* ruimte maken om pijltje te tonen */
padding-right:10px;
width:124px;
w\idth:112px;
}

div#nav li ul ul { /* positie van 3 laag in het menu */
margin:-29px 0 0 122px;
}

div#nav li:hover ul ul, div#nav li:hover ul ul ul, div#nav li.sfhover ul ul, div#nav li.sfhover ul ul ul {
/* */
left:-999em;
}

div#nav li:hover ul, div#nav li li:hover ul, div#nav li li li:hover ul, div#nav li.sfhover ul, div#nav li li.sfhover ul, div#nav li li li.sfhover ul {
/* */
left:auto;
}

div#nav li:hover, div#nav li.sfhover { /* */
background:url(../images/submenu_grey_transparent.png) repeat;
}