#nav-menu
{
width: 30em;
}

#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
position: absolute;
bottom: 0em;
left: 0.5em;
}

#nav-menu li
{
float: left;
margin: 0 0.15em;
}

#nav-menu a
{
color: #000000; /* Kleur tekst in tab */
text-decoration: none;
font-weight: bold;
}

#nav-menu li a
{
background: url(/images/nav.png) bottom left repeat;
color: #2f2f7f;
height: 1.6em;
line-height: 1.6em;
float: left;
padding-left: 0.5em;
padding-right: 0.5em;
display: block;
text-align: center;
}

/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */

#nav-menu li.selected
{
border-top: 0.1em solid #65625b; /* Kleur kaderlijn tab boven */
border-left: 0.1em solid #65625b; /* Kleur kaderlijn tab links */
border-right: 0.1em solid #65625b; /* Kleur kaderlijn tab rechts */
border-bottom: 0.1em solid #ffffff; /* Kleur kaderlijn tab onder */
}

#nav-menu li.notselected
{
border-top: 0.1em solid #65625b; /* Kleur kaderlijn tab boven */
border-left: 0.1em solid #65625b; /* Kleur kaderlijn tab links */
border-right: 0.1em solid #65625b; /* Kleur kaderlijn tab rechts */
border-bottom: 0.1em solid #65625b; /* Kleur kaderlijn tab onder */
}

.sub-menu-bgbox
{
background: #e0e0e0; /* Kleur achtergrond submenu */
}

.sub-menu
{
width: 100%;
}
.sub-menu-bold
{
width: 100%;
font-weight: bold;
}
.sub-menu2
{
width: 50%;
}
.sub-menu2-bold
{
width: 50%;
font-weight: bold;
}
.sub-menu3
{
width: 33%;
}
.sub-menu3-bold
{
width: 33%;
font-weight: bold;
}
.sub-menu4
{
width: 25%;
}
.sub-menu4-bold
{
width: 25%;
font-weight: bold;
}