html, body, table {
    margin: 0px;
    padding: 0px;
    overflow: auto;
}

body {
    background: #5F3661 url(Images/Gradient.png) repeat-x;
    font: 12px/1.4em  "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

table {
    font-size: 100%;
}

.ajax__tab_body {font: 100%/1.6em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;}
.ajax__tab_header {font: 100%/1.4em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important; }

textarea, input { font-size: 100%/1.4em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;}
textarea, input[type=text], input[type=password], select { background: white; border: 1px solid #A0A0A0;}

.mainFrame { /* (daan:) bevat de nieuwe page-wrap; doel: breedte begrenzen + centreren */
	position: absolute;
	top: 0px;
	left: 10%;
	right: 10%;
	width: 80%;
	height: 97%;
	height: 100%;
}

#page-wrap {
	position: absolute;
	top: 0px;
	bottom: 0px;
	border: none;
	padding: 0px 0px 0px 0px;
	height: 100%;
	width: 100%;
}

table, tr, td { /* tenzij anders overeengekomen mag Alles in elke tabel Boven uitgelijnd en zonder padding */
	vertical-align: top;
	padding: 0px;
}

.tblFillWidth, .tblFillSpace, .tblFillMost { /* tabellen voor ordening van info: in basis zonder border */
	border: none;
}
.tblFillWidth {	 /* tabellen die alle mog. breedte krijgen en geen padding+spacing */
	width: 100%;
}
.tblFillSpace { /* tabellen die ook nog alle mog. hoogte krijgen */
	width: 100%;
	height: 100%; 
}
.tblFillMost { /* tabellen die alle mog. hoogte maar slechts 97% van breedte krijgen  */
	width: 97%;
	height: 100%;
}

/* Daan: setje classes toegevoegd om binnen-tabellen die gegevens opsommen,
         of waar ge-edit kan worden links en rechts iets ruimte te geven
         En een overkoepelende class voor de tabellen die deze cellen bevatten
 */
.tblData 
{
 	background-color: White;
 	height: 100%;
 	width: 100%;
 	border: none;
 	/* padding: 2px; werkt fout in IE8 */
}
table.tblData td, .colLabel, .colLabel15, .colLabel35, .colLabel75, table.KandidatenLijst td, table.KandidatenLijstAlt td {
	padding-left: 0px;
	padding-top: 1px;
	padding-bottom: 2px;
	overflow: visible;
}
table.tblData th, table.KandidatenLijst th, table.KandidatenLijstAlt th {
	padding-left: 4px;
	background-color: Purple;
	color: White;
	vertical-align: middle;
	text-align: left;
}	
table.Grid th {
	background-color: White;
	margin: 0px;
	color: Black;
}

.colLabel {
	width: 30%;
	text-align: left;
}
.colLabel15 { width: 15%; }

.colLabel20 { width: 20%; }

.colLabel25 { width: 15%; }

.colLabel35 { width: 35%; }

.colLabel75 {
	width: 75%;
	text-align: left;
}

.colData, .colData55, .colData75, .colInput {
	padding-left: 0px;
	padding-right: 3px;
}

.colLogin
{
	padding-left: 0px;
	padding-right: 15px;
}

.colWwvergeten
{
	width: 50%;
	padding-right: 15px;
}

.colInput {	width: 65%; }
.colData15 { width: 15%;}
.colData40 { width: 40%;}
.colData55 { width: 50%; }
.colData75 { width: 75%; }

.colValidate {
	color: Red;
	font-size: smaller;
	padding-left: 1px;	
	padding-right: 3px;
	width: 12%;
	text-align: center;
}

.tblCompact { width: 10%; }
.tblCompact tr, .tdHCenter { text-align: center; }

.colRidged, .colRidged73, .colRidgedSep { /* tbv. masterpages */
    border-left: 2px ridge white;
    border-right: 2px ridge white;
}
.colRidged { width: 250px; }
.colRidgedSep { width: 25px; }
.colRidged73 { width: 73%; }

.tdVCenter { /* td met verticaal gecentreerde inhoud */
	vertical-align: middle;
}
.rowHideIfEmpty {
	/* voor optionele rijen: die moeten zo min mogelijk hoogte innemen als er niets in staat */
	height: 1px;
	overflow: visible;
}

/* tbv. masterpages: rij-definities met vaste hoogtes voor bovenste (2) & onderste secties */
.row1, .row1_L, p.row1_L {
	vertical-align: top;
	text-align: center;
	overflow: hidden;
	line-height: 18px;
}
.row1 {
	border-bottom: 2px ridge white; 
	height: 100px; 
}
tr.row1_L  {height: 77px; } /* specifiek tbv Linkerdeel op Search.aspx */

.row1 p {
    border-top: 2px ridge white;
    color: #B4A2C1;
    font-size: 91%;
    font-weight: bold;
    margin: 0px 0px 0px 0px;  	
    padding: 0px 10px 0px;
    text-align: left;
    text-transform: uppercase;
	overflow: hidden;
}
.row2 {
	height: 200px;
	overflow: hidden;
}
.row3 {
	height: 100%;
	background-color: Transparent;
}
.row4 { height: 25px; }
tr.row4 {  /* voorheen sectie `.footer p`: onderste deel der schermen */
    color: #B4A2C1;
    font-size: 91%;
    font-weight: bold;
    text-transform: uppercase;
    vertical-align: top;
    display: inline;
}
/* einde van rij-definities */

a:link, a:visited, a:focus { text-decoration: none; } /* meeste hyperlinks nonderstreept */
a:hover {text-decoration: underline;}
.tblData a { color: #335EA8; } /* hyperlinks in witte panelen: blauw */

a img, img {-ms-interpolation-mode: bicubic; border: none;}

.sidebarleftbuttonbar {
    background: White;
    margin: 0px;
    padding: 2px 10px 0px;
    text-align: right;
}

.headerrighttitle { background-color: Transparent; }

.headerrighttitle a  {
    color: #FFBE00;
    text-decoration: underline;
    text-transform: uppercase;
    padding-left: 10px;
}

.headerrighttitle a:hover {text-decoration: none; }

#ribbon {
    position: absolute;
    top: 100px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 200px;    
    background: #AA92BC;
    z-index: -50;
}

.highlight {
	color: White; 
	text-transform: uppercase; 
	font-size: 130% !important;
	display: inline;
}

.navigation {
	margin: 0px;
	padding: 0px;
}
.navigation li {display: inline; float: left; }
.navigation li a {
    color: #B4A2C1;
    font-size: 91%;
    font-weight: bold;
    padding: 2px 10px 0px 10px;
    text-transform: uppercase;
}
.navigation li a:hover {
    color: #FFBE00;
    text-decoration: none;
}

.pagetitle {
    color: #FFBE00;
    font-size: 180%;
    font-weight: bold;
    margin: 0px;
    padding: 0px 0px 14px 10px;
    text-align: left;
    vertical-align: top;
    position: absolute;
    top: 20px;
    left: 0px;
}

input[type=submit], input[type=checkbox], label, select, .pointer { cursor: pointer; }

fieldset { border: 1px solid #D6D5D9; padding: 0px 5px 5px 5px; margin: 5px; }
legend { color: #335EA8; padding: 0px 5px 0 5px; margin: 0px; font-weight: bold; }

.loginHeader {
    color: #FFF;
    display: block;
    font-size: 91%;
    font-weight: bold;
    padding: 0px 10px 0px 5px;
    text-transform: uppercase;
	background: #FAA700;
}

td.OVBLogoKlein {  /* `td` ervoor gezet waardoor in IE8 Geen 14px verschuiving optreedt?!? */
    padding: 0px;
    height: 59px;
    width: 170px;
    text-align: right;
}
.colValidateW { /* tabelbrede exemplaren van `* = verplicht` */
	color: Red;
	font-size: smaller;
	padding-right: 3px;
	text-align: right;
}

.FontSizer { /* De A-s in een td of een rechts float-ende div met vaste breedte */
	width: 66px;
	height: 20px;
	margin: 0px;
	padding-top: 1px;
	text-align: right;
	display: inline;
	float: right;
}
.tdHRight {  /* sommige td-s rechts uitgelijnd; Ook voor de A-s oop index: tegen kleine logo aan */
	text-align: right;
	margin: 0px;
	padding-right: 3px;
}

.tblFillWidth p { color: White; }  /* tbv. witte letters `ingelogd als:`  */
.rowBtmSpace {height: 30px; } /* tbv. spacer tussen groepjes vacature-gegevens */
.colHalfWit { width: 50%; text-align: left; } /* Her en der wordt tabel in 2 gelijke helften verdeeld */

.somstd { border: ridge 1px red; } /* om soms alle cellen een rand te geven */