html, body{
	margin:0;
	padding:0;
	min-height:100%;
	font-family: "arial";
	font-size: 1em;
  	/* fallback */
  	background-color: white;
  	background-repeat: repeat-x;
  	/* Safari 4-5, Chrome 1-9 */
  	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#b0b0b1));
  	/* Safari 5.1, Chrome 10+ */
  	background: -webkit-linear-gradient(top, #eeeeee, #b0b0b1);
 	/* Firefox 3.6+ */
  	background: -moz-linear-gradient(top, #eeeeee, #b0b0b1);
  	/* IE 10 */
  	background: -ms-linear-gradient(top, #eeeeee, #b0b0b1);
  	/*IE 6+ */
  	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#b0b0b1');
  	/* Opera 11.10+ */
  	background: -o-linear-gradient(top, #eeeeee, #b0b0b1);
	
	}
	p {line-height:150%;}
	p1 {line-height:150%;}
	p3 {line-height:150%; font-size:9px; font-style: italic}
@font-face {
	font-family: fertigo;
	src: url('fertigo.eot');/*lettertype IE */
}

@font-face 
{
	font-family: fertigo;
	src: url('fertigo.otf');/*lettertype overig */
}


#container{
  	left: 50%;
  	margin-left: -520px; /* - (width/2) */
	position: absolute;
	width: 1080px;
	height: 800px;
	z-index:1;
	border-left: 1px solid #7a7a7a;
	border-right: 1px solid #7a7a7a;
	border-bottom: 1px solid #7a7a7a;
	background: white;
}

#crossslide {
	z-index:3;
  width: 1080px;
  height: 240px;
}
#content{
	width:1080px;
	height:440px;
	margin-top:0px;
	background-color: white;
	font-size: 1em;
	z-index:4;
	   }
#balk{
	width: 1080px;
	height:10px;
	background-image: url('../images/balk.png');
	z-index:5;
	background-color: transparent;
	position: absolute;
	}
	
	
#header{
	width: 1080px;
	height:240px;
	z-index:2;
	background-color: transparent;
	position: relative;
	
}
#menuh{
	background:url("../images/topMenuImages.png") repeat-x;;
	width: 1080px;
	height: 36px;
	margin-top:-36px ;
	position: relative;
	z-index:110;
	
}
/*
ul#navigation {
    float:left;
}
ul#navigation li {
    float:left;
    border:1px black solid;
    min-width:200px;
}
ul.sub_navigation {
    position:absolute;
    display:none;
    overflow: hidden;
}
ul.sub_navigation li {
    clear:both;
    margin-left: 9999px;
    float: left;
 }*/
/*.header_logo{
	position:absolute;
	width:235px;
	height: inherit;
	margin-left: 40px;
	color: white;
*/
#toplogo{
	width: 1080px;
	height:63px;
	background-image: url('../images/toplogo.png');
	background-repeat: no-repeat;
	background-color: #fff;
	z-index:5;
	}
	
#payoff{
	width: 332px;
	height:33px;
	background-image: url('../images/payoff.png');
	background-repeat: no-repeat;
	background-color: none;
	top:40px;
	left:40px;
	position:absolute;
	z-index:10;
	}
	
	#taal{
	width: 120px;
	height:33px;
	top:10px;
	left:950px;
	position:absolute;
	z-index:10;
	}

/* social iconen */
#menuIcons {
width:50px; height:100px;
float:left;
margin:30px 0 0 0;
}

#socialIcons {
width:50px; height:100px;
float:left;
}

#menuSocial {
width:50px; height:100px;
float:left;
margin:30px 0 0 0;
}

#social {
color:#666;
float:left;
width:100px; height:100px;
margin:0 0 0 960px;
position:absolute;
z-index:100;
}
#stream{
	position:absolute; 
	left:780px; 
	top:240px;
	height: 460px;
	width: 299px;
	z-index: 100;
	overflow: hidden;
	}
	
	#stream_pm{
	position:absolute; 
	left:780px; 
	top:420px;
	height: 300px;
	width: 299px;
	z-index: 100;
	overflow: hidden;
	}
		#logo_pm{
	position:absolute; 
	left:780px; 
	top:340px;
	height: 160px;
	width: 299px;
	z-index: 110;
	overflow: hidden;
	border: 1px;
	/*border-style:dashed;*/
	background-image: url('../pages/images/mercury_1.png');
	background-repeat:no-repeat;
	background-position:center; 
	}
	
	#logo_da{
	position:absolute; 
	left:780px; 
	top:340px;
	height: 160px;
	width: 299px;
	z-index: 110;
	overflow: hidden;
	border: 1px;
	/*border-style:dashed;*/
	background-image: url('../pages/projecten/images/da_logo.png');
	background-repeat:no-repeat;
	background-position:center; 
	}
.social a {
font-size: 12px;
line-height:32px;
color:#000;
text-decoration:none;
}

.social a:hover {
font-size: 12px;
line-height:32px;
color:#CCC;
text-decoration:underline;
}

.icon {
padding:5px 0 0 0;
width:25px; height:25px;
}
table#content1{
	text-align: left;
	width:661px;
	margin-left:40px;
	margin-top:30px;
	}
#footer{
	width:100%;
	height: 50px;
	margin-top: 0px;
	position: relative;
	text-align:center;
	
}

.td_exmp{
	font-size:0.75em;
	font-style: italic;
	color: grey;
	 }
h2{/*hoofdkop*/
	font-size:41px;
	font-family: fertigo;
	color: #000;
border:0px;
margin:0px;
padding:0px;
	 }
/*tussenkop*/
h3{
	font-size:16px;
	font-weight:bold;
	font-style:normal;
	font-family:Helvetica; 
	color: #868889;
	 }
h4{
	font-size:10px;
	font-weight:bold;
	font-style:normal;
	font-family:Helvetica; 
	color: #868889;
	 }	 
p{/*hoofdinleiding*/
font-size:14px;
font-style:normal;
	font-family: helvetica;
	color: #353232;
}
/*copy tekst*/
p1{font-size:14px;
	font-style: normal;
	font-family: helvetica; 
	color: #353232;
	}
	
#bio_fot{
	position:absolute; 
	left:730px; 
	top:340px;
	border:1px;height: 301px;
	width: 200px;
	float: top right;
}
#cycle-slideshow
{
	position:absolute; 
	left:730px; 
	top:340px;
	border:1px;height: 301px;
	width: 200px;
	float: top right;
}
#adv-custom-caption
{line-height:150%; font-size:9px; font-style: italic}

#prot_img{
	position:absolute; 
	left:730px; 
	top: 360px;
	border:1px;height: 301px;
	width: 200px;

}
#prot_img2{
	position:absolute; 
	left:730px; 
	top: 400px;
	border:1px;height: 301px;
	width: 200px;

}
#prot_img3{
	position:absolute; 
	left:730px; 
	top: 260px;
	border:1px;height: 301px;
	width: 200px;

}
/*
Contact Form by html-form-guide.com
You can customize all the aspects of the form in this style sheet
All the style elements use form id selector(notice the #contactus). So, including this
stylesheet does not affect the other elements at all!
*/

label
{
line-height:150%;
font-size:12px;
font-style:normal;
font-family: helvetica;
	color: #353232;
}

input[type="text"],textarea
{
  font-family : Arial, Verdana, sans-serif;
  font-size: 0.8em;
  line-height:150%;
  color : #000; 
  padding : 3px; 
  /*border : 1px solid #999;*/

}

input[type="text"]
{
  height:18px;
  width:220px;
}

#scaptcha
{
  width:60px;
  height:40px;
}

input[type="submit"]
{
   width:100px;
   height:30px;
   padding-left:0px;
}

textarea
{
  height:120px;
  width:220px;
}

input[type="text"]:focus,textarea:focus
{
  color : #009;
  border : 1px solid #990000;
  background-color : #ffff99;
  font-weight:bold;

 .container
{
   margin-top:0px;
   margin-bottom: 10px;
}

.error
{
   font-family: Verdana, Arial, sans-serif; 
   font-size: 0.7em;
   color: #900;
   background-color : #ffff00;
}


.short_explanation
{
line-height:150%;
font-size:12px;
font-style:normal;
font-family: helvetica;
	color: #353232;
}

fg_crdiv
{
   font-family : Arial, sans-serif;
   font-size: 0.3em;
   opacity: .2;
   -moz-opacity: .2;
   filter: alpha(opacity=20);   
}
fg_crdiv p
{
    display:none;
}


