<!--
/* body */
body {
       border: 0;
       margin: 0 auto 0 0;
       padding: 0;
       background: #4c4f5e;
       font-family: arial;
       font-size: 12pt;
       color: #000000;
       line-height: 150%;
}

/* site area */
.site_area {
       border: 0;
       margin: 0px auto;
       padding: 5px 0px 5px 0px;
       width: 980px;
       height: 100%;
       align: center;
       background: #fff9b5;
}

img {
       border: 6px solid #fff022;
       margin: 10px 10px 10px 0;
}

.home {
       border: 0px solid #fff022;
       margin: 0;
}
/* top area */
.top_area {
       border: 0;
       margin: 0;
       padding: 0;
       
       height: 121px;
}
/* title area */
.title_area1 { display: none; }
.title_area2 { display: none; }

/* top divider */

.instructie{
       display:none;
}
.top_div{
       border:0px solid blue;
       height:28px;}
.top_div font{
       margin: -25px 0px 10px auto;
       text-align: right;
       font-size:0px;
       visibility: hidden;
}
/* remove the bullets, padding and margins from the lists */
.menu ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* style all the links */
.menu a {
display:block;
font-size:18px;
width:auto;
padding: 2px 20px 2px 20px;
color:#000;
background:transparent url(/transparent.gif);
text-decoration:none;
text-style: strong;
margin-right:2px;
text-align:center;
}
.menu li a {
display:block;
font-size:1.2em;
width:auto;
padding: 4px 6px 2px 8px;
color:#000;
background:transparent url(/transparent.gif);
text-decoration:none;
text-style: strong;
margin-right:0px;
text-align:center;
}
.menu li li a {
display:block;
font-size:15px;
width:240px;
padding: 2px 10px 2px 13px;
color:#000;
background:#ffffff;
text-decoration:none;
font-weight:normal;
text-style:strong;
margin-right:2px;
text-align:left;
}
/* style the links hover */
.menu :hover{
color:#444;
background:#d4d8bd;
}

/* style the links hover */
.menu :hover{
color:#000000;
background:#fffc00;
}
/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:145px;
height:0;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}
/* left divider */
.left_div {
}

/* text area */
.text_area {
       border: 0;
       padding: 20px 15px 20px 18px;
       width: 630px;
       float: left;
}
.text_area .title_area3 {
font-size:100%;
padding:0 0 20px 0;}

.text_area span.Title {
       font-size: 24px;
}
.text_area h2 {
       font-size: 120%;
}
.text_area a {
       color: #0c579e;
       font-style: strong;
}
.text_area a:hover {
       color: #0c579e;
       text-decoration: underline;
       font-style: italic;
}
.page_foto img {
       position:absolute;       
       top:0;
       width: 980px;
       height: 180px;
       margin: 0 0 0 -18px;
       padding: 0px 0px 0px 0px;
       border: 0px solid blue;
       float: left;
}
      
}

/* right divider */
.right_div {
}

/* button area */
.button_area {
       border: 0;
       background-image: ;
       background-position: ;
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 3px 0px;
       border: 0;
       width: 0px;
       position: relative;
       float: left;
       top: 0px;
       padding: 0;
       margin: 0;
       background: #fffbcc;
       font-size: 11pt;
       color: #753d0b;
}
.button_area ul {
}
.button_area ul li {
       display: list;
       list-style-type: none;
       padding: 1px 1px 1px 1px;
}
.button_down {
       border: 0px solid #753d0b;
       background: #;
       background-position: ;
       
}
.button_down a {
       font-size: 120%;
       color: #753d0b;
       text-decoration: none;
       padding: 0px 20px 0px 20px;
}
.button_down a:hover {
       font-style: italic;
       text-decoration: underline;
}
.button_up {
       border-bottom: 1px solid #0c579e;
       border-right: 1px solid #0c579e;
}
.button_up a {
       font-size: 120%;
       color: #0c579e;
       font-variant: small-caps;
       text-decoration: none;
}
.button_up a:hover {
       font-style: italic;
       text-decoration: underline;
}

/* link area */
.link_area {
       border-top: 1px dotted #f1d9b3;
       padding: 5px 17px 17px 23px;
       width: 600px;
       font-size: 11pt;
       float: left;
}
.link_area ul {
}
.link_area ul li {
       list-style: none;
       padding: 0 0 1.5em 0;
}
.link_area_foto {
}
.link_area_foto a {
}
.link_area_foto a img{
}
.link_area_title {
       padding: 0 0 1em 0;
}
.link_area_title a  {
       color: #0c579e;
       text-decoration: none;
}
.link_area_title a:hover {
       color: #0c579e;
       text-decoration: underline;
       font-style: italic;
}

/* news area */
.news_area {
       border: 0;
       width: 315px;
       position: relative;
       padding: 0;
       margin: 27px 0 0 665px;
       background: #fffbcc;
       font-family: arial;
       font-size: 11pt;
       color: #000000;
}
.news_area ul {
       border: 0;
       margin: 0;
       padding: 0 1em 1em 1em;

}
.news_area ul li {
       list-style: none;
       border-bottom: 1px solid #753d0b;
       margin: 0;
       padding: 1.5em 0 5px 0;
}
.news_area_title {
       font-size: 14pt;
       font-variant: small-caps;
       margin: 0;
       padding: 0;
       border: 0;
}
.news_area_title a {
       color: #000000;
       text-decoration: none;
}
.news_area_title a:hover {
       text-decoration: underline;
       font-style: italic;
}
.news_area_description {
       margin: 0;
       padding: 0.5em 0 0 0;
       border: 0;
}
.news_area_description a  {
       color: #0c579e;
       text-decoration: none;
}
.news_area_description a:hover {
       color: #0c579e;
       text-decoration: underline;
       font-style: italic;
}
.news_area_date {
}
.news_area_readmore{
      text-align: right;
      font-style: italic;
      color: #ff0000;
}
.news_area_readmore a  {
       color: #ff0000;
       text-decoration: none;
}
.news_area_readmore a:hover {
       color: #0c579e;
       text-decoration: underline;
       font-style: italic;
}
ul li img.news_area_foto_short{
width:200px;}

/* long news area */
.long_news_area{
       padding: 5px 15px 5px 18px;
       width: 96%;
       font-size: 11pt;
       float: left;
}
.long_news_area ul {
list-style:none;
background:#ffffff;
       padding: 0 0px 0 0px;
}
.long_news_area ul li {
list-style:none;
       padding: 10px;
margin:0 0 30px 0;
}
.long_news_area ul li ol li{
list-style:square;
margin:0 0 0px 0;
}
.long_news_title{
       font-size: 15pt;
       margin: 0;
       padding: 0;
       border: 0;
}
.long_news_date{
       font-size: 8pt;
}
.long_news_content{
       margin: 0;
       padding: 0.5em 0 0 0;
       border: 0;
       font-size: 10pt;
}
.long_news_foto{
       float: right;
margin:-30px 0 0 0;
       padding: 0;
       width: 200px;
}

/* short news area */
.short_news_area{
       border: 0;padding: 20px 15px 20px 18px;
       width: 630px;
       position: relative;
       float: left;
       top: 0px;
       padding: 0;
       margin: 0;
       color: #753d0b;

}
.short_news_area ul{
       padding: 0 1em 1em 1em;
       font-size: 15pt;
}
.short_news_area ul li{
padding: 5px 15px 5px 8px;
       list-style: none;
}
.short_news_date{
}
.short_news_title{
}
.short_news_link {
       color: #0c579e;
       text-decoration: none;
}
.short_news_link:hover {
       color: #0c579e;
       text-decoration: underline;
       font-style: italic;
}
.code {
        border: 0;
        margin: 7px;
        padding: 7px;
        font-family: monospace;
        font-size: 12px;
        background-color: #fffff0;
        white-space: pre;
        overflow: auto;
}
ul.downloads{
font-size:90%;
background:#fffbcc;
padding:10px 10px 15px 10px;}
ul.downloads a{
font-color:#00448a;}
ul.downloads li{
margin:0 0 0 50px;
   list-style-image: url('/foto/282');
   background-repeat: no-repeat;
   background-position: left;
   padding: 0px 0 0 0px;

   }


.noshow{
display:none;
background:#fff9b5;}-->