/* common styling */
.menu {
	font-family: verdana, sans-serif;
	position:relative;
	font-size: 1em;
	z-index: 10;
}
.menu ul {
	padding:0;
	margin:0;
	list-style-type: none;
}
.menu ul li {
	float:left;
	position:relative;
	width: 162px;
}


body.CL_NIKS .menu ul li ul li {
	background: #3a4a77;
	
	border-left: 1px solid white;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
}

body.CL_ALUMNI .menu ul li ul li {
	background: #ff9900;

	border-left: 1px solid white;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
}
body.CL_SLEUTELDRAGER .menu ul li ul li {
	background: #ffcc00;
	
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}
body.CL_STUDENT .menu ul li ul li {
	background: #c4ff00;
	
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

.menu ul li a, .menu ul li a:visited {
	display:block;
	text-decoration:none;
	height:3em;
	line-height:3em;
	width: 140px;
}

.body.CL_NIKS, .body.CL_ALUMNI {
	color: white;
}

.body.CL_SLEUTELDRAGER, .body.CL_STUDENT {
	color: black;
}

body.CL_NIKS .menu ul li a {
	background: #3a4a77;
}
body.CL_ALUMNI .menu ul li a {
	background: #ff9900;
}
body.CL_SLEUTELDRAGER .menu ul li a {
	background: #ffcc00;
}
body.CL_STUDENT .menu ul li a {
	background: #c4ff00;
}

body.CL_NIKS .menu ul li a:visited {}
body.CL_ALUMNI .menu ul li a:visited  {}
body.CL_SLEUTELDRAGER .menu ul li a:visited  {}
body.CL_STUDENT .menu ul li a:visited {}

body.CL_NIKS .menu ul li:hover a div.alumni {
        background: url(gfx/niks_alumni_aan.gif) no-repeat;
}
body.CL_NIKS .menu ul li:hover a div.sleuteldrager {
        background: url(gfx/niks_sleuteldrager_aan.gif) no-repeat;
}
body.CL_NIKS .menu ul li:hover a div.studenten {
        background: url(gfx/niks_studenten_aan.gif) no-repeat;
}

body.CL_ALUMNI .menu ul li:hover a div.alumni {
        background: url(gfx/alumni_alumni_aan.gif) no-repeat;
}
body.CL_ALUMNI .menu ul li:hover a div.sleuteldrager {
        background: url(gfx/alumni_sleuteldrager_aan.gif) no-repeat;
}
body.CL_ALUMNI .menu ul li:hover a div.studenten {
        background: url(gfx/alumni_studenten_aan.gif) no-repeat;
}

body.CL_SLEUTELDRAGER .menu ul li:hover a div.alumni {
        background: url(gfx/sleuteldrager_alumni_aan.gif) no-repeat;
}
body.CL_SLEUTELDRAGER .menu ul li:hover a div.sleuteldrager {
        background: url(gfx/sleuteldrager_sleuteldrager_aan.gif) no-repeat;
}
body.CL_SLEUTELDRAGER .menu ul li:hover a div.studenten {
        background: url(gfx/sleuteldrager_studenten_aan.gif) no-repeat;
}

body.CL_STUDENT .menu ul li:hover a div.alumni {
        background: url(gfx/student_alumni_aan.gif) no-repeat;
}
body.CL_STUDENT .menu ul li:hover a div.sleuteldrager {
        background: url(gfx/student_sleuteldrager_aan.gif) no-repeat;
}
body.CL_STUDENT .menu ul li:hover a div.studenten {
        background: url(gfx/student_studenten_aan.gif) no-repeat;
}


* html .menu ul li a, .menu ul li a:visited {
}

.menu ul li ul {
	display: none;

}
table {
	margin:-1px;
	border-collapse:collapse;
	font-size:1em;
}

/* specific to non IE browsers */
.menu ul li:hover a:hover {
	text-decoration: underline;
}

body.CL_NIKS .menu ul li:hover a {
	background: #3a4a77;
}
body.CL_ALUMNI .menu ul li:hover a {
	background: #ff9900;
}
body.CL_SLEUTELDRAGER .menu ul li:hover a {
	background: #ffcc00;
}
body.CL_STUDENT .menu ul li:hover a {
	background: #c4ff00;
}

.menu ul li:hover ul {
	display:block;
	position:absolute;
	top:3em;
	margin-top:0px;
	left:0;
}
.menu ul li:hover ul li ul {
	display: none;
}
.menu ul li:hover ul li a {
	display:block;
	height:auto;
	line-height:1.2em;
	padding:5px 10px;
	width:129px;
}


body.CL_NIKS .menu ul li:hover ul li a {
	background: #3a4a77;
}
body.CL_ALUMNI .menu ul li:hover ul li a {
	background: #ff9900;
}
body.CL_SLEUTELDRAGER .menu ul li:hover ul li a {
	background: #ffcc00;
}
body.CL_STUDENT .menu ul li:hover ul li a {
	background: #c4ff00;
}

body.CL_NIKS .menu ul li:hover ul li a.drop {
	background: #3a4a77;
}
body.CL_ALUMNI .menu ul li:hover ul li a.drop {
	background: #ff9900;
}
body.CL_SLEUTELDRAGER .menu ul li:hover ul li a.drop {
	background: #ffcc00;
}
body.CL_STUDENT .menu ul li:hover ul li a.drop {
	background: #c4ff00;
}

body.CL_NIKS .menu ul li:hover ul li a:hover {
	background: #3a4a77;
}
body.CL_ALUMNI .menu ul li:hover ul li a:hover {
	background: #ff9900;
}
body.CL_SLEUTELDRAGER .menu ul li:hover ul li a:hover {
	background: #ffcc00;
}
body.CL_STUDENT .menu ul li:hover ul li a:hover {
	background: #c4ff00;
}


.menu ul li:hover ul li:hover ul {
	display:block;
	position:absolute;
	left:150px;
	top:0;
	width:150px;
}
.menu ul li:hover ul li:hover ul.left {
	left:-150px;
}


#content ol { padding: 0px; margin: 0px; padding-left: 20px;}
#content ul { padding: 0px; margin: 0px; padding-left: 16px;}