/* Start of CMSMS style sheet 'HKNS_DONKER_MENU' */
/* #menu {
   display: block; width: 201px ; height: 200px ;
} */

#menu ul {
   margin: 0px; padding: 0px; list-style-type: none ;
}

/* make the list vertical and giving a 10px gap */
#menu li {
   float:left ; margin-bottom:10px ;
}

/* Adding the initial images */
#menu li.list1 { background:transparent url(/uploads/opmaak/slimconcept_donker_uit.jpg); }
#menu li.list2 { background:transparent url(/uploads/opmaak/slimstart_donker_uit.jpg); }
#menu li.list3 { background:transparent url(/uploads/opmaak/slimstadium_donker_uit.jpg); }


/* Adding current items */
#menu li.currentlist1            {background:url(/uploads/opmaak/slimconcept_donker_aan.jpg);}
#menu li.currentlist1 a:hover {cursor:default;}
#menu li.currentlist2            {background:url(/uploads/opmaak/slimstart_donker_aan.jpg);}
#menu li.currentlist2 a:hover {cursor:default;}
#menu li.currentlist3            {background:url(/uploads/opmaak/slimstadium_donker_aan.jpg);}
#menu li.currentlist3 a:hover {cursor:default;}


/* General link styling */
#menu a {
   display:block; width:201px; height:0; padding-top:60px; color:#000; overflow:hidden;
}

/* hack for older versions of IE with incorrect box model */
* html #menu a:link, * html #menu a:visited {height:98px; height:0;}

/* Adding the background images to the link tags */
#menu a#item1 {background:transparent url(/uploads/opmaak/slimconcept_donker_aan.jpg) -201px -98px no-repeat;}
#menu a#item2 {background:transparent url(/uploads/opmaak/slimstart_donker_aan.jpg) -201px -98px no-repeat;}
#menu a#item3 {background:transparent url(/uploads/opmaak/slimstadium_donker_aan.jpg) -201px -98px no-repeat;}


/* Adding the :hover style */
#menu a#item1:hover {background-position:0 0; z-index:50;}
#menu a#item2:hover {background-position:0 0; z-index:50;}
#menu a#item3:hover {background-position:0 0; z-index:50;}


* html #menu a:hover {height:60px; height:0;}
/* End of 'HKNS_DONKER_MENU' */

/* Start of CMSMS style sheet 'HKNS_DONKER_CONTACT' */
/* #menu2 {
   display: block; width: 201px ; height: 30px ;
} */

#menu2 ul {
   margin: 0px; padding: 0px; list-style-type: none ;
}

/* make the list vertical and giving a 0px gap */
#menu2 li {
   float:left;
   valign: bottom;
   margin-top:119px ;
}

/* Adding the initial images */
#menu2 li.list201 { background:transparent url(/uploads/opmaak/contact_donker_uit.jpg); }

/* Adding current items */
#menu2 li.currentlist201            {background:url(/uploads/opmaak/contact_donker_aan.jpg);}
#menu2 li.currentlist201 a:hover {cursor:default;}

/* General link styling */
#menu2 a {
   display:block; width:201px; height:0; padding-top:30px; color:#000; overflow:hidden;
}

/* hack for older versions of IE with incorrect box model */
* html #menu2 a:link, * html #menu a:visited {height:30px; height:0;}

/* Adding the background images to the link tags */
#menu2 a#item201 {background:transparent url(/uploads/opmaak/contact_donker_aan.jpg) -201px -30px no-repeat;}

/* Adding the :hover style */
#menu2 a#item201:hover {background-position:0 0; z-index:50;}

* html #menu2 a:hover {height:30px; height:0;}
/* End of 'HKNS_DONKER_CONTACT' */

/* Start of CMSMS style sheet 'HKNS_DONKER_HEADER' */
/* #menu3 {
   display: block; width: 400px ; height: 211px ;
} */

#menu3 ul {
   margin: 0px; padding: 0px; list-style-type: none ;
}

/* make the list vertical and giving a 0px gap */
#menu3 li {
   float:right;
   valign: bottom;
   margin-top:0px ;
}

/* Adding the initial images */
#menu3 li.list301 { background:transparent url(/uploads/opmaak/header_donker_rechts_uit.jpg); }

/* Adding current items */
#menu3 li.currentlist301            {background:url(/uploads/opmaak/header_donker_rechts_uit.jpg);}
#menu3 li.currentlist301 a:hover {cursor:default;}

/* General link styling */
#menu3 a {
   display:block; width:400px; height:0; padding-top:211px; color:#000; overflow:hidden;
}

/* hack for older versions of IE with incorrect box model */
* html #menu3 a:link, * html #menu a:visited {height:30px; height:0;}

/* Adding the background images to the link tags */
#menu3 a#item301 {background:transparent url(/uploads/opmaak/header_donker_rechts_uit.jpg) -303px -211px no-repeat;}

/* Adding the :hover style */
#menu3 a#item301:hover {background-position:0 0; z-index:50;}

* html #menu3 a:hover {height:30px; height:0;}
/* End of 'HKNS_DONKER_HEADER' */