/* common styling */
.menu {width:320px; font-size:12px; font-weight:bold;}
.menu ul li a, .menu ul li a:visited {padding-top:0px; color:#fff; display:block; text-decoration:none; width:60px; height:17px; text-align:left; font-size:12px;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}

/* kleuren hoofdmenu */
.wie {color:#000000; font-size:12px;}
.waar {color:#CCCC33; font-size:12px;}	
.hoe {color:#990066; font-size:12px;}
.wat {color:#0099CC; font-size:12px;}
.contact {color:#FF9933; font-size:12px;}
.login img {border:0px; }

/* kleuren submenu */
#menu .menu ul li .wie-hover li a:hover {background-color:#000; color:#FFFFFF;}
#menu .menu ul li .waar-hover li a:hover {background-color:#CCCC33;}
#menu .menu ul li .hoe-hover li a:hover {background-color:#990066;}
#menu .menu ul li .wat-hover li a:hover {background-color:#0099CC;}

/* specific to non IE browsers */
.menu ul li:hover ul {padding-top:0px; padding-left:5px; display:block; position:absolute; top:14px; left:-12px; width:175px;}
.menu ul li:hover ul li a {display:block; border-bottom: 1px #ffffff dotted; background:transparent url(../img_site/transnonIE.png); color: #000000; width:175px; text-align:left; padding-left:7px; padding-top:2px; font-size:11px;}