/**********************************************
 *             UITKLAPMENU                    *
 **********************************************/
/* main div voor het top menu */
#menu_top {
	width: 100%-130px; /* fix for ie */
	padding: 0px;
	margin: 0px;
}

#menu_top a{
	width: 180px;
}

#menu_top a:hover{
	text-decoration: none;
}

#menu_top ul li {
	float: left;
	padding-top: 10px;
	height: 17px;
}

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

/* plaatsing van submenu*/
#menu_top ul li ul{
	top: 28px;
	left: 0px;
	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: 185px;
	float: left;
}

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



/* 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-top: 5px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 7px;
	margin: 0px;
}

/* submenu 1e niveau */
#menu_top ul li ul li{
	background-position: top;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 20px;
	width: 195px;
}

#menu_top #eind {
	height: 8px;
	min-height: 8px;
	line-height: 0px;
	font-size: 0px;
	border: 1px solid #c0e2ea;
	background-color: #a6d513;
}

/* alle verschillende menubackgrounds */
#menu_top ul li ul li a{
	text-decoration: none;
}

#menu_top ul li ul{
	background: url(../images/bg_menu_gradient.png) no-repeat;
	width: 236px;
}

#menu_top ul li ul li#btnTop{
	height:5px;
}



#menu_top ul li ul li#btn0{
	background-image: url(../images/btn_0.png);
}

#menu_top ul li ul li#btn1{
	background-image: url(../images/btn_1.png);
}

#menu_top ul li ul li#btn2{
	background-image: url(../images/btn_2.png);
}

#menu_top ul li ul li#btn3{
	background-image: url(../images/btn_3.png);
}

#menu_top ul li ul li#btn4{
	background-image: url(../images/btn_4.png);
}

#menu_top ul li ul li#btn5{
	background-image: url(../images/btn_5.png);
}

#menu_top ul li ul li#btn6{
	background-image: url(../images/btn_6.png);
}

#menu_top ul li ul li#btn7{
	background-image: url(../images/btn_7.png);
}

#menu_top ul li ul li#btnBottom{
	height: 13px;
}


#menu_top ul li ul li{
background-repeat: no-repeat;
 background-position: 20px 0px;
}


#menu_top ul li ul li:hover,
#menu_top ul li ul li.over{
	background-position: 20px -20px;
}
