#menu{
/* zie raamwerk.css */
}

#menu ul {
float:left;
list-style:none;
margin:0;
margin-right:0px;
width:140px;
}

#menu li {
position: relative;
text-align:center;
font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
margin-bottom:0;
}

/*******************************************/
/* LET OP: zie ook $listStyle in index.php */
/*******************************************/

#menu a, #menu span {
display:block;
height:22px;
padding:2px 2px 2px 6px;
margin-right:0px;/* ruimte tussen de knoppen */
font-family:verdana,tahoma,arial,helvetica;
font-size:14px;
font-style:normal;
color:#012;
text-decoration:none;
border-bottom:solid 2px #ff0033;
background-image:url("../img/mes.png");
background-repeat:repeat-x;
cursor:default;
}

#menudummy_0,#menudummy_1{/* opmaakblokje aan begin en eind van het menu */
display:inline;
float:left;
width:3px;
}

/*eerste level ====================================*/
#menu .subitem a{
font-size:12px;
}

/****home-knop*******************************/
#menu ul li a:hover{
color:#fff;
}
/********************************************/

.floor{/* stukje lege ruimte aan de onderkant van het uitklapmenu */
border:solid 4px #036;
border-top:0;
border-left:solid 1px #ccc;
border-right:solid 1px #ccc;
border-bottom:solid 1px #ccc;
-moz-border-radius-bottomleft:2em;    	/*firefox*/
-moz-border-radius-bottomright:2em;     /*firefox*/
-webkit-border-bottom-left-radius:2em; 	/*safari/webkit*/
-webkit-border-bottom-right-radius:2em;	/*safari/webkit*/
}

/*tweede level ====================================*/
	/*opmaak*/

#menu ul li ul li a{
height:13px;
padding-top:3px;
padding-bottom:3px;
font-family:arial,helvetica;
font-size:12px;
font-weight:bold;
color:white;
border:0;
}

#menu ul li ul li{/*uitklaplijst*/
border-right:outset 2px #ccc;
border-left:outset 2px #ccc;
text-align:left;
background-color:#036;
background:url(../img/mes.png);
}

#liTop_0,#liTop_1,#liTop_2,#liTop_3,#liTop_4,#liTop_5{/*bovenste li-item van twee niveau*/
padding-top:8px;
margin-top:-6px;/* correctie voor item actieve gedefinieerd in index.php */
}
a.liTop{
border:0;
}

#menu ul li:hover span{/*om het eerste level zijn hover-opmaak te laten behouden als er over de submenu-items gehovered wordt*/
color:#fff;
background-color:#ddd;
border-left:outset 2px #ccc;
border-right:outset 2px #ccc;
}

#menu ul ul li:hover a{ /*menu-items in de uitklaplijsten IE*/
color:#222;
padding-left:2px;
padding-left:6px;
background-color:#ddd;
cursor:pointer;
}

#menu ul ul li:hover li a{
color:#fff;
background-color:#f03;
}

/*positionering en zichtbaarheid*/
div#menu ul ul {
position:absolute;
display:none;
width: 100%;
}

div#menu ul li:hover ul{
left:0px;/* voor IE7 */
display: block;
width:140px;
cursor:default;
}

div#menu ul #liLaatst:hover ul{
display: block;
cursor:default;
}

/* NB:
.menuList : wordt aan gerefereerd in clickMenu.js tbhv. mobile devices
#ul_0 : en volgende wordt aan gerefereerd in clickMenu.js tbhv. mobile devices
*/

li.showTooltip div.showTooltip{
position:absolute;
display:none;
z-index:999;
left:100%;
top:4px;
width:140%;
font-size:12px;
padding:10px 10px 12px 20px;
-moz-border-radius-topright:2em;    	/*firefox*/
-moz-border-radius-bottomleft:2em;    	/*firefox*/
-moz-border-radius-bottomright:2em;     /*firefox*/
-webkit-border-top-right-radius:2em; 	/*safari/webkit*/
-webkit-border-bottom-left-radius:2em; 	/*safari/webkit*/
-webkit-border-bottom-right-radius:2em;	/*safari/webkit*/
background-color:#ccc;
}
li.showTooltip:hover div.showTooltip{
display:block;
}