/* general styles */
body{
  font-size: 13px;
}
div.centerContent{
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
div.whiteArc{
  background-size: 800px auto;
  height: 15px;
}

/*      HEADER      */
header div.headerInfo{
  height: 42px;
  line-height: 42px;
}
div.searchForm{
  display: none;
}
div.headerLogoBottom{
  background-size: 800px auto;
  padding-bottom: 10px;
}
div.headerLogo div.centerContent{
  padding-left: 20px;
  padding-right: 20px;
}
div.phoneHolder{
  width: 50%;
  padding-top: 0px;
  padding-left: 30px;
  background-size: 20px auto;
  background-position: left center;
  margin-left: 0px;
}
a.logoHolder{
  float: right;
  margin-top: 0px;
  width: 50%;
  height: 40px;
  text-align: right;
}
a.logoHolder img{
  height: 40px;
}
a.orderLink{
  display: none;
}

div.menuHolder{
  height: 36px;
  background-color: #FFF;
  box-sizing: border-box;
  font-weight: 400;
}
div.menuHolder div.centerContent{
  padding-left: 0px;
  padding-right: 0px;
}
div.menuHolder nav{
  height: 36px;
  font-size: 1.3em;
}
div.menuHolder nav>ul{
  display: block;
  width: 100%;
}
div.menuHolder nav ul li{
  display: none;
  float: none;
  height: auto;
  line-height: 36px;
  margin-right: 0px;
  background-color: #FFF;
  padding-left: 20px;
  padding-right: 20px;
}
div.menuHolder nav ul li a{
  padding-left: 0px;
  padding-right: 0px;
}
div.menuHolder nav>ul>li:hover>a{
  border-bottom: none;
}
div.menuHolder nav>ul>li.active>a{
  border-bottom: none;
}
div.menuHolder nav ul li.active{
  font-weight: 700;
}
div.menuHolder nav ul li ul{
  display: block;
  position: relative;
  left: auto;
  top: auto;
}
div.menuHolder nav ul li ul li{
  height: auto;
  line-height: 36px;
  padding-left: 20px;
}
div.menuHolder nav ul li.menuButton{
  display: block;
}
div.menuHolder nav ul li.menuButton .fa{
  padding-right: 5px;
}



/*      CONTENT      */
div.pageHeader{
  height: 60px;
  line-height: 60px;
}
div.pageHeader h1,
div.pageHeader h2{
  padding-left: 0px;
  font-size: 1.3em;
  background-position: 0px center;
  background-size: auto 15px;
}
div.pageHeader h2.withImage{
  padding-left: 40px;
}
div.crumblePath{
  font-size: 0.6em;
}
@media screen and (max-width: 400px) {
  div.crumblePath{
    display: none;
  }
}

article{
  width: 100%;
  float: none;
  margin-top: 20px;
  padding-bottom: 20px;
}
div.textCol{
  width: 100%;
  float: none;  
}
div.textCol.last{
  margin-left: 0px;
  margin-top: 20px;
}
article h1{
  font-size: 1.8em;
  margin-bottom: 10px;
  margin-top: 10px;
}
aside{
  float: none;
  margin-top: 0px;
  padding-bottom: 20px;
}
aside h3.recent{
  margin-top: 30px;
}
aside div.sideMenu{
  width: 100%;
}
aside div.sideMenu.sideNews ul{
  padding-top: 0px;
  margin-left: 0px;
}
aside div.sideMenu ul li{
  padding-top: 0px;
  padding-bottom: 0px;
}
aside div.sideMenu.sideNews ul li a img{
  width: 55px;
}
aside div.sideMenu.sideNews ul li a span{
  padding-left: 75px;
}
div.gallery a{
  width: 25%;
}
div.quote{
  font-size: 1.6em;
  line-height: 1.1em;
  padding: 20px;
}


/*      HOME     */
div.slideShowHolder{
  height: 200px;
}
div.slideShowBG div.slideOverlay{
  background-size: auto 100%;
}
div.slideShow div a{
  right: 20px;
  bottom: 10px;
  width: 28%;
  padding-bottom: 30px;
}
div.slideShow div a span.title{
  font-size: 0.7em;
  margin-bottom: 0px;
}
div.slideShow div a span.text{
  display: none;
}
div.slideShow div a span.imageHolder{
  display: none;
}
div.slideShow div a span.priceHolder{
  bottom: 3px;
}
div.slideShow div a span.arrow{
  bottom: 6px;
  width: 12px;
  height: 12px;
  background-size: 5px auto;
  background-position: 4px center;
}
div.slideShowHolder img.headerNews{
  top: 70px;
  left: 140px;
  width: 50px;
}

div.homeBlocks a{
  width: 100%;
  margin-right: 0%;
  margin-bottom: 20px;
}
div.homeBlocks a span.imageHolder span{
  left: 5px;
  bottom: 5px;
  width: 30px;
  height: 30px;
}
div.homeBlocks a span.blockContent span.text{
  min-height: 0px;
  padding: 10px;
  padding-bottom: 0px;
}
div.homeBlocks a span.blockContent span.readmore{
  padding: 10px;
}

div.homeText{
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 20px;
}
div.homeText h1{
  float: none;
  width: 100%;
  margin-right: 0px;  
  text-align: left;
}
div.homeText div.textCol{
  width: 100%;
  padding-right: 0px;
}

div.quoteHolder{
  display: none;
}


div.assurance{
  display: none;
}


/*       ASSORTIMENT     */
div.content.assortiment article div.textHolder{
  padding-top: 20px;
  padding-bottom: 20px;
}
div.assortimentHolder{
  padding: 0px;
  padding-top: 20px;
  padding-bottom: 20px;
}
div.assortimentItem{
  float: none;
  width: 100%;
  margin-right: 0px;
}
div.assortimentItem div.imageHolder div{
  left: 5px;
  bottom: 5px;
  width: 30px;
  height: 30px;
}
div.assortimentItem div.blockContent div.text{
  min-height: 0px;
  padding: 10px;
}


/*       BLOG     */
div.content.blog article div.textHolder{
  padding-top: 20px;
  padding-bottom: 20px;
}
img.newsDot{
  display: none;
}

div.blogContent{
  padding: 0px;
  padding-top: 20px;
  padding-bottom: 20px;
}
div.blogHolder.mobile{display:block;}
div.blogColumn{display: none;}


div.blogHolder a span.iconHolder{
  top: 5px;
  left: 5px;
  width: 30px;
  height: 30px;
}
div.blogHolder a span.blogIntro{
  padding: 10px;
}
div.content.blogdetail article{
  padding-bottom: 20px;
}
div.blogHeader{
  margin-bottom: 20px;
}
div.blogHeader h1{
  margin-top: 10px;
  font-size: 1.5em;
}
div.blogHeader span.info span:nth-child(2) span.fa{
  padding-left: 10px;
}
div.blogHeader div.text{
  padding: 20px;
  padding-top: 0px;
}

div.content.blogdetail article div.blogText{
  padding-bottom: 20px;
}
div.content.blogdetail article div.blogTags{
  margin-top: 0px;
}


/*      MEDEWERKERS      */
div.employeeHolder{
  margin-top: 20px;
  margin-bottom: 20px;
}
div.employee{
  width: 100%;
  float: nong;
  margin-right: 0px;
  margin-bottom: 20px;
}
div.employee img{
  margin-bottom: 10px;
}


/*      HISTORY    */
div.timeButtons{
  display: none;
}
div.historyHolder{
  width: 100%;
}
div.historyLine{
  left: 0px;
}
div.historyBlocks{
  z-index: 1;
}
div.historyBlock{
  -padding-top: 20px;
  -padding-bottom: 20px;
}
div.historyBlock p.year{
  text-align: left;
  padding-left: 0px;
}
div.historyBlock p.year span{
  left: 0px;
  bottom: -10px;

}
div.historyBlock h2{
  width: 280px;
  height: 60px;
  line-height: 35px;
  background-image: url('../images/history-bg-right.png');
  padding-left: 35px;
  margin-left: 8px;
}
div.historyBlock.textRight h2{
  background-image: url('../images/history-bg-right.png');
  float: left;
}
div.historyBlock p.text{
  clear: both;
  padding-left: 35px;
  margin-bottom: 10px;
  width: 100%;
}
div.historyBlock.textRight p.text{
  margin-left: 0px;
}
div.historyBlock img{
  position: relative;
  left: auto;
  top: auto;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
div.historyBlock.textRight img{
  left: auto;
}




/*      CONTACT    */
div.contactVisual{
  display: none;
}
div.contactText{
  float: none;
  width: 100%;
  padding: 20px;
}
div.contactInfo{
  float: none;
}

div.formHolder{
  padding-top: 20px;
  padding-bottom: 20px;
}
div.formCol{
  width: 100%;
  float: none;
}
div.formCol.last{
  margin-left: 0px;
}

div.checkBoxHolder.radioArrangement{
  margin-bottom: 10px;
}
div.checkBoxHolder.radioArrangementAkker{
  margin-bottom: 10px;
}
div.checkBoxHolder.newsletter{
	margin-bottom: 10px;
  margin-top: 0px;
}

footer input.submitButton{
  width: 100%;
}
span.perceelNr{
  width: 10%;
  margin-right: 1%;
}
div.formRow.perceel input.inputText:nth-child(2){
  width: 89%;
  margin-right: 0px;
}
div.formRow.perceel input.inputText:nth-child(3){
  width: 100%;
  margin-right: 0%;
}
div.formRow.perceel input.inputText:nth-child(4){
  width: 49%;
  margin-right: 1%;
}
div.formRow.perceel input.inputText:nth-child(5){
  width: 50%;
  margin-right: 0px;
}

div.formRow.zaaigoed input.inputText:nth-child(1),
div.formRow.gewas input.inputText:nth-child(1),
div.formRow.werk input.inputText:nth-child(1){
  width: 10%;
  margin-right: 1%;
}
div.formRow.zaaigoed input.inputText:nth-child(2){
  width: 89%;
  margin-right: 0px;
}
div.formRow.zaaigoed input.inputText:nth-child(3){
  width: 49%;
  margin-right: 1%;
}
div.formRow.zaaigoed input.inputText:nth-child(4){
  width: 50%;
  margin-right: 0px;
}

div.formRow.gewas input.inputText:nth-child(2),
div.formRow.werk input.inputText:nth-child(2){
  width: 89%;
  margin-right: 0px;
}
div.formRow.gewas input.inputText:nth-child(3),
div.formRow.werk input.inputText:nth-child(3){
  width: 33%;
  margin-right: 1%;
}
div.formRow.werk input.inputText:nth-child(3){
  width: 33%;
  margin-right: 1%;
}
div.formRow.gewas input.inputText:nth-child(4){
  width: 33%;
  margin-right: 1%;
}
div.formRow.werk input.inputText:nth-child(4){
  width: 40%;
  margin-right: 1%;
}
div.formRow.gewas input.inputText:nth-child(5){
  width: 32%;
  margin-right: 0px;
}


/*      SEARCH      */
a.search{padding:10px;min-height:110px;box-sizing:border-box;}
a.search span.title{padding-bottom:5px;}
a.search span.text{padding-left:130px;}


/*      FOOTER      */
div.footerInfo{
  background-size: 800px auto;
  padding-bottom: 15px;
  padding-top: 20px;
}
div.footerInfo div.infoBlock{
  float: none;
  margin-bottom: 20px;
  text-align: center; 
  width: 200px;
  margin-left: auto;
  margin-right: auto;
}

div.footerInfo div.infoBlock:first-child{
  width: 225px;
  margin-left: auto;
  margin-right: auto;
}
div.footerInfo div.infoBlock p img{
  display: inline-block;
}

div.footerInfo div.infoBlock nav ul li{
  float: none;
  margin-right: 0px;
}
div.footerInfo div.infoBlock nav ul li ul{
  margin-bottom: 10px;
}
div.footerInfo div.infoBlock a.phoneLink,
div.footerInfo div.infoBlock a.mailLink,
div.footerInfo div.infoBlock p.footerAddress{
  display: inline-block;
  clear: both;
}
div.footerInfo div.infoBlock:nth-child(4){
  float: none;
  width: 100%;
}
div.footerInfo div.infoBlock div.callBack{
  padding: 20px;
  padding-top: 25px;
  padding-bottom: 25px;
}
footer div.langHolder{
  display: none;
}
footer a.fa{
  display: none;
}



header div.timesHolder{
  display: none;
}
div.contactText div.timesHolder{
  float: none;
  padding-top: 0px;
  margin-left: 0px;
}
div.timesHolder p span:first-child{
  width: 75px;
}



div.copyright{
  font-size: 0.9em;
  line-height: 1.2em;
}
div.copyright div.legal{
  padding-top: 20px;
  padding-bottom: 20px;
}
div.copyright div.legal br{
  display: inline;
}