@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; outline:none; box-sizing: content-box;}



body {font-family: 'Open Sans', sans-serif; font-size:16px; line-height:24px; color:#999999; background-color: #ffffff}

/*
.fotoalbum {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
*/

.foto {
  position: relative;
  overflow: hidden;
  /*
  -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
  box-shadow: 0 0 10px rgba(0,0,0,.4);
  */
  width: 100%;
  border-radius: 0px;
}

.foto img { 
max-width: 100%;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
border-radius: 0px;
}
.foto:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  border-radius: 0px;
}

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #6fdb96;
}

.overlay:hover {
    opacity: 0.9;
}

.imgtext {
    color: #ffffff;
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.container { margin:0 auto; max-width:1035px; width:96%; }
.clr { clear:both}
.header {}

.header .logo { float:left}
.social-top { float:right; margin-top:20px;}
.social span { color: #bcbcbc; font-size:16px;}
.social a i { font-size:20px; color: #bcbcbc; padding:0 5px;}
.social a:hover i { color: #009680; }

.main-menu{ background: #009680; border-bottom:3px solid #2c2c2c; clear:both}
.main-menu .Menu-title{ display:none}
.main-menu .nav { }
.main-menu .nav li { display:inline-block; position:relative }
.main-menu .nav li a { color: #ffffff; font-size:18px; text-transform:uppercase; cursor: pointer; text-decoration:none; padding:10px 14px; font-weight: 100; display:block}
.main-menu .nav li a:hover {background:#99d5cc}
.main-menu .nav li:hover ul, .no-touch .main-menu .nav li:hover ul { display:block}
.main-menu .nav li ul { display:none; position:absolute; min-width:200px; z-index:1; background: #009680; left:0; top:42px;}
.main-menu .nav li ul li a { font-size:14px; padding:10px 10px;}
.main-menu .nav li ul li { display:block; float:none; border-bottom:1px solid #fff;}
.main-menu .nav li ul li:hover { background: #99d5cc}
.banner img { width:100%; height:auto}

.main-container { padding:40px 0 0 0; overflow:hidden;}

.column-left .main-col{     width: 65%;  float: left;   padding-right: 5%; margin-bottom: 30px;}
.full-width .main-col{ width:100%; padding-right:20px; overflow: hidden;}

.main-col h1 { font-size:28px; color: #009680; margin-bottom:24px;}
.main-col p { margin-bottom:24px;}
.main-col h2 { font-size:20px; color: #009680; margin-bottom:10px;}
.main-col img { max-width: 100%; height: auto;}

.main-container ul, .main-container ol { margin-bottom: 20px; }
.main-container li { margin-left: 20px; }
.column-left a { color: #999999; text-decoration: none; }
.column-left a:hover { color: #999999; text-decoration: underline; }

.column-left .right-side { width:30%; float:right}
.column-left .right-side .box { margin:0 0 20px;}
.column-left .right-side .box img { height:auto}
.column-left .right-side .box span { display:block; color: #999999; font-size:16px;}
.gm-style-iw { color: #000; }

.footer-top{ background: #009680; border-bottom:3px solid #ffffff; clear:both}

.footer-top .link{ display:inline-block; text-align:center; padding:10px 0; width:100%;}
.footer-top .link a {background: #99d5cc; color: #ffffff; text-transform: uppercase; font-size: 18px;  width: 300px;  margin: 0 10px;line-height: 40px; display: inline-block;
    text-decoration: none;}
 
.footer{ background: #99d5cc; padding:15px 0}
.footer .column { float:left; width:30%; padding-right: 3%; }
.footer .column  h2 { color:#009680; margin-bottom:0px; font-size:14px; font-weight:700} 
.footer .column  p { margin-bottom:20px;} 
.footer .column  h2 .fa { display:none; float:right; color:#009680; margin-right:0px; font-size:20px; font-weight:700}
.footer .column .text1 { color: #009680; padding:0; font-size:14px; font-weight:400} 
.footer .column .text2 { margin:0  0; }
.footer .column .text2 p {clear:both; width:100%; float:left; margin-bottom: 20px;}
.footer .column .text2 a { color:#009680; text-decoration:none}

.footer .column1 .text2 .col1 { float:left; width:30%; color:#009680; font-size:14px;}
.footer .column1 .text2 .col2 { float:left; width:70%; color:#009680; font-size:14px;}
.footer .column2 .text2 .col1 { float:left; width:30%; color:#009680; font-size:14px;}
.footer .column2 .text2 .col2 { float:left; width:70%; color:#009680; font-size:14px;}
.footer .column3 .text2 .col1 { float:left; width:30%; color:#009680; font-size:14px;}
.footer .column3 .text2 .col2 { float:left; width:70%; color:#009680; font-size:14px;}

.footer .column .text3 { color:#009680; padding:0; font-size:14px; font-weight:400} 
.footer-bottom { text-align:center;  padding: 5px 0; background-color: #cdeae6 }
.footer a { color: #009680; text-decoration: none; }
.footer a:hover { color: #009680; text-decoration: underline; }

.footer-bottom span {text-align: center;  font-size: 14px; color: #99d5cc; padding: 0 10px; }
.footer-bottom span a {text-align: center; font-size: 14px; color: #99d5cc; text-decoration: none;}
.fotoalbum { margin: 0;}
.fotoalbum ul li { list-style:none; width:31%; margin:0 2.3%  2.3% 0; float:left}
.fotoalbum ul li a { text-decoration:none; display:block}
.fotoalbum ul li a img { width:100%; height:auto; border-radius: 0px; } 
.fotoalbum ul li a span { color:#999999; font-size:16px; display:block}
.fotoalbum ul.origineel  { margin:0 -10px; box-sizing:border-box; }
.fotoalbum ul.origineel li { margin-right:0; width:33.33333%; padding:0 10px; box-sizing:border-box; }
.fotoalbum ul li:nth-of-type(3n+1) { clear:both; }

.post-list ul li{ margin:0; list-style: none; border-bottom:1px solid #009680; margin-bottom:40px; padding-bottom:40px; clear:both; width:100%; float:left} 
.post-list ul li .post-img { float:left; width:31%; margin-right:1%;}
.post-list ul li .post-disc{ float:right; width:65%;}
.post-list ul li .post-disc h2 { margin-bottom:25px;}

.post-list ul li .post-disc a {color:#009680; font-size:14px; font-weight:400; text-decoration:none; font-style:italic}

.contact-page .main-col p a { color: #999999; text-decoration:none}
.contact-page .main-col h2 { font-size:28px; color: #009680; margin-bottom:24px;}
.contact-page .main-col form  { margin:20px 0 50px;}
.contact-page .main-col form .field { margin-bottom:10px;}
.contact-page .main-col form .field .input-text { height:32px; background:#f2f1f0; color: #666666; font-style:italic; border:none; padding:0 10px; font-size:16px; width:100%;}
.contact-page .main-col form .field .input-textarea { height:100px; background:#f2f1f0; color: #666666;  font-style:italic; border:none; padding:5px 10px; font-size:16px; width:100%; font-family: 'Open Sans', sans-serif; font-size:16px;}
.contact-page .main-col form .button { margin:15px 0 0; }
.contact-page .main-col form .button .btn { width:343px; height:43px; color:#ffffff;  background:#009680; font-size:18px; text-align:center; line-height:43px; border:none }

.errormessage { border: 2px solid #009680; border-radius: 10px; padding: 5px 10px; color: #009680; background-color: #ffffff;}

.seopaginas {
margin-top: 30px;
font-style: italic;
font-size: 11px;
}

.seopaginas p {
margin: 0;
}

.seopaginas ul {
margin: 0 0 25px 0;
padding: 0;
}

.seopaginas li {
list-style: none;
float: left;
margin: 0;
}

.seopaginas a {
text-decoration: none;
}


/* Style inputs, select elements and textareas */
input[type=text], select, textarea{
  width: 100%;
  background:#f2f1f0; 
  color: #666666;
  border:none; 
  padding:0 10px; 
  font-size:16px;
  /*
  border: 1px solid #ccc;
  border-radius: 4px;
  */
  height:32px; 
  box-sizing: border-box;
  resize: vertical;
  font-family: 'Open Sans', sans-serif; 
  line-height:24px; 
}
.row {
margin-bottom: 10px;
}

textarea {
height: 100px;
}
.witruimte { height: 25px; };

/* Style the label to display next to the inputs */
label {
  padding: 12px 12px 12px 0;
  display: inline-block;
}

/* Floating column for labels: 25% width */
.col-25 {
  float: left;
  width: 25%;
  margin-top: 6px;
}

/* Floating column for inputs: 75% width */
.col-75 {
  float: left;
  width: 75%;
  margin-top: 6px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}


.banner{ position: relative;}
.bx-controls.bx-has-pager.bx-has-controls-direction{        position: absolute;
    width: 100%;
    bottom: 40px;
    height: 10px;}
.bx-wrapper { margin:0!important;}
.social-bottom { display:none}
button { clear:both; padding: 8px 20px; color:#ffffff; background:#009680; border: 0; height: 37px; min-width: 130px;}
button:hover, button:active, button:focus{ background: #999999; outline: none;}

#lastPostsLoader{width: 100%;clear: both;text-align: center;height: 80px;}
#load_more_button { display:none; clear:both; padding: 0px 20px;background:#d4d5d7;border:none;height: 45px; line-height:45px;max-width: 250px; font-size:16px; text-transform:uppercase; font-weight:700; color:#313133; cursor:pointer; text-align:center; margin:0 auto;}

#load_more_button:hover, #load_more_button:active, #load_more_button:focus{background: #d4d5d6;outline: none;}

.slicknav_menu {
	display:none;
}
.hide { display:none; }

@media screen and (max-width: 1024px) {
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
}

@media  (max-width:1040px){
.main-menu .nav li a { font-size:18px;}
.post-img img { width:100%; height:auto}
}


@media (max-width: 980px){
.main-menu .nav li a { font-size:15px;}
}
@media (max-width: 800px){
.main-menu .nav li a { font-size:14px;}
}

@media (max-width: 767px){

body{ font-size:14px; line-height:20px; color:#999999; background-color: #ffffff }
.header .logo { max-width:150px;}
.header .logo  img { width:100%; height:auto}
 .social span {  font-size:16px;}
.social a i { font-size:16px; }
.main-menu .nav li a { padding:10px 7px; font-size:12px;}
.main-col h1 { margin-bottom:15px; font-size:24px;}
.column-left .right-side .box span { font-size:14px;}
.footer .column{ width:94%; float:none; margin:10px 10px 20px;}

.footer-top .link a { width:45%;}
.main-menu .Menu-title{ display:none; }
/*.main-menu .nav { display:none}
.main-menu .nav.active { display:block}
.main-menu .nav li{ display:block; border-bottom:1px solid #fff;}
.main-menu .nav li:last-child { border-bottom:none}*/
.contact-page .main-col form .field .input-text, .contact-page .main-col form .field .input-textarea { padding:0 2%; width:96%;}
.contact-page .main-col form .button .btn { width:50%;}
.fotoalbum ul li { width:48.6%;}
.fotoalbum ul.origineel li { width:50%;}
.fotoalbum ul li:nth-child(2n){ margin-right:0;}

.fotoalbum ul li:nth-of-type(3n+1) { clear:none }
.fotoalbum ul li:nth-of-type(2n+1) { clear:both }

.full-width .main-col { padding:0;}
.contact-page .main-col h2 { font-size:20px;}
.footer .column  h2 .fa{ display:block!important;}

.column .block-content { display:none}
.footer-bottom span.divder{ display:none}
}

@media (max-width: 640px){
body{ color:#999999; background-color: #ffffff }
.column-left .main-col { width:100%; padding:0;}
.column-left .right-side {
    width: 100%;
    float: none;
}
.header .social-top { display:none
}
.social-bottom { display:block; margin:10px auto; width:190px; text-align: center;}
.fotoalbum { margin:20px 0;}

.post-disc h2 { margin-bottom:10px;}
}

@media (max-width: 480px){
body{ color:#999999; background-color: #ffffff }
.header .logo {
    max-width: 210px;
    float: none;
    margin: 0 auto;
}
.footer-top .link a { margin:5px 0; width:90%;}
.fotoalbum ul li, .fotoalbum ul.origineel li { width:100%; margin-right:0;}

.post-list ul li .post-img {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
}
.post-list ul li .post-disc {
    float: none;
    width: 100%;
    margin-top: 10px;
}
.footer-bottom span { display:block}
.footer-bottom span.divder{ display:none!important}
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media (max-width: 600px) {
  .col-25, .col-75, input[type=submit] {
    width: 100%;
    margin-top: 0;
  }
	
}
@media (max-width: 767px) {
  #load_more_button{ display:block}
  #lastPostsLoader{ height:40px}
}
@media (min-width: 768px) and (max-width: 1024px) {
	#load_more_button{ display:block}
	#lastPostsLoader{ height:15px}
}