.mlddm
{	visibility: hidden;
	position: relative;
	margin: 0;
	padding: 0}

	.mlddm li
	{	
		list-style: none;
		font: 1em Arial, Helvetica, sans-serif;
		padding: 0;
		margin-bottom: 0.7em;
}


/* HOOFDMENU */
	.mlddm li a, .mlddm li a#buttonnohover
	{	display: block;
	font: 1em Arial, Helvetica, sans-serif;
		text-align: right;
		background: url(img/menu.gif) no-repeat;
		color: #fff;
		padding: 4px 6px;
		margin: 0;
		width: 170px;
		text-decoration: none}

	.mlddm li a:hover, .mlddm li a#buttonhover
	{	color: #FFFFFF;
	    background: url(img/menu_hov.gif) no-repeat;
		font: 1em Arial, Helvetica, sans-serif;
		}
/* SUBMENU */
		.mlddm ul
		{	z-index: 100;
			margin: 0;
			visibility: hidden;
			position: absolute;
			clear: both;
			font: 1em Arial, Helvetica, sans-serif;
	font-weight: bold;
	list-style: none;
	text-align: right;
	margin: 0.8em 0px 0px;
	padding: 0px;
	left: 0px;
}
		
		.mlddm ul li
		{	float: none}

		.mlddm ul li a
		{	white-space: nowrap;
			width: auto;
			margin: 0px;
			padding: 5px 20px 6px 10px;
			font: 1em Arial, Helvetica, sans-serif;
			text-align: left;
			text-decoration: none;
			background: transparent;
			border: 0px;
			border-right: 1px solid white;
			display: block;
	color: #FFF;
	padding-top: 3px;
	background: url(img/menu.gif) no-repeat;
	height: 24px;
	padding-right: 3px;
}
	
	/* SUB MENU */
		.mlddm ul li a:hover
		{	color: #fff;
		font: 1em Arial, Helvetica, sans-serif;
			padding: 4px 20px 5px 10px;
			background: rgb(153,21,27) url(arrow.gif)}
		.mlddm .hsub
		{	background: url(img/menu.gif) repeat;
			font: 1em Arial, Helvetica, sans-serif;
			background-position: 100% -1px;
			border: 0px;
			z-index: 999;
			
			font-weight: bold; }

		.mlddm .hsub li:hover
		{	background: url(img/menu_hov.gif) repeat;
			color: #fff;
			border: 0px;
			
			z-index: 999;
			font: 1em Arial, Helvetica, sans-serif;
			background-position: 100% -1px;
			}

		.mlddm ul li span
		{	cursor: pointer;
			display: block;
			position: absolute;
			border: 0px solid black;
			left: 0;
			margin: -4px 0 0 2px;
			width: 22px;
			height: 22px;
			overflow: hidden;
			background-position: 2px 3px;
			background-repeat: no-repeat;
			z-index: 100}

/* OPSOMMINGEN */
#menu ul ul {
	margin: 0.2em 0px 0.7em;
	z-index: 100;
}
#menu ul li ul li {
	padding: 0px;
	margin-bottom: 0.2px;
	z-index: 100;
}
#menu  ul  li  ul  li a {
	color: #fff;
	font-weight: normal;
	background: url(none);
	height: 16px;
	z-index: 100;
}
#menu ul li ul li a:hover {
	color: #fff;
	background: url(none);
	z-index: 100;
}
			

		#icon01
		{	background-image: url(icons/icon_office_caption.gif)}
		#icon02
		{	background-image: url(icons/icon_office_pen.gif)}
		#icon03
		{	background-image: url(icons/icon_office_note.gif)}
		#icon04
		{	background-image: url(icons/icon_office_marks.gif)}
		#icon05
		{	background-image: url(icons/icon_office_abc.gif)}