/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries */

/* #Font-Face
================================================== */


/* #Site Styles
================================================== */

/* ### general ### */
* { margin: 0; padding: 0; box-sizing: border-box; }
html,
body { font-family: arial, helvetica, sans-serif; font-size: 13px; color: #000; }
body { background: #71927D; }
input,
select,
textarea { font-family: Calibri; font-size: 14px; color: #000; }
img { display: block; border: 0; }
ul,
li { list-style: none; }
:focus { outline: none; }
a { transition: all 0.4s; }
a:hover { text-decoration: none; transition: all 0.4s; }


/* ### global classes ### */
.centered { margin: auto; max-width: 980px; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

/* ### main container ### */
#mainCntr { width: 100%; }

/* ### header container ### */
#headerCntr { position: relative; width: 100%; height: 200px; }

/* ### content container ### */
#contentCntr { width: 100%; }

/* headerBox */
.headerBox { margin-top: 8px; padding-top: 36px; padding-bottom: 6px; display: flex; flex-wrap: wrap; align-items: top; justify-content: space-between; background-image: url("/assets/images/banner2021.jpg"); min-height: 200px;}
.omgeving {background-image: url("/assets/images/banner5.jpg");}
.omgeving .left h1 {color:#fff !important;}
.omgeving .left h1 span {background-color:rgba(0,0,0,0.6); padding: 10px}
.tarieven, .contact {background-image: url("/assets/images/banner.jpg");}
.tarieven .left h1 {color:#000000 !important;}
.contact .left h1 {color:#000000 !important;}
.headerBox .left { width: 100%; text-align: left; padding-left: 24px;}
.headerBox h1 { font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; font-size: 19px; font-weight: bold; color: #fff;}
.headerBox p { padding-top: 18px; font-family: initial; font-size: 13px; }
.headerBox .right { padding-left: 30px; width: calc(100% - 330px); }
.headerBox .content { position: relative; display: inline-block; }
.headerBox .content img { width: 100%; max-width: 478px; }
.headerBox .text { position: absolute; bottom: 6px; width: 100%; font-size: 11px; text-align: center; }
.headerBox h2 { font-size: 11px; font-weight: 700; text-transform: uppercase; color: #fff; }

/* contentBox */
.contentBox .text { padding-top: 4px; padding-left: 185px; font-size: 11px; }
.contentBox .content { margin-top: 3px; margin-bottom: 15px; display: flex; justify-content: space-between; min-height: 500px; }
.contentBox .left { padding-top: 20px; padding-bottom: 20px; position: relative; width: 200px; background-color: #F5F5DC; }
.contentBox a { color: #000; }
.contentBox ul li a { margin: 10px; padding: 5px 5px; display: inline-block; font-size: 13px; font-weight: 700; text-decoration: none; display:grid; text-align: center; border-bottom: 3px solid #71927D; color: #000; background-color: #fff; }
.contentBox ul li a:hover { text-decoration: none; color: #889178; }
.contentBox .link { position: absolute; bottom: 9%; }
.contentBox .link p { margin: 10px; font-weight: normal; font-size: 0.85em;}
.contentBox .right { margin-left: 4px; padding: 25px; display: flex; justify-content: space-between; width: calc(100% - 200px); background: #F5F5DC; }
.contentBox img { max-width: 100%; }
.contentBox p { padding-bottom: 20px; font-family: Verdana, sans-serif; }
.contentBox .holiday-content { width: calc(50% - 40px); }
.contentBox .contact { padding-top: 25px; padding-left: 77px; }
.contentBox .contact-text { padding-top: 2px; font-weight: 700; }
.contentBox .contact-number { margin-top: 10px; }
.contentBox .contact-number a { text-decoration: none; }
.contentBox h2 {padding: 7px 0; margin-bottom: 10px; text-decoration: underline}
.contentBox .voorwaarden li {list-style: circle; list-style-position: inside;}
.contentBox .voorwaarden li a {list-style: circle; list-style-position: inside; margin: 0; text-transform: none; font-weight: bold;}
.contentBox .voorwaarden table {margin: 10px 0; border:none;width: 100%;}
.contentBox .voorwaarden tr, td {padding: 7px;}
.contentBox h2 {text-decoration: underline; padding-bottom: 6px;}
.contentBox .price {font-weight: bold;}
.contentBox .voorwaarden {padding-right: 15px;}

/* #Media Queries
================================================== */
@media only screen and (max-width: 991px) {
	.centered { padding-right: 15px; padding-left: 15px; }
	.contentBox .holiday-content { width: calc(50% - 25px); }
}

@media only screen and (max-width: 780px) {
	#headerCntr { height: auto; }
	.headerBox { height: auto; }
	.headerBox .left { width: 100%; }
	.headerBox .right { margin: auto; padding-top: 20px; padding-left: 0; width: 100%; text-align: center; }
	.contentBox .content { flex-wrap: wrap; }
	.contentBox .left { padding: 5px 0; width: 100%; }
	.contentBox .right { margin: 15px 0 0; padding: 15px; width: 100%; }
	.contentBox .link { position: initial; }
	.contentBox .text { padding-left: 10px; }
	.contentBox .holiday-content { width: calc(50% - 10px); }
	.contentBox .contact { padding-top: 25px; padding-left: 30px; }
}

@media only screen and (max-width: 480px) {
	.contentBox .right { flex-wrap: wrap; }
	.contentBox .holiday-content { width: 100%; }
	.contentBox .right-img { margin-top: 20px; }
	.contentBox .contact { padding-left: 0; }
}

/* #Gallery
================================================== */
div.gallery {
  border: 1px solid #ccc;
}

div.gallery:hover {
  border: 1px solid #777;
}

div.gallery img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 15px;
  text-align: center;
}

* {
  box-sizing: border-box;
}

.responsive {
  padding: 0 6px;
  float: left;
  width: 49.99999%;
    margin: 6px 0 12px;
}
.responsive-full {
  padding: 0 6px;
  float: left;
  width: 100%;
    margin: 6px 0 12px;
}
.responsive-3 {
  padding: 0 6px;
  float: left;
  width: 33.33333%;
    margin: 6px 0 12px;
}
.responsive-right {
  padding: 0 6px;
  float: right;
  width: 33.33333%;
    margin: 6px 0 12px;
}

@media only screen and (max-width: 700px) {
  .responsive, .responsive-3, .responsive-full {
    width: 100%;
    margin: 12px 0;
  }
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* #Holiday Logo
=================================================== */
.acrona-holiday-logo {
position: fixed;
   right: 0;
   bottom: 0;
   background-color: #ffffff05;
   z-index: 10;
   padding: 5px;
}
.acrona-holiday-logo a img {
    width: 48px;
}