﻿@charset "UTF-8";

.MenuPanel {
position:absolute;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
	z-index: 10;
	border-top: solid 1px #000;
	display:none;
/*	border-bottom: solid 1px #CCC;
*/	width: 992px;
/*	height: 130px; 
    aanzetten geeft probleem in Forefox
*/
}

/* Inhoud van het menu
 */
.MenuPanelContent {
	margin: 0px;
	padding: 0px;
	min-height: 160px;
/*	width: 992px;
*/	background-color: #7894ae;
	color: #FFFFFF;
	font-size: 110%;

	z-index: 10;
	text-align:left;
	border-bottom: 1px solid #636466;
/*	display:block;
*/}

.MenuPanelContent, .MenuPanelContent a, .MenuPanelContent ul, .MenuPanelContent ul li, .MenuPanelContent div ul, .MenuPanelContent div ul li  {
	color: #eeeeff;
	text-decoration:none;
}

div#submenu1, div#submenu2, div#submenu3, div#submenu4{
	float: left;
	padding: 0px 0px 0px 0px;
	overflow:hidden;
	width: 248px; /* inclusief 20 px padding*/
}

.MenuPanelContent ul{
	margin: 0px;
	padding: 4px 460px 0px 246px;
/*	padding: 4px 248px 0px 248px; */
/*width: 496px;
*/}
.MenuPanelContent div ul{
	margin: 0px;
	padding: 4px 22px 0px 0px;
/*	padding: 4px 248px 0px 248px; */
/*width: 496px;
*/}
/*
#submenu1{
	margin: 0px;
	padding: 4px 744px 0px 0px;
}
#submenu2{
	float: left;
	width: 246;
	margin: 0px;
	padding: 4px 496px 0px 248px;
}
#submenu3{
	float: left;
	width: 246;
	margin: 0px;
	padding: 4px 248px 0px 496px;
}
#submenu4{
	margin: 0px;
	padding: 4px 0px 0px 744px;
}
*/

.MenuPanelContent ul li, .MenuPanelContent div ul li {
        list-style: none;
        text-align: left;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 10px;
	

/*        float: left;
        height: 20px;
        width: 124px;
*/
/*	list-style:none;
*//*	padding: 1px 20px 1px 20px;
*/}

.MenuPanelContent ul li:hover, .MenuPanelContent div ul li:hover{
	list-style-type:none; 
	background: transparent url('../images/bullets/bullet_wob_10.gif') no-repeat top left ;
	background-position: 0 .7em;
	color: #FFFFFF;
/*	background: #636466; */
} 