/* general styles */
body{
  font-size: 13px;
}
div.centerContent{
  width: 728px;
  padding-left: 30px;
  padding-right: 30px;
}

/*      HEADER      */
header{
  padding-top: 20px;
  padding-bottom: 20px;
}
header div.centerContent{
  padding-left: 0px;
  padding-right: 0px;
}
header nav ul li{
  margin-right: 15px;
  height: 38px;
  line-height: 38px;
}
nav ul li:hover{
  text-decoration: underline;
}

header nav ul li:last-child{
  margin-right: 50px;
  padding-left: 12px;
  padding-right: 12px;
}
header nav ul li.homeButton a{
  width: 18px;
}

/*      CONTENT      */
div.content article{
  background-size: auto 80px;
  background-position: calc(50% - 300px) 40px;
  background-repeat: no-repeat;
  padding-top: 80px;
  padding-bottom: 50px;
}
div.headerImage{
  padding-top: 35%;
}
div.headerImage div.logoHolder{
  left: 35px;
  -webkit-transform: translate(0%, -20%);
  -ms-transform: translate(0%, -20%);
  transform: translate(0%, -20%);
}
div.headerImage div.logoHolder img{
  display: block;
  width: 100%;
}


h1{
  letter-spacing: 3px;
  margin-bottom: 40px;
}

div.textContent{
  padding-left: 0px;
}
div.greyBar,
div.whiteBar{
  padding-top: 40px;
  padding-bottom: 40px;
  margin-top: 50px;
}
div.whiteBar div.stripe,
div.greyBar div.stripe,
div.priceGroup div.stripe{
  bottom: -30px;
  height: 60px;
}
div.greenBar{
  padding-top: 50px;
  padding-bottom: 50px;
}
div.bottomText{
  padding-top: 50px;
}

/*      HOME    */
div.content.home div.headerImage{
  height: 500px;
}
div.content.home div.headerImage div.logoHolder{
  width: 25%; 
}
div.content.home div.headerImage div.headerBanners{
  left: 33%;
  height: 230px;
  bottom: -70px;
}
div.timeHolder{
  width: 35%;
  margin-right: 1%;
  background-position: 92% 50px;
  padding: 3%;
}
div.content.contact div.timeHolder{
  padding-bottom: 50px;
  width: 90%;
  margin-top: 30px;
  background-position: right 10px;
  background-size: 14% auto;
}
div.timeHolder p.time span{
  display: inline-block;
  width: 50%;
  line-height: 2em;
}
div.timeHolder p.time span:first-child{
  width: 35%;
}
a.agendaButton{
  width: 32%;
}
a.agendaButton img.stamp{
  width: 100px;
  top: -40px;
  right: 20px;
}

div.content.home div.pattern{
  width: 22%;
}

div.content.home h1{
  margin-top: 60px;
}
div.content.home div.textHolder,
div.content.nieuws div.textHolder,
div.content.tarieven div.textHolder{
  padding-left: 0px;
  padding-right: 0px;
}

div.content.home div.greenBar{
  margin-top: 70px;
}
div.content.home div.greenBar div.centerContent{
  padding-top: 30px;
  padding-bottom: 30px;
}
div.halfContent h3{
  margin-bottom: 20px;
  padding-bottom: 20px;
  padding-left: 30px;
  letter-spacing: 2px;
}
div.halfContent h2,
div.halfContent p{
  padding-left: 30px;
  padding-right: 30px;
}
div.halfContent p{
  line-height: 2em;
}
div.content.home img.ownersPic{
  position: absolute;
  right: 50%;
  height: 100%;
  top: 0px;
}
div.content.home img.owners{
  right: 60%;
  top: 70%;
  width: 250px;
}


/*      ABOUT    */
div.content.over div.greenBar div.centerContent{
    padding-left: 70px;
    padding-right: 70px;
}

/*      PRICES    */
div.content.pasfotos div.priceHolder{
  margin-top: 40px;
}
div.priceHolder div.price{
  font-size: 0.9em;
}
div.priceHolder div.price h4{
  letter-spacing: 1px;
}
div.priceGroup h2{
  padding-top: 40px;
  padding-bottom: 40px;
  letter-spacing: 1px;
}
div.priceSubGroupHolder{
  padding-top: 70px;
  padding-bottom: 70px;
}

/*      CONTACT    */
div.content.contact div.textHolder a,
div.content.contact div.textHolder span.or{
  padding: 10px;
}
div.content.contact div.greenBar{
  margin-top: 70px;
  padding-top: 50px;
  padding-bottom: 50px;
}
div.contactForm{
  margin-top: -100px;
  margin-left: 0px;
  width: 60%;
  padding: 30px;
  padding-top: 20px;
}


/*      FOOTER      */
div.footerCol{
  width: 20%;  
}
div.footerCol:first-child{
  width: 40%;
  padding-left: 0px;
}
div.footerCol:nth-child(3),
div.footerCol:nth-child(4){
  width: 20%;
}
div.footerCol a.logoHolder{
  width: 50%;
}

div.content.nieuws div.instagramHolder{
  padding-left: 0px;
  padding-right: 0px;
}