
ul#menuToTest{margin-top: 0; }
li.hori {float:left;}
li  { list-style: none; }
li a  { text-decoration: none; display: block}
 ul#submenu  {width: 232px;
height:320px;
position: absolute;
top: 125px;
left: 0;
background-color: white;
padding: 2px 10px 0px 10px;
text-align: right;
z-index: 10;
margin-left:0;
padding-top: 22px;
display: none;
} 
ul#submenu li a  { color:#767373; display: inline ;
line-height: 18px;
font-weight: bold;
font-size: 11px;
font-family: Verdana, sans-serif;
}
li ul#submenu li a:hover {color:#f29c14}
/*menu hover styles*/
 a#home {background-image: url(../images/home.gif);
 background-repeat: no-repeat;}
 a#home:hover {background-image: url(../images/home-on.gif)}

div#menu a#collectie {background-image: url(../images/collectie.gif);
 background-repeat: no-repeat;}
div#menu a#collectie:hover {background-image: url(../images/collectie-on.gif);
}
div#menu a#nieuw {background-image: url(../images/nieuw.gif);
 background-repeat: no-repeat;}
div#menu a#nieuw:hover {background-image: url(../images/nieuw-on.gif);
}
div#menu a#agenda {background-image: url(../images/agenda.gif);
 background-repeat: no-repeat;}
div#menu a#agenda:hover {background-image: url(../images/agenda-on.gif);
}

div#menu a#contact {background-image: url(../images/contact.gif);
 background-repeat: no-repeat;}
div#menu a#contact:hover {background-image: url(../images/contact-on.gif);
}
/* page-on styles */
div#menu a#home.on {background-image: url(../images/home-on.gif);}


div#menu a#collectie.on {background-image: url(../images/collectie-on.gif);}

div#menu a#nieuw.on {background-image: url(../images/nieuw-on.gif);
}
div#menu a#agenda.on {background-image: url(../images/agenda-on.gif);}

div#menu a#contact.on {background-image: url(../images/contact-on.gif);}




a img {border: none}