/* GENERAL */
body {
	font-family: 'Titillium Web', sans-serif;
	font-weight: 300;
	background: #f4f4f4;
	height: 100%;
}

ul {
	text-decoration: none;
}

.field:valid {
    border-color:#0f0;
}
.field:invalid {
    border-color:#f00;
}

.button {
	font-weight: 600;
	font-family: 'Titillium Web', sans-serif;
}

.scrolloff {
        pointer-events: none !important;
    }

.button-lg {
	font-weight: 700;
}

.button-red {
		background-color:#ca2020;
		border: 1px solid #BC1B1B;
}
.button-white {
		background-color:#f2f2f2;
		border: 1px solid #eee;
		color: #333;
}

.button-black {
		background-color:#111;
		border: 1px solid #eee;
		color: #f8f8f8;
}

.linkred {
	color: #ca2020;
}



.overtext {
	margin: 150px 0 0px 0 !important;
}

.overtext p {
	padding-right: 30px;
}


/* NAV */


.socialbuttons {
	
	position: fixed;
	top: 43%;
	right: 0;
	z-index: 99999999;
	
}

.fbbutton {
	background: #1133BF;
	width: 40px;
	height: 30px;
	padding-top: 10px;
	text-align: center;
	color: #fff;
}

.libutton {
	background: #305C9C;
	width: 40px;
	height: 30px;
	padding-top: 10px;
	text-align: center;
	color: #fff;
}

.mailbutton {
	background: #C93D3F;
	width: 40px;
	height: 30px;
	padding-top: 10px;
	text-align: center;
	color: #fff;
}

.logo {
	margin-top: -10px;
	margin-left: -15px;
	padding-right: 20px;
}

								@media screen and (min-width: 767px) and (max-width: 991px) {

										.logo {
										padding-right: 12px;
										}

								}


.logomobile {
	margin-top: 20px;
	
}

.menubutton {
	position: absolute;
	right: 30px;
	top: 15px;
	font-size: 1.2em;
	font-weight: 700;
	cursor: pointer;
}

.header {
	position: fixed;
	height: 80px;
	background-color: #fff;
	color: #333;
	font-weight: 600 !important;
	z-index: 999;
	
}

.subheader {
	height: 50px;
	position: absolute;
	margin-top: 80px;
	background-color: #DFDFDF;
	color: #555;
	text-transform: lowercase;
	font-size: 0.9em;
	font-weight: 600;
	z-index: 998;
	
}

.header ul {
	margin-top: 10px;
}

.header li, .subheader li {
	display: inline;
	padding: 0 20px;
}
								
								@media screen and (min-width: 767px) and (max-width: 991px) {

										.header li {
										padding: 0 10px;
										}
									
								}


.header a {
	color: #111;
	text-decoration: none;
}

.subheader a {
	color: #666;
	text-decoration: none;
}

.header a:hover, .subheader a:hover, .header a:active, .subheader a:active {
	color: #aaa;
	text-decoration: none;
}

.subheader ul {
	margin-top: 3px;
	padding-left: 0px !important;
	margin-left: 130px;
}

.header li:last-child {
	float: right;
	background-color:#121212;
	color: #fff;
	padding: 26px;
	margin-top: -20px;
	margin-right: 0px; 
}

.header li:last-child a {
	color: #fff;
}

.header li:last-child a:hover, .header li:last-child a:active {
	color: #ccc;
}


								@media screen and (min-width: 767px) and (max-width: 991px) {

										.header li:last-child {
											
											padding: 13px;
											margin-top: -10px;
										}
									
								}



								@media screen and (max-width: 1060px) {
									
									.header {
									
									z-index: 99999999999;
									

								}

									.nav {
										
										display: none;
										background: #fff;
										margin-top: -3px !important;
										
										
									}
									
									.header li {
										display: block;
										text-align: center;
										padding: 12px 0;
										border-bottom: 1px solid #E8E8E8;
										margin-left: -35px;
										background: #fff;
									
									}
									
									.header li:last-child {
									float: none;
										margin-top: 0px;
										background-color:#fff;
									color: #ca2020;
	
									
									}
									
									.header li:last-child a {
	color: #ca2020;
}
									
									.nav img { display: none;}
									
									.menubutton {
										display: block !important;
									}
									
									.logomobile {
										display: block !important;
									}
									
									.subheader {
										display:none;
									}
									

									
								}



								@media screen and (min-width: 1061px) and (max-width: 1186px) {
									
									.subheader li {
										padding: 0px 12px !important;
									}
									
								}


								@media screen and (min-width: 1060px) {

									.nav {
										display: block !important;
										
									}
								}





/* INTRO */

.intro {
	
	background: #111111 url('../img/introbg.jpg') top center no-repeat;
	background-size: cover;
	height: 360px;
	color: #fff;
	margin-top: 80px;
}


							@media screen and (max-width: 767px) {

										.intro {
										height: 800px !important;
											overflow: hidden;
											margin-top: 40px;
										}

							}
								
								
							@media screen and (min-width: 768px) and (max-width: 1199px) {

										.intro {
										margin-top: 80px !important;
										}

							}

.intro h1 {
	font-size: 3em;
	line-height: 1.2em;
	margin-top: 80px;

}


						@media screen and (max-width: 767px) {

								.intro h1 {
									font-size: 2.6em !important;
								
								}
								
							}

.introimg {
	text-align: center;
}

.intro img {
	width: 100%;
	margin-top: 50px;
	max-width: 300px;
	
}

.introtext {
	margin: 50px 0 100px 0;
}

			@media screen and (min-width: 767px) {

								.introtext {
								margin: 50px 0 150px 0;
							}
								
							}

.introtext p {
	margin-bottom: 50px;
}




/* BLOCKS */

.blocks img {
	width: 100%;
}

.blocks h3 {
	position: absolute;
	margin: 7px 0 0 10px !important;
	
}

.block h3 {
	position: absolute;
	padding: 15px 0 0 15px !important;
	
}

.block {
	margin-top: -5px;
}

.block a {
	text-decoration: none;
	color: #333;
}


/* NIEUWS */

.nieuwsintro {
	margin: 150px 0 20px 0 !important;
}

.nieuws {
	padding: 40px 0;
	margin-top: 70px;
}

.nieuwsblok {
	background: #fff;
	margin-bottom: 40px;
	
}

.nieuwsblokstekst h2 {
	height: 120px !important;
}



							@media screen and (min-width: 992px) and (max-width: 1200px) {
								
								.nieuwsblok h2 {
									font-size: 1.2em !important;
								
								}
							}

.nieuwsblok img {
	width: 100%;
	margin-bottom: 15px;
}

.offpadding {
	margin-top: 0px !important;
	padding: 40px 0 !important;
}

.innernews {
	padding: 2em;
}


					


.nieuwsblok .button {
	margin-top: 2em;
}


/* CTA */

.cta {
	background: #ca2020;
	padding: 2em 0;
	color: #fff;
	text-align: center;
}

.cta h2 {
	font-size: 2.5em;
}



/* FOOTER */

.footer {
	background: #fff;
	padding: 50px 0;
}

.fb-page {
	margin: 50px 0 50px 0;
}

.fb-page, .fb-page iframe[style], .fb-page span {
    width: 100% !important;
}


/* CREDITS */

.credits {
	background: #f4f4f4;
	padding: 2em 0;
	color: #111;
	text-align: center;
}
.credits a {
	color: #000;
}

.credits a:hover, .credits a:visited, .credits a:active {
	color: #000;
	text-decoration: none;
}




/* PRODUCTEN */

.productentext {
	margin: 150px 0 20px 0 !important;
}

.productentext p {
	margin-bottom: 50px;
}

.productdetail ul {
	margin-bottom: 15px;
}

.productdetail {
	background: #fff;
	padding: 150px 0 50px 0 !important;
}

.productdetail p {
}


.productdetail img {
	width: 100%;
	
}

.productblok {
	background: #fff;
	margin-bottom: 40px;
	
}

.productblok a {
	margin-top: 5% !important;
}


.productblok p {
	height: 120px;
	overflow: hidden;
}

.productblok h2 {
	height: 40px;
}

.titlelink {
	text-decoration: none !important;
	color: #000000;
}

.productnieuws {
	padding: 40px 0;
}

.productblok h2 {
	height: 100px !important;
}

.productblok h2 {
	font-size: 1.3em !important;
}


							@media screen and (min-width: 992px) and (max-width: 1200px) {
								
								.productblok h2 {
									font-size: 1.2em !important;
								
								}
							}

.productblok img {
	width: 100%;
	max-width: 490px;
	max-height: 500px;
	margin-bottom: 15px;
}

/* DETAIL PRODUCT PAGES */

.mainlist {
	list-style: disc;
}

.sublist {
	list-style: circle;
}


/* DIENSTEN */

.dienstentext {
	padding: 50px 0 50px 0 !important;
}

.first {
	margin-top: 100px !important;
}

.dienstentext a {
	margin-top: 50px;
}

.dienstentext h2, h3 {
	margin-top: 1em !important;
	padding: 0px !important;
}

.dienstenblok {
	overflow: hidden;
}

.dienstenblok img {
	width: 100%;
	margin-top: 1em;
}

.white {
	background-color: #FFFFFF;
}

.gray {
	background-color: #f4f4f4;
}

.firstdiensten {
	margin-top: 100px !important;
}

.fixed {
	position: fixed;
}

							@media screen and (max-width: 767px) {

									.dienstentext {
										text-align: left;

									}
								}

							@media screen and (max-width: 1060px) {

								.firstdiensten {
									margin-top: 50px !important;
								}
	
}


/* VACATURES */

.vacaturetext {
	margin: 20px 0px 70px 0px !important;
}

.vacaturetext h2 {
	padding: 0px !important;
	margin-top: 1em !important;
}

.vacaturetext h3 {
	padding: 0px !important;
	margin-top: 1em !important;
}

.vacaturetext p {
	margin-bottom: 50px;
}

.vacatureblok {
	overflow: hidden;
}

.vacatureblok {
	max-height: 400px;
}

.vacatureblok img {
	width: 100%;
	margin-top: 1em;
}


							@media screen and (max-width: 767px) {
								}

/* CONTACT */


.form {
	margin-bottom: 50px;
}
.contacttext {
	margin: 150px 0 20px 0 !important;
}

.formbutton { 
	margin-bottom: 50px;
}

p.error {
	color: #FF0004 !important;
	font-weight: 600;
	display: inline-block;
	padding: 10px 0px;
	border-bottom: 2px solid #FF0004;
	}
	
p.success {
	color: #0FAF67 !important;
	font-weight: 600;
	display: inline-block;
	padding: 10px 0px;
	border-bottom: 2px solid #0FAF67;
	}


/* OVER ARDOR */

.overardortext {
	margin: 150px 0 0px 0 !important;
}

.overardortext p {
	padding-right: 30px;
}

.overtextimg {
	text-align: center;
}

.overtextimg img {
	max-width: 100%;
}

.certificaat {
	text-align: center;
	padding: 10px 30px 10px 0px;
}

.certificaat img {
	padding: 20px 20px 20px 0px;
	max-width: 100%;
}


								@media screen and (max-width: 992px) {

									
									.certificaat {
										padding: 0px 15px 20px 0px !important;
									}
									.certificaat img {
										padding: 0px !important;
									}
								}


/* OFFERTE */

.formintro {
	margin-top: 150px;
}

.formselector a {
	text-decoration: none;
}

a.aankoop.active, a.onderhoud.active {
	text-decoration: underline;
}



.toevoegen select {
	margin-left: 17px !important;
}

select {
	display: block;
	background: #fff;
   	width: 100%;
   	font-size: 1em;
   	line-height: 1;
   	border: 1px solid #868686;
   	border-radius: 0;
   	-webkit-appearance: none;
   	padding: .5em 0 .65em 0;
	margin-bottom: 1em;
	text-indent: .5em;
}



#BRANDBLUSTYPE1, #HASPELTYPE1, #WAGENTYPE1, #POEDERINHOUD1, #SCHUIMINHOUD1, #CO2INHOUD1, #POEDERWAGENINHOUD1, #SCHUIMWAGENINHOUD1, #CO2WAGENINHOUD1, #HASPEL20MINHOUD1, #HASPEL30MINHOUD1, #BRANDBLUSTYPE2, #HASPELTYPE2, #WAGENTYPE2, #POEDERINHOUD2, #SCHUIMINHOUD2, #CO2INHOUD2, #POEDERWAGENINHOUD2, #SCHUIMWAGENINHOUD2, #CO2WAGENINHOUD2, #HASPEL20MINHOUD2, #HASPEL30MINHOUD2, #BRANDBLUSTYPE3, #HASPELTYPE3, #WAGENTYPE3, #POEDERINHOUD3, #SCHUIMINHOUD3, #CO2INHOUD3, #POEDERWAGENINHOUD3, #SCHUIMWAGENINHOUD3, #CO2WAGENINHOUD3, #HASPEL20MINHOUD3, #HASPEL30MINHOUD3, #BRANDBLUSTYPE4, #HASPELTYPE4, #WAGENTYPE4, #POEDERINHOUD4, #SCHUIMINHOUD4, #CO2INHOUD4, #POEDERWAGENINHOUD4, #SCHUIMWAGENINHOUD4, #CO2WAGENINHOUD4, #HASPEL20MINHOUD4, #HASPEL30MINHOUD4, #BRANDBLUSTYPE5, #HASPELTYPE5, #WAGENTYPE5, #POEDERINHOUD5, #SCHUIMINHOUD5, #CO2INHOUD5, #POEDERWAGENINHOUD5, #SCHUIMWAGENINHOUD5, #CO2WAGENINHOUD5, #HASPEL20MINHOUD5, #HASPEL30MINHOUD5, #BRANDBLUSTYPE6, #HASPELTYPE6, #WAGENTYPE6, #POEDERINHOUD6, #SCHUIMINHOUD6, #CO2INHOUD6, #POEDERWAGENINHOUD6, #SCHUIMWAGENINHOUD6, #CO2WAGENINHOUD6, #HASPEL20MINHOUD6, #HASPEL30MINHOUD6, #BRANDBLUSTYPE7, #HASPELTYPE7, #WAGENTYPE7, #POEDERINHOUD7, #SCHUIMINHOUD7, #CO2INHOUD7, #POEDERWAGENINHOUD7, #SCHUIMWAGENINHOUD7, #CO2WAGENINHOUD7, #HASPEL20MINHOUD7, #HASPEL30MINHOUD7, #BRANDBLUSTYPE8, #HASPELTYPE8, #WAGENTYPE8, #POEDERINHOUD8, #SCHUIMINHOUD8, #CO2INHOUD8, #POEDERWAGENINHOUD8, #SCHUIMWAGENINHOUD8, #CO2WAGENINHOUD8, #HASPEL20MINHOUD8, #HASPEL30MINHOUD8, #BRANDBLUSTYPE9, #HASPELTYPE9, #WAGENTYPE9, #POEDERINHOUD9, #SCHUIMINHOUD9, #CO2INHOUD9, #POEDERWAGENINHOUD9, #SCHUIMWAGENINHOUD9, #CO2WAGENINHOUD9, #HASPEL20MINHOUD9, #HASPEL30MINHOUD9, #BRANDBLUSTYPE10, #HASPELTYPE10, #WAGENTYPE10, #POEDERINHOUD10, #SCHUIMINHOUD10, #CO2INHOUD10, #POEDERWAGENINHOUD10, #SCHUIMWAGENINHOUD10, #CO2WAGENINHOUD10, #HASPEL20MINHOUD10, #HASPEL30MINHOUD10, #BRANDBLUSTYPE11, #HASPELTYPE11, #WAGENTYPE11, #POEDERINHOUD11, #SCHUIMINHOUD11, #CO2INHOUD11, #POEDERWAGENINHOUD11, #SCHUIMWAGENINHOUD11, #CO2WAGENINHOUD11, #HASPEL20MINHOUD11, #HASPEL30MINHOUD11, #BRANDBLUSTYPE12, #HASPELTYPE12, #WAGENTYPE12, #POEDERINHOUD12, #SCHUIMINHOUD12, #CO2INHOUD12, #POEDERWAGENINHOUD12, #SCHUIMWAGENINHOUD12, #CO2WAGENINHOUD12, #HASPEL20MINHOUD12, #HASPEL30MINHOUD12, #AUTOBLUS, #NOODVERLICHTINGVARIANT1, #BRANDMELDCENTRALEVARIANT1, #SPRINKERINSTALLATIEVARIANT1, #NOODVERLICHTINGVARIANT2, #BRANDMELDCENTRALEVARIANT2, #SPRINKERINSTALLATIEVARIANT2, #NOODVERLICHTINGVARIANT3, #BRANDMELDCENTRALEVARIANT3, #SPRINKERINSTALLATIEVARIANT3, #NOODVERLICHTINGVARIANT4, #BRANDMELDCENTRALEVARIANT4, #SPRINKERINSTALLATIEVARIANT4  {
	display: none;
}


.offerterow2, .offerterow3, .offerterow4, .offerterow5, .offerterow6, .offerterow7, .offerterow8, .offerterow9, .offerterow10, .offerterow11, .offerterow12, .offerterowextra2, .offerterowextra3, .offerterowextra4 {
	display: none;
}


/* LOGIN PAGE */

.loginpagecontent {
}

.loginpage {
}