/* Start of CMSMS style sheet 'MenuMain' */
/********************
Main menu
*********************/
#Menu{
        width: 220px;
        float: left;
		text-align: left;
        color: #fff;
        font-size: 11px;
        font-weight: bold;
		/*padding-bottom: bepaald de hoogte van de doorloop van de lijn:*/
        padding-bottom: 10px;
		background-color:#CCCCCC;
}

#Menu ul {
		position: relative;
        padding: 10px 10px 10px 10px;
		list-style: none;
        margin: 0;
}

div#Menu ul ul {
  	 	position: relative;
  	 	padding: 0px;
  	 	margin: 0px;
}

div#Menu ul ul ul {
   		position: relative;
   		padding: 0px;
   		margin: 0px;
}

#Menu li {
   		list-style: none;
		display: block;
   		height: 20px;
	    padding: 3px;
   		width: 190px;
   		font-size: 11px;
		font-weight: bold;
		margin-top: 2px;
		padding-top:10px;
		padding-bottom:5px;
   		color: #333;
   		border-bottom: #fff 2px dotted;
}

#Menu ul ul li, ul ul ul li {
   		list-style: none;
   		display: block;
   		padding-left: 25px;
   		font-size: 11px;
   		font-weight: bold;
   		margin-top: 8px;
   		color: #fff;
}


/** fix stupid ie bug with display:block; **/
* html #MenuMain li a { height: 1%; } 
* html #MenuMain li hr { height: 1%; }
/** end fix **/

div#Menu a {
   font-size: 11px;
   font-weight: bold;
   color: #333;
   text-decoration: none;
}

div#Menu ul ul a, ul ul ul a {
   font-size: 11px;
   font-weight: bold;
   color: #333;
   text-decoration: none;
}

div#Menu a:hover {
   font-size: 11px;
   font-weight: bold;
   color: #fff;
   text-decoration: none;
}

/* separator */
div#Menu li.separator {
   height: 1px !important;
   margin-top: -1px;
   margin-bottom: 0;
   padding:2px 0 2px 0;
   overflow:hidden !important;
   line-height:1px !important;
   font-size:1px; /* for ie */
}

div#Menu li.separator hr {
   display: none; /* this is for accessibility */
}
/* End of 'MenuMain' */