/* CSS Document */
 
#midden #menu { position:absolute; top:0px; left:0px; width:720px; height:174px; }
#midden #menubtn1 { position:absolute; top:141px; left:240px; width:240px; height:32px; }
#midden #menubtn2 { position:absolute; top:141px; left:480px; width:240px; height:32px; }
#midden #menu #img { position:absolute; top:0px; left:240px; width:480px; height:174px; }
#midden #menu #overlay { position:absolute; background-color:#cccc66; top:0px; left:0px; width:240px; height:174px; z-index:1; }
#midden #menu #overlay UL {
	margin: 0px;
	padding: 0px;
	margin-top:0px;
	list-style-type: none;
}
#midden #menu #overlay UL LI {
	position: relative;
	float: left;
}
#midden #menu #overlay UL LI A {
	display: block;
	width: 229px;
	padding: 5px 0px 4px 5px;
	margin: 0px 0px 0px 8px; 
	text-decoration: none;
	background: url(../images/Opdrachtg_menubtn.gif) top no-repeat;
	color: #FFFFFF;
	font: 11px Arial, Helvetica, sans-serif;
}
#midden #menu #overlay UL LI A:hover {
	font-weight:bold;
}
#midden #menu #overlay UL LI A.active {
	padding: 5px 0px 4px 46px;
	margin: 0px 0px 0px -23px;
	background-position: 23px -50px;
	font-weight:bold;
}

#midden #content { position:relative; top:185px; left:255px; width:450px; height:auto;}
#midden #vacatureBeschrijving { position:relative; top:185px; left:100px; width:605px; height:auto;}
#midden #vacatureContent { position:relative; top:185px; left:240px; width:480px; height:auto;}
#midden #vacatureFilter { position:absolute; top:291px; left:0px; width:240px; height:160px; text-align:left; background-color:#EEEEEE; padding-left:10px; padding-left:0px} /*opacity:0.4; filter:alpha(opacity=40);*/

#midden #vacatureticker { position:absolute; left:0px; top:420px; width:240px; height:62px; background-color:#EEEEEE; z-index:3; }
#midden #vacatureticker #vcthead { position:relative; top:0px; left:0px; width:240px; height:14px; margin:4px 4px 4px 4px; color:#999933; font-weight:bold; }
#midden #vacatureticker #vctcontainer { position:relative; top:0px; left:0px; width:236px; height:30px; padding:0px 4px 0px 4px; background-color:#FFFFFF; color:#666666;} 
#midden #bel { position:absolute; left:0px; top:420px; width:240px; height:120px; text-align:right; z-index:3; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#999999;  }

H1 { font-size:18px; font-weight:normal; color:#999933; margin-bottom: 3px;}
H2 { font-size:14px; font-weight:bold; color:#666666; margin-bottom: 3px;}
.gray { color:#999999; text-transform:lowercase; font-size:14px; }
A { color:#999933; text-decoration:underline; }
A:hover { text-decoration:none; }
A.subheader { font-size:12px; color:#666666; text-decoration:underline; text-transform:uppercase; font-weight:bold; }
A.gray { color:#999999; text-decoration:underline; }
A.gray:hover { color:#999999; text-decoration:none; }
A.normal { font-size:11px; color:#999933; text-decoration:underline; }
A.normal:hover { text-decoration:none; }

/* Table Rules
----------------------------------------------- */
td.rank { }

#vacature { 
	border-collapse:collapse;
	empty-cells:show;
	width:100%;
	margin: 0;
}
#vacature caption {
	color: #fff;
	text-align: left;
	font-weight: bold;
	letter-spacing: 0.1em;
	background-color:#999999;
	padding: 0.375em;
}
#vacature th {
	text-align: left;
	padding: 6px 0.25em;
	color: #202020;	
	font-weight: bold;
	text-decoration:none;
	margin: 0;
}
 
#vacature th.infocus { background-color: #202020; }
#vacature th.selected {	color: #EAEAEA; }

#vacature td, #vacature th { 
	margin: 0; 
	padding: 0.25em 0.375em 0.45em 0.375em;
	text-align: left;
}
#vacature tr {
	border-bottom: solid 1px #202020;
	-moz-user-select: none;
	-khtml-user-select: none;
}
#vacature tr.infocus {
	background-color:#dfdfdf;
	cursor: pointer;
}

#vacature tr.notinfocus { background-color:#fff; }
#vacature tr.selected { color:#fc0; }
#vacature tbody { margin-top: 0; }
.even { background-color: #151515; }

.rowHover {
	color: #000;
	cursor: pointer;
}

.rowSelected { color: #fc0; }

TR.head { background-color:#999933; color:#FFFFFF; vertical-align:bottom; }
TR.oneven { background-color:#FFFFFF; height:15px; vertical-align:middle; }
TR.even { background-color:#EEEEEE; height:15px; vertical-align:middle; }
TD { text-align:left; }
