/* --TOPMENU-- */

div#topdiv {
	position: absolute;
	top: 5px;
	left: 270px;
	width: 680px;
	}

ul#topMenu {
	display: table-row;
	background: white;
	list-style: none;
	}

ul#topMenu li {
	position: relative;
	float: left;
	margin-right: 5px;
	}
	ul#topMenu li.knv { background: url("/knv/site.nsf/knv-top.gif") no-repeat; }
	ul#topMenu li.bus { background: url("/knv/site.nsf/bus-top.gif") no-repeat; }
	ul#topMenu li.taxi { background: url("/knv/site.nsf/taxi-top.gif") no-repeat; }
	ul#topMenu li.goederen { background: url("/knv/site.nsf/goederen-top.gif") no-repeat; }
	ul#topMenu li.spoor { background: url("/knv/site.nsf/spoor-top.gif") no-repeat; }

ul#topMenu a {
	display: block;
	font-weight: bold;
	color: gray;
	padding: 53px 0px 0px 0px;
	width: 130px;
	height: 17px;
	}
	ul#topMenu li.knv a:hover { color: #640096; }
	ul#topMenu li.bus a:hover { color: #0f8c32; }
	ul#topMenu li.taxi a:hover { color: #0578b4; }
	ul#topMenu li.goederen a:hover { color: #e10a00; }
	ul#topMenu li.spoor a:hover { color: #000080; }


/* --SIDEMENU-- */

ul#sideMenu, ul#sideMenu ul {
	position: absolute;
	top: 100px;
	left: 10px;
	width: 150px;
	border: 0px solid #b0b0b0;
	background: white;
	list-style: none;
	}

ul#sideMenu ul {
	border: 1px solid #b0b0b0;
	}

ul#sideMenu li {
	position: relative;
	padding: 1px;
	z-index: 9;
	}
	#sideMenu li.folder ul {
		position: absolute;
		left: 100px;
		top: 5px;
		}

ul#sideMenu a {
	display: block;
	text-decoration: none;
	color: gray;
	font-weight: bold;
	padding: 2px;
	width: 100%; /* voor IE */
	}
	#sideMenu li>a { width:auto; } /* voor normale browsers */


/* --LOGINMENU-- */

ul#login {
	position: absolute;
	top: 550px;
	left: 10px;
	width: 150px;
	border: 0px solid #b0b0b0;
	background: white;
	list-style: none;
	}

ul#login li {
	position: relative;
	padding: 1px;
	}

ul#login a {
	display: block;
	text-decoration: none;
	color: gray;
	font-weight: bold;
	padding: 2px;
	width: 100%; /* voor IE */
	}
	#login li>a { width:auto; } /* voor normale browsers */


/* --HOVERS-- */

ul#topMenu li.knv:hover { background: url("/knv/site.nsf/knv-top-mo.gif") no-repeat; }
ul#topMenu li.bus:hover { background: url("/knv/site.nsf/bus-top-mo.gif") no-repeat; }
ul#topMenu li.taxi:hover { background: url("/knv/site.nsf/taxi-top-mo.gif") no-repeat; }
ul#topMenu li.goederen:hover { background: url("/knv/site.nsf/goederen-top-mo.gif") no-repeat; }
ul#topMenu li.spoor:hover { background: url("/knv/site.nsf/spoor-top-mo.gif") no-repeat; }

ul#sideMenu a.knv:hover, ul#sideMenu li.folder li a.knv:hover { background-color: #640096; }
ul#sideMenu a.bus:hover, ul#sideMenu li.folder li a.bus:hover { background-color: #0f8c32; }
ul#sideMenu a.taxi:hover, ul#sideMenu li.folder li a.taxi:hover { background-color: #0578b4; }
ul#sideMenu a.goederen:hover, ul#sideMenu li.folder li a.goederen:hover { background-color: #e10a00; }
ul#sideMenu a.spoor:hover, ul#sideMenu li.folder li a.spoor:hover { background-color: #000080; }

ul#sideMenu a:hover, ul#sideMenu li.folder li a:hover {
	color: white; /* de hover-tekst is altijd wit */
	}

ul#sideMenu li.folder a:hover {
	background-color: #b0b0b0; /* items die een submenu hebben blijven grijs */
	color: white;
	}

ul#sideMenu li.folder:hover {
	z-index: 10;
	}

ul#sideMenu ul {
	display: none; /* verberg submenu */
	}

ul#sideMenu li:hover ul {
	display: block; /* toon submenu */
	}

ul#login a.knv:hover { background-color: #640096; }
ul#login a.bus:hover { background-color: #0f8c32; }
ul#login a.taxi:hover { background-color: #0578b4; }
ul#login a.goederen:hover { background-color: #e10a00; }
ul#login a.spoor:hover { background-color: #000080; }

ul#login a:hover {
	color: white;
	}