/*
Stylesheet voor weergave navigatie
*/

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	float : left;
	/*width : 11em;*/
}

#nav li { /* all list items */
	position : relative;
	float : left;
	line-height : 1.35em;
	margin-bottom : -1px;
}

/* second-level lists */
#nav li ul { 
	position : absolute;
	left: -999em;
	margin-left : 138px;
	margin-top : -28px;
	background-color: #fff; /* Achtergrond van 1e submenu */
  border: 2px solid #000;
  padding: 3px 3px 5px 3px;
}

/* third-and-above-level lists */
#nav li ul ul { 
	left: -999em;
}

#nav li a {
	width: 138px; /*Breedte van de menulinks */
	display : block;
	color : #fff;
	/*
	Achtergrond is voor de links uitgeschakeld en wordt dus transparant
	background-color: #E37176;
	*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
/*
	font-weight: bold;
*/
	text-decoration : none;
	padding : 0.20em 0.30em; /* Ruimte binnen het <a>-element */
}

#nav li a:hover {
	color : #000;
	background-color: #fff; /* Achtergrondkleur bij een mouseover */ 
}


/* Extra voor submenu */ 
#nav ul li a{
	width: 158px; /*Breedte van de submenulinks */
  font-family: Geneva, Arial, Helvetica, sans-serif;
  color: #000;
  background-color: #fff;text-decoration : none;
	padding : 0.10em 0.10em; /* Ruimte binnen het <a>-element */
}

#nav ul li a:hover{
  color: #000;
  background-color: #33cccc;
}


#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { 
	left: auto;
}