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

/*      HEADER      */
header{
  position: fixed;
  height: 50px;
}
header.home:not(.fixed){
  background-color: #FFF;
}
header div.logoHolder{
  width: 110px;
  padding-top: 8px;
  float: none;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  z-index: 40;
}
header.home:not(.fixed) div.logoHolder{
  display: block;
}

header div.langHolder{
  float: none;
  position: absolute;
  right: 10px;
  top: 0px;
  margin-top: 0px;
  background-position: left 16px;
}
header.home:not(.fixed) div.langHolder{
  color: #009fe3;
  background-image: url("../images/icon-talen-blauw.svg")
}
.hidden{
  display: none !important;
}
header div.langHolder a{
  padding-left: 28px;
}
header.home:not(.fixed) div.langHolder a{
  border-top: none;
  color: #009fe3
}
header div.langHolder a:first-of-type{
  height: 50px;
  line-height: 50px;
}
header.home:not(.fixed) div.langHolder a:first-of-type{
  background-image: url("../images/arrow-down-blauw.svg");
  color: #009fe3;
}

div.menuHolder{
  float: none;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
}
div.menuHolder nav>ul{
  text-align: left;
  margin-top: 0px; 
  padding-right: 0px;
  width: 100%;
}
div.menuHolder nav ul li{
  display: none;
  height: auto;
  line-height: 30px;
  padding-left: 20px;
  padding-right: 20px;
  margin-right: 0px;
  background-color: #FFF;
  font-size: 1.1em;
}
header.home:not(.fixed) div.menuHolder nav>ul>li{
  color: #009fe3;
}

div.menuHolder nav ul li:hover{
  background-color: #FFF;
  color: #009fe3;
}
div.menuHolder nav ul li ul{
  position: relative;
  left: auto;
  display: block;
}
div.menuHolder nav ul li ul li{
  height: auto;
  line-height: 30px;
  padding-right: 0px;
  border-bottom: none;
  font-size: 1em;
}
div.menuHolder nav ul li ul li:hover{
  background-color: #FFF;
  color: #009fe3;
}
div.menuHolder nav ul li.menuButton{
  display: block;
  height: 50px;
  line-height: 50px;
}
div.menuHolder nav ul li.menuButton span{
  font-size: 2em;
  line-height: 50px;
}

/*      CONTENT      */
div.content{
  padding-top: 50px;
}
article h1,
article h2{
  font-size: 2em;
  margin-bottom: 10px;
}
article div.pageTitle{
  height: 80px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
article div.pageTitle.withImage{
  height: 140px
}
article div.pageTitle h2{
  font-size: 2.4em;
}
article div.pageTitle.withImage h2{
  font-size: 2.4em;
}
article div.pageTitle  h3{
  font-size: 1.6em;
}


div.mainText{
  padding: 20px;
  padding-top: 30px;
  padding-bottom: 30px;
}

div.textCol{
  padding-left: 0px;
  width: 100%;
  float: none;
}
div.textCol:first-child{
  padding-left: 0px;
  padding-bottom: 20px;
}
/*
article ul li{
  list-style: none;
  background-image: url("../images/vinkje-oranje.svg");
  background-size: 21px auto;
  background-position: left 10px;
  background-repeat: no-repeat;
  padding-left: 40px;
  padding-bottom: 8px;
  padding-top: 8px;
}
*/


/*      HOME     */
div.block{
  padding: 20px;
  padding-top: 30px;
  padding-bottom: 30px;
}
div.content.home div.block h2{
  width: 100%;
}
div.slideShowHolder{
  padding-top: 300px;
}
div.slideShowHolder div.homeLogo{
  top: 90px;
}
div.slideShowHolder div.slideDots{
  bottom: 10px;
}
div.block:nth-child(1) img{
  width: 200px;
}
div.slideShowHolder div.slideShow div h1{
  padding-bottom: 0px;
  font-size: 1.6em;
  bottom: 50px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}

div.block:nth-child(2) div.textHolder{
  width: 100%;
}
div.serviceHolder{
  width: 100%;
  margin-top: 20px;
  padding-bottom: 20px;
}
div.serviceHolder div.service{
  float: none;
  width: 220px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
div.serviceHolder div.service img{
  width: 160px;
}
div.serviceHolder div.service div.frame{
  height: 54px;
}


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

div.block:nth-child(3) a:not(.squareClient),
div.block:nth-child(5) a:not(.squareClient),
div.block:nth-child(6) a:not(.squareClient),
div.ref a,
div.blogHome span.readmore,
div.trainer a.readmore,
div.blogTags a{
  height: 40px;
  line-height: 40px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: 12px;
  margin-right: 12px;
  font-size: 1.2em;
}

div.squareHolder{
  margin-top: 30px;
  margin-bottom: 30px;
}
div.squareHolder a.squareClient{
  width: 33%;
  height: 0px;
  padding-top: 33%;
  position: relative;
}
div.squareHolder span.logoHolder{
  padding: 10px;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
div.squareHolder a.squareClient:hover span.logoHolder{
  background-position: right 5px bottom 5px;
  background-size: 20px auto;
}
div.squareText{
  width: 34%;
  height: 0px;
  padding-top: 33%;
  font-size: 1.1em;
  line-height: 0.9em;
  position: relative;
}
div.squareText:before{
  left: 50%;
  border-top: solid 14px #FFF;
  border-left: solid 12px transparent;
  border-right: solid 12px transparent; 
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}
div.squareTable{
  display: table;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}
div.squareTable div{
  display: table-cell;
  vertical-align: middle;
}
div.squareText div.title span.fa-circle{
  color: #009fe3;
  font-size: 0.15em;
}
div.squareText.blue div.title span.fa-circle{
  color: #f49600;
}

div.content.home div.block:nth-child(4) h2{
  padding-left: 0px;
  text-align: center;
  padding-top: 0px;
  width: 100%;
  position: absolute;
  left: 0px;
  top: 100px;
  font-size: 1.8em;
}
div.block:nth-child(4) img{
  width: 120px;
  margin-top: -60px;
}
div.block:nth-child(4) img.quote{
  display: none;
}

div.refHolder{
  width: 220px;
  height: 350px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  float: none;
  margin-top: 50px;
}
div.ref{
  width: 220px;
  height: 350px;
}
div.ref div.textHolder{
  padding: 20px;
  padding-bottom: 0px;
  font-size: 0.9em;
  line-height: 1.5em;
}
div.ref div.imageHolder{
  width: 35px;
  height: 35px;
  margin-left: 20px;
  margin-top: 15px;
  margin-right: 8px;
}
div.ref h3{
  padding: 20px;
  padding-top: 15px;
  padding-bottom: 0px;
  font-size: 1.2em;
  line-height: 1.1em;
}
div.ref h4{
  padding: 20px;
  padding-top: 0px;
  font-size: 0.7em;
  line-height: 1.1em;
}
div.ref a{
  bottom: 20px;
  left: 20px;
  margin: 0px;
  height: 30px;
  line-height: 30px;
  font-size: 1em;
}
div.refHolder div.arrow,
div.mainText a.arrow,
div.mainText span.arrow{
  bottom: 20px;
  width: 34px;
  height: 34px;
  border-radius: 17px;
}

div.mainText a.arrow,
div.mainText span.arrow{
  bottom: 0px;
}
div.arrowHolder{
  position: relative;
  height: 34px;
  margin-right: 20px;
}
div.content.blog div.arrowHolder{
  margin-bottom: 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: 27px;
}
div.refHolder div.arrow.right,
div.mainText a.arrow.next,
div.mainText span.arrow.next{
  background-image: url("../images/pijl-right-wit.svg");
  right: -17px;
}

div.clientHolder{
  padding-left: 40px;
  padding-right: 40px;
}
div.clientSlider a{
 padding-right: 0px;
  text-align: center;
}
div.clientSlider a img{
  max-width: 160px;
}
div.clientHolder div.arrow.left{
  background-image: url("../images/pijl-left-lichtgrijs.svg");
  left: 0px;
}
div.clientHolder div.arrow.right{
  background-image: url("../images/pijl-right-lichtgrijs.svg");
  right: 0px;
}

div.blogHome{
  width: 100%;  
  margin-left: 0px;
  float: none;
  text-align: left;
}
div.content.home div.block div.blogHome h2,
div.content.home div.block div.agendaHome h2{
  margin-bottom: 20px;
  width: auto;
}

div.blogHome a{
  width: 100%;
  margin-right: 0px;
  float: none;
  padding-bottom: 30px;
}
div.blogHome a span.imageHolder{
  width: 100%;
  height: 0px;
  padding-top: 45.8%;
}
div.blogHome a span.title{
  margin-top: 10px;
}
div.blogHome a span.text{
  min-height: 0px;
}
div.blogHome span.readmore{
  margin-left: 0px;
  margin-top: 5px;
}

div.agendaHome{
  float: none;
  width: 100%;
  margin-left: 0px;
}
span.agendaDate{
  height: 62px;
  width: 62px; 
}
div.agendaHome span.textHolder,
div.sideText a.agendaItem span.textHolder,
div.agendaItems a.agendaItem span.textHolder{
  padding-left: 75px;
}


div.block:nth-child(9){
  background-color: #f49600;
  color: #FFF;
  padding-bottom: 0px;
}
div.block:nth-child(9) div.counterHolder{
  width: 50%;
  padding-bottom: 30px;
  font-size: 1.1em;
  line-height: 1.2em;
}
div.block:nth-child(9) img{
  height: 50px;
  margin-bottom: 4px;
}


/*      ADVISEURS     */
div.trainerHolder{
  padding-top: 30px;
}

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{
  float: none;
  width: 100%;
  box-sizing: border-box;
  margin-left: 0px;
}
div.content.service div.mainText{
  width: 100%;
}
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: 20px;
  margin-bottom: 40px;
}
div.content.blog div.mainText.white div.textHolder{
  margin-bottom: 0px;
}
div.content.clients div.mainText.white div.textHolder{
  background: none;
  padding-bottom: 0px;
}

div.content.adviseurs div.mainText.white h1,
div.content.clients div.mainText.white h1{
  padding-top: 10px;
  margin: 0px;
}
div.content.adviseurs div.mainText.white h2,
div.content.clients div.mainText.white h2{
  padding-top: 0px;
  font-size: 1.2em;
}

div.sideText{
  float: none;
  width: auto;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 30px;
  padding-bottom: 40px;
}
div.content.service div.sideText{
  width: auto;
  margin-left: 20px;
  margin-right: 20px;
}

div.sideText div.contact{
  padding: 20px;
  padding-top: 15px;
  font-size: 1em;
}
div.sideText div.contact p.title{
  font-size: 1.4em;
  padding-bottom: 5px;
}

div.sideText div.quote{
  padding: 20px;
  padding-top: 15px;
  font-size: 1em;
  margin-top: 60px;
}
div.sideText div.quote:before{
  height: 24px;
  bottom: -12px;
  width:  24px;
}
div.sideText div.quote:after{
  height: 20px;
}
div.sideText div.quote img{
  left: 20px;
  width: 50px;
}
div.sideText div.quoteHolder div.trainer{
  padding-top: 25px;
}
div.sideText div.quoteHolder div.trainer div.textHolder{
  padding-right: 65px;
}
div.sideText div.quoteHolder div.trainer div.imageHolder,
div.blogHolder a span.authorPic,
div.blogHeading div.blogAuthorPic{
  width: 50px;
  height: 50px;
}
div.blogHeading div.blogAuthorPic{
  width: 50px;
  height: 50px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}



/*      SERVICE     */
div.content div.serviceFormHolder,
div.content.agenda div.serviceFormHolder{
  padding: 20px;
  padding-top: 40px;
  padding-bottom: 40px;
}
div.content 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: 30px;
}
div.agendaOverview{
  padding-left: 0px;
  padding-right: 0px;
}
div.agendaOverview h1{
  float: none;
}
div.agendaOverview div.agendaFilters{
  float: none;
  margin-bottom: 20px;
}
div.agendaOverview div.agendaFilters select{
  display: block;
  width: 100%;
  margin-left: 0px;
}

div.agendaCol{
  width: 100$;
  margin-right: 0px;
  float: none;
}


/*      CLIENTS     */
div.content.clients div.mainText{
  text-align: center;
}
div.content.clients div.squareHolder{
  margin-bottom: 0px;
  padding-left: 20px;
  padding-right: 20px;
}
div.content.clients div.squareHolder a:nth-child(3n){
  width: 34%;
}

div.pageNavHolder{
  padding-bottom: 40px;
  padding-right: 20px;
}
div.pageNav{
  padding-top: 20px;
}
div.tabHolder div.tab{
  padding-left: 0px;
  padding-right: 0px;
  margin-right: 0.35%;
  width: 33.1%;
  font-size: 1em;
}
div.tabHolder div.tab:nth-child(3){
  margin: 0px;
}
div.tabContentHolder{
  padding: 20px;
  font-size: 1em;
}
div.tabContentHolder div.tabContent li{
  padding-left: 20px;
}


/*      BLOG      */
div.blogHolder a{
  padding-bottom: 20px;
  margin-bottom: 30px;
}
div.blogHolder a:last-child{
  margin-bottom: 0px;
}
div.blogHolder a span.imageHolder,
div.blogImage{
  float: none;
  width: 100%;
  height: 0px;
  padding-top: 45.7%;
  position: relative;
  margin-bottom: 10px;
}
div.blogHolder a span.textHolder{
  padding-left: 0px;
  min-height: 0px;
}
div.blogHolder a span.title{
  font-size: 1em;
}
div.blogHolder a span.text{
  font-size: 1em;
  min-height: 0px;
}
div.blogRecent a{
  font-size: 1em;
}
div.blogNewsletter{
  margin-bottom: 0px;
}

div.content.blog div.mainText.white div.blogInfo{
  margin-top: 10px;
  padding-right: 50px;
}


/*      FAQ      */
div.faqList div.question{
  padding: 20px;
  padding-right: 20px;
}
div.faqList div span.faqArrow{
  width: 20px;
  height: 20px;
  border-radius: 10px;
  margin-top: -1px;
}
div.faqList div.text{
  margin-top: 15px;
}


/*      CONTACT     */
div.content.contact div.mainText{
  padding-top: 20px;
  padding-bottom: 20px;
}
div.contactBar{
  padding: 20px;
}
div.contactBar div.textHolder{
  text-align: center;
  padding-bottom: 30px;
}
div.contactBlocks{
  width: 220px;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
div.contactBlocks div:not(.clear){
  width: 100%;
  float: none;
  clear: both;
  margin-bottom: 20px;
}
div.contactBlocks div img{
  width: 50px;
}
div.contactBlocks div p{
  padding-left: 60px;
  font-size: 1em;
}
div.contactBlocks div p span,
div.contactBlocks div p a{
  padding-top: 10px;
}

div.formCol{
  width: 100%;
  margin-right: 0px;
  float: none;
}

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


/*      FOOTER      */
footer{
  padding-bottom: 0px;
}
div.footerInfo{
  padding-top: 20px;
  padding-bottom: 0px;
}
div.footerInfo div.infoBlock{
  float: none;
  width: 100%;
  padding: 20px;
  padding-top: 0px;
  margin-right: 0px;
  text-align: center;
  box-sizing:border-box;
}
div.footerInfo div.infoBlock:nth-child(1){
  padding-left: 20px;
}
div.footerInfo div.infoBlock:nth-child(2){
  width: 100%;
  margin-right: 0px;
  padding-bottom: 0px;
}
div.footerInfo div.infoBlock:nth-child(3){
  width: 100%;
  margin-right: 0px;
  margin-top: 0px;
}
div.footerInfo div.infoBlock:nth-child(5){
  margin-right: 0px;
}
div.footerInfo div.infoBlock h3{
  margin-bottom: 0px;
}
div.footerInfo div.infoBlock:first-child h3{
  text-transform: none;
}

div.footerInfo div.infoBlock nav a{
  display: block;
  background: none;
  padding-left: 0px;
}
div.footerInfo div.infoBlock nav a:hover{
  text-decoration: underline;
}

div.footerInfo div.infoBlock p.addressIcon,
div.footerInfo div.infoBlock p.phoneIcon{
  background: none;
  padding-left: 0px;
}
div.footerInfo div.infoBlock img{
  display: block;
  width: 80px;
  padding-left: 0px;
  margin-left: auto;
  margin-right: auto;
}
div.footerInfo div.infoBlock a.fa{
  padding-top: 10px;
  padding-left: 6px;
  padding-right: 6px;
}

div.copyright{
  line-height: 1.3em;
  height: auto;
  font-size: 1em;
  padding: 20px;
  text-align: center;
  border-top: solid 1px #FFF;
}
div.copyright div.legal br{
  display: inline;
}