#menu{
	line-height:0px;
	background: url(../images/mainMenuBG.gif) repeat-x;
	height:32px;
/*	z-index:101;*/
}

#menu ul{
	padding: 0px;
/*	BACKGROUND: #aaa;*/
	MARGIN: 0px;
	LIST-STYLE-TYPE: none;
/*	HEIGHT: 3em;*/
}
#menu ul ul {
	width:128px;
/*	WIDTH: 15em;*/
	text-align:left;
}
#menu ul LI {
	FLOAT: left;
	LINE-HEIGHT: 3em;
	HEIGHT: 3em;
}
#menu ul ul LI{
	DISPLAY: block;
/*	WIDTH: 12em;*/
	width:128px;
	LINE-HEIGHT: 1em;
	POSITION: relative;
	height:23px;/* auto geeft een witte regel in ff*/
/*	HEIGHT: auto;*/
}
#menu A{/*  */
	DISPLAY: block;
	padding:0px 0px 0px 0px;
	font-size:110%;
/*	BACKGROUND: #aaa;*/
	FLOAT: left;
	COLOR: #FFF;
	HEIGHT: 100%;
	TEXT-DECORATION: none;
	height:32px;
}
/*
#menu A:visited {
	padding:0px 1em 0px 3em;
	display: block;

	FONT-SIZE: 1em;
	BACKGROUND: #aaa;
	FLOAT: left;
	COLOR: #00c;
	HEIGHT: 100%;
	TEXT-DECORATION: none
}
*/

#menu ul ul A {
/*
	font-size:9px;
	padding:5px 0px 8px 8px;
	DISPLAY: block;
	background: url(../images/subMenuNormalState.gif) no-repeat;
	width:128px;
*/

	font-size:9px;
	padding: 5px 0px 0px 8px; /*padding-top 5 geeft error in ie6 */
	DISPLAY: block;

	background: url(../images/subMenuNormalState.gif) no-repeat;
	width:120px;/*128-8 (5 van de padding)*/
	height:18px;
}
/*
#menu ul ul A:visited {
	padding: 0.5em 1em 0.2em 1em;
	BACKGROUND: #bbb;
	DISPLAY: block; 
	WIDTH: 12em;
//	width:128px;
	COLOR: #00a; 
	LINE-HEIGHT: 1em; 
	HEIGHT: 100%;
}
*/
#menu ul TABLE ul A {
/*	WIDTH: 12em;*/
		width:128px;
}
#menu ul TABLE ul A:visited {
/*	WIDTH: 12em;*/
		width:128px;
}
* html #menu ul TABLE ul A:visited {/*ie6*/
/*	WIDTH: 12em;*/
		width:120px;
}

#menu TABLE {
	FONT-SIZE: 1em;
	Z-INDEX: -1;
	LEFT: 0px;
	POSITION: absolute;
	TOP: 0px
}
#menu ul ul TABLE {
	LEFT: -1px
}
#menu ul ul TABLE ul.left {
	MARGIN-LEFT: 2px;
}
#menu LI:hover {
	POSITION: relative;
}

* HTML #menu A:hover {/* ie6 only*/
	POSITION: relative;
}

#menu ul ul ul A {
/*	BACKGROUND: #ccc;*/
	background: url(../images/subMenuNormalState.gif) no-repeat;
}

*html #menu ul ul ul A {
	width:120px;
}

/*
#menu ul ul ul A:visited {
	BACKGROUND: #ccc;
}
*/
/*
#menu ul ul ul ul A {
	BACKGROUND: #ddd;
}
#menu ul ul ul ul A:visited {
	BACKGROUND: #ddd;
}
*/
#menu ul :hover A.sub1 {
	background: url(../images/subMenuNormalStateSub.gif) no-repeat;
	height:18px;
/*	BACKGROUND: #ccc;*/

}

#menu ul ul :hover A.sub2 {/*derde submenu*/
/*	BACKGROUND: #ddd;*/
	background: url(../images/subMenuNormalStateSub.gif) no-repeat;
}

/*derde submenu overstate*/
/*
#menu ul ul  A.sub2:hover {
	background: url(../images/subMenuOverStateSub.gif) no-repeat;
}
*/

/*als een menu actief moet zijn*/
#menu .activemainmenu{
	background: #000000 url(../images/mainMenuOver.gif) repeat-x;
	COLOR: #676767;	
}

#menu A:hover {
	background: #000000 url(../images/mainMenuOver.gif) repeat-x;
	COLOR: #676767;
}
#menu :hover > A {
	background: url(../images/mainMenuOver.gif) repeat-x;
	COLOR: #676767;
}

#menu ul ul A:hover {
	background: #030303 url(../images/subMenuOverState.gif) no-repeat;
	COLOR: #676767;
	height:18px;
	width:120px;
}

* HTML #menu ul ul A:hover{/*ie6 only */
	width:120px;
/*	background-color:#FFFF00;*/
}

#menu ul ul :hover > A {
	background: #030303 url(../images/subMenuOverState.gif) no-repeat;
	COLOR: #676767;
	height:18px;
	width:120px;
}

#menu ul ul ul ul A:hover {
/*	BACKGROUND: #eee;*/
	background:#191919;
}

#menu ul ul {
	LEFT: 0px;
	VISIBILITY: hidden;
	POSITION: absolute;
	TOP: 3em;
	HEIGHT: 0px;
}

/* IE6 Only (hence the '* html' part)*/
* html #menu ul ul {
	TOP: 2.9em;
}

#menu ul ul ul {
	LEFT: 128px;
	width:128px;
}

#menu ul ul ul.left {
	LEFT: -14em;
}
#menu ul LI:hover ul {
	VISIBILITY: visible; 
	PADDING-BOTTOM: 3em;
	HEIGHT: auto;
}
#menu ul A:hover ul {
	VISIBILITY: visible;
	PADDING-BOTTOM: 3em;
	HEIGHT: auto;
}
#menu ul :hover ul ul {
	VISIBILITY: hidden;
}
#menu ul :hover ul :hover ul ul {
	VISIBILITY: hidden;
}
#menu ul :hover ul :hover ul {
	VISIBILITY: visible;
}
#menu ul :hover ul :hover ul :hover ul {
	VISIBILITY: visible;
}

#menu .endGraphic{
	width: auto;
	height: auto;
	background: #181818;
	padding:5px;
}
#menu .endGraphic:hover{
	width: auto;
	height: auto;
	background:#181818;
	padding:5px;
}

<!--[if IE 7]>
<STYLE type=text/css>#menu ul ul ul {
	MARGIN-LEFT: -1px
}
#menu ul ul ul.left {
	MARGIN-LEFT: 1px
}
</STYLE>
<![endif]-->