/* CSS file for MenuControl UserControl */

#MenuControl_ctl00 { visibility:hidden; } /* visibilty set to visible on page load by javascript to prevent visual shifting from text to image */

/* TABS REPLACED WITH IMAGES BY JAVASCRIPT */
.header .menuContainer ul li a span { display:block; height:24px; margin:0; padding:0; border:none; overflow:hidden; text-indent:-9999px; }
	span.tab_beleef_de_waterlinie { width:178px; background:Transparent url('../_images/_beleef_de_waterlinie.png') no-repeat left top; }
	.header .menuContainer ul li a span:hover { background-position:left -24px; }
	span.tab_kennis_en_achtergronden { width:221px; background:Transparent url('../_images/_kennis_en_achtergronden.png') no-repeat left top; }
	span.tab_educatie { width:75px; background:Transparent url('../_images/_educatie.png') no-repeat left top; }

/* Top tabs (level 1) */
.header .menuContainer { font-size:20px; letter-spacing:0.03em; font-weight:normal; font-family:Impact, Arial, Helvetica, sans-serif; }
.header .menuContainer { line-height:normal; width:961px; height:42px; position:absolute; left:18px; top:12px; border-bottom:solid 1px #ebf8f8; }
.header .menuContainer ul { display:block; list-style:none; position:absolute;top:0; padding:0; margin:0 0 0 270px; width:680px; height:42px; }
.header .menuContainer ul li { float:left; cursor:pointer; background: url('../_images/menu/left.gif') no-repeat left top; padding:0 0 0 15px; margin:0 0 0 1px; }
.header .menuContainer ul li a { display:block; cursor:pointer; text-decoration:none; color:#fff; background: url('../_images/menu/right.gif') no-repeat right top; padding: 10px 21px 10px 5px; }
.header .menuContainer ul li.selected { background:Transparent url('../_images/menu/left_on.gif') no-repeat left top; }
.header .menuContainer ul li.selected a { background:Transparent url('../_images/menu/right_on.gif') no-repeat right top; color: #FFF; }
	
/* Tabs Drop-downs - (level 2) */
.header .menuContainer ul li ul { letter-spacing:normal; font-size:13px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
.header .menuContainer ul li ul { position:absolute; top:42px; display:none; list-style:none; background:Transparent url('../_images/bg_dropdown_left.png') no-repeat left bottom; padding:0 15px 0 25px; margin:0 0 0 -24px; width:auto; height:auto; }
.header .menuContainer ul li ul li { position:relative; float:none; margin:0; padding:12px 0 0 0;  background:Transparent url('../_images/bg_dropdown_right.png') no-repeat right -200px !important; }
.header .menuContainer ul li ul li a { display:block; margin:0; padding:0 30px 0 0; color:#333 !important; background:Transparent url('../_images/bg_dropdown_right_a.png') no-repeat right -200px !important; }
.header .menuContainer ul li ul li.selected a { color:#f31118 !important; }
.header .menuContainer ul li ul li a:hover { color:#f31118 !important; }
.header .menuContainer ul li ul li.myLi { height:20px;  background-position:right bottom !important; }		
		
/* Tabs Drop-downs - (level 3) */
.header .menuContainer ul li ul li ul { top:-18px; font-size:12px; z-index:1; margin:0 0 0 170px; padding:20px 0 0 0; width:240px !important; background:Transparent url('../_images/bg_dropdown2_top.png') no-repeat left top !important; }
.header .menuContainer ul li ul li ul li { left:0;  background:Transparent url('../_images/bg_dropdown2_middle.png') repeat-y left top !important; }
.header .menuContainer ul li ul li ul li a { padding:0 0 0 30px; background:Transparent url('../_images/bg_dropdown2_middle_a.png') repeat-y left top !important; }
.header .menuContainer ul li ul li.selected ul li a { color:#333 !important; }
.header .menuContainer ul li ul li.selected ul li.selected a { color:#f31118 !important; }
.header .menuContainer ul li ul li.selected ul li a:hover { color:#f31118 !important; }
.header .menuContainer ul li ul li ul li.myLi { background:Transparent url('../_images/bg_dropdown2_bottom.png') no-repeat left bottom !important; }

/* Tabs Drop-downs - (level 4) */
.header .menuContainer ul li.selected ul li.selected ul li.selected ul li a { color:#333 !important; }
.header .menuContainer ul li.selected ul li.selected ul li.selected ul li a:hover { color:#f31118 !important; }
.header .menuContainer ul li.selected ul li.selected ul li.selected ul li.selected a { color:#f31118 !important; }


/* Submenu */
.col_left ul { display:block; }
.col_left .menuContainer { font-weight:bold; font-size:13px; }
.col_left .menuContainer ul { list-style:none; margin:0; padding:0; }
.col_left .menuContainer ul li { margin:0; padding:7px 0 7px 0; }
.col_left .menuContainer ul li a { color:#666; text-decoration:none; display:block; padding:0 0 4px 6px; background:Transparent url('../_images/bg_subbutton.gif') no-repeat left bottom; }
.col_left .menuContainer ul li a:hover { background:Transparent url('../_images/bg_subbutton2.gif') no-repeat left bottom; }
.col_left .menuContainer ul li a:hover { color:#000; }
.col_left .menuContainer ul li.active a { color:#f31118; }
.col_left .menuContainer ul li.active ul li a { color:#3d3e3e; }
.col_left .menuContainer ul li.active ul li a:hover { color:#007b7b; background:none; }
.col_left .menuContainer ul li.active ul li.active a { color:#f31118; }
.col_left .menuContainer li.selected a { color:#f31118; }

/* SubSubmenu */
.col_left .menuContainer ul li ul { padding:10px 0 0 2px; font-weight:normal; font-size:11px; }
.col_left .menuContainer ul li ul li { display:inline; padding:0; }
.col_left .menuContainer ul li ul li a { color:#666; background:none; padding:0 0 0 12px; margin:4px 0 6px 0; background:/*Transparent url('../_images/subsubmenu.gif') no-repeat left 4px*/none; }
.col_left .menuContainer li.selected li a { color:#666; }
.col_left .menuContainer li.selected li a:hover { color:#000; background:/*Transparent url('../_images/subsubmenu.gif') no-repeat left 4px*/none; }
.col_left .menuContainer li.selected li.selected a { color:#f31118; }