/* =============  Menu CSS  ================
css word per kleur aangepast welke wordt 
aangegeven bij de bewuste class

*/


/* style die nodig is om het menu te laten werken op elke browser en platform */
body
{
	margin:					0px 0px 0px 0px;
}

#nav, #nav ul { /* all lists */
	padding:				0;
	margin:					0;
	list-style:				none;
}


#nav li { /* all list items */
	position :				relative;
	float :					left;
	line-height :			1.25em;
z-index:100;
}

#nav li ul { /* second-level lists */
	position :				absolute;
	left:					-999em;
	margin-top :			50px;
	top:                    0px;
z-index:100;
}
#nav li ul ul { /* second-level lists */
	position :				absolute;
	left:					-999em;
	margin-left :			256px;
	margin-top :			-20px;
	top:                    20px;
z-index:101;
}

#nav li ul ul li a {   
	width:                  260px;
}
#nav li.informatie ul ul { 
	margin-left :			-260px;
}

#nav li ul a { /* second-level list links */
	width:                  256px;
	padding-top:            5px;
}

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

#nav li a {
	display :				block;
	border:					0px;
	text-align:             center;
	text-decoration:		none;
	color:                  #fff;
	padding:0px 0px 7px 0px;
}

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

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



/********OPMAAK************/

#nav .klant{
	background:             #ff9400 url(../images/menu/klant.gif) no-repeat;
	height:                 50px;
	width:                  256px;
	margin:                 0px 2px 0px 4px;
	display:                inline;
}
#nav .zoek{
	background:             #98cd01 url(../images/menu/zoek.gif) no-repeat;
	height:                 50px;
	width:                  256px;
	margin:                 0px 2px 0px 2px;
	display:                inline;
}
#nav .informatie{
	background:             #093c8f url(../images/menu/informatie.gif) no-repeat;
	height:                 50px;
	width:                  256px;
	margin:                 0px 4px 0px 2px;
	display:                inline;
}

#nav .klant li{
	background:             #ff9400 url(../images/menu/uitklap_oranje_bg.gif) repeat-x;
	height:                 27px;
}
#nav .zoek li{
	background:             #98cd01 url(../images/menu/uitklap_groen_bg.gif) repeat-x;
	height:                 27px;
}
#nav .informatie li{
	background:             #093c8f url(../images/menu/uitklap_blauw_bg.gif) repeat-x;
	height:                 27px;
}
#nav .klant li:hover{
	background:             #ff9400 url(../images/menu/uitklap_oranje_bg_hover.gif) no-repeat;
	height:                 27px;
}
#nav .zoek li:hover{
	background:             #98cd01 url(../images/menu/uitklap_groen_bg_hover.gif) no-repeat;
	height:                 27px;
}
#nav .informatie li:hover{
	background:             #093c8f url(../images/menu/uitklap_blauw_bg_hover.gif) no-repeat;
	height:                 27px;
}
#nav .klant li li:hover{
	background:             #ff9400 url(../images/menu/uitklapsub_oranje_bg_hover.gif) no-repeat;
	height:                 27px;
}
#nav .zoek li li:hover{
	background:             #98cd01 url(../images/menu/uitklapsub_groen_bg_hover.gif) no-repeat;
	height:                 27px;
}
#nav .informatie li li:hover{
	background:             #093c8f url(../images/menu/uitklapsub_blauw_bg_hover.gif) no-repeat;
	height:                 27px;
}