body, table, input, textarea {font-family: Arial,sans-serif; font-size: 12px; color: #000000;}

/* Body only has bottom margin */
body {margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; background-color: #CCCCCC; }




/* == Content wrapper ======================================================== */
div#header {

position:absolute;
top:50%;
left:50%;
width:1000px;
height:600px
padding:0px;
margin-left:-500px;
margin-top:-300px;
}



/* Images within the header are displayed absolute positioning ====================== */
div#header img {
	position: absolute;}


/* The logo size and position. ====================================================== */
div#header #logo {
	left: 20px; height: 100px; width: 220px; border: 0px; top: 0px;}


/*  The image banner size and position. This will keep the size of the banner correct */
img#banner {
	margin-top: 0px; height: 600px; width: 1000px;}




/* == Overlay met transparanten ===================================================== */
div.opacity1 {
	background-color: #FFFFFF; color: #FFFFFF; border: 1px ridge #6B6B6B;
	position: absolute; top: 100px; left: 50px; height: 450px; width: 900px;
	filter: alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3;}

div.opacity2 {
	background-color: #000000; color: #00000; border: 0px; 
	position: absolute; top: 15px; left: 0px; height: 30px; width: 100%;
	filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}

div.opacity3 {
	background-color: #FFFFFF; color: #FFFFFF; border: 1px ridge #6B6B6B;
	position: absolute; top: 120px; left: 260px; height: 425px; width: 680px;
	filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;}

div.opacity4 {
	background-color: #FFFFFF; color: #FFFFFF; border: 1px ridge #6B6B6B; 
	position: absolute; top: 120px; left: 0px; height: 425px; width: 230;
	filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;}




/* == Content Opmaak  ============================================================== */
div#txtcontent1 
{text-align: left; position: absolute; left: 70px; top: 115px; width: 860px;}

div#txtcontent2 
{text-align: left; position: absolute; left: 250px; top: 15px; width: 700px;}

div#txtcontent3 
{text-align: left; position: absolute; left: 270px; top: 130px; width: 660px;}

div#txtcontent4 
{text-align: left; position: absolute; left: 10px; top: 130px; width: 210px;}

div#txtcontent5 
{text-align: left; position: absolute; left: 800px; top: 15px; width: 180px;}


/* === Opmaak voor iframe ============================================================ */
iframe.inhoud {height: 400px; width: 660px; margin-top: 0px;}
iframe.navigatie-top {height: 40px; width: 700px; margin-top: 0px;}
iframe.navigatie-home {height: 40px; width: 180px; margin-top: 0px;}
iframe.navigatie-surf {height: 400px; width: 210px; margin-top: 0px;}
iframe.home {height: 425px; width: 860px; margin-top: 0px;}