#menu {
  height: 40px;
  width: 384px;
  margin-left: 12px;
  padding: 0;
  border: 0;
}

#menu ul { 
  width: 384px;
  position: relative;
  margin: 0;
  padding: 0;
}

#menu li {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  top: 0;
}

#menu li, #menu ul a {
  height: 40px;
  display: block;
}

#menu ul, #menu li a {
  text-indent: -9999px;
  text-decoration: none;
}

/* -------------------------------------------
---------------- HOME MENU -------------------
--------------------------------------------*/

/*
#menu-home {
	width: 55px;
	left: 0px;
	background: url(../images/buttons/home/home.gif) left top;	
}
#menu-home a:hover {
	background: url(../images/buttons/home/homeOver.gif);	
}

#menu-promotie {
	width: 79px;
	left: 55px;
	background: url(../images/buttons/home/promotie.gif) left top;	
}
#menu-promotie a:hover {
	background: url(../images/buttons/home/promotieOver.gif);	
}
*/

#menu-homewithend {
	width: 64px;
	left: 0px;
	background: url(../images/buttons/home/homeWithEnd-v2.gif) left top;
}
#menu-homewithend a:hover {
	background: url(../images/buttons/home/homeOverWithEnd-v2.gif);	
}

#menu-promotie {
	width: 78px;
	left: 56px;
	background: url(../images/buttons/home/promotie-v2.gif) left top;	
}
#menu-promotie a:hover {
	background: url(../images/buttons/home/promotieOver-v2.gif);	
}

#menu-magazinedistributie {
	width: 155px;
	left: 134px;
	background: url(../images/buttons/home/magazineDistributie.gif) left top;	
}
#menu-magazinedistributie a:hover {
	background: url(../images/buttons/home/magazineDistributieOver.gif);	
}

#menu-distributie {
	width: 86px;
	left: 134px;
	background: url(../images/buttons/home/distributie.gif) left top;	
}
#menu-distributie  a:hover {
	background: url(../images/buttons/home/distributieOver.gif);	
}

#menu-ontwerp {
	width: 157px;
	left: 220px;
	background: url(../images/buttons/home/ontwerpDrukwerk.gif) left top;	
}
#menu-ontwerp a:hover {
	background: url(../images/buttons/home/ontwerpDrukwerkOver.gif);	
}

#menu-bookings {
	width: 79px;
	left: 377px;
	background: url(../images/buttons/home/bookings.gif) left top;	
}
#menu-bookings a:hover {
	background: url(../images/buttons/home/bookingsOver.gif);	
}

#menu-nieuwsbrief {
	width: 101px;
	left: 220px; /*377px; 456px;*/
	background: url(../images/buttons/home/nieuwsbrief.gif) left top;	
}
#menu-nieuwsbrief a:hover {
	background: url(../images/buttons/home/nieuwsbriefOver.gif);	
}

#menu-contact {
	width: 83px;
	left: 321px; /*478px; 557px;*/
	background: url(../images/buttons/home/contact.gif) left top;	
}
#menu-contact a:hover {
	background: url(../images/buttons/home/contactOver.gif);	
}

#menu-bedrijfsinfo {
	width: 112px;
	left: 456px;
	background: url(../images/buttons/home/bedrijfsinfo.gif) left top;	
}
#menu-bedrijfsinfo  a:hover {
	background: url(../images/buttons/home/bedrijfsinfoOver.gif);	
}

/* -------------------------------------------
------------- PROMOTION MENU -----------------
--------------------------------------------*/

#menu-promotionhome {
	width: 58px;
	left: 0px;
	background: url(../images/buttons/promotion/home.gif) left top;
}
#menu-promotionhome a:hover {
	background: url(../images/buttons/promotion/homeOver.gif);	
}

#menu-promotionhomewithend {
	width: 64px;
	left: 0px;
	background: url(../images/buttons/promotion/homeWithEnd-v2.gif) left top;
}
#menu-promotionhomewithend a:hover {
	background: url(../images/buttons/promotion/homeOverWithEnd-v2.gif);	
}

#menu-promotionintroductie {
	width: 98px;
	left: 56px;
	background: url(../images/buttons/promotion/introductie.gif) left top;	
}
#menu-promotionintroductie a:hover {
	background: url(../images/buttons/promotion/introductieOver.gif);	
}

#menu-promotioncitydogs {
	width: 75px;
	left: 154px;
	background: url(../images/buttons/promotion/citydogs.gif) left top;	
}
#menu-promotioncitydogs a:hover {
	background: url(../images/buttons/promotion/citydogsOver.gif);	
}

#menu-promotionflyerbags {
	width: 87px;
	left: 229px;
	background: url(../images/buttons/promotion/flyerbags.gif) left top;	
}
#menu-promotionflyerbags a:hover {
	background: url(../images/buttons/promotion/flyerbagsOver.gif);	
}

#menu-promotionopdrachtgevers {
	width: 129px;
	left: 316px;
	background: url(../images/buttons/promotion/opdrachtgevers.gif) left top;	
}
#menu-promotionopdrachtgevers a:hover {
	background: url(../images/buttons/promotion/opdrachtgeversOver.gif);	
}

#menu-promotiondownloads {
	width: 94px;
	left: 445px;
	background: url(../images/buttons/promotion/downloads.gif) left top;	
}
#menu-promotiondownloads a:hover {
	background: url(../images/buttons/promotion/downloadsOver.gif);	
}

#menu-promotionnieuwsbrief {
	width: 101px;
	left: 539px;
	background: url(../images/buttons/home/nieuwsbrief.gif) left top;
}
#menu-promotionnieuwsbrief a:hover {
	background: url(../images/buttons/home/nieuwsbriefOver.gif);	
}

/*
#menu-promotionnieuwsbrieven {
	width: 117px;
	left: 349px;
	background: url(../images/buttons/promotion/nieuwsbrieven.gif) left top;	
}
#menu-promotionnieuwsbrieven a:hover {
	background: url(../images/buttons/promotion/nieuwsbrievenOver.gif);	
}
*/

#menu-promotioncontact {
	width: 83px;
	left: 640px;
	background: url(../images/buttons/home/contact.gif) left top;
}
#menu-promotioncontact a:hover {
	background: url(../images/buttons/home/contactOver.gif);	
}

/* -------------------------------------------
---------------- DESIGN MENU -----------------
--------------------------------------------*/

#menu-designhome {
	width: 58px;
	left: 0px;
	background: url(../images/buttons/design/home.gif) left top;	
}
#menu-designhome a:hover {
	background: url(../images/buttons/design/homeOver.gif);	
}

#menu-designhomewithend {
	width: 64px;
	left: 0px;
	background: url(../images/buttons/design/homeWithEnd-v2.gif) left top;
}
#menu-designhomewithend a:hover {
	background: url(../images/buttons/design/homeOverWithEnd-v2.gif);	
}

#menu-designnieuws {
	width: 66px;
	left: 56px;
	background: url(../images/buttons/design/nieuws.gif) left top;
}
#menu-designnieuws a:hover {
	background: url(../images/buttons/design/nieuwsOver.gif);	
}

#menu-designportfolio {
	width: 84px;
	left: 122px;
	background: url(../images/buttons/design/portfolio.gif) left top;	
}
#menu-designportfolio a:hover {
	background: url(../images/buttons/design/portfolioOver.gif);
}

/*
#menu-designscan {
	width: 62px;
	left: 151px;
	background: url(../images/buttons/design/scan.gif) left top;
}
#menu-designscan a:hover {
	background: url(../images/buttons/design/scanOver.gif);	
}

#menu-designtools {
	width: 64px;
	left: 213px;
	background: url(../images/buttons/design/tools.gif) left top;	
}
#menu-designtools a:hover {
	background: url(../images/buttons/design/toolsOver.gif);	
}
*/

#menu-designnieuwsbrief {
	width: 101px;
	left: 206px;
	background: url(../images/buttons/home/nieuwsbrief.gif) left top;
}
#menu-designnieuwsbrief a:hover {
	background: url(../images/buttons/home/nieuwsbriefOver.gif);
}

#menu-designcontact {
	width: 83px;
	left: 307px;
	background: url(../images/buttons/home/contact.gif) left top;
}
#menu-designcontact a:hover {
	background: url(../images/buttons/home/contactOver.gif);	
}

/*------D&T----------*/

body#designnieuws #menu-designnieuws {
	background: url(../images/buttons/design/nieuwsOver.gif);
}
body#designportfolio #menu-designportfolio {
	background: url(../images/buttons/design/portfolioOver.gif);
}
body#designscan #menu-designscan {
	background: url(../images/buttons/design/scanOver.gif);	
}
body#designtools #menu-designtools {
	background: url(../images/buttons/design/toolsOver.gif);	
}
body#designnieuwsbrief #menu-designnieuwsbrief {
	background: url(../images/buttons/home/nieuwsbriefOver.gif);
}
body#designcontact #menu-designcontact {
	background: url(../images/buttons/home/contactOver.gif);	
}

/* -------------------------------------------
------------- CLIENTS MENU -----------------
--------------------------------------------*/

#menu-clientshome {
	width: 58px;
	left: 0px;
	background: url(../images/buttons/clients/home.gif) left top;	
}
#menu-clientshome a:hover {
	background: url(../images/buttons/clients/homeOver.gif);	
}
#menu-clientspictures {
	width: 116px;
	left: 58px;
	background: url(../images/buttons/clients/fotocontrole.gif) left top;	
}
#menu-clientspictures a:hover {
	background: url(../images/buttons/clients/fotocontroleOver.gif);	
}
#menu-clientscontact {
	width: 95px;
	left: 174px;
	background: url(../images/buttons/clients/contact.gif) left top;	
}
#menu-clientscontact a:hover {
	background: url(../images/buttons/clients/contactOver.gif);	
}


/* -------------------------------------------
-------------- BOOKINGS MENU -----------------
--------------------------------------------*/
#menu-bookinghomewithend {
	width: 64px;
	left: 0px;
	background: url(../images/buttons/home/homeWithEnd-v2.gif) left top;
}
#menu-bookinghomewithend a:hover {
	background: url(../images/buttons/home/homeOverWithEnd-v2.gif);	
}

#menu-bookingnews {
	width: 54px;
	left: 56px;
	background: url(../images/buttons/bookings/news-v2.gif) left top;	
}
#menu-bookingnews a:hover {
	background: url(../images/buttons/bookings/newsOver-v2.gif);	
}

#menu-bookingroster {
	width: 66px;
	left: 110px;
	background: url(../images/buttons/bookings/roster.gif) left top;	
}
#menu-bookingroster a:hover {
	background: url(../images/buttons/bookings/rosterOver.gif);	
}

#menu-bookingconcepts {
	width: 82px;
	left: 176px;
	background: url(../images/buttons/bookings/concepts.gif) left top;	
}
#menu-bookingconcepts a:hover {
	background: url(../images/buttons/bookings/conceptsOver.gif);	
}

#menu-bookingdownloads {
	width: 94px;
	left: 258px;
	background: url(../images/buttons/bookings/downloads.gif) left top;	
}
#menu-bookingdownloads a:hover {
	background: url(../images/buttons/bookings/downloadsOver.gif);	
}

#menu-bookinglinks {
	width: 55px;
	left: 352px;
	background: url(../images/buttons/bookings/links.gif) left top;	
}
#menu-bookinglinks a:hover {
	background: url(../images/buttons/bookings/linksOver.gif);	
}

#menu-bookingcontact {
	width: 83px;
	left: 407px;
	background: url(../images/buttons/home/contact.gif) left top;
}
#menu-bookingcontact a:hover {
	background: url(../images/buttons/home/contactOver.gif);
}


/* -------------------------------------------
---------- CURRENT STATES MENU ---------------
--------------------------------------------*/

/*------BOOKINGS--------*/

body#bookingnews #menu-bookingnews {
	background: url(../images/buttons/bookings/newsOver-v2.gif);	
}
body#roster #menu-bookingroster {
	background: url(../images/buttons/bookings/rosterOver.gif);	
}
body#bookingconcepts #menu-bookingconcepts {
	background: url(../images/buttons/bookings/conceptsOver.gif);	
}
body#bookingdownloads #menu-bookingdownloads {
	background: url(../images/buttons/bookings/downloadsOver.gif);	
}
body#bookinglinks #menu-bookinglinks {
	background: url(../images/buttons/bookings/linksOver.gif);	
}
body#bookingcontact #menu-bookingcontact {
	background: url(../images/buttons/home/contactOver.gif);
}

/*------HOME----------*/

body#home #menu-designhomewithend {
	background: url(../images/buttons/home/homeOverWithEnd-v2.gif);	
}
body#homedistribution #menu-distributie {
	background: url(../images/buttons/home/distributieOver.gif);	
}
body#homecontact #menu-contact {
	background: url(../images/buttons/home/contactOver.gif);	
}
body#homedesign #menu-ontwerp {
	background: url(../images/buttons/home/ontwerpDrukwerkOver.gif);	
}
body#homenieuwsbrief #menu-nieuwsbrief {
	background: url(../images/buttons/home/nieuwsbriefOver.gif);	
}

/*------PROMOTION----------*/

body#promotion #menu-promotionhome {
	background: url(../images/buttons/promotion/homeOver.gif);
}
body#promotion #menu-promotionintroductie {
	background: url(../images/buttons/promotion/introductieOver.gif);
}
body#promotioncitydogs #menu-promotioncitydogs {
	background: url(../images/buttons/promotion/citydogsOver.gif);	
}
body#promotionflyerbag #menu-promotionflyerbags {
	background: url(../images/buttons/promotion/flyerbagsOver.gif);	
}
body#promotionopdrachtgevers #menu-promotionopdrachtgevers {
	background: url(../images/buttons/promotion/opdrachtgeversOver.gif);	
}
body#promotiondownloads #menu-promotiondownloads {
	background: url(../images/buttons/promotion/downloadsOver.gif);	
}
body#promotionnieuwsbrief #menu-promotionnieuwsbrief {
	background: url(../images/buttons/home/nieuwsbriefOver.gif);	
}
body#promotioncontact #menu-promotioncontact {
	background: url(../images/buttons/home/contactOver.gif);	
}

/* -------------------------------------------
-------- SUBMENU DESIGN & TECHNOLOGY ---------
--------------------------------------------*/

#dtsubmenu {
	width: 220px;
	padding: 0;
  border: 0;
	margin-left: -4px;
	margin-bottom: 14px;
}
#dtsubmenu ul { 
	margin: 0;
	padding: 0;
	width: 220px;
}

#dtsubmenu li {
  margin-top: -6px;
  margin-left: 0px;
  padding: 0;
  list-style: none;
  position: relative;
}

#dtsubmenu li, #dtsubmenu ul a {
  height: 32px;
  display: block;
}

#dtsubmenu ul, #dtsubmenu li a {
  text-indent: -9999px;
  text-decoration: none;
}

#dtsubmenu-huisstijlen {
	width: 226px;
	background: url(../images/buttons/design/huisstijlen.gif) left top;	
}
#dtsubmenu-huisstijlen a:hover {
	background: url(../images/buttons/design/huisstijlenOver.png);	
}

#dtsubmenu-campagnes {
	width: 226px;
	background: url(../images/buttons/design/campagnes.gif) left top;	
}
#dtsubmenu-campagnes a:hover {
	background: url(../images/buttons/design/campagnesOver.png);	
}

#dtsubmenu-interactievemedia {
	width: 226px;
	background: url(../images/buttons/design/interactievemedia.gif) left top;	
}
#dtsubmenu-interactievemedia a:hover {
	background: url(../images/buttons/design/interactievemediaOver.png);	
}

/* -------------------------------------------
-------------- SUBMENU CITYDOGS --------------
--------------------------------------------*/

#citydogssubmenu {
	width: 220px;
	padding: 0;
  border: 0;
	margin-left: -4px;
	margin-bottom: 14px;
}
#citydogssubmenu ul { 
	margin: 0;
	padding: 0;
	width:220px;
}

#citydogssubmenu li {
  margin-top: -6px;
  margin-left: 0px;
  padding: 0;
  list-style: none;
  position: relative;
}

#citydogssubmenu li, #citydogssubmenu ul a {
  height: 32px;
  display: block;
}

#citydogssubmenu ul, #citydogssubmenu li a {
  text-indent: -9999px;
  text-decoration: none;
}

#citydogssubmenu-retail {
	width: 226px;
	background: url(../images/buttons/promotion/retail.gif) left top;	
}
#citydogssubmenu-retail a:hover {
	background: url(../images/buttons/promotion/retailOver.png);	
}

#citydogssubmenu-horeca {
	width: 226px;
	background: url(../images/buttons/promotion/horeca.gif) left top;	
}
#citydogssubmenu-horeca a:hover {
	background: url(../images/buttons/promotion/horecaOver.png);	
}

#citydogssubmenu-daghoreca {
	width: 226px;
	background: url(../images/buttons/promotion/dagHoreca.gif) left top;	
}
#citydogssubmenu-daghoreca a:hover {
	background: url(../images/buttons/promotion/dagHorecaOver.png);	
}

#citydogssubmenu-avondhoreca {
	width: 226px;
	background: url(../images/buttons/promotion/avondHoreca.gif) left top;	
}
#citydogssubmenu-avondhoreca a:hover {
	background: url(../images/buttons/promotion/avondHorecaOver.png);	
}

#citydogssubmenu-uiterlijkeverzorging a{
	width: 226px;
	background: url(../images/buttons/promotion/uiterlijkeVerzorging.gif) left top;	
}
#citydogssubmenu-uiterlijkeverzorging a:hover {
	background: url(../images/buttons/promotion/uiterlijkeVerzorgingOver.png);	
}

#citydogssubmenu-sport {
	width: 226px;
	background: url(../images/buttons/promotion/sport.gif) left top;	
}
#citydogssubmenu-sport a:hover {
	background: url(../images/buttons/promotion/sportOver.png) left bottom;	
}

#citydogssubmenu-sportcommercieel {
	width: 226px;
	background: url(../images/buttons/promotion/sportCommercieel.gif) left top;	
}
#citydogssubmenu-sportcommercieel a:hover {
	background: url(../images/buttons/promotion/sportCommercieelOver.png) left bottom;	
}

#citydogssubmenu-sportvereniging {
	width: 226px;
	background: url(../images/buttons/promotion/sportVereniging.gif) left top;	
}
#citydogssubmenu-sportvereniging a:hover {
	background: url(../images/buttons/promotion/sportVerenigingOver.png) left bottom;	
}

#citydogssubmenu-scholenmin18 {
	width: 226px;
	background: url(../images/buttons/promotion/scholenMin18.gif) left top;	
}
#citydogssubmenu-scholenmin18 a:hover {
	background: url(../images/buttons/promotion/scholenMin18Over.png) left bottom;	
}

#citydogssubmenu-scholenplus18 {
	width: 226px;
	background: url(../images/buttons/promotion/scholenPlus18.gif) left top;	
}
#citydogssubmenu-scholenplus18 a:hover {
	background: url(../images/buttons/promotion/scholenPlus18Over.png) left bottom;	
}

#citydogssubmenu-entertainment {
	width: 226px;
	background: url(../images/buttons/promotion/entertainment.gif) left top;	
}
#citydogssubmenu-entertainment a:hover {
	background: url(../images/buttons/promotion/entertainmentOver.png) left bottom;	
}

#citydogssubmenu-toerisme {
	width: 226px;
	background: url(../images/buttons/promotion/toerisme.gif) left top;	
}
#citydogssubmenu-toerisme a:hover {
	background: url(../images/buttons/promotion/toerismeOver.png) left bottom;	
}

#citydogssubmenu-wachtkamer {
	width: 226px;
	background: url(../images/buttons/promotion/wachtkamer.gif) left top;	
}
#citydogssubmenu-wachtkamer a:hover {
	background: url(../images/buttons/promotion/wachtkamerOver.png) left bottom;	
}

#citydogssubmenu-jongegezinnen {
	width: 226px;
	background: url(../images/buttons/promotion/jongegezinnen.gif) left top;	
}
#citydogssubmenu-jongegezinnen a:hover {
	background: url(../images/buttons/promotion/jongegezinnenOver.png) left bottom;	
}

#citydogssubmenu-partyjam {
	width: 226px;
	background: url(../images/buttons/promotion/partyjam.gif) left top;	
}
#citydogssubmenu-partyjam a:hover {
	background: url(../images/buttons/promotion/partyjamOver.png);	
}
#citydogssubmenu-distributie {
	width: 226px;
	background: url(../images/buttons/promotion/distributie.gif) left top;	
}
#citydogssubmenu-distributie a:hover {
	background: url(../images/buttons/promotion/distributieOver.png);	
}
#citydogssubmenu-instorepostering {
	width: 226px;
	background: url(../images/buttons/promotion/instorepostering.gif) left top;	
}
#citydogssubmenu-instorepostering a:hover {
	background: url(../images/buttons/promotion/instoreposteringOver.png);	
}
#citydogssubmenu-promoteams {
	width: 226px;
	background: url(../images/buttons/promotion/promoteams.gif) left top;	
}
#citydogssubmenu-promoteams a:hover {
	background: url(../images/buttons/promotion/promoteamsOver.png);	
}

#citydogssubmenu-instorepromotie {
	width: 226px;
	background: url(../images/buttons/promotion/instorepromotie.gif) left top;	
}
#citydogssubmenu-instorepromotie a:hover {
	background: url(../images/buttons/promotion/instorepromotieOver.png);	
}
/*///////////////////////////////////////////////////
//////////////// SUBMENU CLIENTS ////////////////////
///////////////////////////////////////////////////*/
#clientsubmenu {
	width: 220px;
	padding: 0;
  border: 0;
	margin-left: -4px;
	margin-bottom: 14px;
}
#clientsubmenu ul { 
	margin: 0;
	padding: 0;
	width:220px;
}

#clientsubmenu li {
  margin-top: -6px;
  margin-left: 0px;
  padding: 0;
  list-style: none;
  position: relative;
}

#clientsubmenu li, #clientsubmenu ul a {
  height: 32px;
  display: block;
}

#clientsubmenu ul, #clientsubmenu li a {
  text-indent: -9999px;
  text-decoration: none;
}

#clientsubmenu-projectalgemeen {
	width: 226px;
	background: url(../images/buttons/clients/projectstatistieken.gif) left top;	
}
#clientsubmenu-projectalgemeen a:hover {
	background: url(../images/buttons/clients/projectstatistieken_over.png);	
}

/* -------------------------------------------
----------- SUBMENU DESIGN TOOLS -------------
--------------------------------------------*/

#designtoolssubmenu {
	width: 220px;
	padding: 0;
  border: 0;
	margin-left: -4px;
	margin-bottom: 14px;
}
#designtoolssubmenu ul { 
	margin: 0;
	padding: 0;
	width:220px;
}

#designtoolssubmenu li {
  margin-top: -6px;
  margin-left: 0px;
  padding: 0;
  list-style: none;
  position: relative;
}

#designtoolssubmenu li, #designtoolssubmenu ul a {
  height: 32px;
  display: block;
}

#designtoolssubmenu ul, #designtoolssubmenu li a {
  text-indent: -9999px;
  text-decoration: none;
}

#designtoolssubmenu-mailingtool {
	width: 226px;
	background: url(../images/buttons/design/mailingtool.gif) left top;	
}
#designtoolssubmenu-mailingtool a:hover {
	background: url(../images/buttons/design/mailingtoolOver.png);	
}

/* -------------------------------------------
----------- SUBMENU OV. PRODUCTEN ------------
--------------------------------------------*/
#kick {
  width: 226px;
	padding: 0;
	margin: 0;
  border: 0;
	margin-left: -4px;
	margin-bottom: 14px;
}

#kick ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
}

#kick ul, #kick li a {
  text-indent: -9999px;
  text-decoration: none;
}

#kick li {
  margin: 0;
}

#kick .kick {
	display: block;
	overflow: hidden;
	height: 32px;
	width: 226px;
	padding: 0;
  margin-top: -4px;
}

#kick .bright {
	background: url(../images/buttons/promotion/brightMagazineTotal.png) 0 0 no-repeat;
}

#kick .musicbox {
	background: url(../images/buttons/promotion/musicBoxTotal.png) 0 0 no-repeat;
}