.subnav ul,
.subnav ul ul {
padding:0;
margin:0;
list-style: none;
}

.subnav li {
margin:0; 
padding:0;
float:left;
width:155px;
}

.subnav ul li a {
display: block;
font-size: 12px;
font-weight: bold;
color: #630e50;
line-height: 16px;
text-decoration: none;
padding:0;
padding-left: 20px;
}

.subnav ul li:hover,
.subnav ul li a:hover {
color: #000;
background-color: #fff;
}

.subnav ul li.active a {
color: #000;
font-size: 12px;
}

.subnav ul li.active a,
.subnav ul li.hide.active a,
.subnav ul li.hide:hover a {
display: block;
background-color: #fff;
border-top: 1px solid .ccc;
color: .000;
}

.subnav ul li.hide:hover {
margin-top: 0px;
}

.subnav ul ul{
display: none;
}

.subnav ul li:hover ul,
.subnav ul li.active ul {
display: block;
background-color: #fff;
width: 155px;
padding-bottom: 5px;
margin-bottom: 5px;
}

.subnav ul li ul li {
margin-top: 0px;
}

.subnav ul li ul li a, 
.subnav ul li.hide.active ul li a,
.subnav ul li.hide:hover ul li a {
font-size: 11px;
font-weight: normal;
font-style: italic;
color: #7d7445;
margin-left: 20px;
border-top: 0px;
padding-left: 0px;
padding-right: 0px;
}

/*Voor IE6 - rest reageert hier niet goed op
.subnav ul li.hide.active ul li a {
margin-bottom: -15px;
}
*/

.subnav ul li ul li a:hover, 
.subnav ul li.active ul li a:hover,
.subnav ul li.hide:hover ul li a:hover {
color: #000;
}


.subnav ul li ul li.active a,
.subnav ul li.active ul li.active a,
.subnav ul li.hide:hover ul li.active a {
font-size: 11px;
font-weight: bold;
color: #000;
}