/* Algemeen */
body { background-color: #ffffff; scrollbar-arrow-color:#ffffff; scrollbar-track-color:#ffffff; scrollbar-face-color:#ccbfaa; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#ffffff; scrollbar-darkshadow-color:#ffffff; scrollbar-shadow-color:#fffffF; }

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, address {
	margin: 0;
	padding: 0;
}
a, a:hover{
	color: #000000;
}
a:hover{
	text-decoration: none;
}
body, textarea, input{
	color: #000000;
	font: 12pt/12pt san-serif;
}
img{
	border: 0;
}
p{
	margin: 0;
	padding: 0;
}
/* /Algemeen */

#wrapper {
position: relative;
top:25px;
left:25px;
margin: 0px auto;  
width: 1024px; 
height: 768px; 
border: solid 3px #745a32;

}

.achtergrondafbeelding{
position:absolute;
top:0px;
left:0px;
z-index:1;
}


.canvas{
position:absolute;
top:0px;
left:0px;
width:600px;
z-index:2;
}


/* Logo */
h1.logolaag {
	height: 180px; 
	width: 300px; 
	left: 200px; 
	top: 10px; 
	position: absolute; 
	z-index: 3;}
	
h1.logolaag a{
	display:block;
	width:300px;
	height:180px;
	background-image:url(../img/de-vierde-kolonie-logo-home.png);
	background-repeat:no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/de-vierde-kolonie-logo-home.png');	
	text-indent:-9999px;
}
/* /Logo */

#witvak2 { 
	font-weight: normal; 
	background-color: #ffffff; 
	height: 420px; 
	width: 800px; 
	left: 10px; 
	right: 0px; 
	top: 230px; 
	position: absolute; 
	border-color: #f1f7fa; 
	border-width: 1pt; 
	opacity:.75;
	filter: alpha(opacity=75); 
	-moz-opacity: 0.75;  
	z-index: 3;  
	}
#witvak { 
	font-weight: normal; 
	background-color: #ffffff; 
	height: 450px; 
	width: 800px; 
	left: 10px; 
	right: 0px; 
	top: 230px; 
	position: absolute; 
	border-color: #f1f7fa; 
	border-width: 1pt; 
	opacity:.75;
	filter: alpha(opacity=75); 
	-moz-opacity: 0.75;  
	z-index: 3;  
	}
	
	#witvakwit{ 
	font-weight: normal; 
	height: 450px; 
	width: 800px; 
	left: 10px; 
	right: 0px; 
	top: 230px; 
	position: absolute; 
	border-color: #f1f7fa; 
	border-width: 1pt; 
	z-index: 3;  
	}
h3.weekend { 
	height: 120px; 
	width: 135px; 
	left: 470px; 
	top: 70px; 
	position: absolute; 
	z-index: 2; 
	opacity:.70;
	filter: alpha(opacity=70); 
	-moz-opacity: 0.70;  }
	
h5.hottube { 
	height: 189px; 
	width: 269px; 
	left: 600px; 
	top: 10px; 
	position: absolute; 
	z-index: 2; }

h4.video { 
	height: 123px; 
	width: 155px; 
	left: -25px; 
	top: 650px; 
	position: absolute; 
	z-index: 5;  }

h5.kerst { 
	height: 64px; 
	width: 163px; 
	left: 400px; 
	top: 585px; 
	position: absolute; 
	z-index: 5;  }
	
h6.voorwaarden { 
	height: 64px; 
	width: 163px; 
	left: 400px; 
	top: 770px; 
	position: absolute; 
	z-index: 5; 
	 font-color: #745b36; 
	 font-size: 10pt; 
 }

h2.landelijkgoedje { 
	height: 72px; 
	width: 135px; 
	left: 14px; 
	top: 70px; 
	position: absolute; 
	z-index: 2; 
	 }
#kuiken { 
	height: 74px; 
	width: 107px; 
	left: 720px; 
	top: 610px; 
	position: absolute; 
	z-index: 4; 
	overflow: auto;
	}

#vol{ 
	height: 81px; 
	width: 162px; 
	left: 530px; 
	top: 400px; 
	position: absolute; 
	z-index: 4; 
	overflow: auto;
	}
	
#haan { 
	height: 181px; 
	width: 165px; 
	left: 580px; 
	top: 580px; 
	position: absolute; 
	z-index: 4; 
	overflow: auto;
	}
#geitje { 
	height: 208px; 
	width: 140px; 
	left: 620px; 
	top: 560px; 
	position: absolute; 
	z-index: 4; 
	overflow: auto;
	}
	
#lieve { 
	height:75px; 
	width: 67px; 
	left: 550px; 
	top: 300px; 
	position: absolute; 
	z-index: 5; 
	overflow: auto;
	}	
	
	#beschikbaar { 
	height:132px; 
	width: 219px; 
	left: 400px; 
	top: 300px; 
	position: absolute; 
	z-index: 5; 
	overflow: auto;
	}	
	
#wakeup {
	height:194px; 
	width: 191px; 
	left: 665px; 
	top: 488px; 
	position: absolute; 
	z-index: 5; 
	overflow: auto;
	}	
	
#magazine { 
	height: 200px; 
	width: 500px; 
	left: 350px; 
	top: 620px; 
	 fontcolor: #ffffff; 
	 font-weight: bold; 
	 font: 11pt/11pt san-serif;
	position: absolute; 
	z-index: 5; 
	overflow: auto;
	}
	
#kerst1 { 
	height: 64px; 
	width: 163px; 
	left: 430px; 
	top: 460px; 
	position: absolute; 
	z-index: 4; 
	overflow: auto;
	}

#contentvaktekst { 
	height: 420px; 
	width: 800px; 
	position: absolute; 
	z-index: 3; 
	overflow: auto;
	}
#contentvaktekst1 { 
	font-size: 10pt; 
	line-height: 20pt; 
	height: 340px; 
	width: 760px; 
	left: 30px; 
	top: 30px; 
	position: absolute; 
	font-family: verdana;
	z-index: 3; 
	overflow: auto;
	}
#contentvaktekst2 { 
	font-size: 9pt; 
	line-height: 20pt; 
	height: 420px; 
	width: 760px; 
	left: 30px; 
	top: 30px; 
	position: absolute; 
	font-family: verdana;
	z-index: 3; 
	overflow: auto;
	}
#contentvaktekst3 { 
	font-size: 9pt; 
	line-height: 20pt; 
	height: 435px; 
	width: 770px; 
	left: 30px; 
	top: 30px; 
	position: absolute; 
	font-family: verdana;
	z-index: 3; 
	overflow: auto;
	}

#menubalk {
	background-color: #f5fcff; 
	height: 40px; 
	width: 800px; 
	left: 0; 
	top: 170px; 
	position: absolute; 
	}


#fotokaderonder { 
	height: 100px; 
	width: 792px; 
	left: 10px; 
	top: 575px; 
	position: absolute; 
	visibility: visible; 
	background-color: #ffffff; 
	border: outset; 
	opacity:.70;
	filter: alpha(opacity=70); 
	-moz-opacity: 0.70;  
	z-index: 4; 
	overflow: auto; 
	}

#fotokaderboven { 
	height: 100px; 
	width: 572px; 
	left: 10px; 
	top: 97px; 
	position: absolute; 
	visibility: visible; 
	background-color: #ffffff; 
	border: outset; 
	opacity:.70;
	filter: alpha(opacity=70); 
	-moz-opacity: 0.70;  
	z-index: 4; 
	overflow: auto; 
	}

ul.hoofdnavigatie{
	left: 10px; 
	top: 200px; 
	position: absolute; 
	z-index: 3;
	width:800px;
	height:18px;
	margin:0;
	padding:0;
	list-style-type:none;
	background-color:#ccbfaa;
} 
ul.hoofdnavigatie li{
	margin:0;
	padding:0;
	list-style-type:none;
	float:left;
	width:133px;
	height:18px;
	text-align:center;
}
ul.hoofdnavigatie li a:link,
ul.hoofdnavigatie li a:visited,
ul.hoofdnavigatie li a:active,
ul.hoofdnavigatie li a:hover{
	width:133px;
	height:18px;
	text-align:center;
	float:left;
	color:#ffffff;
	text-decoration:none;
	font-size: 12pt; 
	font-family: verdana; 
	font-variant: small-caps; 
}
ul.hoofdnavigatie li a:hover,
ul.hoofdnavigatie li a.ACTIEF{
	background-color:#745a32;
}

.form{
width:540px;
}
.form p{
width:750px;
float:left;
position:relative;
}
.form p label,
.form p input,
.form p textarea{
float:left;
font-family:arial;
}
.form p label{
width:160px;
margin:0 10px 0 0;
}
.form p input{
width:350px;
font-size:12px;
height:18px;
}
.form p textarea{
width:350px;
height:35px;
font-family:arial;
font-size:12px;
}

.grootbruin { color: #745b36; font-size: 14pt;  }
}
.middelbruin { color: #745b36; font-size: 12pt; font-weight: bold; }
}
.kapbruin { color: #745b36; font-size: 12pt; font-variant: small-caps; font-weight: bold;}
}
.kleinbruin { color: #745b36; font-size: 10pt; font-weight: bolder; font-style: italic; text-decoration: blink; }
}
.middelzwart { color: #00000; font-size: 12pt; font-weight: bold; }
}
.grootzwart { color: #00000; font-size: 14pt;  }
}
.middellichtbruin { color: #a08967; font-size: 12pt; font-weight: bold; }
}
.grootlichtbruin { color: #a08967; font-size: 14pt;  }
}
.kleinlichtbruin { color: #a08967; font-size: 10pt; font-weight: bold; }
}
.kaplichtbruin { color: #a08967; font-size: 12pt; font-variant: small-caps; font-weight: bold;}
}
.streep{ color: #000; font-size: licht10pt; font-weight: bold; text-decoration: underline; }