/* navbar (topnav) */
.menu {padding:0 20px; width:750px; height:25px; position:relative; z-index:100; background:url(../img/menubarbg.png) repeat-x; margin: 0px auto;}
.menu li { float:left; position:relative; }
.menu li a.hide {display:block; }

/* sub (expand on hover) */
.menu li li { /*float:left;*/ float:none; }
.menu li div.sub { visibility: hidden; padding:15px; cursor:default; display:block; position:absolute; z-index:99; top:24px; left:0;  background:#9c9ea0 url(../img/menu_bg.jpg) repeat-x; border:#CCC solid 1px;  }

.menu .sub a { color:#fff; line-height:2.3em; }
.menu .sub a:hover { color:#FFFC21; text-decoration:none; }

/* sub selected */
.menu li.selected div.sub { visibility: hidden; cursor:default; display:block; position:absolute; z-index:99; top:24px; left:0;  background:#F5F8FF; border:#CCC solid 1px; }
.menu li.selected a   {color:#3B73B9;}
.menu li.selected a:hover  {color:#82a6da;}

/* definition list (multiple lists in submenu) */
.menu dl { width:150px; float:left; margin-right:8px; }
.menu dt { color:#ffe44d; font-weight:bold; line-height:20px; background:url(../img/bg_border_dot_wit.gif) repeat-x 0 -4px; height:25px; width:568px; }
.menu dd { color:#FFF; }


/* sub widths (edit to modify sub width)*/
.menu #cat2 { width:564px; }
.menu #cat3 { width:568px; }
.menu #cat4 { width:225px; }
.menu #cat5 { width:200px; }
.menu #cat6 { width:145px; }
.menu #cat7 { width:135px; }

.menu #cat2 dl, .menu #cat3 dl { width:143px; float:left;  }
.menu #cat2 li{ float:left; height:120px; padding:10px;}
.menu #cat3 li{ float:left; height:120px; padding:10px; bottom:-23px; float:left;}

.menu #cat2 li.hover, .menu #cat3 li.hover  { border:10px solid #ccc; padding:0px;  }



/* nav hovers (topnav images) */

.menu li.hover a.hide { display:block; position:relative; z-index:101;}

.menu #homeimg a.hide { background: url(../img/nav_discpublish.gif) no-repeat 0 0 #4373b9; height:25px; width:50px; }
.menu #homeimg.hover a.hide { background: url(../img/nav_discpublish.gif) no-repeat 0px -25px #7a7b7b; }
#pagehome #homeimg.selected a.hide { background: url(../img/nav_discpublish.gif) no-repeat 0px -50px #F5F8FF;  }
#pagehome #homeimg.hover a.hide { background: url(../img/nav_discpublish.gif) no-repeat 0px -75px #F5F8FF;  }


.menu #inkjetimg a.hide { background: url(../img/nav_discpublish.gif)  no-repeat -50px 0 #4373b9; height:25px; width:131px; }
.menu #inkjetimg.hover a.hide { background: url(../img/nav_discpublish.gif) no-repeat -50px -25px #7a7b7b; }
#pageinkjet #inkjetimg.selected a.hide{ background: url(../img/nav_discpublish.gif) no-repeat -50px -50px #DAE5F3; }
#pageinkjet #inkjetimg.hover a.hide { background: url(../img/nav_discpublish.gif) no-repeat -50px -75px #F5F8FF; }

.menu #thermischimg a.hide { background: url(../img/nav_discpublish.gif)  no-repeat -181px 0 #4373b9; height:25px; width:159px; }
.menu #thermischimg.hover a.hide { background: url(../img/nav_discpublish.gif) no-repeat -181px -25px #7A7B7B; }
#pagethermisch #thermischimg.selected a.hide{ background: url(../img/nav_discpublish.gif) no-repeat -181px -50px #DAE5F3; }
#pagethermisch #thermischimg.hover a.hide{ background: url(../img/nav_discpublish.gif) no-repeat -181px -75px #F5F8FF; } 

.menu #automaticimg a.hide { background: url(../img/nav_discpublish.gif)  no-repeat -340px 0 #4373b9; height:25px; width:151px; }
.menu #automaticimg.hover a.hide { background: url(../img/nav_discpublish.gif) no-repeat -340px -25px #7a7b7b; }
#pageautomated #automaticimg.selected a.hide{ background: url(../img/nav_discpublish.gif) no-repeat -340px -50px #DAE5F3; }
#pageautomated #automaticimg.hover a.hide{ background: url(../img/nav_discpublish.gif) no-repeat -340px -75px #F5F8FF; }

.menu #dvdcdcopiersimg a.hide { background: url(../img/nav_discpublish.gif)  no-repeat -491px 0 #4373b9; height:25px; width:110px; }
.menu #dvdcdcopiersimg.hover a.hide {  background: url(../img/nav_discpublish.gif) no-repeat -491px -25px #7a7b7b; }
#pagedvdcdcopiers #dvdcdcopiersimg.selected a.hide{ background: url(../img/nav_discpublish.gif) no-repeat -491px -50px #F5F8FF; }
#pagedvdcdcopiers #dvdcdcopiersimg.hover a.hide{ background: url(../img/nav_discpublish.gif) no-repeat -491px -75px #F5F8FF; }

.menu #informatieimg a.hide { background: url(../img/nav_discpublish.gif)  no-repeat -601px 0 #4373b9; height:25px;  width:78px; }
.menu #informatieimg.hover a.hide { background: url(../img/nav_discpublish.gif) no-repeat -601px -25px #7a7b7b; }
#pageinformatie #informatieimg.selected a.hide{ background: url(../img/nav_discpublish.gif) no-repeat -601px -50px #DAE5F3; }
#pageinformatie #informatieimg.hover a.hide{ background: url(../img/nav_discpublish.gif) no-repeat -601px -75px #F5F8FF;   }

.menu #webshopimg a.hide { background: url(../img/nav_discpublish.gif)  no-repeat -679px 0 #4373b9; height:25px;  width:71px;  }
.menu #webshopimg.hover a.hide { background: url(../img/nav_discpublish.gif)  no-repeat -679px -25px #7a7b7b; }
#webshopimg.selected a.hide{ background: url(../img/nav_discpublish.gif) no-repeat -679px -50px #DAE5F3;  }
#webshopimg.hover a.hide{ background: url(../img/nav_discpublish.gif) no-repeat -679px -75px #F5F8FF;  }

.menu #discpublishingimg a.hide { background: url(../img/nav_discpublish.gif)  no-repeat -750px 0 #4373b9; height:25px;  width:100px;  }
.menu #discpublishingimg.hover a.hide { background: url(../img/nav_discpublish.gif)  no-repeat -750px -25px #7a7b7b; }
#pagediscpublishing #discpublishingimg.selected a.hide{ background: url(../img/nav_discpublish.gif) no-repeat -750px -50px #DAE5F3;  }
#pagediscpublishing #discpublishingimg.hover a.hide{ background: url(../img/nav_discpublish.gif) no-repeat -750px -75px #F5F8FF;  }

.menu #discreplicatieimg a.hide { background: url(../img/nav_discpublish.gif)  no-repeat -850px 0 #4373b9; height:25px;  width:94px;  }
.menu #discreplicatieimg.hover a.hide { background: url(../img/nav_discpublish.gif)  no-repeat -850px -25px #7a7b7b; }
#pagediscreplicatie #discreplicatieimg.selected a.hide{ background: url(../img/nav_discpublish.gif) no-repeat -850px -50px #DAE5F3;  }
#pagediscreplicatie #discreplicatieimg.hover a.hide{ background: url(../img/nav_discpublish.gif) no-repeat -850px -75px #F5F8FF;  }

.menu #storageimg a.hide { background: url(../img/nav_discpublish.gif)  no-repeat -944px 0 #4373b9; height:25px;  width:64px;  }
.menu #storageimg.hover a.hide { background: url(../img/nav_discpublish.gif)  no-repeat -944px -25px #7a7b7b; }
#pagestorage #storageimg.selected a.hide{ background: url(../img/nav_discpublish.gif) no-repeat -944px -50px #DAE5F3;  }
#pagestorage #storageimg.hover a.hide{ background: url(../img/nav_discpublish.gif) no-repeat -944px -75px #F5F8FF;  }

.menu #cdreplicatieimg a.hide { background: url(../img/nav_discpublish.gif)  no-repeat -1008px 0 #4373b9; height:25px;  width:93px;  }
.menu #cdreplicatieimg.hover a.hide { background: url(../img/nav_discpublish.gif)  no-repeat -1008px -25px #7a7b7b; }
#pagecdreplicatie #cdreplicatieimg.selected a.hide{ background: url(../img/nav_discpublish.gif) no-repeat -1008px -50px #DAE5F3;  }
#pagecdreplicatie #cdreplicatieimg.hover a.hide{ background: url(../img/nav_discpublish.gif) no-repeat -1008px -75px #F5F8FF;  }

.menu #dvdreplicatieimg a.hide { background: url(../img/nav_discpublish.gif)  no-repeat -1101px 0 #4373b9; height:25px;  width:100px;  }
.menu #dvdreplicatieimg.hover a.hide { background: url(../img/nav_discpublish.gif)  no-repeat -1101px -25px #7a7b7b; }
#pagedvdreplicatie #dvdreplicatieimg.selected a.hide{ background: url(../img/nav_discpublish.gif) no-repeat -1101px -50px #DAE5F3;  }
#pagedvdreplicatie #dvdreplicatieimg.hover a.hide{ background: url(../img/nav_discpublish.gif) no-repeat -1101px -75px #F5F8FF;  }

.menu #blureplicatieimg a.hide { background: url(../img/nav_discpublish.gif)  no-repeat -1201px 0 #4373b9; height:25px;  width:121px;  }
.menu #blureplicatieimg.hover a.hide { background: url(../img/nav_discpublish.gif)  no-repeat -1201px -25px #7a7b7b; }
#pageblureplicatie #blureplicatieimg.selected a.hide{ background: url(../img/nav_discpublish.gif) no-repeat -1201px -50px #DAE5F3;  }
#pageblureplicatie #blureplicatieimg.hover a.hide{ background: url(../img/nav_discpublish.gif) no-repeat -1201px -75px #F5F8FF;  }

.menu #dienstenimg a.hide { background: url(../img/nav_discpublish.gif)  no-repeat -1322px 0 #4373b9; height:25px;  width:74px;  }
.menu #dienstenimg.hover a.hide { background: url(../img/nav_discpublish.gif)  no-repeat -1322px -25px #7a7b7b; }
#pagediensten #dienstenimg.selected a.hide{ background: url(../img/nav_discpublish.gif) no-repeat -1322px -50px #DAE5F3;  }
#pagediensten #dienstenimg.hover a.hide{ background: url(../img/nav_discpublish.gif) no-repeat -1322px -75px #F5F8FF;  }

.menu #offerteimg a.hide { background: url(../img/nav_discpublish.gif)  no-repeat -1396px 0 #4373b9; height:25px; width:64px;  }
.menu #offerteimg.hover a.hide { background: url(../img/nav_discpublish.gif)  no-repeat -1396px -25px #7a7b7b; }
#pageofferte #offerteimg.selected a.hide{ background: url(../img/nav_discpublish.gif) no-repeat -1396px -50px #DAE5F3;  }
#pageofferte #offerteimg.hover a.hide{ background: url(../img/nav_discpublish.gif) no-repeat -1396px -75px #F5F8FF;  }