html, body {
  height:100%;
  margin:0;
  padding:0;
  text-align:center;
}

html {
      overflow: -moz-scrollbars-vertical;
}

body
{
  background: #f0f0f2 url(/fileadmin/opmaak/background.gif) repeat-x;
  font-family: Arial, Helvetica, Tahoma, Verdana;
  font-size: 12px;
  line-height: 150%;
  color:#000000;
}

body > div#container {
  height:auto;
  background:transparent url(/fileadmin/opmaak/bg_preconfigman.png) no-repeat -140px 100px;
}

a {
  padding: 0px 0px 0px 0px;
  font-weight: normal;
  color: #000000;
  text-decoration: underline;
}

a:hover {
  color: #000000;
  text-decoration: underline;
}

#rootmenu {
  margin: 5px 0px 5px 18px;
  color: #888888;  
}

#rootmenu a:link, #rootmenu a:visited {
  font-weight: normal;
  color: #888888;
  text-decoration: none;
}

#rootmenu a:hover {
  color: #888888;
  text-decoration: underline;
}

#container
{
  float:left;
  padding: 0;
  min-height:100%;
  margin:0 auto -170px;
  width: 100%;
  position:relative;
  height: 100%;
  text-align:left;
}

#background
{
  float: left;
  position: relative;
  margin: 0 auto;
  height: 120px;
  text-align: left;
  width: 100%;  
  z-index: 999;
}

#top {
  position: relative;
  margin: 0 auto;
  width: 900px;
  height: 90px;
}

#logo {
  position: relative;
  float:left;
  margin: 7px auto -7px 18px;
  width: 417px;
  height: 90px;
  background: url(/fileadmin/opmaak/preconfig_logo.png) no-repeat top left;
}

#topbanner {
  position: relative;
  float:left;
  margin: 0 auto;
  width: 450px;
  height: 90px;
  text-align:right;
}

#navigation
{
  position: relative;
  width:900px;
  top: 0px;
  margin: 0 auto;
}

#iconhome
{
  position: relative;
  top: 0px;
  left: 0px;
  float:left;
}

/*- Begin topmenu in Header */

ul.topmenu {
  margin: 0px 0px 0px 0px;
  padding: 0;
  position: relative;
  bottom: 0;
  left: 20px;
/*  width: 90%; */
  }

ul.topmenu li {
  display: inline;
  margin: 0px 0px 0px 0px;
  }

ul.topmenu,
ul.topmenu li a {
  padding: 2px 15px 3px 15px;
  }

ul.topmenu li a {
  font: 11px Verdana, Helvetica, Arial, Sans-Serif;
  font-weight: normal;
  color: #ffffff;
  text-decoration: none;  
  }

ul.topmenu li a:hover {
  font-weight: normal;
  background: #ffffff;
  color: #000 !important;
  text-decoration: none;
  }

/* einde top menu */

/*- Begin leftmenu in Left*/

ul.leftmenu {
  margin: 0px 0px 0px 0px;
  padding: 0;
  position: relative;
  bottom: 0;
  left: 0px;
  width: 90%;
  }

ul.leftmenu li {
  display: inline;
  margin: 0px 0px 0px 0px;
  }

ul.leftmenu,
ul.leftmenu li a {
  padding: 2px 5px 3px 5px;
  }

ul.leftmenu li a {
  font: 11px Verdana, Helvetica, Arial, Sans-Serif;
  font-weight: normal;
  line-height:16px;
  color: #000;
  text-decoration: none;  
  }

ul.leftmenu li a:hover {
  font-weight: normal;
  line-height:16px;
  background: none;
  color: #555 !important;
  text-decoration: none;
  }

/* einde left menu */

#contentmaincontainer
{
  width: 900px;
  margin: 0 auto;
}

#main
{
  float: left;
  width: 700px;
  margin: 0 auto;
}

#contentcontainer {
  float: left;
/*  background: transparent url(/fileadmin/opmaak/content_background.jpg) no-repeat bottom left; */
  width: 700px;
  margin: 3px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
#contentmidden {
  float: left;
  background: #fff url(/fileadmin/opmaak/maincontent.gif) repeat-y top left;
  width: 700px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  min-height: 400px;
}

#content {
  float: left;
  width: 670px;
  margin: 0px 15px 0px 15px;
  padding: 10px 0px 10px 0px;
/*  min-height: 500px; */
/*  height: auto !important; */
/*  height: 500px; */
}

#content h1, #content h1.csc-firstHeader {
  margin-top: 20px;
  color: #0d206a;
  font-size: 14px;
} 

#content2collumns h1, #content h1.csc-firstHeader {
  margin-top: 10px;
  color: #0d206a;
  font-size: 14px;
} 

#content h2, #content h2.csc-firstHeader {
  margin-top: 20px;
  color: #0d206a;
  font-size: 13px;
} 

#content h3, #content h3.csc-firstHeader {
  margin-top: 20px;
  color: #0d206a;
  font-size: 12px;
} 

#content h4, #content h4.csc-firstHeader {
  margin-top: 20px;
  color: #0d206a;
  font-size: 11px;
} 

#contentinhoud {
  display: block
  width: 700px;
  margin: 0px 15px 15px 15px;
  padding-top:0px;
}

#contentinhoud IMG{
  border:0px;
}

#contenttop {
  float: left;
  background: transparent url(/fileadmin/opmaak/maincontenttop.gif) no-repeat top left;
  width: 700px;
  height: 4px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;  
}

#contentbottom {
  float: left;
  background: #f0f0f2 url(/fileadmin/opmaak/maincontentbottom.gif) no-repeat top left;
  width: 700px;
  height: 4px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;  
}

#contentfooter {
  float: left;
  background: #0d206a;
  width: 672px;
  height: 20px;
  margin: 2px 13px 0px 5px;
  padding: 5px 10px 5px 10px;  
  color: #ffffff;
  font-weight: bold;
  text-align:right;
}

#contentfooter img {
  margin: 5px 0px 0px 5px;
}

#contentfooter p.bodytext
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;  
}


#contentfooter a {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
}

#contentfooter a:hover {
  color: #ffffff;
  text-decoration: underline;
}

#banners {
  display:block;
  float:left;
  margin: 33px 0px 0px 0px;
  text-align: left;
  width: 200px;
  }

#banners img {
  margin-bottom:10px;
  background: url(/fileadmin/opmaak/bg_button_rechts.png) transparent no-repeat;
  padding: 3px;
  }

#contentinfo {
  display:block;
  float:left;
  margin: 0px 0px 0px 0px;
  text-align: left;
  width: 200px;
  }

#contentinfo img {
  margin-bottom:10px;
  padding: 3px;
  }

/* BEGIN: Clearfix
--------------------------------------------------------- */
.clearfix:after, .clear {
  clear: both;
  display: block;
  content: ".";
  height: 0;
  visibility: hidden;
}

/* END: Clearfix
--------------------------------------------------------- */
  

/* BEGIN: SUCKERFISH
--------------------------------------------------------- */
/* Credits: Dynamic Drive CSS Library */
/* URL: http://www.dynamicdrive.com/style/ */

.suckertreemenu {
  z-index: 999;
}

.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background-color: transparent; /*overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
background: #0d206a; /* url(/fileadmin/opmaak/hoofdmenu_achtergrond.gif) no-repeat; */
display: block;
/*width: 100px; Width of top level menu link items*/
padding: 5px 6px 6px 10px;
margin:0px 18px;
text-decoration: none;
font-weight: bold;
text-align: center;
text-indent: -10px;
text-transform: uppercase;
color: #fff;
/* filter:alpha(opacity=100);
-moz-opacity:.99;
opacity:.99; */
}
  
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
background: #0d206a;
display: block;
width: 160px;
text-decoration: none;
padding: 5px 10px 5px 10px;
border-bottom: 1px solid #fff;
font-weight: normal;
text-align: left;
text-indent: 0px;
text-transform: none;
color: #fff;
/* filter:alpha(opacity=90);
-moz-opacity:.90;
opacity:.90;*/
}

.suckertreemenu ul li a:hover{
background: #0066a8;
color: #fff;
text-decoration: none;
margin-left:0;
margin-right:3px;
padding-left:28px;
padding-right:21px;
}

.suckertreemenu ul li ul li a:hover {
  background: #0066a8;
  color: #fff;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
/* background: #F3F3F3 url(media/arrow-down.gif) no-repeat center right; */
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
/* background: #F3F3F3 url(media/arrow-right.gif) no-repeat center right; */
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
  
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }

/* END: SUCKERFISH
--------------------------------------------------------- */

/* NIEUWS - begin */

.clsub_nlb_post_date {
  float:left;
  margin:0px 0px 0px 0px;
  font-size:13px;
  line-height:14px;
  font-weight:bold;
  width:100%;
}

.clsub_nlb_post_catimg {
  float:left;
}

.clsub_nlb_post_head {
  margin:0 0 0px;
}

.clsub_nlb_post_head a:link, .clsub_nlb_post_head a:visited {
  margin-top: 0px;
  color: #0d206a;
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  text-decoration: none;
}

.clsub_nlb_post_head a:hover, .clsub_nlb_post_head a:active {
  margin-top: 0px;
  color: #000000;
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  text-decoration: none;
}

h7 img {
  margin: 0px 2px 0px 2px;
  }

.clsub_nlb_post_sub P, .clsub_nlb_post_sub P .bodytext {
  margin:0px 0px 0px;
  font-size:13px;
  line-height: 13px;
  color:#000000;
}

.clsub_nlb_post_sub {
  margin:3px 0px 0px;
  font-size:13px;
  line-height: 13px;
  color:#000000;
  width:680px;
  float:left;
}

.news-latest-item .clsub_nlb_post_sub {
  color:#000000;
  float:left;
  font-size:13px;
  line-height:13px;
  margin:3px 0 5px;
  width:580px;
  }

.news-latest-item .latestverder a {
  color: #0d206a;
  float:left;
  font-size:13px;
  font-weight: bold;
  text-decoration: none;
  line-height:13px;
  margin:0px 0 10px;
  width:580px;
  }
  
.news-latest-item .clsub_nlb_post_head {
  float:left;
  margin:0 0 0px;
  width:580px;
  }

.leesverder {
  margin:3px 0px 0px;
  font-size:13px;
  line-height: 13px;
  color:#0d206a;
  width:20px;
  float:left;
  font-weight: bold;
  text-decoration: none;
  }

.leesverder a {
  margin-top: 0px;
  color: #0d206a;
  font-size: 13px;
  line-height: 13px;
  font-weight: bold;
  text-decoration: none;
}

.news-list-item {
  margin:0px -15px 10px;
  padding-left:15px;
  padding-right:10px;
  min-height:40px;
  }

.news-latest-item {
  margin:0px -15px 20px;
  padding:0px 15px 30px 15px;
  }

.news-list-date {
  display:block;
  float:left;
  font-size:10px;
  color:#888;
  background:#eeeeee;
  margin:0px 3px 0px 0px;
  padding:0px 3px 0px 3px;
  }

.news-list-title {
  font-size:12px;
  color:#000;
  margin:0px 0px 0px 3px;
  }

.news-list-title a {
  font-weight: normal;
  text-decoration: none;
}

#latestnewstitle H9, #latestnewstitle H9 a {
  margin: 0px;
  color: #0d206a;
  font-size: 13px;
  font-weight:bold;
  text-decoration: none;
} 

#news-latest-item {
  display:table;
  margin: 0px 0px 10px 0px;
  width:695px;
  background: #F9FEFF;
  border: solid 1px #1168a0;
  padding:5px;
  }

#latestnewsdate {
  float:left;
  margin: 0px 0px 0px 0px;
  width:695px;
  height:12px;
  font-size:9px;
  color:#444444;
  font-style:italic;
  }
#latestnewstitle {
         float:left;
         width:695px;
  margin: 0px 0px 0px 0px;
  }

#latestnewssubheader {
  margin: 0px 0px 0px 0px; 
         width:100%;
  padding: 0px 0px 0px 0px;
  float:left;
  color:#333333;
  }

#latestverder {
  margin: 0px 0px 0px 0px;
          >width:585px;
  }

#latestnewscat {
         width:725px;
  margin: 10px 0px 0px 0px;
  }

.article_separator {
  background:transparent url(/website/fileadmin/images/content_spacer.png) no-repeat center;
  display:block;
  height:10px;
}

.news-single-item {
  margin-top:20px;
  }

#content .news-single-item H2 {
  color:#0D206A;
  font-size:24px;
  line-height:24px;
  margin:0px 0px 0px 0px;
  padding-bottom:0px;
  padding-top:0px;
  height:36px;
  }

#content .news-single-item H4 {
  color:#0D206A;
  font-size:14px;
  margin:10px 0px 0px 0px;
  }

#content .news-single-item P {
  color:#000;
  font-size:12px;
  line-height:14px;
  margin-top:0px;
  padding-bottom:0px;
  }

#content .news-single-item ul {
  color:#000;
  font-size:12px;
  line-height:12px;
  margin-top:0px;
  padding-bottom:0px;
  }

.news-single-img {
  float:right;
  }

.news-latest-img {
  float:right;
  margin-left:10px;
  }
  
/* NIEUWS - eind */

dt, dl {
margin: 0px;
padding: 0px;
}

.contenttable td, .contenttable th {
padding: 2px 5px 2px 5px;
}

.tableoverzicht {
width: 700px;
margin: 0px 0px 0px 0px;
}

.tableoverzicht caption {
background: #555555;
font-weight: bold;
}

.tableoverzicht thead tr.tr-even {
background: #0d206a;
color:#ffffff;
text-align:left;
}

.tableoverzicht tbody tr.tr-even {
background: transparent;
}

.tableoverzicht tbody tr.tr-odd {
background: #transparent;
}

.tableoverzicht tbody tr td {
border:1px solid #0d206a;
}

#contentcenter {
  width:95%;
  margin: 0px 13px 10px 13px;
  padding:5px;
  text-align:center;
}

/* 2 Blokken in pagina */

#content2collumns {
  float: left; 
  width:44%;
  margin: 0px 13px 10px 13px;
/*  background: #f0f0f2; */
  padding:5px;
/*  border: solid 1px #0d206a; */
}

#content2collumns h1 a, #content2collumns .internal-link {
  margin-top: 0px;
  color: #0d206a;
  font-size: 14px;
  font-weight:bold;
  text-decoration:none;
}

/* 3 Blokken in pagina */

#contentinhoudleft {
  float: left;
  width: 200px;
  margin: 0px 4px 10px 4px;
  background: #f0f0f2;
  padding:5px;
  border: solid 1px #0d206a;
}

#contentinhoudmiddle {
  float: left;
  width: 200px;
  margin: 0px 9px 10px 9px;
  background: #f0f0f2;
  padding:5px;
  border: solid 1px #0d206a;
}

#contentinhoudright {
  float: left;
  width: 210px;
  margin: 0px;
  padding:5px 10px 5px 5px;
  }

#contentinhoudright .tx-flvplayer-pi1 {
  width: 200px;
  margin: 0px 0px 0px 10px;
  }

#contentinhoudright .tx-rgmediaimages-pi1 {
  width: 200px;
  margin: 0px 0px 0px 10px;
  }

#contentinhoudleft h1 a, #contentinhoudmiddle h1 a, #contentinhoudright h1 a, #contentinhoudleft .internal-link, #contentinhoudmiddle .internal-link, #contentinhoudright .internal-link {
  margin-top: 0px;
  color: #0d206a;
  font-size: 14px;
  font-weight:bold;
  text-decoration:none;
}

/* BEGIN: FOOTER
--------------------------------------------------------- */
div#push {
  clear:both;
}

div#push, div#footer {
  height:160px;
  overflow:hidden;
}

#footer {
  float: left;
  position: relative;
  margin: 10px 0px 0px 0px;
  text-align: left;
  width: 100%;
  background: transparent url(/fileadmin/images/footer_basis_background.jpg) repeat-x left bottom;  
}

#footertekst
{
  position: absolute;
  top: 40px;
  left: 20px;
  /* float: left; */
  width: 195px;
  margin: 0px;
  background: transparent;
}

#footertekst p.bodytext
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;  
}

#footerlogo
{
  position: absolute;
  top: 40px;
  left: 270px;
  /* float: left;*/
  width: 750px;
  height: 65px;
  margin: 0px;
  background: transparent;
}

#footerlogo img
{
  margin: 0px 30px 0px 0px;
  vertical-align: middle;
}

#footercopyright
{
  position: relative;
  width:900px;
  top: 85px;
  left: 0px;
  /* float: left;*/
  color: #ffffff;
  font-weight: bold;
  margin: 0px auto;
  padding: 0px 0px 0px 0px;  
}

#footercopyright p.bodytext
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;  
}


#footercopyright a {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-weight: bold;
  /* text-transform: uppercase; */
  color: #ffffff;
  text-decoration: none;
}

#footercopyright a:hover {
  color: #ffffff;
  text-decoration: underline;
}

/* END: FOOTER
--------------------------------------------------------- */

ul {
  margin: 0px 0px 0px -24px;
   >margin: 0px 0px 0px 15px;
  }
 

li {
  list-style-image: url(/fileadmin/opmaak/li-punt.png);
  }
  
.tx-irfaq-pi1 dd {
  color:#000000;
  font-weight:regular;
  }
  
.powermail_mandatory {
color:#ff3300;
margin:0px 5px 0px 5px;
}
.powermail_textarea {
font-family: Arial, Helvetica, Tahoma, Verdana;
}
.tx_powermail_pi1_fieldwrap_html_checkbox_title {
visibility:hidden;
margin:0px;
}
input .powermail_check {
float:left;
}
label {
         display:inline-block;
         width: 130px;
         border: 0px;
         }
input {
margin:2px 0px 2px 0px;
}
checkbox {
float:left;
}
legend {
font-weight: bold;
color: #0d206a;
}
.tx_powermail_pi1_fieldwrap_html_radio_title {
margin:5px 0px 0px 0px;
}


.powermail_submit {
  margin-left:130px;
  margin-top:10px;
  }

.csc-mailform-radio fieldset {
border:0px;
margin-left:150px;
}

.csc-mailform-radio fieldset label {
width:auto;
padding:0px 10px 0px 5px;
}

.csc-mailform-submit {
margin:10px 0px 0px 150px;
}

.csc-mailform-field label {
width:150px;
}

.important {
  color:#ff3300;
  }

thead TR td {
padding: 0px;
margin:0px;
background:none repeat scroll 0 0 #26A0DF;
border:solid 1pt #2854A3;
color:#ffffff;
font-weight:bold;
}

thead TR TD P, tbody TR TD P {
padding: 0px;
margin:0px;
}

tbody TR td {
padding: 0px;
margin:0px;
border:solid 1pt #2854A3;
color:#000000;
font-weight:normal;
}

table {
padding: 0px;
margin:0px;
border:solid 1pt #2854A3;
}

#banners li {
    display: inline;
}

