body{ behavior:url(csshover3.htc) } /*MENU common styling */ #menu-header { font-family:Verdana; width:726px; position:relative; z-index:2000; margin:0px auto; float:left; margin-top:8px;} #menu-header ul{ font-family:Verdana; } #menu-header ul a{display:block; text-decoration:none; text-align:left; color:#000000; overflow:hidden; margin-left:0px; margin-right:3px; font-weight:bold; line-height:16px; font-size:0.714em; } /*normale menu style*/ #menu-header ul a.last { margin-right:0px;} #menu-header ul a.home, #menu-header ul a.home:visited { width:72px; height:40px; background:url(../images/buttons/topmenu/home.jpg) top left; text-indent:-999em; font-size:1px;} #menu-header ul a.sr, #menu-header ul a.sr:visited { width:137px; height:40px; background:url(../images/buttons/topmenu/sr.jpg) top left; text-indent:-999em; font-size:1px;} #menu-header ul a.st, #menu-header ul a.st:visited { width:127px; height:40px; background:url(../images/buttons/topmenu/st.jpg) top left; text-indent:-999em; font-size:1px;} #menu-header ul a.eff, #menu-header ul a.eff:visited { width:115px; height:40px; background:url(../images/buttons/topmenu/eff.jpg) top left; text-indent:-999em; font-size:1px;} #menu-header ul a.comm, #menu-header ul a.comm:visited { width:137px; height:40px; background:url(../images/buttons/topmenu/comm.jpg) top left; text-indent:-999em; font-size:1px;} #menu-header ul a.works, #menu-header ul a.works:visited { width:115px; height:40px; background:url(../images/buttons/topmenu/works.jpg) top left; text-indent:-999em; font-size:1px;} #menu-header li:hover a.home, #menu-header li:hover a.sr,#menu-header li:hover a.st,#menu-header li:hover a.eff,#menu-header li:hover a.comm,#menu-header li:hover a.works,#menu-header ul a.selected, #menu-header ul a.selected:visited{ background-position:bottom left;} #menu-header ul {padding:0; margin:0; list-style: none;} #menu-header ul li {float:left; position:relative;} #menu-header ul ul, #menu-header li:hover ul ul{display: none; position:absolute;} #menu-header li:hover a {color:#000000;} /*niveau 1 normale status dropdown*/ #menu-header li:hover ul {display:block; position:absolute; top:40px; left:0px; width:250px; line-height:16px; visibility:visible;} /*aanmaken van dropdown*/ #menu-header li:hover li:hover ul {display:block; position:absolute; left:250px; top:0;} #menu-header li:hover li:hover ul.links {left:-250px;} /*niveau 3 plaatsing naar links*/ *+html #menu-header li:hover ul{width:255px;} *+html #menu-header li:hover li:hover ul {left:247px;} #menu-header a span.dropdown-top-blue{ display:block; float:left; width:250px; height:6px; line-height:1px; font-size:1px; background:url(../images/buttons/topmenu/dropdown-sprite-blue2.png) top left;} #menu-header a span.dropdown-first-blue{ display:block; float:left; width:234px; border-left:2px solid #00467F; border-right:2px solid #00467F; background:#FFFFFF; padding-left:6px; padding-right:6px; padding-top:0px; padding-bottom:4px; border-bottom:1px solid #00467F;} #menu-header a span.dropdown-blue{ display:block; float:left; width:234px; border-left:2px solid #00467F; border-right:2px solid #00467F; background:#FFFFFF; padding-left:6px; padding-right:6px; padding-top:4px; padding-bottom:4px; border-bottom:1px solid #00467F;} #menu-header a span.dropdown-last-blue{ display:block; float:left; width:234px; border-left:2px solid #00467F; border-right:2px solid #00467F; background:#FFFFFF; padding-left:6px; padding-right:6px; padding-top:4px; padding-bottom:0px;} #menu-header a span.dropdown-bottom-blue{ display:block; float:left; width:250px; height:6px; line-height:1px; font-size:1px; background:url(../images/buttons/topmenu/dropdown-sprite-blue2.png) bottom left;} /*niveau 2 hover status dropdown*/ #menu-header li:hover a:hover span.dropdown-top-blue{ background-position:top right;} #menu-header li:hover a:hover span.dropdown-blue{ color:#FFFFFF; background:#00467F;} #menu-header li:hover a:hover span.dropdown-last-blue{ color:#FFFFFF; background:#00467F;} #menu-header li:hover a:hover span.dropdown-bottom-blue{ background-position:bottom right;} #menu-header li:hover a:hover span.dropdown-first-blue{ color:#FFFFFF; background:#00467F;} #menu-header a span.dropdown-top-red{ display:block; float:left; width:250px; height:6px; line-height:1px; font-size:1px; background:url(../images/buttons/topmenu/dropdown-sprite-red2.png) top left;} #menu-header a span.dropdown-first-red{ display:block; float:left; width:234px; border-left:2px solid #93342F; border-right:2px solid #93342F; background:#FFFFFF; padding-left:6px; padding-right:6px; padding-top:0px; padding-bottom:4px; border-bottom:1px solid #93342F;} #menu-header a span.dropdown-red{ display:block; float:left; width:234px; border-left:2px solid #93342F; border-right:2px solid #93342F; background:#FFFFFF; padding-left:6px; padding-right:6px; padding-top:4px; padding-bottom:4px; border-bottom:1px solid #93342F;} #menu-header a span.dropdown-last-red{ display:block; float:left; width:234px; border-left:2px solid #93342F; border-right:2px solid #93342F; background:#FFFFFF; padding-left:6px; padding-right:6px; padding-top:4px; padding-bottom:0px;} #menu-header a span.dropdown-bottom-red{ display:block; float:left; width:250px; height:6px; line-height:1px; font-size:1px; background:url(../images/buttons/topmenu/dropdown-sprite-red2.png) bottom left;} /*niveau 2 hover status dropdown*/ #menu-header li:hover a:hover span.dropdown-top-red{ background-position:top right;} #menu-header li:hover a:hover span.dropdown-red{ color:#FFFFFF; background:#93342F;} #menu-header li:hover a:hover span.dropdown-last-red{ color:#FFFFFF; background:#93342F;} #menu-header li:hover a:hover span.dropdown-bottom-red{ background-position:bottom right;} #menu-header li:hover a:hover span.dropdown-first-red{ color:#FFFFFF; background:#93342F;} #menu-header a span.dropdown-top-yellow{ display:block; float:left; width:250px; height:6px; line-height:1px; font-size:1px; background:url(../images/buttons/topmenu/dropdown-sprite-yellow2.png) top left;} #menu-header a span.dropdown-first-yellow{ display:block; float:left; width:234px; border-left:2px solid #C0792A; border-right:2px solid #C0792A; background:#FFFFFF; padding-left:6px; padding-right:6px; padding-top:0px; padding-bottom:4px; border-bottom:1px solid #C0792A;} #menu-header a span.dropdown-yellow{ display:block; float:left; width:234px; border-left:2px solid #C0792A; border-right:2px solid #C0792A; background:#FFFFFF; padding-left:6px; padding-right:6px; padding-top:4px; padding-bottom:4px; border-bottom:1px solid #C0792A;} #menu-header a span.dropdown-last-yellow{ display:block; float:left; width:234px; border-left:2px solid #C0792A; border-right:2px solid #C0792A; background:#FFFFFF; padding-left:6px; padding-right:6px; padding-top:4px; padding-bottom:0px;} #menu-header a span.dropdown-bottom-yellow{ display:block; float:left; width:250px; height:6px; line-height:1px; font-size:1px; background:url(../images/buttons/topmenu/dropdown-sprite-yellow2.png) bottom left;} /*niveau 2 hover status dropdown*/ #menu-header li:hover a:hover span.dropdown-top-yellow{ background-position:top right;} #menu-header li:hover a:hover span.dropdown-yellow{ color:#FFFFFF; background:#C0792A;} #menu-header li:hover a:hover span.dropdown-last-yellow{ color:#FFFFFF; background:#C0792A;} #menu-header li:hover a:hover span.dropdown-bottom-yellow{ background-position:bottom right;} #menu-header li:hover a:hover span.dropdown-first-yellow{ color:#FFFFFF; background:#C0792A;}