#menu
{
	/*min-width:100%;*/
	min-width:1000px;
	margin:0;
	padding:0;
	background-color:#363636;
}
ul#navigatie
{
	list-style:none; /*Geen opsommingsteken voor de list*/
	padding:0;
	margin:0;
	/*width:100%;*/
	width:1000px;
	background-color:#363636;
}

ul#navigatie li
{
	float:left; /*Dit zorgt ervoor dat de opeenvolgende listitems naast elkaar gaplaatst worden*/
	/*width:14.03%; /*Dit zorgt ervoor dat elk list-item een kwart van het scherm inneemt.*/
	/*width:140.858px;*/
        width: 164.666px;
	
	padding-top:3px;
	padding-bottom:3px;

	text-align:center;
	
	border:solid 1px Grey;
	
	background-color:#363636;
	
	position:relative; /*De submenu items zullen ten opzichte van dit li gepositioneerd worden*/
}

ul#navigatie li.leeg
{
	min-height:20px;
	width:5%; /*Vult de overige ruimte in*/
}

ul#navigatie a, ul#navigatie li
{
	text-decoration:none;
	font-size:15px;
	font-weight:bold;
	color:White;
}
ul#navigatie li:hover
{
	background-color:#80BFFF;
}
ul#navigatie li.leeg:hover
{
	background-color:#363636;
}

/*----submenu------*/
ul#navigatie li ul
{
	position:absolute; /*Positionering tov het relatief containing block*/
	left:-999em; /*Hierdoor wordt het submenu uitbeeld getoont (dus niet)*/
	width:100%; /*Dit maakt de submenu even breed als het menuitem*/
	margin-top:4px;
}

ul#navigatie li:hover ul
{
	left:-40px; /* Weer in beeld plaatsen, mooi onder het li item*/
}

ul#navigatie li li
{
	list-style:none;
	float:none;
	width:100%;
}

/*----subsubmenu----*/
ul#navigatie li ul li ul
{
	position:absolute; /*Positionering tov het relatief containing block*/
	left:-999em; /*Hierdoor wordt het submenu uitbeeld getoont (dus niet)*/
	width:100%; /*Dit maakt de submenu even breed als het menuitem*/
	margin-left:0;/*Deze en volgende zorgen ervoor dat het submenu mooi onder het menu komt.*/
	padding-left:0;
	top:0; /*Zorgt dat de uitklapmenu's op zelfde hoogte van hogerliggend menu komt*/
	margin-top:0;
}

ul#navigatie li:hover ul li ul
{
	left:-999em; /* Weer in beeld plaatsen, mooi onder het li item*/
}

ul#navigatie li ul li:hover ul
{
	/*position:relative;*/
	left:100%; /* Weer in beeld plaatsen, mooi onder het li item*/
	width:200%;
}

ul#navigatie li.rechtsuitlijnen ul li:hover ul
{
	left:-202%;
}