/* top level html containers */
html { height: 100%; overflow: auto; }
body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: #5f5f5f;
	color: #fff;
}

body, td {
	font-family: Verdana, sans-serif;
	font-size: 11px;
}


/* general styling rules */
a.navigation { color: #fff; text-decoration:none; font-family:Trebuchet MS;}
a { color: #ffd801;text-decoration:none;}
a:hover { color: #fdf800; }
table, form, p { margin: 0px; padding: 0px; }
img { border: 0px; }
.colorized { background-image: url(../img/shade.png); }

/* form validation */
input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.required, textarea.required { border: 1px solid #00A8E6; }
input.validation-failed, textarea.validation-failed { border: 1px solid #FF3300; color : #FF3300; }
input.validation-passed, textarea.validation-passed { border: 1px solid #00CC00; color : #000000; }
.validation-advice { color: #FF3300; font-weight: bold; }
.custom-advice { color: #C8AA00; font-weight: bold; }


/* mainframe */

#wrapper {
	top:0%;
	left: 50%;
	width: 857px;
	margin-left: -428.5px;
	position: relative;
}

#mainframe {
	position: relative;
	background-image: url(../img/shadegoed.png);
	width: 857px;
}

#content {
	width:590px;
	margin-top:20px; /* Was 40 */
	margin-left: 119px; 
	/* margin-bottom: 20px;  */
	padding: 10px;
}

#language {
	position: absolute;
	top: 30px;
	right: 33px;
}
