 

/* remove all the bullets, borders and padding from the default list styling */
.zwart ul {padding:0; margin:0; list-style-type:none; border:0; width:62px;}

/* positie vak 1 */
.zwart li {float:left; width:62px; position:relative;}

/* tekst van de links */
.zwart a, .zwart a:visited 
{display:block; font-size: 11px; color:#000000; font-family: Verdana, Arial, Helvetica, sans-serif;}
  
  
 /* achtergrondkleur en tekst vak 1 maar niet vak 1 verv 2*/
.zwart ul ul a, .zwart ul ul a:visited {background:whitesmoke; height:auto; line-height:1em; padding:5px 10px; }
 

/* style the second level hover */
.zwart ul ul a.drop:hover{background:white;}


/* vak 0 en 1 bij muisb behalve verv vak 2*/
.zwart :hover > a, .zwart ul ul :hover > a {color:#000; background:slategrey;}
/* achtergrondkleur vak 1 verv vak 2 bij muisbew*/
.zwart ul ul :hover > a.drop {background:lime;}
/* achtergrondkleur vak 2 */
.zwart ul ul ul a, .zwart ul ul ul a:visited {background:whitesmoke;}
/* achtergrondkleur vak 2 bij muisbew*/
.zwart ul ul ul a:hover {background:slategrey;}
 
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.zwart ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:62px;}
 
/* positie vak niveau 3 */
.zwart ul ul ul{left:62px; top:-1px; width:62px;}
 
/* positie vak niveau 3 bij uitklaappen naar links*/
.zwart ul ul ul.left {left:-62px;}
 
/* style the table so that it takes no ppart in the layout - required for IE to work */
.zwart table {position:absolute; top:0; left:0; border-collapse:none;}
 
/* make the second level visible when hover on first level list OR link */
.zwart ul li:hover ul,
.zwart ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.zwart ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.zwart ul :hover ul :hover ul{ visibility:visible;}


/* vak 0 */
/* .zwart a:hover, .zwart ul ul a:hover{color:#000; background:turquoise;}*/



