#menu {
position: relative;
float: left;
width: 212px;
background: #2f84c7 url('../images/menu_bg.gif') left repeat-y;
margin: 10px 0 0 8px;
height: 556px;
padding-bottom: 30px;
}

#categorieen {
color: #fff;
font-size: 1.6em;
background: url('../images/categorieen_bg.gif') top repeat-x;
line-height: 30px;
height: 30px;
padding-left: 5px;
}

#categorieen img {
position: absolute;
right: 0;
top: 0;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
height: 556px;
overflow: auto;
}

#menu ul li {
position: relative;
display: inline;
margin: 0;
padding: 0;
}

#menu ul li a {
display: block;
font-size: 1.3em;
text-transform: lowercase;
color: #fff;
background: #007bd3 url('../images/menuitem_bg.gif') left repeat-y;
margin: 1px;
padding: 3px 5px;
}

#menu ul li a:hover {
text-decoration: none;
background-image: none;
}

#menu ul ul {
height: auto;
}

#menu ul li.current ul {
}

#menu ul.level2 li a {
color: #333;
background-color: #ebebeb;
background-image: none;
margin: 0 1px;
padding: 3px 10px;
border-bottom: 1px solid #fff;
}

#menu ul.level2 li a:hover {
text-decoration: underline;
}

#menu ul.level2 li.current a {
background: #ebebeb url('../images/bullet.gif') right no-repeat;
}

#menu ul.level2 li ul.level3 {
display: none;
}

#menu ul.level2 li.current ul.level3 {
display: block;
}

#menu ul.level2 li.current ul.level3 li a {
color: #333;
background-color: #fff;
padding: 3px 15px;
border-bottom: 1px solid #ebebeb;
}

#menu ul.level2 li.current ul.level3 li.current a {
background: #fff url('../images/bullet.gif') right no-repeat;
}

#extramenu {
color: #278FD8;
width: 746px;
padding-right: 222px;
margin: 0 auto;
text-align: right;
}

#extramenu ul {
list-style: none;
margin: 0;
padding: 0 3px;
}

#extramenu ul li {
display: inline;
margin: 0;
padding: 0 3px;
border-left: 1px solid #278FD8;
}

#extramenu ul li a {
color: #278FD8;
}
