#subnavigatie {
height:35px;
background:url(../../images/body/menu/submenu/sub_bg.gif) top left repeat-x;
line-height:35px;
color:#5c5c5c;
vertical-align:top;

margin:0 0 0 6px;
}
#subnavigatie ul {
margin: 0;
padding: 0;
list-style: none;
width:100%;
}
#subnavigatie ul li{
margin: 0;
float:left;
width:auto;
text-align:center;
padding:0 0 0 0;
}
#subnavigatie ul li a.left{
text-align:center;
display: block;text-decoration: none;width:90px;
padding:0 0 0 0;
}
#subnavigatie ul li a:hover.left{
color: #fff;
text-align:center;
background:url(../../images/body/menu/submenu/sub_left.gif) bottom center no-repeat;
}
#subnavigatie ul li a.mid{
display: block;text-decoration: none;width:auto;
padding:0 20px 0 20px;
}
#subnavigatie ul li a:hover.mid{
color: #fff;
background:url(../../images/body/menu/submenu/sub_over.gif) bottom center repeat-x;
}

/*on doen */
#subnavigatie ul li a.left-up{
text-align:center;
display: block;text-decoration: none;width:90px;
padding:0 0 0 0;
color: #fff;
background:url(../../images/body/menu/submenu/sub_left.gif) bottom center no-repeat;
}
#subnavigatie ul li a:hover.left-up{
color: #fff;
text-align:center;
background:url(../../images/body/menu/submenu/sub_left.gif) bottom center no-repeat;
}
#subnavigatie ul li a.mid-up{
display: block;text-decoration: none;width:auto;
padding:0 20px 0 20px;
color: #fff;
background:url(../../images/body/menu/submenu/sub_over.gif) bottom center repeat-x;
}
#subnavigatie ul li a:hover.mid-up{
color: #fff;
background:url(../../images/body/menu/submenu/sub_over.gif) bottom center repeat-x;
}