/*#63815c = dark green*/
/*#f7f0c6 = yellow*/
/*#dfe3da = light green*/

@font-face {
    font-family:"papier sans";
    src: url(PApierSansRegular.otf);
    unicode-range:U+0000-20AC;
}
html {
    height:100%;
    box-sizing:border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
body {
    background-color:#ffffff;
    color:#63815c;
    margin:auto;
    font-family:"papier sans",arial,sans-serif;
    border-style:solid;
    border-width:20px;
    border-color:#f7f0c6;
    min-height:100%;
    position: relative;
    padding-bottom: 12rem;
    box-sizing:border-box;
    font-size:18px;
    font-weight:600;
    line-height:130%;
}
a {
    color:#63815c;
}
a:hover {
    color:#dfe3da;
}
#wrapper {
    max-width:100%;
    margin:auto;
    margin-top:0px;
    min-height:100%;
}
.logo {
    text-align:center;
}

.img {
    text-align:center;
    margin:20px 20px 40px 20px;
}

h1 {
    margin:20px 0px 80px 0px;
    text-align:center;
    font-size:60px;
    font-weight:500;
    color:#63815c;
}

h2 {
    font-size:24px;
    font-weight:600;
    text-align:center;
    padding:0px;
    margin-top:-60px;
    margin-bottom:80px;
}

h3 {
    text-align:left;
    margin:20px;
    margin-left:100px;
    font-weight:500;
    font-size:40px;
    line-height:110%;
}

h4 {
    font-weight:600;
    text-decoration:underline;
    font-size:18px;
}

p {
    margin:20px 100px;
    width: auto;
}

ul,li {
    padding:0;
    margin:0;   
}

/*footer*/
footer {
    color:#63815c;
    background-color:#dfe3da;
    width:100%;
    min-width:600px;
    height:auto;
    padding:10px 0px;
    text-align:left;
    line-height:50%;
    position:absolute;
    display:block;
    right: 0;
    bottom: 0;
    left: 0;
    font-size:18px;
    vertical-align: bottom;
    padding:15px;
    margin:0;
}
footer table {
    margin:0;
    padding:0;
    width:100%;
}
footer p {
    margin:0;
    line-height:150%;
}
footer td {
    margin:0;
    padding:0px 10px;
    text-align:left;
    width:auto;
}
footer .footer {
    margin-right: 30px;
}
footer .inschrijving_footer{
    margin-right: 30px;
}
footer .inscription_footer{
    margin-right: 30px;
}
footer form {
    margin:0;
    padding:0;
    width:auto;
}
footer label {
    width:auto;
    margin-top:10px;
    margin-right:10px;
}
footer .button input {
    margin:0;
    padding:5px 10px;
    width:auto;
}
footer .button {
    margin:0;
    padding:0;
    margin-left: 1px;
    margin-top:15px;
}
footer input {
    width:100%;
    margin:0;
    margin-top:10px;
}
.mention a:hover {    
    opacity:0.5;
    color: #63815c;
}
.footer a:hover {    
    opacity:0.5;
    color: #63815c;
}

footer img {
    padding:3px 3px 0px 3px;
}

footer .mention p {
    font-size:14px;
}
footer .mention {
    width: auto;
}
/*navigation*/
nav {
    padding:20px;
    padding-bottom:0px;
    text-align:center;
    display:inline;
}

nav li {
    display:inline;
    padding:20px;
}

nav a {
    color:#63815c;
    text-decoration:none;
    font-size:22px;
    padding:2px 5px;
}

nav a:hover {
    color:#dfe3da;
    padding:2px 5px;
}

.home{
    display:inline;
    vertical-align:-7px;
}

.home:hover {
    opacity:0.2;
}

.home2{
    display:inline;
    vertical-align:-7px;
}

/*a propos*/
#owl-demo .item img{
    display: block;
    width: 80%;
    height:auto;
    margin-left:100px;
    margin-top:60px;
}
.photos {
    display:inline-block;
    width:400px;
    margin-left:100px;
    margin-right:-40px;
    vertical-align:260px;
    margin-top:60px;
}
#owl-demo .item2 img{
    width:400px;   
}
.apropos {
    display:inline-block;
    width:420px;
    position:fixed;
    position:absolute;
    margin-top:35px;
}
.apropos img {
    display:inline-block;
    width:100px;
    float:inherit;
    margin:20px;
    margin-left:100px;
}
.wiebenik {
    display:inline-block;
    width:449px;
    position:fixed;
    position:absolute;
    margin-top:33px;
}
.wiebenik img {
    display:inline-block;
    width:100px;
    float:inherit;
    margin:20px;
    margin-left:100px;
}
/*services*/
.services {
    margin-top:60px;
}
table {
    width:800px;
    text-align:left;
    vertical-align:text-top;
    table-layout:auto;
    margin-left:100px;
    margin-bottom:0px;
}

th {
    width:300px;
    font-weight:600;
    vertical-align:top;
    padding:10px 20px;
    border-collapse:collapse;
    border-bottom: 1px solid #dfe3da;
}

td {
    width:300px;
    vertical-align:top;
    padding:10px 20px;
}
.panquin {
    margin:20px;
    text-align:center;
    width:80%;
    margin-left:90px;
}
.panquin img {
    padding:10px;
    width:33%;
}
/*agenda*/
.photos2 {
    display:inline-block;
    width:400px;
    margin-left:100px;
    margin-right:-40px;
    vertical-align:260px;
    margin-top:60px;
}

.projets {
    display:inline-block;
    width:430px;
    position:fixed;
    position:absolute;
    margin-top:33px;
    margin-left:80px;
}
.projets p {
    margin-left:0px;
    }
.projets h3 {
    margin-left:0px;
    }

.projets a {
    color:#63815c;
}
.projets a:hover {
    color:#dfe3da;
}
#intervenant p{
    display:inline-block;
    position:relative;
    margin-top:30px;
}
#intervenant img{
    vertical-align:top;
    margin-top:30px;
}
.marches {
    text-align:left;
    margin-bottom:10rem;
    margin-top:5rem;
    margin-left:120px;
}
.marches p {
    margin-left:0px;
    }
.marches a {
    color:#63815c;
}
.marches a:hover {
    color:#dfe3da;
}
.projecten {
    display:inline-block;
    width:445px;;
    position:fixed;
    position:absolute;
    margin-top:33px;
}
.projecten a {
    color:#63815c;
}
.projecten a:hover {
    color:#dfe3da;
}
#agenda a {
    color:#63815c;
}
#agenda2 a {
    color:#63815c;
}
#agenda a:hover {
    color:#ffffff;
}
#agenda2 a:hover {
    color:#ffffff;
}
#agenda {
    text-align:center;
    line-height:150%;
    margin-top:-100px;
    display:inline-block;
    margin-left:-20px;
}
#agenda2 {
    text-align:center;
    line-height:150%;
    margin-top:-100px;
    display:inline-block;
    margin-left:-20px;
}
#agenda table {
    width:800px;
    margin:auto;
    padding:10px;
    text-align:left;
    background-color:#dfe3da;
    table-layout:fixed;
    margin-bottom:20px;
}
#agenda2 table {
    width:800px;
    margin:auto;
    padding:10px;
    text-align:left;
    background-color:#dfe3da;
    table-layout:fixed;
    margin-bottom:20px;
}
.photos3 {
    display:inline-block;
    position:fixed;
    position:absolute;
    width:200px;
    vertical-align:260px;
    margin-top:60px;
    text-align:center;
    margin-bottom:auto;
    padding:0px;
}

.portrait {
    text-align:left;
    margin-left:250px;
    margin-top:35px;
    padding:0px;
    margin-bottom:100px;
}
.portrait p {
    display:inline-block;
    text-align:left;
    margin:auto;
    margin-left:20px;
    position:fixed;
    position:absolute;
    margin-top:0px;
    border-bottom:1px solid #63815c;
    padding-bottom:30px;
    width:550px;
}
.portrait img {
    display: inline-block;
    width:80px;
    margin-left:50px;
}
#agendaNL a {
    color:#63815c;
}
#agendaNL a:hover {
    color:#dfe3da;
}
#agendaNL {
    text-align:center;
    line-height:150%;
    margin-top:-210px;
    margin-bottom:10px;
    position:inherit;
}
#agendaNL table {
    max-width:700px;
    margin:auto;
    min-width:700px;
    text-align:center;
}
/*contact*/
.map {
    margin:60px 10px 20px 85px;
    display:inline-block;
}

section {
    display:inline-block;
    width:400px;
    margin:-20px 20px 20px 30px;
    line-height:20%;
    position:fixed;
    position:absolute;
}

section h3 {
    margin-bottom:40px;
    margin-left:0px;
}

section h4 {
    margin:30px 0px;
}

section p {
    margin-left:10px;
}

section img {
    padding:3px 3px 0px 3px;
}

section img:hover {
    opacity:0.2;
}
form {
    margin-left:100px;
    padding:10px;
    width:800px;
    margin-bottom:200px;
}
form div + div {
    margin-top:10px;
    
}
label {
    display:inline-block;
    width:60px;
    text-decoration:underline;
}

input, textarea {
    border:1px solid #dfe3da;
    vertical-align:top;
    font-family:"papier sans",arial,sans-serif;
    color:#63815c;
    font-size:18px;
    padding:3px 3px 0px 3px;
    display:inline-block;
    width:327px;
    font-weight:600;
}
textarea {
    height:60px;
}

.button input {
    padding:5px 5px 3px 5px;
    margin-top:3px;
    margin-left:62px;
    font-family:"papier sans",arial,sans-serif;
    color:#ffffff;
    font-size:18px;
    background-color:#63815c;
    border:none;
}

.button input:hover {
    background-color:#dfe3da;
}
.message textarea {
    height:60px;
    vertical-align:text-top;
    width:327px;
}
.boodschap textarea {
    height:60px;
    vertical-align:text-top;
    width:314px;
}
.contactform {
    margin-left:-70px;
}
.contactform .button input {
    width:58px;
}
.contactform label {
    width:65px;
}
.contactformNL {
    margin-left:-70px;
}
.contactformNL input {
    width:314px;
}
.contactformNL .button input {
    width:50px;
    margin-left:82px;
}
.contactformNL label {
    width:78px;
}

/*mentions légales*/
.legal h3 {
    margin-left:100px;
}
.legal h4 {
    margin-left:100px;
    font-size:18px;
}
.legal h5 {
    margin-left:100px;
}
.legal {
    font-size:16px;
    margin-top:50px;
}
.legal p {
    margin-left:123px;
    text-align:justify;
}
.legal a {
    color:#63815c;
}
.legal a:hover {
    color:#dfe3da;
}
blockquote{
    margin-left: 140px;
    margin-bottom:-15px;
    text-align:justify;
}
.privacy {
    margin:80px auto;
}
.privacy blockquote {
    margin-bottom:20px;
}
h5 {
    text-decoration:none;
    font-weight:600;
    font-size:18px;
}
/*newsletter*/
.title {
    display:inline-block;
    vertical-align:60px;
}
.title h1 {
    text-align:left;
}
.title h2 {
    text-align:left;
}
.newsletter {
    width:80%;
    margin:auto;
    margin-bottom:100px;
    padding:0px;
}
.newsletter p {
    text-align:justify;
}
.newsletter img {
    margin-left:100px;
}
.newsletter h3 {
    margin-top:40px;
}
.newsletter img {
    margin-top:20px;
}
#agenda_newsletter a {
    color:#63815c;
    margin-left:auto;
}
#agenda_newsletter a:hover {
    color:#dfe3da;
}
#agenda_newsletter {
    text-align:center;
    line-height:150%;
    margin-bottom:10px;
}
#agenda_newsletter table {
    width:80%;
    margin:auto;
    max-width:700px;
    min-width:700px;
    text-align:center;
}
.portrait_newsletter {
    margin:auto;
    margin-left:102px;
    margin-bottom:20rem;
}
.portrait_newsletter p {
    display: inline-block;
    text-align:left;
     position:fixed;
    position:absolute;
    margin-top:15px;
    margin-left:20px;
    width:500px;
}
.portrait_newsletter img {
    display: inline-block;
    width:80px;
    margin-left:0px;
}
.portrait_newsletter a {
    margin-left:auto;
}
.portret_nieuwsbrief {
    margin:auto;
    margin-left:102px;
    margin-bottom:20rem;
}
.portret_nieuwsbrief p {
    display: inline-block;
    text-align:left;
    position:fixed;
    position:absolute;
    margin-top:15px;
    margin-left:20px;
    width:500px;
}
.portret_nieuwsbrief img {
    display: inline-block;
    width:80px;
    margin-left:0px;
}
.portret_nieuwsbrief a {
    margin-left:auto;
}
.button input {
    width:65px;
    padding:5px 5px 3px 5px;
    margin-top:0px;
    margin-left:64px;
    font-family:"papier sans",arial,sans-serif;
    color:#ffffff;
    font-size:18px;
    background-color:#63815c;
    border:none;
}
.button input:hover {
    background-color:#dfe3da;
}
.inscription {
    margin-bottom:-60px;
    width:60%;
}
.inschrijving {
    margin-bottom:-60px;
    width:60%;
}
.inschrijving label {
    width:80px;
}
.inschrijving .button input {
    width:103px;
    padding:5px 5px 3px 5px;
    margin-top:0px;
    margin-left:83px;
    font-family:"papier sans",arial,sans-serif;
    color:#ffffff;
    font-size:18px;
    background-color:#63815c;
    border:none;
}
.inschrijving .button input:hover {
    background-color:#dfe3da;
}
.inschrijving_footer .button input:hover {
     background-color: #63815c;
     opacity:0.5;
}
.inscription_footer .button input:hover {
     background-color: #63815c;
     opacity:0.5;
}