#body{
  color: #ba8631; 
    font-family: 'alegreyaregular';
  font-size:12px;
   line-height: 115%;
 
}
@font-face {
    font-family: 'alegreyaregular';
    src: url('alegreya-regular-webfont.eot');
    src: url('alegreya-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('alegreya-regular-webfont.woff') format('woff'),
         url('alegreya-regular-webfont.ttf') format('truetype'),
         url('alegreya-regular-webfont.svg#alegreyaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#achtergrond{
    width:100%;
    height:100%;
    position:fixed;
    top:0px;
    left:0px;
    z-index:0;
}


#header {
   width: 350px; 
   font-family: 'alegreyaregular';
   position: relative;
   margin-top:10px;
   margin-left:auto;
   margin-right:auto;
   background:none;
   border: 0px solid #ffffff;
   overflow: auto;
}


#hoofdblok {
   width: 900px; 
   height: 500px;
   position: relative;
   margin-top:45px;
   margin-left:0px;
   margin-right:0px;
   border: 0px solid #ffffff;
   line-height:135%; 
   background: none;

}

#menu {
   display: inline;
   width: 100%;
   position: relative;
  
   text-align: center;
   font-size: 90%;
   color: #d56827;
   margin: 0px 0px 0px 0px; 
   padding:0px;
   background: none;
}

#foto {
   width: 250px;
   position: relative;

   text-align: right;
   font-size: 90%;
   font-color: #d56827;
   line-height: 200%;
   margin: 10px 10px 0px 0px; 
   padding:10px;
   border-right:0px solid #00aed8;

}

#content {
   font-family: 'alegreyaregular';
   width: 900px;
   height:100%;
   position: relative;
   text-align:left;
   margin:10px 0px 0px 0px;
   padding:25px;
   background: none;
   color: #ffffff;
   
   border-right:0px dotted #eb9035;
}

#footer {
   font-size:9px;
   font-family: 'alegreyaregular';
   color:#ffffff;
   text-align:center;
   position:relative;
   margin:50px 0px 0px 0px;
   text-align: center;
   width: 900px;
   border-top: 0px solid #eb9035;

}

.facebook {
   float:right;
   margin: 5px;
}

.topicfoto {
   margin: 0px 0px 0px 0px;
}

h1 {
   font-family: 'alegreyaregular';
   font-size: 220%; 
   color:#ba8631;
   text-align:left;
   margin:0px 0px 20px 0px;
   line-height: 120%;
   text-shadow: 0.1em 0.1em 0.2em black;
}

h2 {
   font-family: 'alegreyaregular';
   width:450px;
   text-align:left; 
   margin:0px 0px 20px 0px;
}

h2.leftaligned {
   width:630px; 
   text-align:left;
   margin:0px 0px 20px 0px; 
}

h3 {
   width:100%; 
   text-align:left; 
   color:#575a5d;
}

h4 {
   width:630px; 
   text-align:center; 
   color:#575a5d;
   margin:0px 0px 20px 0px; 
   font-size:16px;
}

p {
   width:450px;
   text-align:left; 
   margin:0px 0px 20px 0px; 
   color:#ffebc5;
}

a {
   color:#ca9618;
   text-decoration: none;
}

a:visited {
   color:#ffffff;
}

a:hover {color:#ca9618; border-bottom:1px solid #c94f26;}
.nohover:hover {border:0px;}

#linkwit {color:#ffffff}

#linkoranje {color:#ca9618}

#menu a{margin: 0px 0px 0px 0px; text-align: right; color:#d56827;}

#menu a.submenu {margin-right: 0px; padding-top: 0px; padding-right: 0px; color:#575a5d; text-align: right; font-size:13px; line-height:200%; border-right: 0px solid #df0006;}

#menu a:hover{font-size:100%; color:#ca9618; border-bottom:none; text-align: right;}

#menu a.selected{font-size:100%; color:#eb9035; border-bottom:none; margin: 0px 0px 0px 0px; text-align: right;}

#menu a.selectedsubmenu {margin-right: 0px; padding-top: 0px; padding-right: 0px; color:#575a5d; text-align: right; font-size:13px; line-height:200%; border-bottom: 1px solid #575a5d;}

#menu a.selectedsubmenu:hover{color:#575a5d; border-bottom:none; text-align: right; font-size:13px;}

#menu a.submenu:hover{color:#575a5d; border-bottom:none; text-align: right; font-size:13px;}

#opsomming {width:630px;  font-color:#575a5d; padding:0px; text-align:left; position:relative;}

#opsomming1 {font-color:#575a5d; padding-left:0px; padding-right:50px; text-align:left; margin:0px 0px 20px 300px;}

p.extraruimte {margin-bottom: 150px;}