/*
Donkerblauw: #082b3b;
Blauw: #007fc8;
*/


/* general styles */
body{
  font-size: 11px;
}
div.centerContent{
  width: 728px;
}

div.col1, div.col2, div.col3, div.col4{
  padding: 10px;
}
div.col2 div.fixPadding{
  padding-right: 20px;
}

/*      HEADER      */
header{
  padding-top: 30px;
  padding-bottom: 30px;
}
header.fixed{
  padding-top: 20px;
  padding-bottom: 20px;
}
header.fixed div.logoHolder{
  top: -10px;
}
header.fixed div.logoHolder img{
  width: 120px;
}
div.logoHolder img{
  width: 150px; 
}
div.menuHolder nav{
  margin-right: 0px;
  font-size: 1.1em;
}


/*      CONTENT      */
div.content{
  padding-top: 80px;
}
div.subMenuHolder{
  top: 200px;  
}
nav.subMenu ul li{
  font-size: 1.1em;
  margin-bottom: 10px;
}
div.visualHolder{
  height: 200px;
}
div.visualHolder div.overlay{
  padding-left: 50px;
}
div.visualHolder div.overlay h4{
  font-size: 2em;
  letter-spacing: 3px;
}


/*      HOME        */
div.content.home img.svgOverlay{
  width: 200px;
  margin-left: 0px;
  margin-top: 0px
}
div.countDown{
  font-size: 1.8em;
  line-height: 1.4em;
  color: #FFF;
}
div.countDown div.centerContent div.col1{
  padding-left: 10px;
  padding-right: 10px;
}
div.widget{
  min-height: 250px;
  padding: 10px;
  font-size: 1.1em;
  line-height: 1em;
}
div.widget p{
  margin-bottom: 10px;
}



/*      ORGANISATIE   */
div.teamSVG{
  padding-top: 70px;
}
div.teamSVG svg{
  width: 520px;
  height: 450px;
}
div.content.organisatie img.svgOverlay{
  top: 440px;
  left: 0px;
  width: 200px;
}


/*      PROJECTEN     */
div.centerContent.projectOverview h2{
  padding-top: 10px;
}
a.projectThumb{
  margin-bottom: 10px;
}
a.projectThumb:last-child{
  margin-bottom: 0px;
}
a.projectThumb span.mouseOver{
  font-size: 0.9em;
  line-height: 1.6em;
}
div.centerContent.projectOverview{
  background-position: right 500px;
}

div.teamText{
  background-image: url("../images/projecttext.svg");
  background-size: 45% auto;
  background-position: 100% 80px;
  padding: 10px;
  min-height: 230px;
}
div.teamText h4{
  font-size: 2.8em;
  margin-bottom: 20px;
}
div.teamText a.teamButton{
  right: 10px;
  bottom: 10px;
  line-height: 30px;
  height: 26px;
  font-size: 0.7em;
  padding-left: 10px;
  padding-right: 10px;
}


/*      TEAMS     */
div.col3.teamHolder img{
  display: none;
}
div.svgTeamInline{
  display: none;
}
div.teamHolder .teamLink{
  float: none;
  margin-left: 25%;
  width: 75%;
}
.teamPage .teamLink{
  background-size: contain;
  height: 120px;
  margin-bottom: 10px;
}
.teamPage .teamLink span.imageHolder{
  width: 120px;
  height: 120px;
  border-radius: 60px;
  top: 0px;
  left: 0px;
}
.teamPage .teamLink span.textHolder{
  position: absolute;
  top: 25px;
  left: 125px;
  text-align: left;
  color: #FFF;
  font-size: 0.9em;
}
.teamPage .teamLink.Groen span.textHolder{
  top: 15px;
}
.teamPage .teamLink span.textHolder span.title{
  margin-bottom: 3px;
}

/*
.teamLink.Paars{
  background-position: 30px center;
}
.teamLink.Paars span.imageHolder{
  right: auto;
  left: 40px;
}
.teamLink.Paars span.textHolder{
  left: 250px;
}

.teamLink.Grijs{
  width: 100%;
}

.teamLink.Blauw{
  width: 100%;
  margin-left: 0%;
}

.teamLink.Groen span.imageHolder{
  left: 410px;
}

.teamLink.Geel{
  margin-left: 0px;
  width: 100%;
}
.teamLink.Geel span.imageHolder{
  right: 20px;
}
.teamLink.Geel span.textHolder{
  right: 190px;
}

.teamLink.Rood{
  background-position: right center;
  width: 100%;
  margin-left: 0px;
}
.teamLink.Rood span.imageHolder{
  left: 100px;
}
.teamLink.Rood span.textHolder{
  left: 270px;
}

.teamLink.heading span.imageHolder{
  left: 90px;
  top: 10px;
  width: 140px;
  height: 140px;
  border-radius: 70px;
}
.teamLink.heading span.textHolder{
  left: 240px;
}
*/
div.centerContent.teamPage{
  background-position: 20px 150px;
  background-size: 300px auto;
}
div.centerContent.teamPage h3.vlekTitle{
  margin-left: 60px;
  width: 200px;
}




/*      CONTACT    */
div.socialHolder h3{
  padding-right: 30px;
  padding-left: 0px;
}
div.socialHolder a{
  margin: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
}
div.socialHolder a img{
  width: 50px;
}


/*      FOOTER      */
div.footerInfo{
  padding-bottom: 30px;
}
div.footerInfo div.infoBlock img{
  width: 120px;
  margin-left: 10px;
  margin-top: 10px;
}

div.copyright{
  padding-top: 15px;
  padding-bottom: 15px;
}