/* general styles */
body{
  font-size: 14px;
  line-height: 22px;
}
div.centerContent{
  width: 728px;
}

/*      HEADER      */
header{
  height: 85px;
}
header div.logoHolder{
  width: 140px;
  padding-top: 30px;
}
header div.langHolder{
  margin-top: 20px; 
}
div.menuHolder nav>ul{
  margin-top: 20px; 
}
div.menuHolder nav ul li{
  padding-left: 5px;
  padding-right: 5px;
}

/*      CONTENT      */
div.content{
  padding-top: 85px;
}

article div.pageTitle{
  height: 160px;
}
article div.pageTitle.withImage{
  height: 300px
}
div.mainText{
  padding-top: 60px;
  padding-bottom: 60px;
}
div.textCol{
  padding-left: 30px;
  width: 349px;
}
div.textCol:first-child{
  padding-left: 0px;
}


/*      HOME     */
div.block{
  padding-top: 40px;
  padding-bottom: 40px;
}
div.content.home div.block h2{
  width: 100%;
}
div.slideShowHolder{
  padding-top: 600px;
}
div.slideShowHolder div.homeLogo{
  top: 160px;
}
div.slideShowHolder div.slideShow div h1{
  bottom: 50px;
}
div.block:nth-child(2){
  background-color: #f9f9f9;
  padding-bottom: 0px;
}

div.block:nth-child(2) div.textHolder{
  width: 100%;
}
div.serviceHolder{
  width: 100%;
  margin-top: 40px;
  padding-bottom: 40px;
}
div.serviceHolder div.service{
  width: 230px;
  margin-left: 6px;
  margin-right: 6px;
}
div.serviceHolder div.service img{
  width: 140px;
}
div.serviceHolder div.service div.frame{
  height: 57px;
}

div.content div.block:nth-child(10) h2{
  padding-left: 0px;
  margin-bottom: 20px;
}
div.content div.block:nth-child(10) div.contactForm{
  padding-left: 0px;
  padding-right: 0px;
}

div.squareHolder{
  margin-top: 60px;
  margin-bottom: 50px;
}
div.squareHolder a.squareClient{
  width: 242px;
  height: 225px;
}
div.squareHolder span.logoHolder{
  padding: 20px;
}
div.squareHolder a.squareClient:hover span.logoHolder{
  background-position: right 15px bottom 15px;
  background-size: 40px auto;
}
div.squareText{
  width: 244px;
  height: 225px;
  font-size: 2.5em;
}
div.squareText:before{
  left: 102px;
  border-top: solid 24px #FFF;
  border-left: solid 20px transparent;
  border-right: solid 20px transparent; 
}
/*
div.content.home div.block:nth-child(4) h2{
  padding-left: 370px;
  padding-top: 40px;
}
div.block:nth-child(4) img{
  width: 150px;
  margin-top: -75px;
}
div.block:nth-child(4) img.quote{
  width: 40px;
  left: 0px;
}
*/
div.refHolder{
  width: 300px;
  height: 350px;
  margin-left: 50px;
}
div.ref{
  left: 0px;
  top: 0px;
  width: 300px;
  height: 350px;
}
div.ref div.textHolder{
  padding: 20px;
  padding-bottom: 0px;
}
div.ref div.imageHolder{
  margin-left: 20px;
}
div.ref h3{
  padding: 20px;
  padding-bottom: 0px;
  font-size: 1.5em;
}
div.ref h4{
  padding: 20px;
  padding-top: 0px;
  font-size: 1em;
}
div.ref a{
  bottom: 20px;
  left: 20px;
}
div.refHolder div.arrow,
div.mainText a.arrow,
div.mainText span.arrow{
  bottom: 20px;
  width: 40px;
  height: 40px;
  border-radius: 20px;
}

div.refHolder div.arrow.left,
div.mainText a.arrow.prev,
div.mainText span.arrow.prev{
  background-image: url("../images/pijl-left-wit.svg");
  right: 30px;
}
div.refHolder div.arrow.right,
div.mainText a.arrow.next,
div.mainText span.arrow.next{
  background-image: url("../images/pijl-right-wit.svg");
  right: -20px;
}

div.block:nth-child(5){
  padding-bottom: 0px;
}
div.block:nth-child(5) div.squareHolder{
  margin-bottom: 0px;
}

div.block:nth-child(6){
  background-color: #f7f7f7;
}

div.block:nth-child(7){
  border-bottom: 3px solid #009fe3;
}

div.blogHome{
  width: 478px;  
  margin-left: 0px;
}
div.blogHome a{
  width: 209px;
  margin-right: 30px;
}
div.blogHome a span.imageHolder{
  height: 100px;
}
div.agendaHome{
  width: 250px;
  margin-left: 0px;
}

span.agendaDate{
  height: 60px;
  width: 60px; 
}
span.agendaDate span:first-child{
  padding-top: 12px;
}
div.agendaHome span.textHolder,
div.sideText a.agendaItem span.textHolder,
div.agendaItems a.agendaItem span.textHolder{
  padding-left: 75px;
}

div.block:nth-child(9) div.centerContent{
  width: 728px; 
}
div.block:nth-child(9) div.counterHolder{
  width: 242px;
}

div.block:nth-child(9) img{
  height: 60px;
  margin-bottom: 8px;
}


div.content.adviseurs div.mainText.white,
div.content.clients div.mainText.white,
div.content.faq div.mainText.white,
div.content.blog div.mainText.white,
div.content.service div.mainText{
  width: 448px;
  margin-left: 0px;
}
div.content.service div.mainText{
  width: 448px;
}
div.content.adviseurs div.mainText.white div.textHolder,
div.content.clients div.mainText.white div.textHolder,
div.content.blog div.mainText.white div.textHolder{
  padding-bottom: 30px;
  margin-bottom: 40px;
}

div.sideText{
  width: 250px;
  margin-left: 30px;
  padding-top: 60px;
  padding-bottom: 60px;
}
div.content.service div.sideText{
  width: 250px;
  margin-left: 30px;
}

div.sideText div.contact{
  padding: 20px;
  padding-top: 15px;
}
div.sideText div.quote{
  padding: 20px;
  padding-top: 15px;
}
div.sideText div.quote:before{
  left: 60px;
  height: 24px;
  bottom: -12px;
  width:  24px;
}
div.sideText div.quote:after{
  left: 40px;
  height: 18px;
}
div.sideText div.quote img{
  top: -40px;
  left: 20px;
}
div.sideText div.quoteHolder div.trainer{
  padding-top: 25px;
}


/*      SERVICE     */
div.content.service div.serviceFormHolder,
div.content.agenda div.serviceFormHolder{
  padding-top: 60px;
  padding-bottom: 60px;
}
div.content.service div.serviceFormHolder div.serviceForm,
div.content.agenda div.serviceFormHolder div.serviceForm{
  padding-top: 20px;
  padding-left: 0px;
  padding-right: 0px;
}


/*      AGENDA     */
div.content.agenda div.mainText{
  padding-bottom: 40px;
}
div.agendaOverview{
  padding-left: 0px;
  padding-right: 0px;
}
div.agendaOverview h1{
  float: none;
  margin-bottom: 10px;
}
div.agendaOverview div.agendaFilters{
  float: none;
  margin-bottom: 20px;
}
div.agendaOverview div.agendaFilters select{
  width: 230px;
  margin-left: 0px;
  margin-right: 5px;
}

div.agendaCol{
  width: 236px;
  margin-right: 10px;
}


/*      CLIENTS     */
div.clientOverview a,
div.catHolder div.cat{
  line-height: 1.1em;
}


/*      BLOG      */
div.blogHolder a span.imageHolder,
div.blogImage{
  float: none;
  width: 100%;
  height: 200px;
  margin-bottom: 10px;
}
div.blogImage{
  width: 100%;
  height: 100%;
  padding-top: 0px;
  margin-bottom: 0px;
}
div.blogHolder a{
  padding-bottom: 20px;
  margin-bottom: 30px;
}
div.blogHolder a span.textHolder{
  padding-left: 0px;
  min-height: 0px;
}
div.blogHolder a span.text{
  min-height: 0px;
}


/*      DOWNLOADS     */
div.content.downloads div.contactBar div.centerContent,
div.content.downloads div.mainText div.centerContent{
  padding-left: 0px;
  padding-right: 0px;
}


/*      CONTACT     */
div.content.contact div.mainText{
  padding-top: 40px;
  padding-bottom: 40px;
}
div.contactBar{
  padding-top: 40px;
  padding-bottom: 40px;
}
div.contactBar div.textHolder{
  padding-bottom: 20px;
}
div.contactBlocks{
  width: 100%;
}
div.contactBlocks div:not(.clear){
  width: 242px;
}
div.contactBlocks div img{
  width: 70px;
}
div.contactBlocks div p{
  padding-left: 80px;
}
div.contactBlocks div p span,
div.contactBlocks div p a{
  padding-top: 20px;
}

div.followUs{
  padding-top: 40px;
  padding-bottom: 40px
}

/*      FOOTER      */
div.footerInfo{
  padding-top: 40px;
  padding-bottom: 30px;
}
div.footerInfo div.infoBlock,
div.footerInfo div.infoBlock:nth-child(1),
div.footerInfo div.infoBlock:nth-child(2),
div.footerInfo div.infoBlock:nth-child(3),
div.footerInfo div.infoBlock:nth-child(4){
  padding-left: 0px;
  padding-right: 0px;
  width: 170px;
  margin-right: 30px;
}
div.footerInfo div.infoBlock:nth-child(4){
  width: 120px;
  margin-right: 0px;
}