* { 
margin: 0; 
padding: 0; 
}
body{ 
background-color:#848484;
font-size:100%;
}
p {
margin:3% 0; /* 15px/500px   */
}
h4 {
margin:3.4% 0; /* 17px/500px   */
}
ul {
padding-left:40px;
margin:15px 0;
}
img {
max-width:100%;
}
#bg { 
position: fixed; 
top: 0; 
left: 0; 
}
.bgwidth { 
width: 100%; 
}
.bgheight { 
height: 100%; 
}
#container {
position:relative;
max-width:49.25em;/*  780px/16px     width: 780px;*/
margin: 1.25em auto; /* 20px / 16px */
padding: 0.625em; /* 10px / 16px */
background: #ffffff;
overflow:hidden;
text-align: left;
-moz-box-shadow: 0 0 0.625em black; 
-webkit-box-shadow: 0 0 0.0625em black; 
box-shadow: 0 0 10px black; 
zoom: 1;
filter: alpha(opacity=90);
opacity: 0.9;
}
#header {
padding: 3.205% 1.282% 0px 1.282%; /* 25px/780px 10px/780px */
}
#header h1 {
font: 3.125em 'FrancoisOneRegular', Arial, sans-serif;/* ---  50px/57px--*/
color: #333333;
margin:0;
}
#header a {
text-decoration: none;
color:#333333;
border-bottom: 1px dashed; 
}
#header a:hover {
text-decoration: none;
color:#333333;
border-bottom: 1px solid;
background-color:#FFFFCC; 
}
span.language {
text-align:right;
display:block;
font:0.6875em Verdana; /* */
margin:2.308% 0;/* 18px/780px  */
}
img.right {
float: right;
margin: 0 0 1% 3%; /* -- 5px/500px 15px/500px */
}
#navigatie {
margin-bottom: 0px;
text-align: right;
padding: 1.282%;
border-top: 1px #999999 solid;
border-bottom: 1px #999999 solid;
}
#navigatie a {
font: 1.0625em Helvetica, sans-serif,Verdana, Arial; /*13pt*/
color: #333333;
text-decoration: none;
padding:1.41%; /* 11px/780px */
border-left: 1px solid #999999;
}
#navigatie a:hover {
text-decoration: none;
border-left: 1px solid #999999;
border-bottom:2px solid #F79A05;
color:#F79A05;
}
#navigatie a.current {
color:#F79A05;
}
#inhoud {
font:0.8125em Helvetica, sans-serif,Verdana, Arial;/*10pt*/
color:#333333;
word-spacing: normal;
line-height: 170%;
float:right;
width:64.102564%;   /* 500px/780px */
min-height: 38.461%;  /* 300px/780px */
border-top: 0px;
border-right: 0px;
border-bottom: 0px;
border-left: 1px solid #999999;
padding:1.282% 0.641% 1.282% 1.282%; /* 5px/780px & 10px/780px */
margin:0;
}
#inhoud h3 {
font: 2.07692308em 'FrancoisOneRegular', Arial, sans-serif;/*27px*/
color:#F79A05;
margin:3.4% 0; /* 17px/500px */
}
#inhoud a {
text-decoration: none;
color:#333333;
border-bottom: 1px dashed; 
}
#inhoud a:hover {
text-decoration: none;
color:#333333;
border-bottom: 1px solid;
background-color:#FFFFCC; 
}
#illustratie {
font: 0.6875em Helvetica, sans-serif;/*8pt*/
padding:1.282%; /* 10px/780px */
float:left;
width:30.538%; /* 246px / 780px   */
}
dl {
overflow:hidden;
}
dt {
float:left;
margin:0px;
}
dd {
margin:0px;
}
dt {
clear:left;
}
dt.contact {
width:42%;   /* 210/500 */
margin-right:5px;
font-style:italic;
}
dd.naam {
margin-bottom:10px;
}
#footer {
clear:both;
border-top: 1px solid #999999;
padding: 5px 10px 10px 10px;
text-align:left;
font: 0.6875em Helvetica, sans-serif;
color: #ff33cc;
}
#footer a {
color: #ff33cc;
text-decoration: none;
}
#footer a:hover {
color: #ff33cc;
text-decoration:underline;
}
.cursief {
font-style:italic;
}
.small {
font-size:0.92307692em;/*9pt*/
}
@font-face {
    font-family: 'FrancoisOneRegular';
    src: url('font/FrancoisOne-webfont.eot');
    src: url('font/FrancoisOne-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/FrancoisOne-webfont.woff') format('woff'),
         url('font/FrancoisOne-webfont.ttf') format('truetype'),
         url('font/FrancoisOne-webfont.svg#FrancoisOneRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}