/* --- MENU.CSS - Laagland.nl --- */

/* ------------ */
/* --- MENU --- */
/* ------------ */

#menu {
	width: 177px;
	margin: 0 0 0;
	padding: 0;
}

#menu li {
	position: relative;
	color: #ffffff;
	width: 169px;
	margin: 0 0 5px 0;
	padding: 0 8px 0 0;
	background: none transparent no-repeat right top;
	list-style-type: none;
}

#menu.jsHover li.actief {
	margin: 0 0 5px 0;
}

#menu li.actief,
#menu.jsHover li.actief.jsHover,
#menu.jsHover li.jsHover {
	color: #e7d92c;
	margin: 0 0 2px 0;
}

#menu li:hover {
	color: #e7d92c;
}

html>body #menu li.actief,
html>body #menu.jsHover li.actief,
html>body #menu.jsHover li.jsHover,
html>body #menu.jsHover li.actief.jsHover {
	margin: 0 0 5px 0;
}


/* --- labels --- */
/*
#menu li#mKlanten {
	background-image: url(../../images/label_groen.gif);
}

#menu li#mOnderzoekAdvies {
	background-image: url(../../images/label_blauw.gif);
}

#menu li#mWerkterrein {
	background-image: url(../../images/label_roze.gif);
}

#menu li#mNieuws {
	background-image: url(../../images/label_lavendel.gif);
}

#menu li#mBureau {
	background-image: url(../../images/label_zalm.gif);
}

#menu li#mMedewerkers {
	background-image: url(../../images/label_geel.gif);
}

#menu li#mContact {
	background-image: url(../../images/label_bruin.gif);
}
*/

/* --- links --- */

#menu li a:link, #menu li a:visited, #menu li a:hover, #menu li a:focus, #menu li a:active {
	display: block;
	font-size: 1.2em;
	color: #ffffff;
	text-decoration: none;
	width: 145px;
	padding: 6px 12px 8px;
	background-color: #000000;		/* alleen IE */
	filter: alpha(opacity=75);		/* alleen IE */
}

#menu li a:hover, #menu li a:focus, #menu li a:active,
#menu li.actief a:link, #menu li.actief a:visited, #menu li.actief a:hover, #menu li.actief a:focus, #menu li.actief a:active,
#menu li.jsHover a:link, #menu li.jsHover a:visited, #menu li.jsHover a:hover, #menu li.jsHover a:focus, #menu li.jsHover a:active {
	color: #e7d92c;
}

html>body #menu li a:link, html>body #menu li a:visited, html>body #menu li a:hover, html>body #menu li a:focus, html>body #menu li a:active {
	color: inherit;
	background: url(../../images/bg_menu.png) transparent repeat-y left top;		/* niet voor IE */
}

a .notOpague {
	position: relative;		/* nodig voor IE */
}


/* --------------- */
/* --- SUBMENU --- */
/* --------------- */

#menu li ul {
	position: absolute;
	left: 177px;
	top: 0;
	display: none;
	margin: 0;
	padding: 0;
	background-image: url(../../images/_transp.gif);	/* nodig voor IE i.v.m. het vasthouden van de focus op het element <ul> (???) */
}

html>body #menu li ul {
	/* background-image: none; */
}

#menu:hover li.actief ul,
#menu.jsHover li.actief ul {
	display: none;
}

#menu li.actief ul,
#menu:hover li:hover ul,
#menu.jsHover li.jsHover ul {
	display: block;
}

#menu li li,
#menu li li.actief,
#menu.jsHover li li.actief {
	margin: 0 0 5px 5px;
}

html>body #menu li li.actief,
html>body #menu.jsHover li.jsHover li.actief {
	margin: 0 0 5px 5px;
}

/* --- labels / links --- */

#menu li li a:link, #menu li li a:visited, #menu li li a:hover, #menu li li a:focus, #menu li li a:active {
	color: #000000;
	padding: 6px 20px 8px 12px;
	background: none transparent repeat-y left top;
	filter: alpha(opacity=100);		/* alleen IE */
}

#menu li.actief li a:link, #menu li.actief li a:visited, #menu li.actief li a:hover, #menu li.actief li a:focus, #menu li.actief li a:active,
#menu li:hover li a:link, #menu li:hover li a:visited, #menu li:hover li a:hover, #menu li:hover li a:focus, #menu li:hover li a:active,
#menu li.jsHover li a:link, #menu li.jsHover li a:visited, #menu li.jsHover li a:hover, #menu li.jsHover li a:focus, #menu li.jsHover li a:active {
	color: #000000;
}

#menu li li.actief a:link, #menu li li.actief a:visited,
#menu li#mKlanten li.actief a:link, #menu li#mKlanten li.actief a:visited,
#menu li#mOnderzoekAdvies li.actief a:link, #menu li#mOnderzoekAdvies li.actief a:visited,
#menu li#mWerkterrein li.actief a:link, #menu li#mWerkterrein li.actief a:visited,
#menu li#mNieuws li.actief a:link, #menu li#mNieuws li.actief a:visited,
#menu li#mMedewerkers li.actief a:link, #menu li#mMedewerkers li.actief a:visited,
#menu li#mBureau li.actief a:link, #menu li#mBureau li.actief a:visited,
#menu li#mContact li.actief a:link, #menu li#mContact li.actief a:visited {
	/*background-image: url(../../images/bg_submenu_wit.gif);*/
	background:#E7D92C none repeat scroll 0 0;
}



#menu li.level1 a:link, 
#menu li.level1 a:visited {
	background: none;
	background-color: #ffff99;
}

#menu li.level1 a:hover, 
#menu li.level1 a:focus, 
#menu li.level1 a:active{
    background: none;
	background-color: #e7d92c;
}

/* --- actief --- */

#menu li.actief li.actief,
#menu li.actief li.actief a:link, #menu li.actief li.actief a:visited {
	/*background: url(../../images/bg_submenu_wit.gif) transparent repeat-y left top;*/
}


/* ------------------ */
/* --- SUBSUBMENU --- */
/* ------------------ */

#menu li ul li ul,
#menu li.actief ul li ul,
#menu:hover li:hover ul li ul,
#menu.jsHover li.jsHover ul li ul {
	display: none;
	position: static;
	width: 157px;
	margin: -4px 0 0 0;
	padding: 0 0 4px 0;
}

#menu li.actief ul li.actief ul {
	display: block;
}

#menu li li li {
	width: 149px;
	margin: 0;
	padding: 0;
}

#menu li li li a:link, #menu li li li a:visited, #menu li li li a:hover, #menu li li li a:focus, #menu li li li a:active {
	width: 141px;
	padding: 3px 12px 4px 24px;
}