html,body{ 
   margin:0px; 
   padding:0px;
   font-size: 100%;
   height: 100%;
   background-color: #ffffff;
   background-image: url(../images/back.jpg);
   background-repeat: repeat-x;
   background-position: top left;
}
div{ 
   position: relative;
   margin:0px; 
   padding:0px;
}
/* Font Declarations **************************************************************************/
#top{
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 0.75em;
   line-height: 1.5em;
}
#footer{
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 0.9em;
}
#top input, #top select{
   font-size: 1em;
}
#top textarea{
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 1em;
}
/* Structuur **************************************************************************/
#top{
   width: 960px;
   margin: 0px auto;
   display: block;
}
#container{
   float: left;
   z-index: 5;
   margin-bottom: -20px;
}
   #header{
      background-image: url(../images/backhead.jpg);
      background-repeat: no-repeat;
      float: left;
      width: 960px;
      height: 171px;
      text-align: center;
   }
   #quicklinks{
      position: absolute;
      top:-100em;
      left: 0px;
   }
   #columnwrapper{
      float: left;
      width: 960px;
   }
         #submenu{
            background-image: url(../images/backmenu.jpg);
            background-repeat: no-repeat;
            float: left;
            width: 208px;
            min-height: 263px;
            padding: 30px 20px 0px 30px;
            font-size: 1.2em;
            margin-bottom: -30px;
         }
         #submenu h2{
            display: none;
         }
         #contentcolumn{
            background-image: url(../images/backcontent.jpg);
            background-repeat: no-repeat;
            float: right;
            width: 562px;
            min-height: 263px;
            padding: 30px 90px 0px 50px;
         }
#footer{
   width: 960px;
   margin: 0px auto;
   height: 188px;
   clear: both;
   z-index: 1;
   position: relative;
}
#footer p{
   width: 960px;
   height: 25px;
   padding : 163px 0 0 0;
   background-image: url(../images/backfooter.jpg);
   background-repeat: no-repeat;
   color: #598D3D;
   text-align: center;
}
#footer a{
   color: #598D3D;
}
/* Standaard opmaak **********************************************************************/
a:link, a:visited{
   text-decoration: underline;
   color: #00759b;
}
a:link:hover, a:visited:hover{
   text-decoration: none;
}
a img { border:none; }

hr{
   color: #3db7e1;
   background-color: #3db7e1;
   height: 1px;
   border: 0px;
}

h1,h2,h3,h4,h5,h6, #contentcolumn h1{
   line-height: 1.3em;
   margin: 0px;
   padding: 0.75em 0px 0em 0px;
   font-family: "Times New Roman", Times, serif;
   font-weight: normal;
   color: #00759B;
}
   h1{
      font-size: 3.2em;
      padding: 0 0 15px 0 ;
      color: #000000;
   }
   h2{
      font-size: 1.8em;
   }
   h2.subtitel{
      margin-top: -20px;
      padding-top: 0px;
      margin-bottom: 15px;
   }
   h3{
      font-size: 1.5em;
   }
   h4{
      font-size: 1.2em;
      font-weight: bold;
   }
   h5{
      font-size: 1em;
      font-weight: bold;
   }
   h6{
      font-size: 0.8em;
      font-weight: bold;
   }

p {
   padding: 0px 0px 0.75em 0px;
   margin: 0px;
}
table {
   border-collapse: collapse;
   padding-top: 0.3em;
   empty-cells: show;
}
   table th {
      padding: 0.2em;      
      text-align: left;
      vertical-align: top;
   }
   table td {
      padding: 0.2em;
      border: 1px solid #3db7e1;
      vertical-align: top;
   }
   form table td{
      border: 0px;
   }

legend{
   color: Gray;
}
form{
   margin:0px; 
   padding:0px;  
}
.field{
   background-color: #FFFFFF;
   border: 1px solid #000000;
   padding: 1px 0px;
}
.button{
   border: 1px solid #000000;
   background-color: #CCCCCC;
}

blockquote blockquote {margin-right: 0px;}

code {
   font-size: 100%;
}
*:focus {outline: none;} /* disable chrome fieldfocus */

/* NOT IE6 ************************************************************************************/
img[align="left"]{
   margin-right: 5px;
}
img[align="right"]{
   margin-left: 5px;
}
:focus{
   outline:0px;
}

/* Opmaak elementen **************************************************************************/

#submenu ol{
   margin: 0px;
   padding: 0px;
   list-style: none;
}
   #submenu ol li a{
      text-decoration: none;
      display: inline-block;
      padding: 2px 0px 2px 0px;
   }
   #submenu ol li a:hover{
      text-decoration: underline;
   }
   #submenu ol ol{
      font-size: 0.8em;
      padding: 0 0 5px 20px;
   }
   #submenu ol ol a{
      padding: 1px 0px 1px 0px; 
   }
 #submenu .active a{
    color: #000000;
 }
 #submenu .active li a{
    color: #598d3d;
 }
 #submenu .active li.active a{
    color: #000000;
 }
     
img.left{
   float: left;
   margin-right: 10px;
}
img.right{
   float: right;
   margin-left: 10px;
}

.landing{
   margin: 0 0 20px 0;
   padding: 10px 0px;
   float: left;
   list-style: none;
   border-top: 1px solid #3db7e1;
   border-bottom: 1px solid #3db7e1;
   width: 100%;
   text-align: center;
}
.landing li{
   float: left;
   width: 50%;
   display: block;
}
.landing li a{
   color: #598d3d;
   font-family: "Times New Roman", Times, serif;
   font-size: 1.7em;
   line-height: 2.2em;
   text-decoration: none;
}
.landing li a:hover{
   color: #00759b;
   text-decoration: underline;
}

table.imgtext-table ,table.imgtext-table td{ border:0;}