/************* 
Hoofdmenu + uitklapsubmenu. 
*************/


/** Instellingen om het uitklappen goed te laten werken. */

#mainMenu { float:left; height:57px; width:auto; padding:4px 0; margin:6px 0 0 0; list-style:none; line-height:1; }
#mainMenu ul { padding:0; margin:0; list-style:none; line-height:1; }
#mainMenu a { display: block; }
#mainMenu li { float: left; }
#mainMenu li ul { position: absolute; width: 10em; left: -999em; }
#mainMenu li.over ul { left: auto; z-index: 10; }


/** Afmetingen en padding. **/

#mainMenu ul.submenu, 
#mainMenu li.submenuItem,
#mainMenu li.submenuItem a { width: 220px; }

#mainMenu li.submenuItem a { width: 215px; }

#mainMenu li.menuItem,
#mainMenu li.menuItemSelected { margin: 0 ; }

#mainMenu ul.menu { height: 17px; line-height: 15px; padding-top:36px; }
#mainMenu a { padding: 0 0; }

#mainMenu .submenuItem a { padding: 2px 0px 0 5px ; }


/* Kleuren, fonts en borders. */

#mainMenu {font-family: arial, helvetica, geneva, sans-serif;}

#mainMenu ul.submenu { border: 1px solid #000000; }
#mainMenu li.submenuItem { background-color: #DCE0EB; border: solid #b5c0e7; border-top: solid white; border-width: 1px 0;}

#mainMenu li.submenuItem a { font: bold 11px; line-height: 24px; color: #4A64C5; font-family: arial, helvetica, geneva, sans-serif;}
#mainMenu li.submenuItem a:hover { background-color:#f2f4fb; }
#mainMenu a { text-decoration: none; color: #000000; font-size: 12px; padding: 0px 12px; font-weight:bold; border-right:1px dashed #cccccc;}
#mainMenu li.menuItemSelected a { color:#FFFFFF; font-weight: bold; }
#mainMenu a:hover { color: #FFFFFF; background-color: none; }



/*************
Linkermenu (submenu + paginamenu)
*************/


#subMenu { float:left; width:180px; padding:0; margin:0 0 1em 0; }
#subMenu ul { margin:0; padding:0; list-style:none; width:150px; }
#subMenu li { margin:0; padding:0; float:left; width:100%; line-height:20px; }

#subMenu a { color:#000000; display:block; border-bottom:2px solid #F4F4F4; text-decoration:none; font-size:11px; padding:0px 0px 0px 4px; background-color:#FFFFFF; line-height:19px}
#subMenu a:hover { color:#003399; }

#subMenu ul.homeSub li { background: #fff url("../images/list_bg.gif") 0 10px no-repeat; padding-left: 12px; border-bottom: 1px solid #d3d3d3;}
#subMenu ul.homeSub a { border: none;}

#template5 #subMenu, #template5 #subMenu ul, #template5 #subMenu li, #template5 #subMenu a { width:100%;} 

#subMenu h2 { background-color:#CCCCCC; color:#000000; font-weight:bold; padding:2px; font-size:12px; letter-spacing:0; }

#subMenu .submenuItem a:hover, 
#pageMenu .pagemenuItem a:hover { background-color:none; color:#003399; }


/* Kleuren, fonts en borders. */

#subMenu li { line-height: 20px; }
#subMenu a { border-bottom: 1px solid #d3d3d3; color: #000;  
				font: normal 11px Verdana; line-height: 20px; text-decoration: none; }

#subMenu .submenuItem a { background: #fff; }
#subMenu .submenuItemSelected a { background:#D1DEEE; color: #003399; }

#pageMenu .pagemenu a { padding-left:14px; width:171px; font-weight:normal; background:#D1DEEE url(../images/list_hzline_black_bg.gif) no-repeat scroll 6px 2px; }
#pageMenu .pagemenuItemSelected a { background:#BFD1E5 url(../images/list_hzline_black_bg.gif) no-repeat scroll 6px 2px;   font-weight: bold; }