/* top level html containers */
html { height: 100%; overflow: auto; }
body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: #fff;
	color: #4d4e50;
	font-family: Arial, sans-serif;
	font-size: 12px;
}

/* general styling rules */
a { color: #000; }
a:hover { color: #ccc; }
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 { }
input.validation-failed, textarea.validation-failed { border: 1px solid #977500; color : #977500; }
input.validation-passed, textarea.validation-passed {  }
.validation-advice { color: #977500; font-weight: bold; }
.custom-advice { color: #C8AA00; font-weight: bold; }


/* absolute centering, http://www.wpdfd.com/editorial/thebox/deadcentre4.html */
#mainframe    {
	position: absolute;
	left: 50%;
	width: 950px;
	margin-left: -475px;
	margin-top: 5%;

	text-align: left;
}

#top {
	position:absolute;
	top:0;
	left:30px;
	border-bottom:1px solid #dbdbdb;
	width:895px;
}

#top img {
	float:left;
}

#top .infratech {
	margin:20px 0 0 520px;
}

#knoppen {
	position:absolute;
	left:810px;
	top:20px;
}

#knoppen img {
	margin-bottom:5px;
}

#nav a {
	color:#0098d5;
	font-size:16px;
	text-decoration:none;
	font-family:Verdana;
	margin-bottom:8px;
	float:left;
	clear:both;
	width:46px;
	position:relative;
}

.navtitel {
	position:relative;
}

#nav {
	position:absolute;
	top:140px;
	left:30px;
}

#content {
	padding:140px 0 0 160px;
	width:601px;
	min-height:380px;
	overflow-x:hidden;
}

#banner {
	position:absolute;
	top:140px;
	left:787px;
}
#bannerflash {
	position:absolute;
	width:435px;
	height:375px;
	top:140px;
	left:500px;
	
}

#spreek {
	position:absolute;
	top:200px;
	left:653px;
	width:310px;
	z-index:999;
}

#programma {
	position:absolute;
	top:140px;
	left:460px;
	width:500px;
}

#footer {
	font-size:10px;
	border-top:1px solid #dbdbdb;
	margin-top:20px;
	width:895px;
	padding-top:30px;
	left:30px;
	position:relative;
}

#footer .left {
	margin-left:30px;
	float:left;
}

#footer .right {
	float:right;
}

#footer a {
	color:#a1a1a1;
	text-decoration:none;
}

.deelnemer {
	margin-right:20px;
}

.deelnemers {
	overflow:hidden;
	width:600px;
	height:125px;
	display:block;
	position:relative;
}

textarea.area {
	width:550px;
	height:100px;
}

td {
	vertical-align:top;
}


#slideshow { float:left; top:10px; left:25px;  }
.slideshow { position: relative; }
.slideshow div { position: absolute; left: 0; top: 0; }
.clear {clear:both;height:130px;}

#movieContainer { 
	position:absolute; 
	top:0; 
	left:0; 
	background:black;
	width: 950px;
	height: 600px;
	z-index:99;
}

iframe {
	width:700px;
	height:500px;
}

#reg input {
	width:300px;
}

#reg select {
	width:306px;
}

#reg input.straat {
	width:231px;
}

#reg input.nummer {
	width:60px;
}

#reg input.auto {
	width:auto;
}

.large {
	font-size:16px;
}

.blauw {
	color:#0098d5;
}

.bruin {
	color:#977500;
}