<!--/* body */
body {
       border: 0;
       margin: 0 auto 0 0;
       padding: 0;
       background-image: url('/foto/7');
       background-position: top left;
       background-repeat: repeat;
       font-family: trebuchet ms;
       font-size: 0.8em;
       color: #000000;
       line-height: 150%;
       height:690px;
}

/* site area */
.site_area {
       border: 0;
       margin: 20px auto -10px auto;
       padding: 5px 0px 5px 0px;
       width: 820px;
       height: 640px;
       align: center;
       background-image: url('/foto/2');
       background-position: top left;
       background-repeat: repeat-x;}

/* top area */
.top_area {
       border: 0;
       margin: 0;
       padding: 0;
       height: 127px;
       background-image: url('/foto/6');
       background-position: top right;
       background-repeat: no-repeat;
}
/* top area */

.title_area1 {
       border: 0;
       margin: 0;
       padding: 0;
       height: 0px;
       visibility: hidden;
       
}
.title_area2 {
       border: 0;
       margin: 0;
       padding: 0;
       height: 0px;
       visibility: hidden;
       
}
/* top divider */
.top_div {
       height: 26px;
       padding: 6px 0 0px 0px;
       background: #ffffff;
       font-family: arial;
       margin:-7px 0 0 0;
z-index:100;
}
/* remove the bullets, padding and margins from the lists */
.menu ul{
display:inline;
list-style-type:none;
padding:10px 0 10px 12px;
margin:0px;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
display:inline;
position:relative;
z-index:100;
padding:0px 12px 0 12px;
margin:0px;
}

/* use the table to position the dropdown list */
.menu {
padding:7px 0px 6px 14px;
margin:0;
display: inline;
width:750px;
z-index:90;
letter-spacing: 0.15em;
font-size:110%;
font-family:arial;
position:absolute;
align:center;
border-collapse:collapse;
top:145px;
}
.menu ul {
display: inline;
text-align:left;
}
/* style all the links */
.menu a {
display:inline;
padding: 0px 6px 0px 6px;
color:#000;
background:transparent url(transparent.gif);
text-decoration:none;
margin-right:2px;
text-align:left;
}
.menu ul li ul{
padding:0px;
}
.menu li {
display:block;
padding: 0px 10px 0px 2px;
color:#ff0000;
background:transparent url(transparent.gif);
text-decoration:none;
font-weight:bolder;
text-style: strong;
margin:0px;
text-align:left;
}
.menu li a {
display:block;
padding: 0px 12px 0px 2px;
color:#ff0000;
background:transparent url(transparent.gif);
text-decoration:none;
font-weight:bolder;
text-style: strong;
margin:0px;
text-align:left;
}
.menu li li a {
display:block;
width:210px;
font-size:1em;
font-weight:normal;
text-style: normal;
letter-spacing: 0.0em;
padding: 3px 6px 3px 10px;
color: #ff0000;
background:#ffffff;
text-decoration:none;
margin:0px -13px -0px -13px;
text-align:left;
border: 1px solid #ff0000;
border-top:none;}

/* style the links hover */
.menu :hover{
color:#ffffff;
}

/* style the links hover */
.menu :hover{
color:#ffffff;
}


/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:210px;
height:0;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}
.menu li a:hover{
color:#34771c;
border:0;
}

.menu li:hover{
color:#34771c;
border:0;
}
.menu li li a:hover{
background:#ff0000;
color:#ffffff;
width:210px;
border: 1px solid #ff0000;
border-top:none;
}

.menu .top a{
border-top: 1px solid #ff0000;
}

.menu .top a:hover{
border-top: 1px solid #ff0000;

}

.text_area {
border:0px solid red;
float:left;
margin:-157px 0pt 0pt 0px;
padding:0px 0px 0px 0px;
position:absolute;
width:580px;
font-size:110%;
z-index:80;
}
.text_area .page_content {
border:0px solid red;
float:right;
margin:170px 0px 0px 0px;
padding:5px 5px 5px 10px;
position:relative;
width:360px;
font-size:100%;
overflow: auto; 
height: 457px;
}
.page_foto img {
position:relative;       
width: 200px;
       height: 650px;
       margin: 0 0 0 0;
       padding: 0px 0px 0px 0px;
       border: 0px solid blue;
       float: left;
}
.text_area h1 {
       font-size: 26px;
}
.text_area h2 {
       font-size: 120%;
}
.text_area a {
       color: #E30000;
       text-decoration:none;
}

/* button area */
.button_area {
      
}


/* 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: 0px solid green;
       width: 235px;
       height: 460px;
       position: relative;
       float: right;
       padding: 0;
       margin: 16px 0 0 0;
       font-size: 95%;
       color:#000000;
       line-height: 145%;
overflow: auto; 
}
.news_area a{
       font-style:normal;
       color:#ff0000;
       font-family: arial;
       text-decoration: none;}

.news_area ul li td.info a{
       font-style:normal;
       color:#000000;
       font-family: arial;
       text-decoration: none;}

.news_area ul li td.afdeling a{
       font-style:normal;
       color:#000000;
       font-family: arial;
       text-decoration: none;}

.news_area ul li td.actief a{
       font-style:normal;
       color:#000000;
       font-family: arial;
       text-decoration: none;}

.news_area img {
       border: 0px solid red;
       margin: 2px 5px 0 0;
       padding: 0;
       max-width:200px;

}
.news_area ul {
       border: 0;
       margin: 0;
       padding: 0 0.5em 0em 0.5em;

}
.news_area ul li {
       list-style: none;
       margin: 0;
       padding: 0px 0 20px 0;
}
.news_area_title {
       font-size: 120%;
       margin: 0 0 0 0px;
       padding: 0;
       border: 0;
       font-weight: light;
}
.news_area_title a {
       color: #34771c;
       text-decoration: none;
}
.news_area_title a:hover {
       font-style: italic;
}
.news_area_description {
       margin: 0;
       padding: 0.1em 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{
      padding:0px 0 0 0;
      text-align: left;
      font-style: italic;
      color: #ff0000;
      font-size:0.8em;
      font-style: italic;
}
.news_area_readmore a  {
       color: #ff0000;
       text-decoration: none;
}
.news_area_readmore a:hover {
       font-style: italic;
}


/* long news area */
.long_news_area {
border:0px solid red;
float:right;
margin:40px 0px 0px -400px;
padding:5px 5px 5px 10px;
position:relative;
width:600px;
font-size:100%;
overflow: auto; 
height:425px;
}
.long_news_area {
       padding: -1px;}
.long_news_area a{
       color: #ff0000;
       text-decoration: none;}
.long_news_area ul {
       padding: 0 0px 0 0px;
}
.long_news_area ul li{
       list-style: none;
       margin: 0;
       padding: 0;
}
.long_news_title{
       font-size: 13pt;
       font-variant: small-caps;
       margin: 20px 0 0 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;
       padding: 0 0 1em 1em;
       width: 200px;
}

/* short news area */
.short_news_area{
       border: 0;
       width: 360px;
       position: relative;
       float: right;
       top: 0px;
       padding: 0;
       margin: 0;
       background: #f1d9b3;
       font-size: 11pt;
       color: #753d0b;

}
.short_news_area ul{
       font-size: 8pt;
       padding: 0 1em 1em 1em;
}
.short_news_area ul li{
       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;
}
.credits_div {
margin:8px;
text-align:center;
color:#004000;
font-size:70%;
}
.credits_div a {
color:#ff0000;}
-->