/* EXTERNE FONTS */

@import url(http://fonts.googleapis.com/css?family=[NAAM VAN DE FONT]);

/* GEHOSTE FONTS */
@font-face {
    font-family: '[NAAM VAN DE FONT]';
    src: url('../fonts/[BESTANDSNAAM VAN FONT].eot');
    src: url('../fonts/[BESTANDSNAAM VAN FONT].eot?#iefix') format('embedded-opentype'),
         url('../fonts/[BESTANDSNAAM VAN FONT].woff') format('woff'),
         url('../fonts/[BESTANDSNAAM VAN FONT].ttf') format('truetype'),
         url('../fonts/[BESTANDSNAAM VAN FONT].svg#[NAAM VAN DE FONT]') format('svg');
    font-weight: normal;
    font-style: normal;

}
@charset "UTF-8";

html,
body {
 margin:0;
 padding:0;
 height:100%;
 font-family: 'Arvo', serif, Arial; background-color:#902501;
}
#container {
 min-height:100%;
 position:relative;
}

/* HEADER */
#headerwrap {
	background-image:url(../images/bg_head.png);
 height:75px;   position: fixed; z-index:90; width:100%; 
}
#header {
  width:100%;  
  margin: 0px auto 0px auto; 
  padding: 0px 20px 0px 20px; color:#FFF;   -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
  position: relative;
}

#popupsplash {
  width: 50% !important;
}
#closeWindowPopup{
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 2rem;
  cursor:pointer;
  
}
#poptekst {
  padding: 50px;
}

#popupsplash>div {
  padding: 100px;
}
#topticker
{
  display: none;
  padding:10px 50px;
  background-color: #902501;
  color:#fff;
  position: relative;
}

#topticker p
{
  font-family: 'Arvo', serif, Arial;
}

#ttclose
{
  position: absolute;
  right:10px;
  top:50%;
  margin-top:-12.5px;
  width: 25px;
  height:25px;
  cursor:pointer;
}

#ttan
{
  position: absolute;
  left:10px;
  top:50%;
  margin-top:-12.5px;
  width: 25px;
  height: 25px;
}

#ttclose > img, #ttan > img
{
  width: 100%;
  height: 100%;
}

/* BODY */
#bodywrap {
 /*padding-bottom:526px;   HOOGTE VAN DE FOOTER - AAN TE PASSEN */
}
#body {
  max-width:1600px;  
  margin: 0px auto 0px auto; 
  padding: 40px 20px 40px 20px;
}

#body h1 {font-family: 'Lobster', cursive; color:#ffe8cc; text-align:center; padding-bottom:45px; font-size:2em; line-height:1.4em; margin-bottom:25px; background-image:url(../images/bg_h1.png); background-repeat:no-repeat; background-position:bottom center; margin-bottom:60px;}

/* COOKIE MELDING NEW */

#PLCookie {
	position: fixed;
	left: 10px;
	bottom: 10px;
	margin-right: 10px;
	background-color: white;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
	z-index: 100;
	padding: 25px;
	transition: all .8s;
	-webkit-box-shadow: 0px 2px 22px 0px rgba(61,61,61,0.41);
	-moz-box-shadow: 0px 2px 22px 0px rgba(61,61,61,0.41);
	box-shadow: 0px 2px 22px 0px rgba(61,61,61,0.41);
}

#PLCookie h2 {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: 'Montserrat', sans-serif;
	color: #353535;
	font-size: 1.6em;
	font-weight: 700;
	margin-bottom: 15px;
	line-height: 30px;
}

#PLCookie p {
	max-width: 500px;
	font-family: 'Montserrat', sans-serif;
	color: #979797;
	margin-bottom: 20px;
	text-align: justify;
	line-height: 150%;
	font-size: 1.1em;
}

.PL_Buttons {
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
	width: 100%;
}

.PL_Buttons a {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: 'Montserrat', sans-serif;
	padding: 15px;
	background-color: #902501;
	border: 1px solid #902501;
	color: #fefefe;
	width: 48%;
	cursor: pointer;
	text-align: center;
	transition: all .3s;
	margin: 5px;
	font-size: 1.3em;
}

.PL_Buttons a:hover {
	background-color: transparent;
	color: #902501;
	border: 1px solid #902501;
}

/* NEW COOKIE END */

/* GDPR */

#content-container {
  width: 96%;
  max-width: 1400px;
  margin: auto;
}

#content-container h2 {
  color:#df9207; 
  font-size:2.4em; 
  font-weight:bold; 
  margin-bottom: 5px;
  margin-top: 1em;
  cursor: pointer;
}

#content-container h3 {
  color: #fff;
  background-color: #3a3a3a;
  padding: .6em;
  cursor: pointer;
  font-weight: bold;
  font-size: 1em;
  margin-top: 1em;
}
#content-container h3.active {
  background-color: #df9207;
}

#content-container h4 {
  font-size: 1.1em;
  font-weight: bold;
}

#content-container p {
  margin-bottom: 2em;
}

#content-container ul {
  margin-left: 1em;
}

#content-container table {
  margin-left: 1em;
}
#content-container a {
  color: #D3191C;
}
#content-container .c {
  line-height: 150%;
}
#gdpr-wrapper {
   min-height:100%;
   position:relative;
}

/* GDPR END */

/* privacy checkbox */

#PL_privacy {
	margin-top: 10px;
}
.privcnt {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: .8em;
	height: 20px;
	line-height: 1.3em;
}
.privcnt input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
.privcnt a {
	height: 100%;
	color: black;
	font-weight: 700;
	color: #df9206;
	position:relative;
	z-index: 10;
}
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #dedede;
}
.privcnt:hover input ~ .checkmark {
	background-color: #ccc;
}
.privcnt input:checked ~ .checkmark {
	background-color: #df9206;
}
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.privcnt input:checked ~ .checkmark:after {
	display: block;
}
.privcnt .checkmark:after {
	left: 6px;
	top: 2px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
#subm {
  position:relative;
  z-index: 3;
}
#subm.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.submitholder {
  position: relative;
}
.submitholder:after {
  	display: block;
  	clear: both;
  	content: "";
}
.submitholder .submit-warning {
  position: absolute;
  left:0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 2;
}

/* privacy checkbox END */

/* FOOTER */
#footerwrap {
 /*position:absolute;*/ position:relative;
 bottom:0;
 width:100%;
 /* height:526px;   HOOGTE VAN DE FOOTER - AAN TE PASSEN */ min-height:526px;
 background:#000; padding-bottom:25px;
}
#footer {
  margin: 0px auto 0px auto; 
  padding: 20px 20px 20px 20px; color:#FFF; font-size:1em; line-height:1.6em;
}
#footer a { color:#FFF;}

#footer a:not(:first-child){
	line-height: 1.9em;
}

.foot { position:absolute; width:100%; bottom:0px; text-align:center; background-color:#df9207; font-size:11px; height:25px; line-height:25px; color: #ffe8cc}
.foot a { color:#ffe8cc;}

.foot_txt { position:relative; -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; padding-left:55px; margin-bottom:15px; }
  
  .foot_icons { width:25px; position:absolute; left:17px; top:5px;}

  .introzone { width:100%; z-index:89; position:relative;}
  .headtxt { line-height:75px; font-size:24px; position:absolute;}

  .logostroke { width:100%; height:401px; top:50%; margin-top:-200px; position:absolute;}
  .logosplash { max-width:455px; margin:auto;}

  .bg_red { background-color:#902501; }
  .bg_geel { background-color:#df9206;}

  .block { position:relative; height:100%; padding-top:100%;}

  .block_content { text-align:center;top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    position:absolute;  width:100%; font-size:1.2em; line-height:1.4em;text-transform:uppercase; 
  }

  .banner { height:350px; width:100%;  background: url(../images/banner.jpg) no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }

    a.grow, input.grow 
    { 
      display:block; 
      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      -o-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out; 
      color:#ffe8cc;
      border-radius: 50%;
    }

    a.grow:hover, input.grow:hover 
    { 
      -ms-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1); 
    }

    a.grow h2, input.grow h2 {font-family: 'Lobster', cursive; font-size:4em; text-transform:none; margin-bottom:10%;}
    a.grow h3, input.grow h3 { font-size:1.9em; color:#fce07c; font-weight:500; margin-top:7%; line-height:1em;}
    
    .ticker { width:100%; position:relative; min-height:400px; background: url(../images/bg_ticker.jpg) no-repeat center center; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover; overflow:hidden; }

      .ticker_txt { width:100%; text-align:center; position:absolute; top: 50%;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        color:#ffe8cc;}


        .home_left { width:50%; float:left; position:relative; height:auto;}
        .home_right { width:50%; float:right;}


        .kader { position:relative; overflow:hidden;}

        .txt { max-width:600px; margin:auto; color:#FFF; font-size:1.1em; line-height:1.6em; padding:4% 20px 20px 20px;}
        .txt  h1 { font-family: 'Lobster', cursive; color:#ffe8cc; font-size:2.2em; line-height:1.6em; margin-bottom:25px;}

        .logo { position:absolute;}


        .nav, .nav2 {  width:100%;  line-height:75px; font-size:1.1em;}
        .nav a, .nav2 a { float:right; color:#FFF; font-weight:500; margin-left:5%;}
        .nav a:hover, .nav2 a:hover   { background-image:url(../images/bg_nav.png); background-position:center bottom; background-repeat:no-repeat;}


        .nav2 
        { 
          display: none;
          position: absolute;
          top:75px;
          left:0;
          background-color: rgba(0,0,0,1);
          font-size:1.8em;
        }

        .nav2 a
        {
          width: 100%;
          float:left;
          text-align: center;
          margin-left:0;
          border-bottom: 1px solid #fff;
        }

        .nav2 a:first-child
        {
          border-top:1px dotted #fff;
        }

        .nav2 a:hover
        {
          background-position:15% center;
        }

        .nav2 .active
        {
          background-image: url("../images/bg_nav.png");
          background-position:15% center;
          background-repeat: no-repeat;
        }

        #resbutton
        {
          display: none;
          position: absolute;
          right:5%;
          top:20px;
        }

        .active {background-image:url(../images/bg_nav.png); background-position:center bottom; background-repeat:no-repeat;}

        .kaart_txt {-webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box; color:#FFF; font-size:1.1em; line-height:1.6em; text-align:justify; max-width:290px; margin:auto; padding:20px; margin-bottom:20px;}
          .kaart_txt h2 {font-family: 'Lobster', cursive; color:#ffe8cc; text-align:center;  font-size:2em; line-height:65px;}
          .kaarticon { max-width:198px; margin:auto;}
          .innerkaart { min-height:262px; padding-bottom:20px;}
          a.meer, div.meer, input.meer{ color:#FFF; width:124px; margin:auto; background-color:#df9206; display:block; line-height:47px; text-align:center;-webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px; border:none;}

            .innerstreek { min-height:270px; padding-bottom:20px;}

            .errors li{color:#fff;margin-bottom:5px;}
            .kaartlist { color:#333333; font-size:1.1em; line-height:1.6em; webkit-box-sizing: border-box;
              -moz-box-sizing: border-box;
              box-sizing: border-box; padding:0 20px 0 20px;}
              .kaartlist h2 { text-align:center; font-size:1.2em; font-weight:600; margin-bottom:20px;}
              .kaartlist ul { margin-bottom:50px;}
              .kaartlist ul li { border-bottom:1px dashed #333; position:relative; padding-right:65px; font-weight:400; line-height:32px;}
              .prijs { position:absolute; right:0px; text-align:right; top:0px;}

              .list {}
              .list ul { padding-left:20px; list-style-image:url(../images/li.png); line-height:2em; width: 100%}
              .list ul:after {
                display: block;
                clear: both;
                content: "";
              }
              .list li { width:45%; margin-right:5%;float:left; }
              .list a { color:#FFF;}

              .txt_holder { max-width:960px; margin:auto; text-align:; font-size:2em; line-height:1.4em;}
              .txt_holder span { font-size:1.8em;}


              .contactholder { max-width:90%; margin:auto;}

              .form { padding-right:35px;}

              .map { border:10px solid #FFF; -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px; -moz-box-shadow: 0 0 5px #333;
                -webkit-box-shadow: 0 0 5px#333;
                box-shadow: 0 0 5px #333; }

                .form input[type=text] { width:95%; border:none; height:35px; line-height:35px; -webkit-border-radius: 5px;
                  -moz-border-radius: 5px;
                  border-radius: 5px; margin-bottom:25px;-moz-box-shadow: 0 0 5px #333;
                  -webkit-box-shadow: 0 0 5px#333;
                  box-shadow: 0 0 5px #333;padding-left:5%;}

                  .form textarea {width:95%; border:none; -webkit-border-radius: 5px;
                    -moz-border-radius: 5px;
                    border-radius: 5px; margin-bottom:25px; height:168px; -moz-box-shadow: 0 0 5px #333;
                    -webkit-box-shadow: 0 0 5px#333;
                    box-shadow: 0 0 5px #333;padding-left:5%;padding-top:10px;}

                    .spacer { width:100%; border-top:1px dotted #FFF; height:22px; margin-top:50px;}

                    .gegevens {color:#FFF; font-size:1.1em; line-height:1.6em;}
                    .gegevens a { color:#FFF;}
                    .rightcon { padding-left:35px;-webkit-box-sizing: border-box;
                      -moz-box-sizing: border-box;
                      box-sizing: border-box;}
                      .leftcon { padding-right:35px;-webkit-box-sizing: border-box;
                        -moz-box-sizing: border-box;
                        box-sizing: border-box; border-right:1px dotted #FFF;}

                        .adresvak { position:relative; -webkit-box-sizing: border-box;
                          -moz-box-sizing: border-box;
                          box-sizing: border-box; padding-left:26px;}
                          .adresvak, .adresvak a
                          {
                           color:#fff;
                         }

                         #adresg tr
                         {
                          display: block;
                          margin-bottom:2em;
                          line-height: 1.3em;
                        }
                        .conicons { position:absolute; left:0px; padding-top:5px;}

                        .hideblock {}

                        .gps { text-align:right; color:#FFF; line-height:40px;}


                        /*4 op rij*/

                        .col-group_4 > div {
                         -webkit-box-sizing: border-box;
                         -moz-box-sizing: border-box;
                         box-sizing: border-box;  transition: all .2s ease-in-out;


                       }
                       @media screen and (min-width: 600px) {
                        .col-group_4 {
                          overflow: hidden;
                        }
                        .col-group_4 > div {
                          float: left;
                          width: 50%;
                        }
                        .col-group_4 > div:nth-child(odd) {
                          clear: left;
                        }





                      }

                      @media screen and (min-width: 1200px) {
                        .col-group_4 > div {
                          width: 25%;
                        }
                        .col-group_4 > div:nth-child(odd) {
                          clear: none;
                        }

                        #menucol > div
                        {
                          width: 23%;
                          margin-left:1%;
                          margin-right:1%;
                          float:left;
                        }



                      }

                      /* end */






                      /*3 op rij*/

                      .col-group_3 > div {
                        padding: 0em;  -webkit-box-sizing: border-box;
                        -moz-box-sizing: border-box;
                        box-sizing: border-box;  transition: all .2s ease-in-out;


                      }
                      @media screen and (min-width: 600px) {
                        .col-group_3 {
                          overflow: hidden;
                        }
                        .col-group_3 > div {
                          float: left;
                          width: 50%;
                        }
                        .col-group_3 > div:nth-child(odd) {
                          clear: left;
                        }



                      }

                      @media screen and (min-width: 1200px) {
                        .col-group_3 > div {
                          width: 33.3%;
                        }
                        .col-group_3 > div:nth-child(odd) {
                          clear: none;
                        }


                      }

                      /* end */

                      /*3 op rij*/

                      .col-group_2 > div {
                        padding: 0em;  -webkit-box-sizing: border-box;
                        -moz-box-sizing: border-box;
                        box-sizing: border-box;  transition: all .2s ease-in-out;


                      }
                      @media screen and (min-width: 600px) {
                        .col-group_2 {
                          overflow: hidden;
                        }
                        .col-group_2 > div {
                          float: left;
                          width: 50%;
                        }
                        .col-group_2 > div:nth-child(odd) {
                          clear: left;
                        }


                      }

                      @media screen and (min-width: 1200px) {
                        .col-group_2 > div {
                          width: 50%;
                        }
                        .col-group_2 > div:nth-child(odd) {
                          clear: none;
                        }


                      }

                      /* end */










                      /*  SECTIONS  */
                      .section {
                       clear: both;
                       padding: 0px;
                       margin: 0px;
                     }

                     /*  COLUMN SETUP  */
                     .col {
                       display: block;
                       float:left;
                       margin: 1% 0 1% 0%;
                     }
                     .col:first-child { margin-left: 0; }

                     /*  COLUMN SETUP  */
                     .col_con {
                       display: block;
                       float:left;
                       margin: 1% 0 1% 0%;
                     }
                     .col_con:first-child { margin-left: 0; }


                     /*  GROUPING  */
                     .group:before,
                     .group:after { content:""; display:table; }
                     .group:after { clear:both;}
                   .group { zoom:1; /* For IE 6/7 */ }
                   /*  GRID OF THREE  */
                   .span_3_of_3 { width: 100%; }

                   .span_2_of_3 { width: 61.3%; -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box; }

                    .span_1_of_3 { width: 25%; -webkit-box-sizing: border-box;
                      -moz-box-sizing: border-box;
                      box-sizing: border-box; }
                      .mapholfer {padding-left:36px; width: 50%;}
                      .span_2_of_3_con { width: 61.3%; -webkit-box-sizing: border-box;
                        -moz-box-sizing: border-box;
                        box-sizing: border-box; }

                        .span_1_of_3_con { width: 38.7%; -webkit-box-sizing: border-box;
                          -moz-box-sizing: border-box;
                          box-sizing: border-box; }  

                          .mob {
                            display: none;
                          }

                          #amenu {
                            padding-top: 75px;
                          }


                          /*  GO FULL WIDTH BELOW 480 PIXELS */
                          @media only screen and (max-width: 700px) {
                           .col {  margin: 1% 0 1% 0%; }
                           .span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }

                           .mapholfer {padding-left:0px;}
                           .form { padding-right:0px; margin-bottom:35px;}	


                           .txt_holder {  font-size:1.2em; line-height:1.4em;}
                           .txt_holder span { font-size:2em;}

                         }


                         @media only screen and (max-width: 920px) {
                          .col_con {  margin: 1% 0 1% 0%; }
                          .span_2_of_3_con, .span_1_of_3_con { width: 100%; }


                          .rightcon { padding-left:0px;}
                          #adresg { padding-left: 36px;}
                          .leftcon { padding-right:0px; border-right: none;}

                          .nav { display:none;}
                          #resbutton {display: block; z-index: 20;}
                        }

                        @media only screen and (max-width: 1000px) {
                          .home_left { width:100%; float:left; }
                          .home_right { display:none;}
                          .headtxt { display:none;}
                        }



                        @media only screen and (max-width: 1200px) {
                          .hideblock { display:none;}


                        }




                        .zestiennegen
                        {
                          width: 100%;
                          background-size: cover;
                          background-position: center center;
                          border:10px solid #fff;
                          border-radius: 5px;
                        }

                        .zestiennegen:after
                        {
                          padding-top:56%;
                          content: "";
                          display: block;
                        }

                        @media only screen and (max-width: 1024px) {
                          .contactholder
                          {
                            max-width: 100%; 
                          }
                          #body .contactholder .span_1_of_3
                          {
                            width: 35%;
                          }


                          #body .contactholder .span_1_of_3:nth-child(2)
                          {
                            width: 65%;
                          }

                          #body .contactholder #adresg
                          {
                            width: 100%;
                            padding:0;
                          }

                          #body .contactholder #adresg .zestiennegen
                          {
                            display: none;
                          }

                          .form
                          {
                            padding:0;
                          }

                          #adresg
                          {
                            border-top: 1px dotted #fff;
                            padding-top:20px;
                            margin-top:20px;
                          }

                          #adresg table tr
                          {
                            width:31.3333%;
                            margin-right:2%;
                            float:left;
                          }

                          .spacer
                          {
                            margin-top:0;
                          }

                        }



                        @media only screen and (max-width: 800px) {

                          #headerwrap
                          {
                            background-color: #000;
                          }

                          #resbutton
                          {
                            display: block;
                          }

                          #adresg table tr
                          {
                            width:48%;
                            margin-right:2%;
                            float:left;
                          }
                          .logosplash {
                            display: none;
                          }

                        }
                        @media only screen and (max-width: 700px) {

                          #body .contactholder .span_1_of_3, #body .contactholder .span_1_of_3:nth-child(2)
                          {
                            width: 100%;
                          }

                          #adresg table tr
                          {
                            width:100%;
                          }

                          .logo img
                          {
                            width: 130px !important;
                            height: 37px !important;
                            margin-top: 15px;
                          }

                          .bg_geel .list ul li
                          {
                            width: 100%;
                          }

                        }

                        @media only screen and (max-width: 600px) {
                          .mob {
                            display: block;                            
                          }
                          .nomob {
                            display: none;
                          }
                        }