@charset "utf-8";
/* CSS Document */

/* COLOR REFERENCE (define colors used in this document)(yes, for copy/pasting)
Main medium green	: #d7ecaa
Lighter green		: #f1fcdb
Very light green	: #e8f7c4
Medium brown		: #a66c38
Lighter brown		: #632f00
*/


/*Reset*********************************************************************************************/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
table, img{border:0;}
.clear{clear:both;}


/*Basic Elements************************************************************************************/
/*Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.*/
body {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0;
	margin:0 auto;
	text-align:center;
	background:#FFFFFF url('../img/pattern_bg.gif');
}

/*Generic Classes***********************************************************************************/
/*Define styles for simple things like floating to the sides, removing a bottom margin on elements, etc
Yes, these may not be as semantic as we would all like, but they are necessary for coding efficiently */

/*.png {behavior: url('/js/iepngfix.htc') }*/

/*** begin layout ****/
div.mastercontainer{
margin:0 auto;
text-align:center;
}
div.all{
padding:0;
width:860px;
margin:0 auto;
text-align:center;
position:relative;
}
div.bg_text{
padding-left:5px;
background:url('../img/bg_text.gif') repeat-y scroll 0 0;
height:630px;

}
div.headercontainer{
overflow:hidden;
height:89px;
margin-top:14px;
background-color:#FFFFFF;
position:relative;
}
div.toppixelmap{
width:250px;
margin:0;
padding:0;
position:absolute;
top:5px;
left:5px;
}
div.menu{
height:24px;
margin:0;
padding:0;
background-color:#FFFFFF;
position:absolute;
top:5px;
left:130px;
z-index:9998;
border:none;
}
div.menu a{
font-size:1px;
border:none; 
border:0;
float:left;
display:block;
}
div.headersublinks{
width:500px;
text-align:left;
padding-left:6px;
position:absolute;
left:257px;
top:66px;
z-index:9999;
}
div.headersublinks ul{
margin: 0px;
padding: 0px;
line-height: 10px;
white-space: nowrap;
}
div.headersublinks li{
list-style-type: none;
display: inline;
margin:0 5px;
}
div.headersublinks li a{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:none;
}
div.headersublinks li a:hover{
color:#666666;
text-decoration:underline;
}
div.logo{
width:232px;
padding:3px;
float:left;
position:absolute;
top:5px;
right:5px;
}
div.maincontent{
width:860px;
height:600px;
margin:15px 0 0 0;
background-color:#FFFFFF;
}
div.profielcontainerhome{
margin:0 65px;
text-align:center;
}
div.profielpic{
float:left;
margin-right:15px;
margin-left:10px;
font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
font-size:12px;
width:156px;
height:121px;
text-align:center;
}
div.profielpic a{
display:block;
margin:0;
padding:0;
width:190x;
height:147px;
}
div.leftcontainer{
text-align:left;
height:500px;
padding:0;
margin:0;
float:left;
}
div.leftcontainer iframe{
width:220px;
height:500px;
margin-left:15px;
margin-right:15px;
margin-top:15px;
overflow-x:hidden;
}
div.rightcontainer{
text-align:left;
width:480px;
height:500px;
float:left;
}
div.rightcontainer iframe{
width:595px;
/*height:500px;*/
height:100%;
margin-top:15px;
/*overflow-y:hidden;*/
}
div.errortekstencontainer{
text-align:left;
float:left;
width:381px;
margin:0;
}
div.tekstveld01{
text-align:left;
font-size:10px;
color:#000000;
}
div.tekstveld02{
text-align:left;
font-size:10px;
color:#000000;
}
div.tekstveld03{
text-align:left;
font-size:10px;
color:#000000;
}
div.contactform{
text-align:left;
}

.form{
	width:360px;
	margin-top:13px;
	
	background-color:#fff;
	float:left;
	display:inline;
	margin-left:30px;
	padding-left:35px;
	border-left:1px #848484 solid;
}

.form .input{
	
	width:370px;
	height:40px;
	
}
.form .input label{
	float:left;
	display:block;
	width:130px;
}
.form .input input{
	width:195px;
	float:right;
}
.form .input textarea{
	width:370px;
	margin-top:7px;
	float:right;
	height:70px;
}
.form .button{
	width:104px;
	height:29px;
	display:block;
	float:right;
	clear:both;
	background:url(../templateimages/button.gif) no-repeat top left;
	margin-top:15px;
}
.form .button:hover{
	background-position:bottom left;
}
/*** leden pagina ***/ 

div.headertekst{
height:30px;
margin:0;
padding-top:15px;
/*margin-bottom:14px;*/
text-align:left;
font-size:14px;
font-weight:bold;
float:left;
text-align:left;
}
div.headervideo{
height:30px;
margin-bottom:15px;
}