@charset "UTF-8";

html,
body {
   margin:0;
   padding:0;
   height:100%;
   font-family: Arial, Helvetica, sans-serif;
}
#mainmenu .mb {
  display: none;
}
#menubutton {
  display: none;
}
#container {
   min-height:100%;
   position:relative;
}

/**Lightbox**/
#loctek-lightbox-close {
  line-height: 20px !important;
  border:0 !important;
  box-sizing: content-box;
  -moz-box-sizing:content-box;
  -webkit-box-sizing: content-box;
}
.loctek-lightbox {
  line-height: 20px !important;
  border:0 !important;
  box-sizing: content-box;
  -moz-box-sizing:content-box;
  -webkit-box-sizing: content-box;
}
#body.footerdist {
  margin-bottom: 120px;
}
#body.smalldist {
  margin-bottom: 120px;
}
.col-group_3 {
  margin-bottom: -30px;
}
.noneg {
  margin-bottom: 0;
}
input[type="submit"]{
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-border-radius:0;
}

/**input**/
/*textarea:focus, input:focus, select:focus{
    outline: none;
}

input[type=text],
input[type=submit],
input[type=email],
input[type=tel],
input[type=url],
input[type=search],
textarea,
select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;

  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
input[type=text],
input[type=email],
input[type=tel],
input[type=url],
input[type=search],
textarea {
  border:0;
}*/

/* HEADER */
#headerwrap { background-image:url(https://www.uitvaartvandercruyssen.be/images/xbg_head.jpg.pagespeed.ic.6Zaua1CLji.jpg); background-repeat:repeat-x; background-position:top;
   height:155px;
}
#header {
    max-width:1400px;  
    margin: 0px auto 0px auto; 
    padding: 0px 20px 0px 20px; position:relative;
}

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

/* FOOTER */
#footerwrap {
   /*position:absolute;
   bottom:0;*/
   width:100%;
   /*height:378px;   HOOGTE VAN DE FOOTER - AAN TE PASSEN */
    background:#242424;
}
#footer {
    max-width:1400px; 
    margin: 0px auto 0px auto; 
    padding: 10px 20px 10px 20px; color:#FFF;
}

.foot { width:100%; line-height:22px; height:22px; background-color:#494949; text-align:center; /*position:absolute; bottom:0px;*/ font-size:10px;color:#808080}
.foot a { color:#808080;}

/*/Footer*/
/*GDPR page*/
#content-container {
  width: 96%;
  max-width: 1400px;
  margin: auto;
}

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

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

#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 page*/
/*Cookie melding*/
#PLCookie {
  width: 100%;
  min-height: 50px;
  position: fixed;
  padding: 0 15px;
  z-index: 1000;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #4f4f4f;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(102,102,102,0.23);
  -moz-box-shadow: 0px 0px 20px 0px rgba(102,102,102,0.23);
  box-shadow: 0px 0px 20px 0px rgba(102,102,102,0.23);
}

#PLCookie article {
  max-width: 1200px;
  margin: 0 auto;
  color: #fff;
  letter-spacing: 1px;
  margin-top: 6px;
  display: flex;
  justify-content: space-between;
}

#PLCookie article div {
  float: right;
}

#PLCookie article span {
  display: block;
  line-height: 36px;
}

#PLCookie article div a {
  padding: 10px 15px;
  margin-left: 20px;
  background-color: #fff;
  color: #4f4f4f;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 1px;
  white-space: nowrap;
  cursor: pointer;
  transition: all .3s;
}
#PLCookie article div a:hover {
 background-color: #dbdbdb;
}

.contactak
{
  display: block;
  padding: 1em;
  color: #fff;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.4em;
  font-size: .9em;
  background-color: #000035;
  margin-top: 1.5em;
}
/*/Cookie melding*/

.logo { position:absolute; width:328px;}

.nav { width:100%; position:absolute; font-family: 'Open Sans', sans-serif; top:75px; padding-right:40px; -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}
.nav a { float:right; color:#1e1e1e; font-size:0.9em; line-height:32px; text-align:center; display:block; margin-left:5%; font-weight:600; text-transform:uppercase;}
.nav a:hover { border-bottom:2px solid #7f262f;}
.nav a.active {border-bottom:2px solid #7f262f;}

.login { position:absolute; width:250px; text-align:right; right:0px; margin-right:20px; top:9px;z-index: 5;}
.login a { color:#FFF; font-family: 'Open Sans', sans-serif; font-size:0.8em; font-weight:600;}

.sliderzone { width:100%; height:350px;   background: url(https://www.uitvaartvandercruyssen.be/images/xslide.jpg.pagespeed.ic.vZbyfa5s-f.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
.stroke { width:100%;  background:#242424; height:22px;}
.stroke2 { width:100%;  background:#242424; height:8px;}

.bannerzone { width:100%; height:156px;   background: url(https://www.uitvaartvandercruyssen.be/images/xslide.jpg.pagespeed.ic.vZbyfa5s-f.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

h1 { font-family: 'Open Sans', sans-serif; text-align:center; font-weight:600; font-size:1em; line-height:1.6em; color:#242424; border-bottom:3px solid #7f262f; padding-bottom:30px;  margin:auto; margin-bottom:50px;}


.txt { font-size:0.85em; line-height:1.8em; color:#3e3e3e;}
.cent { text-align:center;}
.just { text-align:justify;}
.rel { position:relative;}
.h2 { text-align:center; font-weight:900; text-transform:uppercase; font-size:1.12em; margin:20px 0 20px 0; color:#7f262f; font-family: 'Open Sans', sans-serif;}
.right { text-align:right;}

.redstroke { width:100%; background-color:#7f262f; padding-bottom:10px;font-family: 'Open Sans', sans-serif; color:#FFF;padding-bottom: 40px;}
.redstroke h2 { text-align:center;  margin:20px 0 44px 0; font-size:1em; text-transform:uppercase;}
.reditem { font-size:0.9em; line-height:1.8em; margin-bottom:20px;}
.btn_holder {position:absolute; bottom:-63.5px; width:100%; z-index:2000;left:0;}
.red_btn { max-width:360px; margin:auto;}
.red_btn a { color:#FFF; width:100%; display:block; text-align:center; background-color:#3c3c3c; line-height:47px; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; font-size:0.9em;}

.ticker { background-color:#FFF; width:100%; height:175px; background-image:url(../images/bg_ticker.png); background-repeat:no-repeat; background-position:top center; position:relative; border-top:2px solid #7f262f;}
.ticker #ttcontainer {top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
position:absolute; font-family: 'Open Sans', sans-serif;  width:100%; text-align:center; color:#191919e; font-size:1.4em;padding-left:0.5em;padding-right: 0.5em;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}

.footstroke { width:100%; background-image:url(../images/stroke.jpg); background-repeat:repeat-x; background-position:center; height:119px;}

.oo_img { max-width:237px; margin:auto; margin-bottom:20px;}

.homereg > div {
  position: relative;
}
.homereg a {
  position: absolute;
  top:0;
  bottom: 0;
  left:0;
  right: 0;
}
.homereg img {
  padding-bottom: 10px;
}
.vnm {
  font-size: 1.1em;
}
.nm {
  font-weight: bold;
  font-size: 1.1em;
}

.overons {font-size:0.85em; line-height:1.8em; color:#3e3e3e; text-align:justify;}
.overons h2 {font-family: 'Open Sans', sans-serif; text-align:center; font-weight:600; color:#b61515; font-size:1em; margin-bottom:20px;}

.dienst h2 {font-family: 'Open Sans', sans-serif; text-align:center; font-weight:600; color:#b61515; line-height:1.4em; font-size:0.9em; margin:20px 0 20px 0;}
.dienst_txt {font-family: 'Open Sans', sans-serif; font-size:0.85em; line-height:1.8em; font-style: italic; text-align:justify; color:#FFF;}
.dienst_btn { width:100%; text-align:center; color:#FFF; font-family: 'Open Sans', sans-serif; display:block; line-height:40px; font-style: italic; font-size:1em; background-color:#242424;}


/*fiche*/
.fichenav { position:relative; width:100%; height:32px;}

.ar_l { position:absolute; top:-16px; left:8px;}
.ar_r { position:absolute; top:-16px; right:8px;}
.ulstyle ul {
  list-style:disc inside;
}
.btns {  width:418px; position:absolute; top:-16px; left:209px; left:50%; margin-left:-209px;}
.btns a {color:#FFF; background-color:#7f262f; text-align:center; display:block; float:left; margin:0 7px 0 7px; line-height:30px; width:87px; font-size:0.7em; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }

.rightfiche {  padding-bottom:40px;  background-color:#3c3c3c;}
.rightfiche a { display:block; -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; padding: 20px 20px 0 20px; }
.rightfiche a:hover { background-color:#585858; }
.rightfiche a img { -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; border:1px solid #d9535e;}
.rightfiche a:hover .right_txt { color:#FFF;}
.right_txt { -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; padding:0 20px 0 20px; height:88px; overflow:hidden; color:#FFF; font-size:0.8em; line-height:1.6em; text-align:justify;}
.right_txt h2 { color:#d9535e; font-weight:bold; margin-bottom:5px;}
.bor {border-bottom:1px solid #8a8a8a; -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; padding-top:20px; }
a.lijst {color:#fff; background-color:#7f262f;  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; text-align:center; display:block;  line-height:32px; height:32px; width:100px; font-size:0.8em;  position:absolute; margin-top:-16px; left:50%; margin-left:-50px;}
/*end*/


a.submit { width:100%; display:block; background-color:#7f262f; line-height:38px; text-align:center; text-transform:uppercase; font-size:0.8em; color:#FFF; margin-top:16px; margin-bottom:30px;}

.gegevens {font-size:0.9em; line-height:2em;  position:relative;  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; color:#3e3e3e; font-family: 'Open Sans', sans-serif;}
.gegevens a {color:#FFF;}
.icons { position:absolute; left:0px; top:6px;}
.icons img {
  display: block;
}

.foot_img { max-width:220px;-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;height: 144px;border:1px solid white;
margin-left: 10px;
box-sizing: border-box;
padding:7.5px;
}
.foot_img img {
  border-radius: 15px;
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  height: 100%;
}
.foot_btn a { position:absolute; -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; border:1px solid #FFF; -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px; display:block; width:100%; height:144px; color:#FFF;}
.btn_txt { width:100%; 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; font-size:1em; line-height:1.6em;}
.btn_txt span { font-weight:900; font-size:1.1em;}

.actueel { position:relative;font-size:0.85em; line-height:1.8em; color:#3e3e3e; text-align:justify;padding-bottom:32px; background-image:url(https://www.uitvaartvandercruyssen.be/images/xballs.png.pagespeed.ic.xyOD_ENwSA.png); background-repeat:no-repeat; background-position:center bottom; margin-bottom:30px;}
.actueel h2 {text-align:center; font-weight:600; text-transform:uppercase; font-size:1em; margin:20px 0 20px 0; color:#7f262f; font-family: 'Open Sans', sans-serif; }
.actueel a {
  position: absolute;
  left: 0;
  right: 0;
  top:0;
  bottom: 0;
}
.info { background-color:#d2d2d2; padding:15px 15px 30px 15px; -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; color:#353535; text-align:justify; font-size:0.85em; line-height:1.8em;position: relative;min-height: 200px;}
  .infolink {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 2;
  }
  .info p { 
    text-align: center;
  }
  .info img {
   position: absolute;
   top: 2.5px;
   right: 0;

}
.info h2 { font-weight:bold;position:relative;font-family: 'Open Sans', sans-serif; color:#7f262f; font-size:1.2em; line-height:1.6em;  width:100%; display:block;padding-right: 30px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.info div {
  border-bottom:1px solid #a3a3a3; margin-bottom:20px; padding-bottom: 18px; 
}

h3 { text-align:center; font-family: 'Open Sans', sans-serif; color:#272727; font-size:1em; margin:10px 0 30px 0;}

.faq {}
.faq h2 { color:#FFF; background-color:#7f262f; font-family: 'Open Sans', sans-serif; font-size:0.8em; line-height:32px; background-image:url(/images/xfaqi.png.pagespeed.ic.-LctYRvMSN.png); background-repeat:no-repeat; background-position:center right; -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; padding-left:20px; margin-bottom:16px;}
  .content-box:after {
    clear: both;
    display: block;
    content: "";
  }
.ant { margin-bottom:16px; font-size:0.8em; -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; padding:0 10px 0 10px;}

.rouw_info {font-family: 'Open Sans', sans-serif; color:#1d1d1d;font-size:0.8em; line-height:1.6em; margin-bottom:40px;}
.rouw_txt { color:#1d1d1d; font-family: 'Open Sans', sans-serif; text-align:justify; font-size:0.8em; line-height:1.6em; }
.voornaam { color:#7f262f; font-size:1.2em;}
.naam { color:#7f262f; font-size:1.2em; font-weight:900;}
a.rouw {color:#7f262f; font-family: 'Open Sans', sans-serif; background-image:url(https://www.uitvaartvandercruyssen.be/images/xrouw_bg.png.pagespeed.ic.jnfMhfAp-g.png); background-repeat:no-repeat; background-position:right; border-bottom:1px solid #7f262f; padding-right:20px; font-size:1em; padding-bottom:10px; }

.rouwholder {-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; border-bottom:2px solid #3c3c3c; padding:40px;}
.rouwholder:last-of-type { border-bottom:0px;}

.rouwbetuiging_holder { width:96%;max-width:1400px; margin:auto;}
.rouwbetuiging { max-width:675px; margin:auto; color:#FFF; position:relative;}
.rouwbetuiging input[type=text] { border:none; width:100%; margin-bottom:10px; -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; padding:10px;}
.rouwbetuiging textarea  { border:none; width:100%; margin-bottom:10px; min-height:170px; -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; padding:10px;}
.rouw_submit { position:absolute; bottom:0px; width:100%; margin-bottom:-33px; z-index:2000;} 
.btn_rouw { max-width:365px; margin:auto; display:block; color:#FFF; background-color:#3c3c3c; font-size:0.9em; line-height:47px; text-align:center; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width: 100%;
border:0;
position: relative;
top: 62px;
z-index: 2; }
.rouw_info > span {
  line-height: 155%;
}
.rouwbrief {
width: 145px; 
  margin:10px 0;
display: block;
color: #FFF;
background-color: #3c3c3c;
font-size: 0.9em;
line-height: 30px;
text-align: center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 0;
z-index: 2;
}


.bericht_holder { max-width:920px; margin:auto;}
.familie { font-family: 'Open Sans', sans-serif; font-size:1em; color:#7f262f; font-weight:600;}
.familie span {
  font-size: 0.9em; color:black;
}


/***contact***/
.contact-form {
  margin-top: 40px;
  width: 30%;
  min-height: 422px;
  position: relative;
  margin-bottom: 15px;
  float: left;
}

.contact-form>input[type="text"], .contact-form textarea, .contact-form select {
  width: 100%;
  height: 35px;
  margin-bottom: 15px;
  box-sizing: border-box;
  padding-left: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.contact-form select {
  padding-left: 5px;
}
.contact-form textarea {
  height: 60px;
  padding-top: 8px;
}

.contact-form input[type="submit"] {
  width: 100%;
  min-height: 35px;
  background-color: #7f262f;
  border: none;
  text-transform: uppercase;
  color: white;  
  /*border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;*/
}
.contactpage {
    width: 96%;
    margin: 0 auto;   
    display: block;
    margin-bottom: 120px;
  }
  .contactpage h1 {
    font-size: 2.1rem;
  }
  .contactpage div p, .contactpage div a{
    font-size: 1.6rem; 
    width: fit-content;
    margin: 1em auto;
    text-align: center;
  }

  .contactpage .tel {
    font-size: 2.8rem;
    font-weight: bold;
  }
  .contact-info  {
    width: fit-content;
    margin: 0 auto;
  }
  .contactpage div a:nth-of-type(2), .contactpage div a:nth-of-type(3), .contactpage div a:nth-of-type(4){
    text-decoration: underline;
  }

  .contact-info .goto {
    text-align: center;
    margin-top: 3em;
  }
  .contact-info .goto a{
    background-color: #7f262f;
    color:white;
    padding: 8px 30px;
    margin: 3em auto;
    font-size: 1.6rem;
  }
.location { 
  box-sizing: border-box;
  width: 36%;
  margin: 40px 2% 0 2%;
  float: left;
  display: table-cell;
  vertical-align: bottom;
}

.mapoverlay {
   background:transparent; 
   position:relative; 
   width:100%;
   height:502px;
   z-index: 2;
   top:502px;  /* your iframe height */
   margin-top:-502px;  /* your iframe height */
}

.location>img {
  width: 100%;
}

.toon-groot, .contact-us {
  width: 100%;
  box-sizing: border-box;
  min-height: 35px;
  background-color: #7f262f;
  border: none;
  text-transform: uppercase;
  color: white;
  vertical-align: bottom; 
  position: absolute;
  bottom: 0;
  /*border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;*/
}

.contacteer-ons {
  margin-top: 40px;
  width: 100%;
  font-family: 'Hind', sans-serif;
  font-weight: 500;
  position: relative;
  min-height: 450px;
}

.contacteer-ons>img {
  width: 100%;
  margin-bottom: 20px; 
}

.contact-info section {
  float: left;
  width: 30px;
  padding-right: 20px; 
}

.contact-info section>img {
  margin-top: 6px;
  margin-bottom: 6px;
}

.topinfo {
  margin-top: 40px;
  line-height: 25px;
}
.botinfo {
  margin-top: 40px;
  line-height: 25px;
}

.special-contact {
  margin-bottom: 30px;
}

.contact-us {
  margin-top: 12px;
}
.contactheight {
  min-height: 570px;  
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 50px;
}
#mymap {
  height: 502px;
}
#PL_privacy {
  margin-top: 10px;
}
.privcnt {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: .8em;
  height: 20px;
}
.privcnt input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.privcnt a {
  height: 100%;
  color: black;
  font-weight: 700;
  color: colour;
  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: colour;
}
.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: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.submitholder input {
  width: 100%;
}
.submitholder .submit-warning {
  position: absolute;
  left:0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 2;
}


/*5 op rij*/

 .col-group_5 > div {
  padding: 1em;  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;  transition: all .2s ease-in-out; 
}
#body.home {
  margin-right: 0;
  padding-right: 0;
  max-width: initial;
}
.home .col img {
  max-width: 400px;
  position: absolute;
  right: 0;
}
.home .home {
  position: relative;
  left: 150px;
}

.home div {
  padding: 60px 0;
  width: 100%;
}
.home div h1 {
  font-size: 2.4rem;
  width: 80%;
  padding-bottom: 90px;
}

.home div h1 a {
color: #7f262f;
}
@media screen and (max-width: 1600px){
  .home .col img {
  max-width: initial;
  position: static;  
}
.home .home {
  position: static;
}
}
@media screen and (min-width: 600px) {
  .col-group_5 {
    overflow: hidden;
  }
  .col-group_5 > div {
    float: left;
    width: 50%;
  }
  .col-group_5 > div:nth-child(odd) {
    clear: left;
      }  
   
}

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

  
}

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

  
}

/* end */



/*4 op rij*/
.col-group_4 > div {
  padding: 1em;  -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%;    padding: 0.8em; 
  }
  .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; 
  }
 
}

/* end */


/*4 op rij*/
.col-group_4_foot > div {
  padding: 1em;  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;  transition: all .2s ease-in-out;
}
.col-group_4_foot:after {
  display: block;
  clear: both;
  content: "";
}
.rel.foot_btn {
  height: 144px;
}
.rel.foot_btn:after {
  display: block;
  clear: both;
  content: "";
}
@media screen and (min-width: 600px) {
  .col-group_4_foot {
    overflow: hidden;
  }
  .col-group_4_foot > div {
    float: left;
    width: 50%;    padding: 0.8em; 
  }
  .col-group_4_foot > div:nth-child(odd) {
    clear: left;
  }
   
}

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

/* end */


/*3 op rij*/
.col-group_3 > div {
  padding: 1em;  -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%;    padding: 0.8em; 
  }
  .col-group_3 > div:nth-child(odd) {
    clear: left;
  }
   
}

@media screen and (min-width: 1200px) {
  .col-group_3 > div {
    width: 33.33%;
  }
  .col-group_3 > 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% 3%;
}
.col:first-child { margin-left: 0; }

.col_con {
  display: block;
  float:left;
  margin: 1% 0 1% 3%;
}
.col_con:first-child { margin-left: 0; }

.col_foot {
  display: block;
  float:left;
  margin: 1% 0 1% 3%;
}
.col_foot: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 TWO  */
.span_2_of_2 {width: 100%;}
.span_1_of_2 {width: 48.5%;}


/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 65.66%; }
.span_1_of_3 { width: 31.33%; }

.span_2_of_3_fiche { width: 65.66%; }
.span_1_of_3_fiche { width: 31.33%; }

/*  GRID OF FOUR  */
.span_4_of_4 { width: 100%;}
.span_3_of_4 { width: 74.25%;}
.span_2_of_4 { width: 48.5%;}
.span_1_of_4 { width: 22.75%;}

/*  GRID OF FIVE  */
.span_5_of_5 { width: 100%;}
.span_4_of_5 { width: 79.4%;}
.span_3_of_5 { width: 58.8%;}
.span_2_of_5 { width: 38.2%;}
.span_1_of_5 { width: 17.6%;}

/*  GRID OF SEVEN  */

.span_7_of_7 { width: 100%;}
.span_6_of_7 { width: 85.28%;}
.span_5_of_7 { width: 70.57%;}
.span_4_of_7 { width: 55.85%;}
.span_3_of_7 { width: 41.14%;}
.span_2_of_7 { width: 26.42%;}
.span_1_of_7 { width: 11.71%;}

.rouwbet_1 {
  width: 30%;
}
.rouwbet_2 {
  width: 66%;
}



@media only screen and (max-width:1200px) {
  .col-group_4_foot > div {
    width: 33%;
  }
  .col-group_4_foot > div:nth-child(odd) {
    clear: none; 
  }
  .col-group_4_foot > div:nth-of-type(3) {
    display: none;
  }
  
  /*#bodywrap { padding-bottom:530px;}*/
/*#footerwrap { height:530px;}*/
  
  }

@media only screen and (max-width:1050px) {
  
  .nav { display:none;}
  .contact-form, .contacteer-ons {
    width: 100%;
  }
  .location {
    margin-left: 0%;
    margin-right: 0%;
    width: 100%;
  }
  .contacteer-ons {
    display: none;
  }
  .contacteer-ons.dn {
    display: block;
  }
  
  #mainmenu {
    background-color:white;
    z-index: 3000;
    padding:0;
    padding-top: 40px;
    font-size:1.5em;    
  } 
  #mainmenu a {
    padding:0.5em 0;
  }
  #header {
    margin-left: 0px;
    margin-right: 0px;
    padding:0;
  }
  .nav .nmb {
    display: none;
  }
  #mainmenu .mb {
    display: block;
    width: 100%;
  }
  #header {
    position: initial;
  }
  #headerwrap {
    position: relative;
  }
  #menubutton {
    display: block;
    position: absolute;
    right: 20px;
    bottom: 10px;
    z-index: 4000;
    cursor: pointer;
      }
  .nav a:hover { 
    border-bottom:0;
    color:white;
    background-color: #7f262f;
  }
.nav a.active {
  border-bottom:0;
  color:white;
  background-color: #7f262f;
}
  
  }

  @media screen and (max-width: 960px){
    .rouwbetuiging_holder {
      width: 96%;
        margin: auto 2%;
}
  }


@media only screen and (max-width:900px) {
  
  .btns { width:224px; position:absolute; top:-16px; left:112px; left:50%; margin-left:-112px; }
  .btns a { margin:0 3px 0 3px; line-height:30px; width:50px; }
  





}
@media only screen and (max-width: 780px) {
  .col-group_4_foot > div {
    width: 100%;
  }
  /*#footerwrap {
    height: 670px;
  }*/
  .col-group_4_foot {
    overflow: visible;
}
}
@media all and (max-width: 730px) {
  #PLCookie article div {
    float: none;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 6px;
    width: 100%;
  }

  #PLCookie article span {
    display: block;
    padding-top: 6px;
    text-align: center;
    margin-right: 0;
    padding-bottom: 55px;
    width: 100%;
  }
@media only screen and (max-width:700px) {
  
.col_con {  margin: 1% 0 1% 0%; }
.span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5 { width: 100%; }

.span_2_of_3_fiche, .span_1_of_3_fiche { width: 100%; }
.span_1_of_7, .span_2_of_7, .span_3_of_7, .span_4_of_7, .span_5_of_7, .span_6_of_7, .span_7_of_7 { width: 100%; }
.rouw_txt {
  margin-bottom: 10px;
}


}

@media only screen and (max-width: 600px) {
  
  /*#bodywrap { padding-bottom:870px;}*/
/*#footerwrap { height:870px;}*/
  
  
  .col {  margin: 1% 0 1% 0%; }
  .span_2_of_2, .span_1_of_2 { width: 100%; }
  .span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
  
  .span_1_of_7, .span_2_of_7, .span_3_of_7, .span_4_of_7, .span_5_of_7, .span_6_of_7, .span_7_of_7 { width: 100%; }
  .col-group_3 > div {
    padding-left: 0;
    padding-right: 0;
  }
  #faq {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .contact-us {
    position: relative;
  }

  .contact-form, .location,.contacteer-ons {
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
    margin-top: 40px;   
  }
  .contacteer-ons {
    padding-top: 40px;    
  }
  .location {
    margin-top: 60px;
  }


  .contact-form>input[type="submit"] {
    width: 100%;
  }  
  .col-group_4_foot > div {
    padding-left:0.5em;
    padding-right: 0.5em;
  }

  #body.home {
  margin-right: auto;
  padding-right: 20px;
}
.home {
  overflow: hidden;
}
.home .span_1_of_3 img {
  position: relative;
  left: 20px;
}


.contactpage h1 {
  font-size: 1.3rem;
}

.home div h1 {
  font-size: 1.3rem;
  width: 100%;
}

}
@media screen and (max-width: 450px){
  .red_btn, .btn_rouw {
    max-width: 180px;
  }
}
@media screen and (max-width: 400px){
  .contact-info section {
    display: none;
  }
  #body,#body.home {
    padding-left: 2%;
    padding-right: 2%;
  }
  .ticker {
    height: 225px;
  }
  .rouwholder {
    padding-left: 10px;
    padding-right: 10px;
  }
  .login-content {
    padding-top: 0;
  }
  .contacteer-ons {
    padding-top: 0px;
    padding-bottom: 0px;
    min-height: 0px;
  }
  .location {
    min-height:420px;
  }
  .mapoverlay {
    height: 350px;
    top:350px;
    margin-top: -350px;
  }
  #mymap {
    height: 350px;
  }
}
@media screen and (max-width: 330px){
  .logo {
    width: 100%;
  }
}
@media screen and (max-width: 300px){
  #footer .icons {
    display: none;
  }
  #footer img {
    display: none;
  }
  #footer .gegevens {
    padding-left: 0.5em !important;
  }
}
@media screen and (max-width: 250px) {
  .ticker {
    height: 320px;
  } 
  .logo {
    bottom: 40px;
  }
}
@media screen and (max-width: 230px) {
  /*#footerwrap {
    height: 950px;
  }*/
}