/* ============= ALGEMEEN ============ */

html, body {
 width: 100%;
 height: 100%;
 margin: 0px;
 padding: 0px;
 }

img{
 border:0px;
}

body, html, div, p, a, li, td, table, b{
 font-family: Arial,Verdana, Helvetica, sans-serif;
 font-size: 15px;
 color: #000000;
 line-height: 18px;
}

a{
  text-decoration: underline;
 }
  
body{

 background-color: #FFFFFF;
}
h1 {
	font-family: Eurostile,Arial,Verdana, Helvetica, sans-serif;
	font-size: 24px;
	color: #ff7800;
	line-height: 20px;
}
h2 {
	font-family: Eurostile,Arial,Verdana, Helvetica, sans-serif;
	font-size: 18px;
	color: #ff7800;
	line-height: 20px;
}
input {
  margin-bottom:7px;
  width:252px;
  padding: 2px;
  font-family: Arial,Verdana, Helvetica, sans-serif;
 font-size: 11px;
 color: #000000;
 line-height: 18px;

}

select{
 font-family: Arial,Verdana, Helvetica, sans-serif;
 font-size: 11px;
 color: #000000;
 line-height: 18px;
 display:block;
 clear:both;
 height:20px;
 margin-bottom:3px;
 width:398px;
}

textarea{
 font-family: Arial,Verdana, Helvetica, sans-serif;
 font-size: 11px;
 color: #000000;
 line-height: 18px;
 width: 390px;
 height:140px;
 margin-bottom: 10px;
   padding: 2px;
}

form {
  height:0px;
}

/* ============= END ALGEMEEN ============ */
/* ============= INTERFACE ============ */

div#container{

 margin: auto;
 height: auto;
 top: 19px;
 position: relative;
 width: 963px;
}

div#logo{
 width: 409px;
 height: 51px;
 position: relative;
 left: 17px;
}

div#vlag{
 position:absolute;
 left: 900px;
}
div#main_bottom{
 position:relative;
 background: url('/media/images/main_bottom.gif') no-repeat;
 height: 13px;
 width: 963px;
 clear: both;
 float: left;
}
div.player_wrapper {
	height: 445px;
	float:left;
	position: relative;
}
/* ============= END INTERFACE ============ */
@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}





/* ============= CORPORATE ============ */

div.corporateVeld{
 padding:0px 10px 0px 15px;
 float: left; 
 height: 340px; 
 width: 289px;
 overflow: hidden;
}

/* ============= END CORPORATE ============ */
/* ============= LAYOUT RECHTS CUSTOM ============ */

div#mainRechtsCustom{
 position:relative;
 background: url('/media/images/bgCompleet_redesign.gif') repeat-y;
width:963px;
}

div#mainRechtsCustom #custom{
 float:right;
 width: 620px;
}

div#mainRechtsCustom #tekst{
 float:left;
}

div#mainRechtsCustom #intro{
 padding:20px;
 padding:28px 20px 0 40px;
}

div#mainRechtsCustom #body{
 width: 270px;

 margin: 0px 20px 20px 40px;
}
div#mainRechtsCustom #body ul
{
list-style-position:inside;

}
div#mainRechtsCustom #replace{
 width: 290px;
 height:325px;
 overflow: hidden;
}

/* ============= END LAYOUT RECHTS CUSTOM ============ */
/* ============= LAYOUT RECHTS ============ */

div#mainRechts{
 position:relative;
 background: url('/media/images/bgCompleet_redesign.gif') repeat-y;
width:963px;
}

div#mainRechts #custom{
 float:left;
 width: 630px;
 padding: 10px 0px 0px 20px;
}

div#mainRechts #tekst{
 float:right;
 width:260px;
 padding: 20px 20px 20px 0px;
}

div#mainRechts #bodytekst{
padding-top: 10px;
}

div#mainRechts #intro{
 height:100px;
 padding-top:25px;
}

/* ============= END LAYOUT RECHTS ============ */
/* ============= LAYOUT LINKS ============ */

div#mainLinks{
 position:relative;
 background: url('/media/images/bgCompleet_redesign.gif') repeat-y;
width:963px;
height:450px;
}

div#mainLinks #tekst{
 padding: 20px 0px 20px 20px;
 float:left;
 width:215px;
}

div#mainLinks #custom{
 position:absolute;
 right:-20px;
 top:13px;
}

div#mainLinks #tekstclient{
 padding: 20px 5px 20px 20px;
 padding:28px 20px 0 40px;
 float:left;
 width:280px;
}

div#mainLinks #customclient{
 padding: 25px 20px 0px 0px;
 float:right;
 width:585px;
}
div#mainLinks div#body ul{
	list-style-position: inside;
}
/* ============= END LAYOUT LINKS ============ */
/* ============= LAYOUT COMPLEET ============ */

div#mainCompleet{
 background: url('/media/images/bgCompleet_redesign.gif') repeat-y;
	position: relative;
float:left;
width:963px;
}

div#mainCompleet #custom{
 padding:0px 10px 0px 5px;
clear:both;
width: 100%;
float:left;
}

div#mainCompleet #tekst{

}

div#mainCompleet #body{
 padding:0px 40px 30px 40px;
 float: left;
 height: auto;
 position: relative;
 clear:both;
}

div#mainCompleet #replace{
 height: 340px;
 overflow: hidden;
}

div#mainCompleet #intro{
 padding:28px 20px 0px 40px;
}

/* ============= END LAYOUT COMPLEET ============ */
/* ============= LAYOUT VLAK ============ */

div#mainVlak{
 background: url('/media/images/bgCompleet_redesign.gif') repeat-y;

 width:963px;
}

div#mainVlak #intro{
 padding:28px 20px 0 40px;
 height:70px;
}

div#mainVlak #body{
 top: 100px;
 left: 300pX;
}

div#mainVlak #custom{
 padding:20px;
}

/* ============= END LAYOUT VLAK ============ */
/* ============= LAYOUT NIEUWS ============ */

div#mainNieuws{
 background: url('/media/images/bgCompleet_redesign.gif') repeat-y;
width: 963px;
padding-bottom: 20px;
}

div#mainNieuws #tekst{
 padding:20px;
 padding:28px 20px 20px 40px;
 height:20px;
}

div#mainNieuws #custom{
 padding:15px 35px 15px 40px;

}

/* ============= END LAYOUT NIEUWS ============ */
/* ============= MENU ============ */

ul#menu {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  padding-left: 1px;
  background:url('/media/images/menubalk.gif');

  width: 962px;
  height:29px;

}

ul#menu li {
  display:block;
  height:29px;
  float: left;
}
div#menuholder {
position: absolute;
right: 19px;
top: 21px;

  height:17px;
}
ul#menutop {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  position: relative;
  background: none;

  display:block;
  height:17px;
}

ul#menutop li {
  display:block;
  position: relative;
  height:17px;
  float: left;
  white-space: nowrap;
  margin-left: 5px;
}
ul#menutop li a {
	text-decoration: none;
	display:block;
	  float: left;
	height: 17px;
	line-height: 16px;
	color: #000;
		cursor: pointer;
}
ul#menutop li a:hover {
	color: #fff;
	background: #ff7800;
}
ul#menutop li a span.bgleft {
  background:url('/media/images/menu_bgleft.gif') no-repeat top left;
  width: 6px;
  height: 17px;
  display:inline;
  position: relative;
  float: left;
  	cursor: pointer;
  
}
ul#menutop li a span.text {
  float: left;
    display:inline;
}
ul#menutop li a.active span.text {
	background: #ff7800;
	color: #fff;
		text-decoration: none;
	display:inline;
	height: 17px;
	line-height: 16px;
	cursor: pointer;
}
ul#menutop li a.active span.bgleft {
	background-position: bottom left;
}
ul#menutop li a:hover span.bgleft {
	background-position: bottom left;
}
ul#menutop li a span.bgright {
  background:url('/media/images/menu_bgright.gif') no-repeat top left;
  width: 6px;
  height: 17px;
  display:inline;
  float: left;
 	cursor: pointer;
}
ul#menutop li a:hover span.bgright {
	background-position: bottom left;
		cursor: pointer;
}
ul#menutop li a.active span.bgright {
	background-position: bottom left;
		cursor: pointer;
}
/* ============= END MENU ============ */
/* ============= NIEUWS INHOUD============ */

div#nieuwsLijst{
clear:both;
 width: 500px;

 float:left;
}

div#nieuwsLijst ul{
 margin:5px 20px 0px 10px;
 padding:0px 20px 20px 10px;
}

div#nieuwsLijst li{
 list-style-image: url('/media/faq/pijl_oranje.gif');  
}

div#nieuwsLijst li a{
 text-decoration: none; 
}

div#nieuwsLijst li :hover{
 list-style-image: url('/media/faq/pijl_zwart.gif'); 
 font-weight: bold;
 text-decoration: none; 
}

#nieuwsLijst ul li a label{
 color: #000000;
}

div#newstitel{

}

div#postitNieuws{
 float:right;
 padding-top: 20px;
 height:140px;
 width: 250px;
}

div#afbeeldingNieuws img{
 margin-left:15px;
}
div.apiform {
	height: 150px;
}
/* ============= END NIEUWS INHOUD============ */
/* ============= CONTACTFORMULIER ============ */

form div label {
 display:block;
 width:82px;
 height:17px;
 float:left;
 padding:3px 10px 3px 0px;
 margin: 0px;
 text-align: right;
}

input.radio {
  float:left;
  height:14px;
  width:14px;
  margin-bottom:8px;
  border: 0px;
}

label.geslacht{
  width:50px;
  padding:0px;
  height:17px;
  margin: 0px 0px 8px 10px;
  text-align: left;
}

form br {
 clear:both;
}

#foutmelding{
 margin: 10px 0px 0px 90px;
 height: 12px;
 font-style: italic;
}

#tekstverzend span{
  float:right;
}

#contactRechts{
 float:right;
 padding-right:54px;
}

div#contactRechts label{
 text-align:left;
 width: 313px;
}

div#contactLinks{
  float:left;
  padding-left:20px;
}

.zwart{
 color: #ff7800;
}

.verzendbutton{
 height: 24px;
 width: 72px;
}
div#contactform_div {
	background: #f1f1f1;
	float: left;
	width: 920px;
	margin-bottom: 20px;
	margin-top: 10px;
	padding-top: 18px;
	padding-bottom: 0px;
	position: relative;
	height:433px;
}
div#contactform_div div#top{
	width: 920px;
	position: absolute;
	top: 0;
	height:6px;
 background: url('/media/images/contactform_top.gif') no-repeat;
}
div#contactform_div div#bottom{
	width: 920px;
	height:6px;
margin-top:20px;
 background: url('/media/images/contactform_bottom.gif') no-repeat;
}
/* ============= END CONTACTFORMULIER ============ */
/* ============= BEDANKT CONTACTFORMULIER ============ */

div#bedanktContact{
 text-align: center;
 padding-top:90px;
}

/* ============= END BEDANKT CONTACTFORMULIER ============ */
/* ============= FAQ ============ */

div#faqtitel{
 padding:0px 0px 0px 20px;
 color: #ffffff;
}

div#faqtitel a{
 text-decoration: underline;
 color: #000000;
}

div#faqtitel span {
 text-decoration: none; 
 color: #000000;
}

ul#faq{
 margin: 0px;
 padding:20px 40px 20px 40px;
 width: 600px;
 height: 200px;
 overflow: auto;
 float: left;
}

ul#faq li{
 list-style-image: url('/media/faq/pijl_zwart.gif'); 
}

ul#faq li a{
 color: #000000;
 font-weight: bold;
 text-decoration: none; 
}

ul#faq li a:hover{
 color: #ffffff;
 list-style-image: url('/media/faq/pijl_wit.gif'); 
 text-decoration: none; 
}

div#faqAntwoord{
margin:0px;
 padding:20px 20px 0px 20px;
 width: 620px;
 height: 200px;
 overflow: hidden;
 float: left;
}

div#postit{
 margin: 100px 0px 0px 500px;
}

div#terugbutton{
 float: left;
 margin: 0px 0px 20px 20px;
}

div#faqImage{
 float: left;
 padding-right: 20px;
}

/* ============= END FAQ ============ */
/* ============= FOOTER ============ */

div#footer{
 color: #4d4d4d;
 padding:20px;
 text-decoration: none;
 font-size: 11px;
}

div#footer a{
 color: #4d4d4d;
  font-size: 11px;
 text-decoration: none;
}

div#footer :hover{
 color: #333333;
 text-decoration: underline;
}

/* ============= END FOOTER ============ */
/* ============= FLASH ============ */

div#flash{
 padding: 0px 0px 0px 0px;
}

div.links{
 float:left;
}

div.rechts{
 float:right;
}
div#threeblocks {
	margin-top: 10px;
	margin-bottom:-20px;
	width: 963px;
}
div#threeblocks div.rechts{
	float:left;
position: relative;

}
div#threeblocks div.flash1 div#flash {
margin: 0 !important;
padding: 0 !important;
}
div#threeblocks div.flash2 div#flash {
margin: 0 !important;
padding: 0 !important;
}
div#threeblocks div.flash3 div#flash {
margin: 0 !important;
padding: 0 !important;
	width: 321px;
}
div#threeblocks div.flash3 div.rechts {
margin:0;
padding: 0;
}
div#threeblocks div.rechts {
	width: 331px;
	margin: 0;
	float: left;

}
div#threeblocks div.flash3 div.rechts {
margin:0;
width: 300px !important;

}
*+html div#threeblocks {
	float: left;
	margin-right: 0;
	margin-bottom:-30px;
	height: 168px;
	width: 963px;

}
/* ============= END FLASH ============ */
/* ============= ERROR ============ */

div#error{
color: #000000;
text-align: center;
}

div#error_home{
width: 800px;
}

/* ============= END ERROR ============ */

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #000;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#000;
}
#TB_window a:link {color: #000;}
#TB_window a:visited {color: #000;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #000;}
#TB_window a:focus{color: #000;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#FD9201;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
color: #000 !important;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
color: #000 !important;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}