@charset "UTF-8";
/* CSS Document */

/* mainmenu start */
#menu
{
	width			: 913px;
	background		: #333;	
	height			: 25px;
	margin			: 0 auto;
	padding-left	: 27px;
	position		: relative; /* VOOR CUFON */
	z-index			: 100; /* VOOR CUFON */
	font			: 0.8em Verdana, Arial, Helvetica, sans-serif;
	color			: #fff; 
	letter-spacing	: 0.5px;
}

body.admin #menu {
	width: 970px;
}

#menu ul {
	margin-left: 0;
	margin-bottom: 0;
	margin-top: 0;
	list-style			: none;
	padding				: 0;
	float				: left;
	background			: none;
	width				: 107px;
}

#menu li {
	position			: relative;
	float				: left;
	margin				: 0;
	padding				: 0;
}
/*submenu met 3 subitems*/
#menu ul ul {
	position			: absolute;
	z-index				: 500;
	top					: 25px;
	left				: 0;
	/*margin				: 0px;
	padding				: 0px;
	background			: none;
	left				: 0;*/
}


#menu ul ul li {
	
}

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

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

#menu a {
	margin				: 0;
	display				: block;
	text-decoration		: none;
	text-align			: center;
	padding				: 5px 8px;
	height				: 17px;
	color				: #fff;
}

#menu a.active {
	background			: #000;
	height				: 19px;
	margin-top			: -2px;
	padding-top			: 7px;
	padding-bottom		: 3px;
}

#menu li a:hover, #menu a#long:hover, #menu li a:active {
	background			: #000;
	height				: 19px;
	margin-top			: -2px;
	padding-top			: 7px;
	padding-bottom		: 3px;
    z-index             : 550;
    
}


#menu ul li { float: left; width: 100%; }


/*//////////   SUBMENU   /////////////////*/
#menu ul ul a {
	margin				: 0;
	display				: block;
	text-decoration		: none;
	text-align			: center;
	padding				: 5px 8px;
	height				: 15px;
	background-color	: #999;
	color				: #000;
}

#menu li li a:hover {
	background			: #ccc;
	color				: #000;
	height				: 18px;
	padding				: 5px 8px;
	width				: 91px;
	height				: 15px;
	margin-top			: 0px;
}

#menu li li a:active  {
	background			: #666;
	height				: 15px;
	margin-top			: 0px;
	padding				: 5px 8px;
}


/*//////////   LANGE TXT BUTTON IN MENU   /////////////*/
#menu ul#longUl { width: 176px;  }
#menu ul#longUl a{ padding: 5px 8px; }

#menu ul#longUl a:hover, #menu ul#longUl a:active {
	height				: 16px;
	margin-top			: -2px;
	padding-top			: 7px;
	padding-bottom		: 4px;

}

#menu ul#longUl ul li a {
	width				: 160px;
	padding				: 5px 8px;
	margin-top			: 0px;
}
#menu ul#longUl ul li a:hover {
	padding				: 5px 8px;
	height				: 15px;
	margin-top			: 0px;
}

/*//////////   SUBMENU   /////////////
#subMenu {
	padding			: 0px 5px 20px 0;
  	width			: 145px;
  	float			: left;
}
#subMenu li a {
	background		: #999 url(../gfx/subBtn.gif) no-repeat right;
	color			: #000;
	display			: block;
	width			: 130px;
	height			: 17px;
	margin			: 3px 0;
	padding			: 5px 10px;
	text-decoration	: none;
	font-size		: 1em;
}

#subMenu li a:hover, #subMenu li a.active {
	background		: url(../gfx/subBtn.gif) no-repeat right;
	background-color: #dadada;
	width			: 140px;
}
*/
/*////////////   SUBMENU DIV TOGGLE   //////////////////*/
#subMenu {
	padding			: 0px 20px 20px 0;
  	width			: 165px;
	height			: 200px;
  	float			: left;
}

.button {
	/*background		: #999 url(../gfx/subBtn.gif) no-repeat right;*/
	display			: block;
	width			: 150px;
	height			: 17px;
	margin			: 3px 0;
	padding			: 5px 0px 5px 10px;
	text-decoration	: none;
	font-size		: 1em;
	cursor			: pointer;
	float			: left;
}
#subMenu li:hover {
	background		: url(../gfx/subBtn.gif) no-repeat right;
	background-color: #dadada;
	width			: 160px;
}