@charset "UTF-8";

/* TECHNISCHE ORDENING & BROWSER SUPPORT */

* {
    margin:0px;
    padding0px;
}
html {
background-color:#FFF;

}

/*SLIDER*/

/*...*/

/*CONTENT*/

#container {
display:block;
width:70%;
padding:10px;
margin: auto auto 50px auto;
position:relative;
background-color:none;
font:helvetica;
}

header {
/*TOP RIGHT BOTTOM LEFT*/
margin: 0px 0px 50px 0px;
border-bottom:1px solid #AEAEAE;
padding:0px;
background-color:#C6C6C6;
font-family:helvetica;
color:#FFF
}

.underlay {
/*background-color:#EBEBEB;
border-bottom:1px solid #D3D3D3;*/
background-color:#FFF;
height:20px;
width:auto;
}

.logo {
position:relative;
top:15px;
/*TOP RIGHT BOTTOM LEFT*/
margin: 0px 0px 50px 0px;
max-width:400px;
}

#head img {
position:absolute;
top:170px;
right:30px;
/*margin:15px 30px 0px 0px;*/
max-width:150px;
float:right;
}

/*#kvk_logo img {
position:fixed;
bottom:10px;
left:10px;
max-width:55px;
float:right;
}*/

#kvk_logo p {
font-size:11px;
position:fixed;
bottom:15px;
left:15px;
/*margin:15px 30px 0px 0px;*/
}

nav {
/*TOP RIGHT BOTTOM LEFT*/
margin: 200px 0px 60px 0px;
padding:10px 0px 12px 0px;
background-color:#EBEBEB;
border-top:1px solid #D3D3D3;
border-bottom:1px solid #D3D3D3;
font-family:georgia;
font-weight:regular;
}

nav a {
/*TOP RIGHT BOTTOM LEFT*/
margin: 10px 12px 50px 12px;
padding:2px 4px 2px 4px;
text-decoration:none;
font-size:0.9em;
color:#000;
border-bottom:1px solid #D3D3D3;
}

nav a:hover {
/*TOP RIGHT BOTTOM LEFT*/
margin: 10px 12px 50px 12px;
border-bottom:1px solid #000;
background-color:#FFD445;
}


article {
display:inline-block;
position:relative;
margin: 0px 0px 0px 0px;
padding:0 auto;
background-color:none;
border-radius:5px;
}


article section {
margin:10px 10px 0px 0px;
padding:10px 10px 10px 10px;
display:block;
height:auto;
width:auto;
float:left;
position:relative;
bottom:20px;
/*styled
background-color:#EBEBEB;*/
border:1px solid #FFF;
border-radius:5px;
}

article section:hover {
margin:10px 10px 0px 0px;
padding:10px 10px 10px 10px;
display:block;
height:auto;
width:auto;
float:left;
position:relative;
bottom:20px;
background-color:#FFC400;
/*border:1px solid #FE9A2E;*/
border-radius:8px;
color:#FFF;
text-decoration:none;
}

article section img {
max-height:200px;
}

article section a {
/*TOP RIGHT BOTTOM LEFT*/
margin:5px 0px 0px 0px;
padding:5px 0 5px; 
font-family:georgia;
font-size:11px;
text-decoration:none;
color:#000;
/*styled*/
background-color:none;
/*border-bottom:1px solid #BCBCBC;--------------------------------------------------*/
border-radius:0px 0px 15px 15px;
/*D3D3D3*/
}

aside {
position:fixed;
bottom:0px;
right:0px;
padding:15px;
background-color:#AEAEAE;
border-radius:5px 0 0 0;
font-family:georgia;
font-size:0.7em;
color:#FFF;
}


#footer {
margin:0px 0px;
width:100%;
/*TOP RIGHT BOTTOM LEFT*/
padding:5px 10px 5px 20px;
background-color:#EBEBEB;
border-top:1px solid #D3D3D3;
position:fixed;
bottom:0px;
right:0px;
}

#footer p {
    font-family:helvetica;
    font-size:11px;
    color:#606060;
    float:right;
}


/*CONTACT*/

#over_holder {
    margin: 0px auto 0px auto;
    padding:20px 10px 20px 10px;
    box-align: center;
    height:auto;
    width:785px;
}

#contact_holder {
    margin: 0px auto 0px auto;
    padding:20px 10px 20px 10px;
    box-align: center;
    background-color:#FFC400;
    border-radius:20px;
    height:490px;
    width:785px;
}

#over_section {
    padding:10px;
    margin: 0px 10px 50px 10px;
    width:743px;
    font: 16px georgia;
    line-height:24px;
    color:#000;
    background-color:#FFF;
    border:20px solid #FFC400;
    border-radius:20px;
    float:left;
}

#contact_section p {
    padding:10px;
    margin: 0px 10px 0px 10px;
    width:352px;
    font: 16px georgia;
    line-height:24px;
    color:#000;
    background-color:#FFF;
    float:left;
}

#contact_section img {
    margin: 20px 10px 20px 10px;
    max-width:370px;
}






















/*Dit hieronder is voor het alignen van div's en het bij stellen van de wrapper, container of iets waar hij in zit*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
 .clearfix {display: inline-block;}
 /* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */