/* menuRight */

div#menuRight ul {
padding: 0;
margin-top: 20px;
margin-left: 10px;
}
div#menuRight ul li {
margin-top: 11px;
display: block;
list-style-type: none;
background: url(../images/menuRight/menu_blokje.jpg) no-repeat;
font-family: Arial, sans-serif;
}
div#menuRight ul li a {
text-decoration: none;
margin-left: 20px;
display: block;
color: #93117e;
font-weight: normal;
font-size: 14px;
}

/* menuTop */



/* remove the bullets, padding and margins from the lists */
div#menuTop ul {
padding: 0;
list-style-type:none;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
div#menuTop li{
float:left;
position:relative;
z-index:100;

}

/* style all the links */
div#menuTop a, div#menuTop :visited {
display:block;
font-family: Arial, sans-serif;
font-size:11px;
padding: 7px 35px 6px 35px;
color:#93117e;
background:#dfdb00;
text-decoration:none;
border-right: 2px solid #93117e;
}

div#menuTop ul ul a, div#menuTop ul ul :visited {
padding: 7px 18px 6px 18px;
}

div#menuTop .last a, div#menuTop .last :visited {
border-right: 0;
}

/* style the links hover */
div#menuTop :hover, div#menuTop *:hover > a, div#menuTop .hover {
background: #93117e;
color: #ffffff;
}

/* hide the sub level links */
div#menuTop ul ul {
visibility:hidden;
position:absolute;
width:185px;
height:0;
margin-left: 5px;
}

/* make the sub level visible on hover list or link */
div#menuTop ul li:hover ul,
div#menuTop ul a:hover ul,
div#menuTop ul li a:hover table tr td ul,
div#menuTop ul li.sfhover ul {
visibility:visible;
}

div#menuTop ul li ul li a, div#menuTop ul li ul li :visited {
width: 170px;
background-color: #fce800;
border: 0;
}

div#menuTop ul li ul li :hover  {
color:#93117e;
background:#dfdb00;
}

div#menuTop .menu_active, div#menuTop a:visited.menu_active {
color:#ffffff;
background:#2b2b29;
}


/* menuLeft */

div#menuLeft ul {
padding: 0;
list-style-type: square;
margin-left: 25px;
margin-top: 25px;
font-family: Arial, Verdana;
font-size: 13px;
}
div#menuLeft ul li {
margin: 10px 0;
color: #ffffff;
}
div#menuLeft a {
display: block;
text-decoration: none;
color: #ffffff;
}
div#menuLeft :hover {
color: yellow;
}


