<style type="text/css">

#menu {position: absolute; top: 80px; left: 30px;}
#menu ul {list-style-type: none; margin: 0; padding: 0; lineheight:
1.5em;}
#menu li {position: relative;}
#menu ul li a {display: block; text-decoration: none; color:
white; text-indent: 0.3em; width: 15.6em;}
#menu a span.pijltje {display: block; padding: 0 0.3em 0 0;
text-align: right; cursor: pointer;}
#menu a span.pijltje span {float: left;}
#menu ul li a.niveau-1 {border: #ffcc66 solid 1px; border-top:
none; text-align: center; line-height: 60px; background:
#330000; text-indent: 0;}
#menu ul li a#bovenste-knop {border-top: #ffffff solid 1px;}
#menu ul li a {text-align: left;}
#menu ul li:hover a, #menu ul li a.niveau-1:hover
{background: #660000;}
#menu ul li ul {position: absolute; top: -2000px; border:
black solid 1px;}
#menu ul li:hover ul, #menu ul li a:hover ul {top: 10px;
left: 13.3em; margin-left: 1px;}
#menu ul li:hover ul#bovenste-lijst, #menu ul li a:hover
ul#bovenste-lijst {top: 0;}
#menu ul li:hover ul li a, #menu ul li a:hover ul li a
{background: #330000;}
#menu ul li:hover ul li:hover a, #menu ul li a:hover ul li
a:hover {background: #660000;}
#menu ul li:hover ul li ul, #menu ul li a:hover ul li a ul
{position: absolute; left: -2000px;}
#menu ul li:hover ul li:hover ul, #menu ul li a:hover ul li
a:hover ul {left: 13.3em; margin-left: 0;}
#menu ul li:hover ul li:hover ul li a, #menu ul li a:hover ul
li a:hover ul li a {background: #ffffff;}
#menu ul li:hover ul li:hover ul li a:hover, #menu ul li
a:hover ul li a:hover ul li a:hover {background: #663333;}
</style>
<!--[if IE 6]>
<style type="text/css">
#menu ul li a.niveau-1 {margin-top: -0.2em;}
</style>
<![endif]-->
<!--[if (IE 6) | (IE 7)]>
<style type="text/css">
ul li a.klote-ie {margin-bottom: -0.2em;}
</style>
<![endif]-->


