/* general styles */
body {
	font-size: 12px;
	line-height: 16px;
}

.mobileOnly{
  display: block !important;
}
.mobileHidden{
  display: none !important;
}

/*      HEADER      */
header {
	position: relative;
	margin: 0px;
	width: 100%;
	z-index: 10;
	height: auto;
	padding-bottom: 0px;
}
header.new div.headerBar {
	height: 51px;
}
ul.mobileMenu {
	position: absolute;
	left: 0px;
	top: 5px;
	display: block;
	color: #000000;
	background-color: #cad400;
}
ul.mobileMenu li {
	float: none;
	position: relative;
	display: none;
	font-size: 13px;
	height: 25px;
	line-height: 25px;
	margin-right: 0px;
	padding-left: 20px;
	padding-right: 20px;
}
ul.mobileMenu li:last-child {
	padding-bottom: 20px;
}
ul.mobileMenu li.cat {
	padding-left: 40px;
}
ul.mobileMenu li.subcat {
	padding-left: 60px;
}
ul.mobileMenu li a {
	display: block;
}
ul.mobileMenu li a span.fa {
	display: block;
}
ul.mobileMenu li.menuButton {
	display: block;
	cursor: pointer;
	font-size: 24px;
	font-weight: 700;
	border: 0px;
	height: 40px;
	line-height: 40px;
	padding: 0px;
	width: 40px;
  box-sizing: border-box;
  padding-left: 10px;
	text-align: center;
}
nav.topMenu {
	display: none;
}
header a.logo {
	left: 50%;
	margin-bottom: 0px;
  -webkit-transform: translate(-50%,0%);
	-ms-transform: translate(-50%,0%);
	transform: translate(-50%,0%);
}
header a.logo img {
	width: 175px;
}
header p {
	position: relative;
	top: auto;
	padding-top: 60px;
	height: auto;
  padding-bottom: 10px;
	line-height: 20px;
	font-size: 14px;
}
header p span.fa {
	font-size: 30px;
}
nav.mainMenu {
	display: none;
}
nav.mainMenu ul.blogMenu {
	display: none;
}
header div.searchForm {
	position: relative;
	top: auto;
	right: auto;
	width: 220px;
	margin-left: auto;
	margin-right: auto;
}
div.searchForm input.inputText {
	width: 170px;
}
header.new ul.headerUSP{
  display: none;
}

/*      CONTENT      */
div.centerContent,
div.centerContent.small {
	width: 100%;
	box-sizing: border-box;
	padding-left: 10px;
	padding-right: 10px;
	clear: both;
}

div.mainSide {
	float: none;
	width: 100%;
	margin-left: 0px;
}
article {
	margin-bottom: 20px;
}
article ul {
	padding-left: 20px;
}
/*article h1 {
	font-weight: 700;
	font-size: 20px;
	line-height: 20px;
	margin-bottom: 20px;
}
article a {
	color: #cad400;
}
*/
aside {
	display: none;
}
div.visual {
	display: none;
}
/*
div.crumblePath {
	display: none;
}
*/
div.crumblePath {
	height: auto;
	line-height: 1.2em;
  padding-bottom: 10px;
}



/*      HOME      */
div.slideShowHolder.new {
	height: 0px;
  padding-top: 50%;
  margin-top: 10px;
}
div.slideShow a {
  left: 0px;
  top: 0px;
}
div.slideShow span.slideTextHolder {
	width: 100%;
  height: 100%;
	margin-left: 0px;
	margin-right: 0px;
}
span.slideText {
	width: 100%;
	height: 100%;
}
div.slideShowHolder.new span.slideText {
	height: 100%;
}
span.slideText span.slideContents {
  padding: 10px;
}
span.slideText span.slideContents span {
	display: block;
}
span.slideText span.slideContents span.label {
	padding: 10px;
	margin-bottom: 15px;
}
span.slideText span.slideContents span.title {
	font-size: 1.5em;
	line-height: 1.2em;
	margin-bottom: 0px;
}
div.slideShowHolder.new span.slideText span.slideContents span.title {
  margin-bottom: 15px;
}
div.slideShowHolder.new span.slideText span.slideContents span.text {
  display: none;
}
span.slideText span.slideContents span.greenButton {
  margin-top: 0px;
	border-radius: 15px;
  height: 30px;
  line-height: 30px;
	padding-right: 30px;
	padding-left: 15px;
  font-size: 1.1em;
  background-position: right 10px center;
  background-size: 6px auto;
}
div.slideArrow {
	display: none;
}
div.content.home {
	margin-top: 20px;
}
div.content.home article {
	padding-top: 20px;
	width: 100%;
}
div.uspHolder {
	padding-top: 20px;
	width: 100%;
}
div.usp {
	float: none;
	width: 100%;
	margin: 0px;
	padding-bottom: 20px;
	clear: both;
}
div.usp span {
	font-size: 100px;
}
div.usp h3 {
	font-size: 20px;
	line-height: 20px;
	margin-bottom: 4px;
}
div.inspiratieHolder {
	padding-top: 20px;
	padding-bottom: 20px;
}
div.inspiratieHolder p {
	margin-bottom: 20px;
	width: 100%;
}
div.inspiratieHolder a {
	float: none;
	max-width: 280px;
	margin-right: auto;
	margin-left: auto;
}
div.inspiratieHolder a:nth-of-type(4n) {
	margin-right: auto;
}
div.klantHolder {
	padding-top: 20px;
	padding-bottom: 20px;
}
div.klantHolder div.klantText {
	float: none;
	width: 100%;
	text-align: center;
}
div.klantHolder p {
	margin-bottom: 20px;
}
div.klantHolder div.portfolio {
	float: none;
	width: 100%;
	margin-left: 0px;
	text-align: center;
	font-size: 0px;
}
div.klantHolder img {
	float: none;
	display: inline-block;
	width: 70px;
	margin-right: 20px;
	margin-bottom: 20px;
}
div.klantHolder img:nth-of-type(6n) {
	margin-right: 20px;
}


div.subcatHighlights{
  margin-top: 0px;
  padding: 10px;
}
div.subcatHighlights h1{
  margin-bottom: 0px;
  padding-bottom: 10px;
  font-size: 1.3em;
  line-height: 1.1em;
}
div.subcatHighlights p{
  margin-bottom: 20px;
  font-size: 1.2em;
}
div.subcatHighlights a{
  width: 46%;
  margin-right: 8%;
  margin-bottom: 4%;
}
div.subcatHighlights a:nth-child(3n){
  margin-right: 8%;
}
div.subcatHighlights a:nth-child(2n){
  margin-right: 0%;
}
div.subcatHighlights a span.imageHolder span.price{
  right: 10px;
  bottom: 10px;
  font-size: 0.8em;
}
div.subcatHighlights a span.imageHolder span.label{
  top: 10px;
  padding: 6px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 0.9em;
}
div.subcatHighlights a span.title{
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 20px;
  font-size: 0.8em;
}
div.subcatHighlights a span.tip{
  margin-right: 5px;
}


/*      PRODUCTS    */
div.catHolder {
	padding-bottom: 20px;
	margin-bottom: 20px;
}
div.catHolder h3 {
	font-size: 18px;
	line-height: 20px;
	text-align: center;
	clear: both;
}
div.catCenter {
	width: 250px;
	margin-left: auto;
	margin-right: auto;
}
a.catLink {
	width: 120px;
	height: 160px;
	margin-right: 10px;
	margin-top: 10px;
}
a.catLink:nth-of-type(2n) {
	margin-right: 0px;
}
a.catLink span {
	width: 120px;
	font-size: 13px;
	line-height: 15px;
}
div.productHolder {
	width: 100%;
}
div.productHolder a.productThumb {
	float: none;
	width: 216px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}
div.productHolder a.productThumb:nth-of-type(4n) {
	margin-right: auto;
}
div.blogHolder {
	padding-bottom: 20px;
	margin-bottom: 20px;
}
div.blogHolder p {
	text-align: center;
}
div.blogHolder a {
	display: block;
	float: none;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	margin-bottom: 10px;
	text-align: center;
}
div.blogHolder a:nth-of-type(1n) {
	margin-right: auto;
	clear: both;
}
div.blogHolder a img {
	display: inline;
	left: auto;
}
div.blogHolder a span {
	text-align: left;
}
aside.products {
	display: none;
}


/*      PRODUCT HERO OVERVIEW   */
div.showAllProducts,
div.subcatHighlights a.showAllCats{
  width: 240px;
  padding: 15px;
  padding-left: 0px;
  padding-right: 0px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 5px;
}
div.subcatHighlights a.showAllCats{
  margin-top: 20px;
  margin-bottom: 40px;
}

div.showAllProducts span{
  position: absolute;
  right: 10px;
  margin-top: 2px;
}

article.hero{
  padding-top: 30px;
  margin-top: 30px;
}
article.hero h1{
  margin-bottom: 10px;
}

h1.parentTitle{
  line-height: 1.1em;
  margin-bottom: 2px;
}
h2.parentSubtitle{
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1.1em;
  margin-bottom: 20px;
  color: #999;
}

div.heroHolder{
  margin-bottom: 50px;
}
div.heroHolder a{
  width: 100%;
  margin-right: 0px;
}
div.heroHolder a:nth-child(1){
  border: solid 1px #999;
}
div.heroHolder a:nth-child(3){
  border: none;
}


article.hero div.videoHolder,
div.heroDetails div.videoHolder{
  margin-top: 30px;
}
article.hero img.heroVisual,
div.heroDetails img.heroVisual{
  margin-top: 30px;
}

section div.clientLogos{
  display: none;
}
div.clientLogos.inline h3{
  float: none;
  width: 100%;
  padding-top: 0px;
  text-align: center;
}
div.clientLogos.inline img{
  width: 13%;
  float: none;
  display: inline-block;
}

div.helpBlock{
  padding: 10px;
  padding-right: 0px;
}
div.helpBlock div.helpColumn{
  width: 50%;
  box-sizing: border-box;
  margin-bottom: 20px;
  padding-right: 20px;
}
div.helpBlock div.helpColumn:nth-child(4){
  display: block;
  padding-top: 25px;
  font-size: 1.2em;
}
div.helpBlock div.helpColumn h3{
  font-size: 1.2em;
}
div.helpBlock div.helpColumn li{
  background-position: left top;
  padding-left: 25px;
  margin-bottom: 5px;
}

div.newsLetterHero{
  background-color: #cad400;
  padding: 10px;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
div.newsletterHeroText{
  width: 100%;
  float: none;
}
div.newsletterHeroText h3{
  text-align: center;
}
div.newsletterHeroText p{
  text-align: center;
  margin-bottom: 10px;
  font-weight: 400;
}
div.newsLetterHero div.newsletterForm{
  width: 100%;
  float: none;
  text-align: center;
}
div.newsLetterHero div.newsletterForm input.inputText{
	width: 220px;
  display: inline-block;
  float: none;
}
div.newsLetterHero div.newsletterForm input.submitButton{
	display: inline-block;
  float: none;
  margin-left: -5px;
}

div.newsLetterHero div.newsletterForm p{
  font-size: 0.7em;
  text-align: center;
}



/*      PRODUCT DETAILS   */
div.productVisual {
	float: none;
	width: 100%;
	height: auto;
  min-height: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}
div.productInfo,
div.productInfo.hero {
	float: none;
	width: 100%;
	box-sizing: border-box;
	margin-left: 0px;
	margin-bottom: 20px;
	text-align: left;
}
div.hero article h1.mobileOnly{
	font-size: 20px;
  text-align: center;
}
div.productInfo h1{
  display: none;
}
div.productInfo h2{
	font-size: 20px;
}
div.productInfo h2, div.productInfo p {
	padding-left: 0px;
	padding-right: 0px;
}
div.productInfo div.priceInfo {
	text-align: left;
}
div.productInfo div.priceInfo p {
	padding: 0px;
}
div.optionLabel {
	width: 70%;
	min-width: 190px;
	text-align: left;
}
div.optionData {
	float: right;
	width: 20%;
}
p.linkProductTitle {
	text-align: center;
}
div.helpHolder {
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 30px;
	text-align: center;
}
h2.noResultsTitle {
	width: 100%;
	font-size: 20px;
	line-height: 24px;
}
h3.noResultsSubtitle {
	width: 100%;
	font-size: 16px;
	line-height: 20px;
}
div.searchForm.noResults {
	display: none;
}
hr.noResultsDivider {
	padding: 0px;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding-top: 10px;
}
div.helpHolder.noResults {
	width: 100%;
	box-sizing: border-box;
	padding-top: 0px;
	margin-top: 0px;
}
div.helpHolder.noResults p.text {
	padding-top: 20px;
}
div.helpHolder p.fa {
	display: none;
}
div.helpHolder span {
	padding: 0px;
	padding-bottom: 10px;
}
div.helpHolder p {
	padding: 0px;
}

ul.heroSpecs{
  padding-left: 0px;
}
ul.heroSpecs li{
  background-position: 0px center;
  padding-left: 25px;
}

/*      OFFERTE AANVRAAG    */
div.content.request div.productInfo {
	width: 100%;
}
/*      CONTACT     */
div.googleMaps {
	width: 100%;
	height: 390px;
	margin-bottom: 55px;
}
div.content.contact aside {
	width: 230px;
	margin-right: 20px;
	float: left;
	margin-bottom: 90px;
}
div.content.contact aside div {
	background-color: #cad400;
	color: #FFFFFF;
	padding: 20px;
	font-size: 16px;
	line-height: 21px;
}
div.content.contact aside div.contactGrey {
	background-color: #efefef;
	color: #000000;
	margin-top: 20px;
}
div.content.contact aside div h2 {
	font-size: 20px;
	margin-bottom: 5px;
}
div.content.contact aside div.contactGrey {
	line-height: 24px;
}
div.content.contact article {
	width: 930px;
	float: left;
	text-align: left;
	margin-bottom: 90px;
}
div.content.contact article h2 {
	margin-top: 20px;
	margin-bottom: 5px;
}
div.contactForm {
	border-top: solid 2px #efefef;
	margin-top: 30px;
	padding-top: 10px;
}
div.content.contact article div.contactForm h2 {
	margin-bottom: 20px;
}
div.formCol {
	float: left;
	width: 50%;
	padding-right: 10px;
	box-sizing: border-box;
}
input.inputText, select.inputSelect {
	display: block;
	position: relative;
	background-color: #FFFFFF;
	height: 36px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 36px;
	width: 100%;
	margin-bottom: 10px;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	border: solid 2px #efefef;
	box-sizing: border-box;
}
select.inputSelect {
	padding: 5px;
}
input.inputText:nth-of-type(2n+1) {
	margin-right: 0px;
}
textarea.inputArea {
	display: block;
	position: relative;
	background-color: #FFFFFF;
	height: 128px;
	font-family: 'Open Sans';
	font-size: 14px;
	width: 100%;
	margin-bottom: 10px;
	padding: 5px;
	border: solid 2px #efefef;
	box-sizing: border-box;
}
input.inputText.error, textarea.inputArea.error {
	background-color: #cad400;
	color: #FFFFFF;
}
input.submitButton, input.submitOption {
	background: none;
	color: #FFFFFF;
	background-color: #cad400;
	font-family: 'Open Sans';
	font-size: 16px;
	height: 40px;
	width: 140px;
	line-height: 40px;
	padding: 0px;
	border: none;
	cursor: pointer;
	float: right;
	margin-top: 20px;
	font-weight: 700;
}
input.submitOption {
	width: auto;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 0px;
}
/*      FOOTER      */
div.footerUSP{
  display: block;
}
footer {
	padding-top: 20px;
	text-align: center;
}
div.whyText{
  margin-top: 40px;
  margin-bottom: 40px;
}

div.footerCol,
div.footerCol:nth-of-type(1), div.footerCol:nth-of-type(2) {
	display: none;
}
div.footerColWide{
  display: block;
  width: 100%;
  margin-bottom: 15px;
}
div.footerColWide p.footerColTitle,
div.footerColWide p.footerColText,
div.footerColWide div.newsletterForm{
  display: none;
}

div.footerMobile{
  display: block;
  padding-bottom: 40px;
}
div.footerMobile ul{
  margin-bottom: 15px;
}
div.footerMobile ul li{
  font-weight: 700;
} 
p.footerColTitle, p.socialMediaTitle {
	font-size: 14px;
	margin-bottom: 10px;
	clear: both;
}
p.footerColText span.phone {
	margin-top: 16px;
}
div.newsletterForm {
	margin-left: auto;
	margin-right: auto;
	width: 240px;
}
div.newsletterForm input.inputText {
	float: left;
	height: 40px;
	line-height: 40px;
	width: 140px;
	margin-bottom: 20px;
	border: none;
	font-size: 13px;
}
div.newsletterForm input.submitButton {
	width: 90px;
	font-size: 13px;
}
p.socialMediaTitle {
	margin-bottom: 10px;
}
div.socialMedia a {
	float: none;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	display: inline-block;
}