html, body {
	height: 100%;         
}
body {
	background: #1a161b;
	font: 13px Arial, Helvetica, sans-serif;
	color: # 000;
	text-align: center;   /* horizontal centering hack for IE */
	padding: 0;           /* required to "hide" distance div */
	margin: 0;            /* required to "hide" distance div */
	scrollbar-3dlight-color: #fff;
	scrollbar-arrow-color: #f99e32;
	scrollbar-darkshadow-color: #fff;
	scrollbar-face-color: #fff;
	scrollbar-highlight-color: #fff;
	scrollbar-shadow-color: #f99e32;
	scrollbar-track-color: #fff;
}
div#distance { 
	margin-bottom: -318px; /* half of content height */
	background: #1a161b;      /* temporary - used to see div */
	width: 1px;           /* required to "hide" distance div */
	height: 50%;          /* required */
	float: left;          /* required */

}

div#website {
	position: relative;   /* positions content on top of distance */
	text-align: left;     /* horizontal centering hack for IE */
	height: 636px;         /* required - desired height */
	width: 1000px;          /* required - desired width */
	background:#4e4d55 url(../images/IMG_alex.jpg) no-repeat center top;
	margin: 0 auto;       /* required */
	clear: left;          /* required */
}

#content {
	position: relative;
	width: 704px;
	height: 444px;
	left: 144px;
	top: 122px;
	background: url(../images/IMG_content_midden.gif);
}

.content_onder {
	display:block; 
	position: absolute; 
	top: 422px;
	left: 0px;
}

#menu {
	position: absolute;
	width: 98px;
	top: 168px;
	left: 22px;
}

#submenu {
	position: absolute;
	top: 576px;
	left: 200px;
	color: #f99e32;
}

#poll {
	position: absolute;
	top: 276px;
	left: 864px;
}

#logo {
	position: absolute;
	top: 564px;
	left: 862px;
}

#flash {
	position: absolute;
	top: 0px;
	left: 144px;
}

.fotolinksgroot {
	position: absolute;
	width: 306px; 
	top: 65px;
	left: 22px;
}


.fotolinksgroot_stem {
	width: 306px; 
}

.tekstblokrechts {
	position:absolute;
	top: 50px;
	left: 330px;
	overflow: auto;
	height: 202px;
	width: 328px;
	margin-top: 14px;
	margin-left: 22px;
	margin-right: 22px;
	line-height: 17px;	
}

.tabelupload {
	position:absolute; 
	left: 352px; 
	top: 68px;
	width: 324px;
}

.tabelcontact {
	position:absolute; 
	left: 265px; 
	top: 64px;
	width: 324px;
}

.tekstblokomschrijving {
	position:absolute;
	left: 330px;
	top: 144px;
	overflow: auto;
	height: 105px;
	width: 328px;
	margin-top: 8px;
	margin-top: 14px;
	margin-left: 22px;
	margin-right: 22px;
	line-height: 17px;
}

.fotolinksklein{
	position: absolute;
	width: 220px;
	top: 65px;
	left: 22px;
	margin-right: 22px; 
}

.tekstblokrechtsgroot {
	position:absolute;
	top: 50px;
	left: 245px;
	overflow: auto;
	height: 202px;
	width: 415px;
	margin-top: 14px;
	margin-left: 22px;
	margin-right: 22px;
	line-height: 17px;	
}

.navigatielinks {
	position: absolute;
	top: 260px;
	left: 0px;
	width: 330px;
	z-index: 3;
	margin-top: 14px;
	margin-left: 22px;
	margin-right: 22px;
	line-height: 17px;
}

.navigatierechts {
	position: absolute;
	top: 257px;
	left: 488px;
	width: 260px;
	font-size: 11px;
	z-index: 3;
	margin-top: 14px;
	margin-left: 22px;
	margin-right: 22px;
	line-height: 17px;
}

.volgorde {
	color:#000;
	font: 10px Arial, Helvetica, sans-serif;
	width: 110px;
}

a:link{color:#003399; text-decoration:none; font-weight:normal; }
a:visited{color:#003399; text-decoration:none; font-weight:normal; }
a:hover{color:#990000; text-decoration:none; font-weight:normal; }
a:active{color:#003399; text-decoration:none; font-weight:normal; }

a.sub:link{color:#dbdddf; text-decoration:none; font-weight:normal; }
a.sub:visited{color:#dbdddf; text-decoration:none; font-weight:normal; }
a.sub:hover{color:#fff; text-decoration:none; font-weight:normal; }
a.sub:active{color:#dbdddf; text-decoration:none; font-weight:normal; }

h1 {
	font: 24px Arial, Helvetica, sans-serif;
	color: #f99e32;
	font-weight: normal;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left: 22px;	
}

b.koprechts {
	font: 18px Arial, Helvetica, sans-serif;
	color: #f99e32;
	font-weight:normal;
}

b.kop {
	color: #f99e32;
}

.alinea {
	margin-top: 14px;
	margin-left: 22px;
	margin-right: 22px;
	line-height: 17px;
}

.tekstrechts {
	margin-top: 6px;
	margin-left: 0px;
	margin-right: 6px;
	text-align:left;
	color: #fff;
	font-size: 11px;
}

.tekstrechts a{
	margin-top: 6px;
	margin-left: 0px;
	margin-right: 6px;
	text-align:left;
	color: #fff;
	font-size: 12px;
	text-decoration:none;
	}
	

.submitpoll {
	background: #d6d5d4;
	height: 18px;
	border: 1px solid #fff;
	font-size: 11px;
	width: 122px;
}

#popup {
	position: absolute;
	top: -30px;
	left: 82px;
	border: 2px solid #f99e32;
	background: #fff;
	width: 500px;
	height: 370px;
	padding: 15px;
	z-index: 3;
}

.input {
	background: #fff;
	border: 1px solid #cdcdcd;
	width: 420px;
	color: #000;
	font-size: 12px;
}

.inputgroot {
	background: #fff;
	border: 1px solid #cdcdcd;
	width: 480px;
	height: 70px;
	color: #000;
	font-size: 12px;
}

.inputcontact {
	background: #fff;
	border: 1px solid #cdcdcd;
	width: 325px;
	color: #000;
	font-size: 12px;
}

.inputgrootcontact {
	background: #fff;
	border: 1px solid #cdcdcd;
	width: 325px;
	height: 60px;
	color: #000;
	font-size: 12px;
}

TD {
	font-size: 12px;
	padding-left: 0px;
	text-align: left;
}

.border {
	border: 1px solid #cdcdcd; 
}

HR {
	height: 1px;
	color: #cdcdcd; 
}

/** extras **/
 #imgDum {
	position: absolute;
	top: 122px;
	left: 143px;
	display:none;
	height:444px;
	width:705px;
}

	#control_overlay {
		background-color:#000;
	}
	
	.modal {
		background-color:#fff;
		padding:10px;
		border:1px solid #333;
	}


.submit {
	height: 18px;
	border: 1px solid #ccc;
	font-size: 11px;
	width: 122px;
}
#submit {
	height: 18px;
	border: 1px solid #ccc;
	font-size: 11px;
	width: 122px;
}

a.tell:link{color:#dbdddf; text-decoration:none; font-weight:normal; }
a.tell:visited{color:#dbdddf; text-decoration:none; font-weight:normal; }
a.tell:hover{color:#fff; text-decoration:none; font-weight:normal; }
a.tell:active{color:#dbdddf; text-decoration:none; font-weight:normal; }


.bedankt
{
font-family:Arial;
font size 18;
font-weight:normal;
}

.email_send
{
	position:absolute;
	font-family:Arial;
	font-size: 18px;
	margin-top: 8px; 
	font-weight:normal;
	float:right; 
	right:22px;
	width:auto;
	text-align:right;
	color: #f99e32;
	
}
#outputTell
{
	font-family:Arial;
	font-size: 18px;
	color: #f99e32;
	font-weight:normal;
	padding-left:24px;
}

#output
	{
	position:absolute;
	height:168px;
	top:0px;
	left:0px;
}

form
{
margin:0;
padding:0;
}


#msg {
display:none; 
position:absolute; 
z-index:999200; 
padding:0px;
font-family:Arial;
}

#msgcontent {
display:block; 
background:#FFF;
border:2px  #f99e32 solid;
padding:2px;
min-width:150px; 
max-width:250px
}

.error
{
	font: 10px Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FE000A;
}


.input2 {
	background: #fff;
	border: 1px solid #cdcdcd;
	width: 250px;
	color: #000;
	font-size: 12px;
}

.inputgroot2 {
	background: #fff;
	border: 1px solid #cdcdcd;
	width: 350px;
	height: 70px;
	color: #000;
	font-size: 12px;
}
