/* MENU 1 */

#menu
	{
		width:380px;
		float:left;
	}


/**** MENU 1 - NIVEAU 1 ****/
#menu ul
	{
		float:left;
		list-style:none;
		font-family: Verdana;
		font-size: 11px;
		
		margin-top:			0px;
		margin-bottom:	10px;
		margin-left:		0px;
		margin-right:		0px;
		
		padding-top: 		0px;
		padding-bottom: 0px;
		padding-left: 	0px;
		padding-right: 	6px;
	}

#menu li
	{
		position:relative;
	}
	
#menu ul li a, #menu ul li a:visited, #menu ul li a:hover, #menu ul li a:active
	{
		background: 			none;
		font-family: 			verdana, arial, helvetica;
		font-weight: 			normal;
		font-size: 				11px;
		color: 						#cc3300;
		text-decoration:	none;
		padding-top:			0px;
		padding-left:			1px;
		padding-bottom: 	7px;
		padding-right:		0px;
		margin-bottom: 		0px;
		top: 0px;
	}

#menu ul li a:hover
	{
		background: 		none;
		color: 					#cc3300;
	}


/**** MENU 1 - NIVEAU 2 ****/
#menu ul ul
	{
		position:absolute;
		z-index:500;
		display:none;
		list-style:none;
		margin:0px;
		padding:0px;
		float:left;
		width:200px;
		top:	23px; /*auto;*/
	}

#menu ul ul li 
	{
		background: 			#d5d6db;
		font-family: 			verdana, arial, helvetica;
		font-weight: 			normal;
		font-size: 				11px;
		color: 						#cc3300;
		text-decoration:	none;
		height: 					23px;
		padding:					0px;
		width: 						200px;
		border-top:				0px solid #FFFFFF;
		border-bottom:				1px solid #FFFFFF;
		border-left:				1px solid #FFFFFF;
		border-right:				1px solid #FFFFFF;
	}

#menu ul ul li:hover
	{
		background: 			#e7e5e8;
		font-family: 			verdana, arial, helvetica;
		font-weight: 			normal;
		font-size: 				11px;
		color: 						#cc3300;
		text-decoration:	none;
		height: 					23px;
		padding:					0px;
		width: 						200px;
	}
	
#menu ul ul li a, #menu ul ul li a:visited, #menu ul ul li a:hover, #menu ul ul li a:active
	{
		background: 			none;
		font-family: 			verdana, arial, helvetica;
		font-weight: 			normal;
		font-size: 				11px;
		color: 						#cc3300;
		text-decoration:	none;
		height: 					23px;
		padding:					2px;
		width: 						200px;
	}

#menu ul ul li a:hover
	{
		background: 	none;
		color: 				#003A73;
	}

/**** MENU 1 - NIVEAU 3 BEGIN ****/
#menu ul ul ul
	{
		top:0;
		left:100%;
	}
	
#menu ul ul ul li a, #menu ul ul ul li a:visited, #menu ul ul ul li a:hover, #menu ul ul ul li a:active
	{
		background: 			none;
		font-family: 			verdana, arial, helvetica;
		font-weight: 			normal;
		font-size: 				11px;
		color: 						#cc3300;
		text-decoration:	none;
		height: 					23px;
		padding:					2px;
		width: 						200px;
	}

#menu ul ul ul li a:hover
	{
		background: 	none;
		color: 				#003A73;
	}
/**** MENU 1 - NIVEAU 3 EINDE ****/


/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu h2:hover{
}

div#menu li:hover{
cursor:pointer;
z-index:100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/* End CSS Popout Menu 1 */














/* MENU 2 */

#menu2
	{
		width:820px;
		float:left;
		border: 0px solid #ff0000;
		padding-left: 20px;
	}


/**** MENU 2 - NIVEAU 1 ****/
#menu2 ul
	{
		float:left;
		list-style:none;
		font-family: Verdana;
		font-size: 11px;
		
		margin-top:			0px;
		margin-bottom:	5px;
		margin-left:		0px;
		margin-right:		0px;
		
		padding-top: 		0px;
		padding-bottom: 0px;
		padding-left: 	0px;
		padding-right: 	6px;
	}

#menu2 li
	{
		position:relative;
		border: 0px solid #00ff00;
	}
	
#menu2 ul li a, #menu2 ul li a:visited, #menu2 ul li a:hover, #menu2 ul li a:active
	{
		background: 			none;
		font-family: 			verdana, arial, helvetica;
		font-weight: 			bold;
		color: 						#ffffff;
		text-decoration:	none;
		padding-top:			0px;
		padding-left:			3px;
		padding-bottom: 	7px;
		padding-right:		0px;
		margin-bottom: 		0px;
		top: 0px;
	}

#menu2 ul li a:hover
	{
		background: 		none;
		color: 					#002b3c;
	}


/**** MENU 2 - NIVEAU 2 ****/
#menu2 ul ul
	{
		position:absolute;
		z-index:500;
		display:none;
		list-style:none;
		margin:0px;
		padding:0px;
		float:left;
		width:200px;
		top:	18px; /*auto;*/
	}

#menu2 ul ul li 
	{
		background: 			#ffffff;
		font-family: 			verdana, arial, helvetica;
		font-weight: 			normal;
		font-size: 				11px;
		color: 						#002b3c;
		text-decoration:	none;
		height: 					23px;
		padding:					0px;
		padding-left: 2px;
		width: 						200px;;
		border-top:				0px solid #002b3c;
		border-bottom:				1px solid #002b3c;
		border-left:				1px solid #002b3c;
		border-right:				1px solid #002b3c;
		background-image: url(/interface/menuoff.gif);
		background-repeat: repeat-x;
	}

#menu2 ul ul li:hover
	{
		background: 			#ffffff;
		font-family: 			verdana, arial, helvetica;
		font-weight: 			normal;
		font-size: 				11px;
		color: 						#002b3c;
		text-decoration:	none;
		height: 					23px;
		padding:					0px;
		padding-left: 2px;
		width: 						200px;
		background-image: url(/interface/menuon.gif);
		background-repeat: repeat-x;
	}
	
#menu2 ul ul li a, #menu2 ul ul li a:visited, #menu2 ul ul li a:hover, #menu2 ul ul li a:active
	{
		background: 			none;
		font-family: 			verdana, arial, helvetica;
		font-weight: 			normal;
		font-size: 				11px;
		color: 						#002b3c;
		text-decoration:	none;
		height: 					24px;
		padding:					0px;
		width: 						200px;
	}

#menu2 ul ul li a:hover
	{
		background: 	none;
		color: 				#002b3c;
	}

/**** MENU 2 - NIVEAU 3 BEGIN ****/
#menu2 ul ul ul
	{
		top:0;
		left:100%;
	}

#menu2 ul ul ul li 
	{
		background: 			#ffffff;
		font-family: 			verdana, arial, helvetica;
		font-weight: 			normal;
		font-size: 				11px;
		color: 						#002b3c;
		text-decoration:	none;
		height: 					23px;
		padding:					0px;
		padding-left: 2px;
		width: 						200px;;
		border-top:				0px solid #002b3c;
		border-bottom:				1px solid #002b3c;
		border-left:				1px solid #002b3c;
		border-right:				1px solid #002b3c;
		background-image: url(/interface/menuoff.gif);
		background-repeat: repeat-x;
	}

#menu2 ul ul ul li:hover
	{
		background: 			#ffffff;
		font-family: 			verdana, arial, helvetica;
		font-weight: 			normal;
		font-size: 				11px;
		color: 						#002b3c;
		text-decoration:	none;
		height: 					23px;
		padding:					0px;
		padding-left: 2px;
		width: 						200px;;
		background-image: url(/interface/menuon.gif);
		background-repeat: repeat-x;
	}

#menu2 ul ul ul li a, #menu2 ul ul ul li a:visited, #menu2 ul ul ul li a:hover, #menu2 ul ul ul li a:active
	{
		background: 			none;
		font-family: 			verdana, arial, helvetica;
		font-weight: 			normal;
		font-size: 				11px;
		color: 						#002b3c;
		text-decoration:	none;
		height: 					23px;
		padding:					2px;
		width: 						200px;;
	}

#menu2 ul ul ul li a:hover
	{
		background: 	none;
		color: 				#002b3c;
	}
/**** MENU 2 - NIVEAU 3 EINDE ****/


/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu2 h2:hover{
}

div#menu2 li:hover{
cursor:pointer;
z-index:100;
}

div#menu2 li:hover ul ul,
div#menu2 li li:hover ul ul,
div#menu2 li li li:hover ul ul,
div#menu2 li li li li:hover ul ul
{display:none;}

div#menu2 li:hover ul,
div#menu2 li li:hover ul,
div#menu2 li li li:hover ul,
div#menu2 li li li li:hover ul
{display:block;}

/* End CSS Popout Menu 2 */

















/* PRODUCTWIJZER */

#productwijzer
	{
		width:570px;
		float:left;
	}


/**** MENU 2 - NIVEAU 1 ****/
#productwijzer ul
	{
		font-family: Verdana;
		font-size: 11px;
		
		margin-left: 20px;
		margin-bottom: 60px;
		padding-top: 		0px;
		padding-bottom: 0px;
		padding-left: 	0px;
		padding-right: 	6px;
	}

#productwijzer li
	{
		position:relative;
	}
	
#productwijzer ul li a, #productwijzer ul li a:visited, #productwijzer ul li a:hover, #productwijzer ul li a:active
	{
		background: 			none;
		font-family: 			verdana, arial, helvetica;
		font-weight: 			bold;
		font-size: 				11px;
		
		text-decoration:	none;
		padding-top:			0px;
		padding-left:			3px;
		padding-bottom: 	7px;
		padding-right:		0px;
		margin-bottom: 		0px;
		top: 0px;
	}

#productwijzer ul li a:hover
	{
		background: 		none;
		color: 					#003A73;
	}


/**** MENU 2 - NIVEAU 2 ****/
#productwijzer ul ul
	{
		top:	23px; /*auto;*/
		margin-left: 35px;
		margin-bottom: 20px;
	}

#productwijzer ul ul li 
	{
		font-family: 			verdana, arial, helvetica;
		font-weight: 			bold;
		font-size: 				11px;
		color: 						#003A73;
		text-decoration:	none;
	}
	
#productwijzer ul ul li a, #productwijzer ul ul li a:visited, #productwijzer ul ul li a:hover, #productwijzer ul ul li a:active
	{
		font-family: 			verdana, arial, helvetica;
		font-weight: 			bold;
		font-size: 				11px;
		color: 						#003A73;
		text-decoration:	none;
	}

#productwijzer ul ul li a:hover
	{
		color: 				#cc3300;
	}

/**** MENU 2 - NIVEAU 3 BEGIN ****/
#productwijzer ul ul ul li 
	{
		font-family: 			verdana, arial, helvetica;
		font-weight: 			normal;
		font-size: 				11px;
		color: 						#003A73;
		text-decoration:	none;
	}

#productwijzer ul ul ul li a, #productwijzer ul ul ul li a:visited, #productwijzer ul ul ul li a:hover, #productwijzer ul ul ul li a:active
	{
		font-family: 			verdana, arial, helvetica;
		font-weight: 			normal;
		font-size: 				11px;
		color: 						#003A73;
		text-decoration:	none;
	}

#productwijzer ul ul ul li a:hover
	{
		color: 				#cc3300;
	}


	
#productwijzer_index a, #productwijzer_index a:visited, #productwijzer_index a:hover, #productwijzer_index a:active
	{
		background: 			none;
		font-family: 			verdana, arial, helvetica;
		font-weight: 			normal;
		font-size: 				11px;
		color: 						#003A73;
		text-decoration:	none;
		padding-top:			0px;
		padding-left:			0px;
		padding-bottom: 	0px;
		padding-right:		0px;
		margin-bottom: 		0px;
		top: 0px;
	}

#productwijzer_index a:hover
	{
		background: 		none;
		color: 					#003A73;
	}


.productwijzer_normal
	{
		font-weight: 			normal;
		color: 						#003A73;
	}
	
.productwijzer_normal, a.productwijzer_normal:visited, a.productwijzer_normal:hover, a.productwijzer_normal:active
	{
		color: 						#003A73;
		text-decoration:	none;
	}

a.productwijzer_normal:hover
	{
		color: 					#cc3300;
	}
/**** PRODUCTWIJZER - NIVEAU 3 EINDE ****/