/*---------------------------------------------------------------------------------------------*/
/* CSS Styles: testpagina */
/*----------------------------------------------------------------------------------------------*/
/*page*/
html,body{
     background-color: #FFF; 
     margin: 0;
     padding: 0;
     height: 100%;
     border: none;
}

/*----------------------------------------------------------------------------------------------*/
#content {
overflow: scroll;
}


/*----------------------------------------------------------------------------------------------*/
/*text*/
.normal,div,span,p,td,th,li,a{
     font-family: Trebuchet MS, Calibri, Verdana, Arial, Helvetica, sans-serif;
     font-size:12px;
     color:#000000;}

.head{
     font-family: Trebuchet MS, Calibri, Verdana, Arial, Helvetica, sans-serif;
     color:#000000;
     font-size:16px;
     font-weight:bold;}

/*----------------------------------------------------------------------------------------------*/

/*links*/
a:link{
     color:#5BAEB1;
     text-decoration:none;}

a:hover{
     color:#C9B80F;
     text-decoration:none;}

a:active{
     color:#5BAEB1;
     text-decoration:none;}

a:visited{
     color:#5BAEB1;
     text-decoration:none;}

   
a.menu {
     font-family: Trebuchet MS, Calibri;}

a.menu:link{
     color: #FFFFFF}

a.menu:hover{
     color: #000084;}

a.menu:active{
     color: #000084;}

a.menu:visited {text-decoration:none; color:#FFFFFF;}

/*----------------------------------------------------------------------------------------------*/

/*table*/
TABLE { }

table.shadow { 
    align: center; valign: center;
    width: 85%;
    height: 90%;
    border: none;
    border-collapse: collapse;
    empty-cells:show;
    vertical-align: middle;
  }

table.shadow td {padding:0px }

  td.shadow-top { 
    height: 16px;  
    background-image: url(images/top.gif)
  }

  td.shadow-topRight { 
    width: 16px;
    height: 16px;
    background-image: url(images/topRight.gif)
  }

  td.shadow-right { 
    width: 16px; 
    background-image: url(images/right.gif)
  }

  td.shadow-bottomRight { 
    width: 16px; 
    height: 16px; 
    background-image: url(images/bottomRight.gif)
  } 

  td.shadow-bottom { 
    height: 16px;
    background-image: url(images/bottom.gif)
  }

  td.shadow-bottomLeft { width: 16px;
    height: 16px;
    background-image: url(images/bottomLeft.gif)
  } 

  td.shadow-left { width: 16px;
    background-image: url(images/left.gif)
  }

  td.shadow-topLeft { 
    width: 16px; 
    height: 16px; 
    background-image: url(images/topLeft.gif)
  }      

  td.shadow-center { 
    background-color: white;
  }


td.linkermenu {
      width: 205px;
      height: 100%;
      }

td.tekst { 
      width: *;
      height: 100%;
      overflow: auto;
      border-left: solid 2px;
      border-color: #E5E5E5;
      }

/*-----------------------------------------div-----------------------------------------------------*/
.navigatiemenu { 
      background-color: #C9B80F;
      width: "100%";
      padding: 5px;
      text-align: center;}

.linkermenu { 
      vertical-align: top;
      text-align: left;
      padding: 5px;}

.titelmenu{
     color: #FFF;
     font-size: 14px;
     font-weight: bold;
     background-color:#5BAEB1;
     width:205px;
     text-align:justify;
     padding: 3px 3px 3px 10px;
     margin-bottom: 5px;
     }

.tekst { 
      background-color: #FFF;
      text-align: justify;
      vertical-align: top;
      padding: 10px;
      }

.footer {
      background-color: #FFF;
      height: 20px;
      text-align: center;
      height: auto;
      border-top: solid 2px;
      border-color: #E5E5E5;
      }

/*---------------------------------------------------------------------------------------------*/

/*images*/
.transparant {
     opacity:.50;
     filter: alpha(opacity=50);
     -moz-opacity: 0.5;
 }

/*----------------------------------------------------------------------------------------------*/

/*buttons*/
/*.button {
    font-family: Trebuchet MS, Calibri;
    font-weight: bold;
    color: #CA1317;
    border: 0px;
    background: #D2D2D2;
    cursor: pointer;
    text-align: center;
    width:98%;
    overflow:visible;
}

.buttontekst {
    font-family: Trebuchet MS, Calibri;
    font-weight: bold;
    color: #CA1317;
    border: 0px;
    background: #FFFFFF;
    cursor: pointer;
    float: right;
    width:30%;
    overflow:visible;
}
*/

/*----------------------------control panel in website---------------------------------------*/

#webcontrol {
    background-color: #C9B80F;
    }


/*-----------------------------------------------------------------------------------------------*/