body,html {
   font-family: Verdana, helvetica, sans-serif;
   color:#666666;
   margin: 0px;
   height:100%;
   
   scrollbar-face-color: #e5e5e4;
   scrollbar-highlight-color: #e5e5e4;
   scrollbar-3dlight-color: #e5e5e4;
   scrollbar-darkshadow-color: #FFFFFF;
   scrollbar-shadow-color: #e5e5e4;
   scrollbar-arrow-color: #FFFFFF;
   scrollbar-track-color: #FFFFFF; 
   
   }
   

h1  {
   font-size: 125%;
   color: #003366;
   letter-spacing: 1px;
   display: block;
   margin-bottom: 5px;
   position:relative; 
   }
   
h2  {
   font-size: 90%;
   color: #eb5f0f;   
   margin-bottom: 0px;
   }

h3  {
   font-size: 70%;
   color: #eb5f0f;
   vertical-align: bottom;
   margin-bottom: -10px;
   }
   
p,
.form-txt,
.list,
 {
   font-size: 70%;
   text-decoration: none;
   font-weight: normal;
   color: #666666;
   line-height: 120%
}
ul
{
   margin: 0px;
   padding-left: 16px;
} 

 
a:link, a:visited,a:active { font-size: 1em; color: #0359b2; text-decoration:none; }
a:hover {color: #ff6600; font-size: 1em; text-decoration:underline;}

/* header - hoofdmenu */

.pos-topvisual,
.pos-toplogo{
   position: relative;
   float:left;
   border:0px solid #000000;
}
   
.pos-topvisual {
   padding-top:18px;
}   

.pos-mainmenu {
   position: relative;
   float:left;
   padding-top:18px;
   padding-right:0px;
   padding-left:0px;

   width: 152px;
   border:0px solid #000000;
 }
   
.pos-sitewide {   
   left: 20px;
   top: 5px;
   position: relative;
   float: left;
   width: 260px;
   height: 23px;
   }
   
.mainitem {   float: left; }



#dot_main_over,
#dot_main_active {
   position:absolute;
   z-index:10;
   left:191px;
   display:none;
}
   #dot_main_over {
      background: url('../images/dot_main_over.gif');
   }
   #dot_main_active {
       background: url('../images/dot_main_active.gif');
   }





   
/* FOOTER */
#footer_gray,
#footer_blue,
#footer_spacer {
   position:relative;
   float:left;
   height:13px;
   margin-top:1px;
}
#footer_gray {
   background-color:#cccccc;
   margin-left:1px;
   width:144px;
}
#footer_blue {
   width:146px;
   background-color:#004679;
   
}
#footer_spacer {
   width:50px;
   background-color:#FFFFFF;
}


/* SUBMENU */

#submenu_holder {
   padding-left:50px;
   width:300px;
   }

   #submenu {
      margin-top:9px;
      position:relative;
      float:left;
      width:147px;
      height:85px;
      border:0px solid #000000;
      text-align:right;
      letter-spacing: 1px;
      line-height:120%;
   }
      #submenu a {
         color: #004679;
         margin-right:15px;
         font-size: 70%;
         text-align:justify;
         font-family:verdana;
         text-decoration:none; 
      }  

      #submenu a:active {
         font-weight:bold;
         color:#f05d2a;
         text-decoration:none; 
      }   
      #submenu a:hover {
         font-weight:normal;
         color:#f05d2a;
         text-decoration:none; 
      }       
      .subActive,
      .subActive a {

      }
      
      
      #dot_sub_over,
      #dot_sub_active {
         position:absolute;
         z-index:10;
         left:190px;
         display:none;
      }
      
         #dot_sub_over {
            background: url('../images/dot_sub_over.gif');
         }
         
         #dot_sub_active {
             background: url('../images/dot_sub_active.gif');
         }
      

   #submenu_image {
      margin-top:1px;
      position:relative;
      float:left;
   }
   
   #submenu_graybox {
      position:relative;
      float:left;
      height:95px;
      width:144px;
      margin-top:1px;
      margin-left:1px;
      background:url('../images/bkg_submenu_graybox.gif') repeat-x #ecebeb;
   }
   
   #submenu_spacer {
      position:relative;
      float:left;
      height:87px;
      width:147px;
      margin-top:1px;
   }
 
   

/* CONTENT */

#content, #content-groteletters {
   margin-top:10px;
   margin-left:20px;
   padding-bottom:20px;
   width:325px;
   font-size: 70%;
}

#content-groteletters p,
#content-groteletters ul,
{
   font-size: 120%;
}

#content-groteletters h1,
{
   font-size: 180%;
}

#content-groteletters h2,
{
   font-size: 140%;
}
   #headline {
      font-weight:bold;
      margin-top:10px;
      margin-bottom:10px;
   }
   
   #content hr {
      width:325px;
      background-color:#e5e5e5;
      height:1px;
      margin-bottom:10px;
   }