﻿/* -------------------------------------------- MENU ---------------------------------------------*/

/*
	hoofditem van een menu en sub menu
	in de cell van de tabel
*/
.menuItem {
	text-align: center;
}

/*
	wrapper div voor de bull onder het menu
	is nodig om de bull mooi onder het menu item te krijgen
*/
.subMenuBullWrap {
	text-align: center;
	height: 0px; /* LET OP IS NODIG */
	visibility: hidden;
}

/* css van de bull img om deze de helft naar links te sturen midden onde het menu item */
.subMenuItemBull 
{
	top: 22px;
	margin-left: -7px;
	border: solid 1px #F0F; 
}

/*
	subItemHolder bevat via verschillende geneste divs het sub menu
	de bull van het menu zit hier niet in
*/
.subItemHolder {
	float: left;
	width: 100%;
	height: 6px;
	text-align: left;
	visibility: hidden;
	/* border: solid 1px #F0F; */
}

/* subitem wrapper zorgt er voor dat het submenu zowel links als rechts
   kan worden uitgeleind */
.subMenuWrap {
	width: 0px;
	height: 0px;
	/* border: solid 1px #FF0; */
}

/* de div van het submenu zelf bevat dus de telerik submenu uitklap */
.subMenuItemZelf {
	margin-top: 15px;
	position: absolute;
	width: 300px;
	z-index: 200;
	/* border: solid 1px #FF0; */
}

/* ---------------- omsluitende tabel voor het menu --- */

/* menu tabel 1 */
.menuTbl {
	width: 300px;
	margin-left: -3px;	
	height: 10px;
	float: left;	
	margin-top: 0px;
}

/* menu tabel 2 */
.menuTbl2 {
	margin-left: 15px;	
	height: 10px;
	float: left;
	margin-top: 0px;
}

/* menu tabel cell */
.menuCell {
	text-align: center;	
	margin: 0px;
	padding: 0px;
	height: 10px;
	vertical-align: top;
	/* border: solid 1px #0FF; */
}

.menuAfdek 
{
	width: 300px;
	height: 300px;
	left: 0px;
	position: absolute;
	background-color: #d52b28;
	background-color: #000;
}

.menuAfdekPos 
{
	top: 29px;
	left: 0px;
	position: absolute;
}
