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

/* FF */
html>body #nav { /* all list items */
	margin: 0;
}

#nav a {
	position : relative;
	display : block;
	font-family : Trebuchet MS;
	padding : 8px 0 0 12px;
	text-decoration: none;
	white-space: nowrap;
	text-decoration : none;
	font-weight : bold;
	line-height : normal;
	font-size : 11px;
	color : #FFFFFF;
	width : 99px;
	height : 25px;
}
#nav a:hover {
	color: #FFFFFF;
}

#nav li div.topmenu_off a{
	background-image : url(http://www.stopler.nl/gfx/menu_normal.gif);
	background-position : left top;
	background-repeat : no-repeat;
	color: #e8e8e8;
}
#nav li div.topmenu_off a:hover{
	background-image : url(http://www.stopler.nl/gfx/menu_select.gif);
	background-position : left top;
	background-repeat : no-repeat;
	color: #01a9db;
}
#nav div.topmenu_on a, 
#nav div.topmenu_on a:hover{
	background: url("http://www.stopler.nl/gfx/menu_select.gif") no-repeat left top;
	color: #01a9db;
}

#nav li { /* all list items */
	float: left;
	width: 0px; /* width needed or else Opera goes nuts */
	background-color: #transparent;
	padding: 0;
	margin: 0;
}
/* FF */
html>body #nav li { /* all list items */
	width: auto;
}

#nav li ul { /* second-level lists */
	width: 155px;
	margin: 0 0 0 -1px;
	padding : 0 0 0 6px;
}
#nav li ul { /* second-level lists */
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}


#nav li ul li { /* second-level lists */
	width: 100%;
}

#nav li ul a,
#nav li ul a:hover,
#nav li ul li ul a,
#nav li ul li ul a:hover
{
	display: block;
	background-position : left top;
	background-repeat : no-repeat;
	height: auto;
	width: 100%;
	font-family : Arial;
	font-size : 10px;
	font-weight : 100;
	line-height: 15px;

	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

	text-decoration: none;
	text-transform: none;
	white-space: normal;
	
	width: 131px;
	padding: 0px 17px 0px 0px;
}

/* second-level lists */
#nav li ul a {
	color: #01a9db;
	text-indent: 0px;
	padding-left: 7px;
}

#nav li ul a:hover {
	background-position : left top;
	background-repeat : no-repeat;
	text-indent: 0px;
	padding-left: 7px;
	color: #4b2857;

	width: 131px;
	padding: 0px 7px 0px 0px;	
}

/* FF */
html>body #nav li ul ul {
	margin: -21px 0 0 200px;
}

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

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#content {
	clear: left;
}

/*--------------------------------------*/
#nav div.menu_off a{
	float: left;
	display: block;
	background-image : url(http://www.stopler.nl/gfx/menu_normal.gif);
	background-position : left top;
	background-repeat : no-repeat;
	color: #e8e8e8;
}

#nav ul.lev2 li div.top{
	float: left;
	display: block;
	background-image : url(http://www.stopler.nl/gfx/submenu2_top.png);
	background-position : left top;
	background-repeat : no-repeat;
	width: 155px;
	height: 4px;
	line-height: 0;
	font-size: 0;
}
#nav ul.lev2 li div.bottom{
	float: left;
	display: block;
	background-image : url(http://www.stopler.nl/gfx/submenu2_bottom.png);
	background-position : left top;
	background-repeat : no-repeat;
	width: 155px;
	height: 4px;
	line-height: 0;
	font-size: 0;
}
#nav ul.lev3 li div.top3{
	float: left;
	display: block;
	background-image : url(http://www.stopler.nl/gfx/submenu3_top.png);
	background-position : left top;
	background-repeat : no-repeat;
	width: 155px;
	height: 4px;
	line-height: 0;
	font-size: 0;
}
#nav ul.lev3 li div.bottom3{
	float: left;
	display: block;
	background-image : url(http://www.stopler.nl/gfx/submenu3_bottom.png);
	background-position : left top;
	background-repeat : no-repeat;
	width: 155px;
	height: 4px;
	line-height: 0;
	font-size: 0;
}
/* third-level lists */
#nav ul.lev3 a {
	padding: 0px 0px 0px 7px;
}
#nav ul.lev3 a:hover {
	padding: 0px 0px 0px 17px;
}
#nav ul.lev3 { /* third-level lists */
	display: block;
	width: 155px;
	margin: -19px 0 0 155px;
	padding : 0 0 0 0;
}

#nav ul.lev3 a,
#nav ul.lev3 a:hover
{
	display: block;
	background-image : url(http://www.stopler.nl/gfx/submenu3.png);
	background-position : left top;
	background-repeat : no-repeat;
	height: auto;
	width: 138px;
	font-family : Arial;
	font-size : 10px;
	font-weight : 100;
	line-height: 15px;

	padding: 0px 0px 0px 17px;
	margin: 0px 0px 0px 0px;

	text-decoration: none;
	text-transform: none;
	white-space: normal;
}

/* third-level lists */
#nav ul.lev3 li a {
	color: #4b2857;
	text-indent: 0px;
	padding: 0px 0px 0px 7px;
	width: 148px;
}

#nav ul.lev3 li a:hover {
	background-image : url(http://www.stopler.nl/gfx/submenu3_hover.png);
	background-position : left top;
	background-repeat : no-repeat;
	text-indent: 0px;
	color: #FFFFFF;
}