
/* -------- REM STYLE -------- */

/* HTML BODY */
html{
  margin:0;
  padding:0;
  height:100%;
  border:none;
}

body{
  margin:0;
  padding:0;
  height:100%;
  border:none;
  background-color: #ffffff;
  margin-top: 0px;
}

.hoofdtabel{
  /*zorgt voor het zwarte randje 
  en een witte achtergrond*/

  /*border-left: 1px #000000 solid;
  border-bottom: 1px #000000 solid;
  border-right: 1px #000000 solid;
  */
  background-color: White;
}

/* WATERMERKEN */
.watermerk_rem{
  background-color: #FDAF5D;
}

.watermerk_bigben{
  background-color: #FEA24B;
}

.watermerk_wave{
  background-color: #FFA042;
}

.watermerk_onderst{
  background-color: #FFCA8A
}


/* ADRES */
.adres{
  /*tekst in het adresvak rechtsboven*/

  font-size: 11px;
  font-family: verdana, arial, sans-serif;
  font-weight: bolder;
  color: #333333;
}

 
/* NAV1 */
a.link {
  /*zwarte link in navigatielaag1 
  blok witte letter*/

  background-color: #000000;
  color: #FFFFFF;
  text-decoration: none;
}

a.current {
  /*geselecteerde link in de nav1 
  witte letter */

  background-color: #FF9C00;
  color: #FFFFFF;
  text-decoration: none;
}

.nav1{
  /*achtergrond blauw 
  marge en passing*/
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  background-color: #2D54BB;
  background-repeat: repeat-x;
  /* was: #24469d*/
  letter-spacing: -1px;
  text-indent: 12px;
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
}

.nav1 a:hover{
  /*oranje mouseover, was: #FFB55A*/

  background-color: #FF9C00;
  color: #000000;
}


/* NAV2A */
.nav2a{
  /*nav2a randje 
  en de witte achtergond */

  border-top: 1px #FF9C00 solid;
  border-right: 1px #FF9C00 solid;
  background-color: #FFFFFF;
  font-family: verdana, arial, sans-serif;
  text-decoration: none;
}

.wordspace {
  /* nav2a 
  en zorgt voor het lettertype 
  geen link onderlijning*/

  font-family: verdana, arial, sans-serif;
  line-height: 140%;
  font-size: 12px;
  color: #404040;
  text-decoration: none;
}

.wordspace img{
  /* ivm IE bug: http://www.positioniseverything.net/explorer/lineheightbug.html */

  margin: 4px 0;
  vertical-align: middle;
  text-decoration: none;
}

/*was: nav2a a:hover*/
a.wordspace:hover{
  /*nav2a  de witte achtergond 
  en de dotted underline bij selectie*/

  background-color: #FFFFFF;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  color: #404040;
  text-decoration: none;
  border-bottom: #404040;
  border-width: 0px 0px 1px 0px;
  border-style: none none dotted none;
}

.nav2a_logo_red{
  /*De rode letters van nav2a logo*/
  color: #FC0404;
  font-size: 18px;
  font-family: verdana, arial, sans-serif;
  font-weight:bold;
}

.nav2a_logo_black{
  /*De zwarte letters van nav2a logo*/
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  color: #404040;
  font-weight: bold;
}

/* NAV2B */
.nav2b{
  /*zorgt voor het zwarte randje 
  en de witte achtergond alleen bij rem introductie */
  border-top: 1px #FF9C00 solid;
  border-left: 1px #FF9C00 solid;
  border-right: 1px #FF9C00 solid;
  border-bottom: 1px #FF9C00 solid;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  color: #000000;
  background-color: #FFFFFF;
  
}

.nav2bollen{
  /*bollen positie */
  border-bottom: 1px #FF9C00 solid;
  text-decoration: none;
}

.nav2b_logo_red{
  /*De rode letters van nav2b logo*/
  color: #FC0404;
  font-size: 12px;
  font-family: verdana, arial, sans-serif;
  font-weight:bold;
  text-decoration: none;
  border-style: none;
}

.nav2b_logo_black{
  /*De rode letters van nav2b logo*/
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
  color: #404040;
  font-weight: bold;
  text-decoration: none;
  border-style: none;
}

.nav2b_meerweten{
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #24469d;
  text-align: center;
}

.nav2bblauw a{
  /* links in 'meer weten?'
  LET OP: zie collateral beneden.*/

  color: #404040;
  text-decoration: none;
  
  /* border-bottom: #404040;
  border-width: 0px 0px 1px 0px;
  border-style: none none dotted none;*/
}

.collateral {
  /* tekst in de rechter 2b navigatie
  LET OP: is overlappend aan nav2bblauw boven*/

  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  color: #404040;
  text-decoration: none;
}

.nav2bblauw a:hover{
  /*zorgt voor de dotted underline bij mouseover*/
  color: #404040;
  text-decoration: none;
  border-bottom: #404040;
  border-width: 0px 0px 1px 0px;
  border-style: none none dotted none;
}

.rechterlinks{
  /*de blauwe achtergond bij alle m.u.v. intro*/

  /*border-top: 1px #000000 solid;*/
  background-color: #D9EBFF;
  background-repeat: repeat-x;
  /*was:  #c0deff */
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  color: #404040;
}

.legecel{
  /*witte achtergrond onderste cel bij rem-intro*/

  backround-color: #FFFFFF;
}

.legecelbg{
  /*blauwe achtergrond onderste cel bij rempages*/

  background-color: #c0deff;
}


/* CONTENT */
.remcontent{
  /*zorgt voor het zwarte randje de witte achtergond 
  en contentlettertype , 
  zie voor fontsize: 
  'td' hieronder*/

  border-top: 1px #FF9C00 solid;
  /*border-right: 1px #000000 solid;*/
  font-family: verdana, arial, sans-serif;
  line-height: 140%;
  font-size: 12px;
  color: #404040; 
  background-color: white;
}

/*fontsize van de content ,is ook webGUI style*/
td { 
  font-size: 12px;
}

.content a{
  /*zorgt voor de dotted underline bij selecteren*/

  color: #404040;
  font-family: verdana, arial, sans-serif;
  Font-size: 12px;
  text-decoration: none;
  border-bottom: #404040;
  border-width: 0px 0px 1px 0px;
  border-style: none none dotted none;
}

.content a:hover{
  /*zorgt voor de dotted underline bij selecteren*/

  color: blue;
  font-family: verdana, arial, sans-serif;
  Font-size: 12px;
  text-decoration: none;
  border-bottom: blue;
  border-width: 0px 0px 1px 0px;
  border-style: none none dotted none;
}

H1 {
  /* de titles van articles */

  color: #00008B;
  font-family: verdana, arial, sans-serif;
  font-size: 16px;
}

H2 {
  MARGIN-TOP: 3px;
  MARGIN-BOTTOM: 3px;
}

H3 {
  MARGIN-TOP: 3px;
  MARGIN-BOTTOM: 3px;
}

H4 {
  MARGIN-TOP: 3px;
  MARGIN-BOTTOM: 3px;
  color: #00008B;
}

H5 {
  MARGIN-TOP: 3px;
  MARGIN-BOTTOM: 3px;
  color: #00008B;
}


/* NIEUWS */
.nieuws{
  /*zorgt voor witte achtergond*/
  background-color: white;

  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  color: gray;
  text-decoration: none;
}

.nieuwslink{
  /*snippet in nieuwsbalk*/

  color: gray;
  text-decoration: none;
  border: none;
}

.nieuwslink a:hover{
  /*snippet in nieuwsbalk*/

  color: red;
  text-decoration: none;
  border: none;
}


/* DISCLAIMERBALK */
.disclaimertabel {
  /*zorgt voor de positie van de links 
  en de achtergrondkleur*/

  text-decoration: none;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #404040;
  text-indent: 30px;
}

.disclaimertabel a:hover{
  /*zorgt voor mouseover 
  dotted underline zachtblauw*/

  color: #404040;
  font-family: verdana, arial, sans-serif;
  Font-size: 11px;
  text-decoration: none;
  border-bottom: #404040;
  border-width: 0px 0px 1px 0px;
  border-style: none none dotted none;
}


/* -------- WEBGUI STYLE ---------*/

.homeLink, .myAccountLink, {
  color: #ffffff;
  font-size: 8pt;
}

.verticalMenu A, .verticalMenu A:visited {
  color: #ffffff;
  font-weight: bold;
}

.pagination {
  font-family: helvetica, Verdana;
  text-align: center;
  font-size: 8pt;
}

.horizontalMenu {
  font-size: 8pt;
  padding: 5px;
  font-weight: bold;
  color: #aaaaaa;
}

.horizontalMenu A, .horizontalMenu A:visited {
  color: #ffffff;
}

.adminBar {
        background-color: #dddddd;
        font-size: 8pt;
        font-family: helvetica, Verdana;
        color: #000055;
}

.highlight {
  background-color: #EAEAEA;
}

.formDescription {
  font-size: 10pt;
}

.formSubtext {
  font-size: 8pt;
}

.tableMenu {
  font-size: 8pt;
  background-color: #F5DFDF;
}
.tableMenu a {
  text-decoration: none;
}

.tableHeader {
  background-color: #F5DFDF;
  font-size: 10pt;
}

.tableData {
  font-size: 10pt;
  font-family: Helvetica, Verdana;
}

.pollAnswer {
  font-family: Helvetica, Verdana;
  font-size: 8pt;
}

.pollColor {
  background-color: #ffddbb;
}

.pollQuestion {
  font-face: Helvetica, Verdana;
  font-weight: bold;
}

.faqQuestion {
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}


.tab {
  border: 1px solid black;
   background-color: #cccccc;
}
.tabBody {
   border: 1px solid black;
   border-top: 1px solid black;
   border-left: 1px solid black;
   background-color: #bbbbbb; 
}
div.tabs {
    line-height: 15px;
    font-size: 14px;
}
.tabHover {
   background-color: #aaaaaa;
}
.tabActive { 
   background-color: #bbbbbb; 
}
