/* defaults */

html {
	margin: 0px;
	padding: 0px;
}

body { /*CHANGED*/
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS";
	color: #666666;
	font-size: 12pt;
}

h1 {
	font-size: 100%;
	font-weight: 900;
}

h2 {
	font-size: 100%;
	font-weight: 400;
	font-style: italic;
}

div {
	margin: 0px;
	padding: 0px;
}

a {
	color: #f00;
	xtext-decoration: none;
}

a.beexs {
	color: #0000ff;
}

a:hover {
	text-decoration: none;
}

th, td {
	text-align: left;
	vertical-align: top;
}

th {
}


/* menu */

div#menu {
	width: 150px;
	height: 500px;
	float: right;

	background-color: #ccc;
	color: #000;
}

div#menu ul {
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

div#menu ul li {
	margin: 0px 0px 0px 5px;
	padding: 0px;
	list-style-type: none;
}


/* main */

div#main {
	background-color: #fff;
}

div#main div#content p.path {
	font-weight: bold;
}

div#maininfo {
	width: 300px;
	height: 700px;
	float: left;

	background-color: #777;
}


/* menu */

div#menu ul.cmsmenu {
	padding: 10px 0px 0px 0px;
}


/* zoek resultaat */

table.kandidaten {
	table-layout: fixed;
}

table.kandidaten tr.first_row td {
	padding-top: 10px;
}

table.kandidaten caption {
	text-align: left;
	font-style: italic;
}

table.kandidaten thead tr td {
	color: #444;
}

table.kandidaten col.datum,
table.kandidaten col.beschikbaarheid {
	width: 80px;
}

table.kandidaten col.opmerking {
	width: 150px;
}

table.kandidaten col.classificatie,
table.kandidaten col.indruk,
table.kandidaten col.opl_niveau,
table.kandidaten col.opl_richting {
	width: 40px;
}

table.kandidaten col.naam {
	width: 150px;
}

table.kandidaten col.woonplaats {
	width: 110px;
}


/* kandidaat form */

div.formulier { /*changed*/
	font-size: 12px;
	clear: both;
	margin-left: 20px;
}

div.formulier p.header, div.formulier p.title {
	font-size: 12px;
	clear: both;
}

div.formulier p {
}

div#voortgang {
	width: 200px;
	height: 11px;
}

div.voortgang_aan {
	background-color: red;
	height: 10px;
	width: 20px;
	margin: 0px 2px 10px 0px;
	float: left;
}

div.voortgang_uit {
	background-color: pink;
	height: 10px;
	width: 20px;
	margin: 0px 2px 10px 0px;
	float: left;
}

div#voortgang_laatste {
	display: none;
	background-color: green;
	float: none;
}


form.kandidaat dl.type_text input, form.kandidaat dl textarea {
	width: 400px;
}

form.kandidaat textarea {
	height: 50px;
}

form.kandidaat input.type_button {
	width: auto;
}

form.kandidaat div.buttons {
	clear: left;
	padding-left: 200px;
}

form.kandidaat p.header { /*CHANGED */
	color: #666 !important;
	font-size: 15pt;
	font-weight:bold;	
}

form.kandidaat div.formulier p.header { /*CHANGED (added completely) */
	color: #666 !important;
	font-size: 13pt;
	font-weight:normal;	
}

/* beexs */
form.kandidaat div.formulier dl.type_radio.beschikbaar {
	clear: left;	
}

form.kandidaat div.formulier dl.type_radio.beschikbaar dt,
form.kandidaat div.formulier dl.type_radio.beschikbaar dd {
	float: left;
}

form.kandidaat div.formulier dl.type_select.termijn {
	clear: right;
}

form.kandidaat div.formulier dl.type_select.termijn dd {
	float: left;
	margin: 5px 0 5px 8px;
}
form.kandidaat div.formulier dl.type_select.termijn dt {
	display: none;
}

/* form left-right styles */

dl {
	clear: both;
	margin: 0px;
	border-top: 1px solid #fff;
}

form.left-right label {
}

form.left-right dl {
}

form.left-right ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

form.left-right dl dt {
	clear: left;
	float: left;
	width: 200px;
	margin: 5px 0px 0px 0px;
}

form.left-right dl dd {
	xfloat: left;
	margin: 5px 0px 0px 0px;
}

form.left-right dl.horizontal dd ul li {
	float: left;
}