/* Start of CMSMS style sheet 'officeit_homepagina' */
/* #menu {
   float:left; display: block; width: 800px ; height: 220px ;
} */

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

/* make the list horizontal and giving a 40px gap */
#menu li {
   float:left ; margin-right:0px ;
}

/* Adding the initial images */
#menu li.list1 { background:transparent url(/uploads/images/ITBeheer_grijs.jpg); }
#menu li.list2 { background:transparent url(/uploads/images/ITConsultancy_grijs.jpg); }
#menu li.list3 { background:transparent url(/uploads/images/WEB_grijs.jpg); }


/* Adding current items */
#menu li.currentlist1            {background:url(/uploads/images/ITBeheer_oranje.jpg);}
#menu li.currentlist1 a:hover {cursor:default;}
#menu li.currentlist2            {background:url(/uploads/images/ITConsultancy_oranje.jpg);}
#menu li.currentlist2 a:hover {cursor:default;}
#menu li.currentlist3            {background:url(/uploads/images/WEB_oranje.jpg);}
#menu li.currentlist3 a:hover {cursor:default;}

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

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

/* Adding the background images to the link tags */
#menu a#item1 {background:transparent url(/uploads/images/ITBeheer_oranje.jpg) -160px -110px no-repeat;}
#menu a#item2 {background:transparent url(/uploads/images/ITConsultancy_oranje.jpg) -160px -110px no-repeat;}
#menu a#item3 {background:transparent url(/uploads/images/WEB_oranje.jpg) -160px -110px 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:158px; height:0;}



#menu2 {
   display: block; width: 181px ; height: 150px ;
   float:right ; margin-bottom:5px ;

}

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

/* make the list horizontal and giving a ??px gap */
#menu2 li {
float:right ; margin-bottom:5px ;
}

/* Adding the initial images */
#menu2 li.listgroen { background:transparent url(/uploads/images/Button-GroeneIT_UIT-NW.jpg); }
#menu2 li.listslim { background:transparent url(/uploads/images/Button-SLIMME-IT-GRIJS.jpg); }


/* Adding current items */
#menu2 li.currentlistgroen            {background:url(/uploads/images/Button-GroeneIT_AAN-NW.jpg);}
#menu2 li.currentlistgroen a:hover {cursor:default;}
#menu2 li.currentlistslim            {background:url(/uploads/images/Button-SLIMME-IT-WIT.jpg);}
#menu2 li.currentlistslim a:hover {cursor:default;}

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

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

/* Adding the background images to the link tags */
#menu2 a#itemgroen {background:transparent url(/uploads/images/Button-GroeneIT_AAN-NW.jpg) -160px -110px no-repeat;}
#menu2 a#itemslim {background:transparent url(/uploads/images/Button-SLIMME-IT-WIT.jpg) -160px -110px no-repeat;}

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

* html #menu2 a:hover {height:25px; height:0;}

/* End of 'officeit_homepagina' */