/* CSS Document */
/**********************************************
 *             UITKLAPMENU                    *
 **********************************************/
/* main div voor het top menu */

#menu_top {
	position: relative;
	width: 100%-130px; /* fix for ie */
	padding: 0px;
	margin: 0px;
	z-index: 10;
}

#menu_top ul li {
	float: left;
}




/* plaatsing menu*/
#menu_top ul {
	list-style: none;
	margin: 0;
	padding: 0;
	cursor : pointer;
}

/* plaatsing van submenu*/
#menu_top ul li ul{
	top: 28px;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 150px;
	float: left;
}	

/* grootte van de fonts*/
#menu_top a, #menu_top h2 {
	font: 11px/16px arial, helvetica, sans-serif;
	display: block;
	margin: 0;
	padding: 2px 5px;
}

/* positie van de 1e menu items*/	
#menu_top li {
	position: relative;
}

/* positie van de submenu items*/
#menu_top li li{
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 197px;
	float: left;
}

/* Positie van het submenu*/
#menu_top ul ul {
	position: absolute;
	z-index: 500;
}

/* Positie van het sub-submenu*/
#menu_top ul ul ul {
	top: -1px;
	left: 197px;
	_left: 195px;
}

/* Niet tonen menu*/
div#menu_top ul ul,
div#menu_top ul li:hover ul ul,
div#menu_top ul ul li:hover ul ul,
div#menu_top ul li.over ul ul,
div#menu_top ul ul li.over ul ul{
	display: none;
}

/* Tonen submenu op mouseover*/
div#menu_top ul li:hover ul,
div#menu_top ul ul li:hover ul,
div#menu_top ul li.over ul,
div#menu_top ul ul li.over ul{
	display: block;
}



/**********************************************
 *                menu style                  *
 **********************************************/

/* hoofdmenu items*/
#menu_top ul li {
	padding: 0px;
	margin: 0px;
}

#menu_top ul li .main_menu_item{
	padding-top:6px;
	padding-bottom:6px;
	text-transform:uppercase;
}

/* submenu 1e niveau */
#menu_top ul li ul li{
	border-top: 1px solid #dadcdd;
	border-left: 1px solid #dadcdd;
	border-right: 1px solid #dadcdd;
	background-color: #848b8e;
	background-image: url(../images/menu_item_bg.gif);
	background-repeat: repeat-x;
	height: 19px;
}

.topmenuitem{
	overflow:hidden;
	height : 15px;
	padding:0px;
	margin:0px;
}

/* submenu 1e niveau */
#menu_top ul li ul li:hover,
#menu_top ul li ul li.over{
	background-image: none;
	background-color: #6b7275;
}

/* submenu 1e niveau met pijl */
#menu_top li#pijl {
	background-image: url(../images/menu_pijl.gif);
}

/* submenu 1e niveau met pijl */
#menu_top ul li ul li#pijl:hover,
#menu_top ul li ul li#pijl.over{
	background-image: url(../images/menu_pijl_over.gif);
}

/* submenu 2e niveau */
#menu_top ul li ul li ul li{
	background-image: url(../images/menu_sublvl_bg.gif);
}


/* kleur van menu items met een link*/
#menu_top ul li a {
	text-decoration: none;
	color: #FFFFFF;
	cursor: pointer;
}


/* background color voor mouseover van submenu items*/
#menu_top li li:hover,
#menu_top li li.over{
	background-color:#D7697B;	
}


/* background color voor mouseover van sub-submenu items*/
#menu_top ul li ul li ul li:hover,
#menu_top ul li ul li ul li.over{
	background-image:none;
	background-color: #6b7275;
	height: 19px;
}

