body {
    -webkit-background-size: 2200px 2000px;
    -moz-background-size: 2200px 2000px;
    background-size: 2200px 2000px;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: #040481;
}

.lt-ie9 body {
    background-image: url(../uploads/website/bg2_srcset-large2870.jpg?1424427672);
}

.has-logo .header-title {
    left: 415px;
}

@media only screen and (min-width: 672px) {
    body {
        background-image: url(../uploads/website/bg2_srcset-large2870.jpg?1424427672);
    }
}

/*-- CSS v0.936 --*/
/*-- header --*/
																				.header 
	{ background: transparent;}

	/* mobiel */
	@media screen and (max-width:671px) {
																				#identityWrapper
		{background: #fff;}
	}

/*---*/
			
/*-- menu --*/
																				.nav-primary a
	{ color: #333;}
																				.nav-primary
	{ background: inherit;}
																				.nav-primary a, .nav-primary ul ul a
	{ font-family: 'Open Sans', sans-serif;
	  font-size: inherit;
	  text-transform:uppercase;}

	/* hover en actief */														.nav-primary a:hover, .nav-primary .active > a, .nav-primary ul li ul li.active a, ul > li.active> a, .nav#buttonmenu a:hover, .nav-dropdown a:hover, 			#topNav > ul > li.has-children.active > ul > li.active > a, .downloadlist li:before 
	{ color: #333;
	  border-bottom: 0;
	  font-weight:600;}
																				.nav-primary li.active, .nav-primary li:hover
	{ background: inherit;}

	/* submenu */																.nav-primary ul ul a
	{ color: inherit;
	  font-family: inherit;}
	  																			.nav-primary ul ul
	{ background: #f7f7f7;}

		/* hover en actief */
																				.nav-primary ul ul a
		{ color: inherit;
	      font-family: inherit;}
																				.nav-primary ul ul li:hover
		{ background: #f0f0f0;}

	
/*---*/

/* body */
	                                                                            body, input, textarea, select, button, .contact-combined dd, .contact-combined .contact-combined-opening-hours, .contact-combined .contact-combined-opening-hours p, .contact-combined a, .map .small, .comments > .small:first-child, .comments dt.small, .columns .column
	{ color: #333;}
	                                                                            .contentArea, .columns .column
	{ font-family: 'Open Sans', sans-serif;}
	                                                                               p, ul, ol, .spotcall .textbox > *, .columns .column, .map .small 
	{ font-size: 0.95em;
	  line-height: 2;
	  font-weight:400;}

	/* strong */																b, strong
	{ font-weight: 600;}
	
/*---*/

/* inleiding */
	                                                                            .preamble, .preamble p, .preamble ul, .preamble ol, .testimonial blockquote.preamble > :first-child:before, .testimonial blockquote.preamble > :last-child:after, .testimonial figcaption 
	{ color: #333;}
	                                                                            .preamble p, .preamble ul, .preamble ol 
	{ font-family: 'Open Sans', sans-serif;}
	                                                                            .preamble p, .preamble ul, .preamble ol
	{ font-size: 1.1em;
	  line-height: 2em;
	  font-weight:400;}
	
/*---*/

/* koppen */
	                                                                            .h1, .contentAreaC .carousel figcaption, .contentAreaD .carousel figcaption, .h2, .bar .h2, .linklist .h2, .contact-combined dt, .carousel figcaption, .formbuilder .legend, .display > *, .box .h1, .box .h2, .contentAreaD .carousel figcaption, .h2, .cart-container .headline, .carousel figcaption, .product-units .price, .image-text .price, .checkoutArea .h1, .checkoutArea .contentAreaC .carousel figcaption, .contentAreaC .carousel .checkoutArea figcaption, .checkoutArea .contentAreaD .carousel figcaption, .contentAreaD .carousel .checkoutArea figcaption, .cart-checkout .product-name, .checkoutNav .active, .cart-checkout .subTotal strong, .checkoutDetail strong, .checkoutDetail h3, .checkoutArea .total .price-total, .module.h2, .module.h1   
	{ color: #040481;}
	                                                                            .display > *, .contentAreaC .carousel figcaption, .contentAreaD .carousel figcaption, .h1, .module.h1, .module.h2, .module .carousel figcaption, .module .h1, .module .h2, .module .contentAreaC .carousel figcaption, .contentAreaC .carousel .module figcaption, .module .contentAreaD .carousel figcaption, .contentAreaD .carousel .module figcaption, .columns .product-units .price, .checkoutArea .h2
	{ font-family: 'Open Sans', sans-serif;}
	
	/* H1 */                                                                    .h1, .module .h1, .contentAreaC .carousel figcaption, .contentAreaD .carousel figcaption
	{ font-size: 1.6em;
	text-transform:uppercase;}

	/* H2 */                                                                    .h2, .module .h2, .module .carousel figcaption, .module .contentAreaC .carousel figcaption, .contentAreaC .carousel .module figcaption, .module .contentAreaD .carousel figcaption, .contentAreaD .carousel .module figcaption
	{ font-size: 1.3em;}

	/* mobiel */
	@media screen and (max-width:671px) {

		/* H1 */                                                                    .h1, .module .h1, .contentAreaC .carousel figcaption, .contentAreaD .carousel figcaption
		{ font-size: 1.4em;}

		/* H2 */                                                                    .h2, .module .h2, .module .carousel figcaption, .module .contentAreaC .carousel figcaption, .contentAreaC .carousel .module figcaption, .module .contentAreaD .carousel figcaption, .contentAreaD .carousel .module figcaption
		{ font-size: 1.1em;}
	}
	
/*---*/

/* buttons */
	                                                                            .verticalnav a, .btn-large, .formbuilder .btn, .checkoutArea .btn, .product-single .btn, .call .btn, .btn, .box .btn, .callToAction a.btn 
	{ color: #fff;}
	                                                                            .btn, .formbuilder .btn, .checkoutArea .btn, .product-single .btn, .btn-large, .call .btn, .verticalnav a, .gallery-3 .nav-slider > .prev a:before, .gallery-3 .nav-slider > .next a:before, .carousel .nav-slider > .prev a:before, .carousel .nav-slider > .next a:before, .gallery-4 .prev a:before, .gallery-4 .next a:before 
	{ background: #040481;}
	                                                                            .btn 
	{ font-family: 'Open Sans', sans-serif;
	  font-size: inherit;}

    /* buttons hover */
	                                                                            .verticalnav a:hover, .btn-large:hover, .formbuilder .btn:hover, .checkoutArea .btn:hover, .product-single .btn:hover, .call .btn:hover, .btn:hover, .box .btn:hover 
	{ color: #fff;}
	                                                                            .btn:hover 
	{ background: #333;}

	/* button arrows */
																				.btn-arrow.btn-arrow.btn-large::before, .formbuilder .btn::before, .checkoutArea .btn::before, .product-single .btn-arrow.btn-arrow.btn::before
	{ font-size: inherit;
	  top: .46em;
	  left: .6em;}
	
/*---*/

/* links */
	                                                                            a, .box a, #menubutton:before, .preamble a
	{ color: #ca0406;
	text-decoration:none;}

    /* links hover */
	                                                                            .preamble a:hover, a:hover, .box a:hover, .footer-container a:hover, #menubutton:before:hover
	{ color: #ca0406;
	text-decoration:underline;}
	
/*---*/

/* box */
	                                                                            .box p, .box ul, .box ol, .spotcall .textbox 
	{ color: #000;} 
	                                                                            .box, .spotcall .textbox, .contact-combined, .formbuilder 
	{ background: #eee; 
	  border-color: inherit;}
	                                                                            .box p, .box ul, .box ol, .spotcall .textbox 
	{ font-size: inherit;} 
	  
/*---*/

/* footer */
	                                                                            .footer-content, .footer p, .footer-content .column-25 td
	{ color: #fff;
	  font-family: 'Open Sans', sans-serif;}
	
	/* links */																	.footer-container a
	{ color: inherit;}
	
	/* links hover */															.footer-container a:hover
	{ color: inherit;}

	/* Branding */
																				.footer-container .footer-branding a
	{ color: inherit;
	  font-family: 'Open Sans', sans-serif;
	  font-size: inherit;}
	                                                                            .footer-container 
	{ background: #333;}
	
/*---*/

/* bedrijfsnaam */
	                                                                            .header-title .h1 
	{ color: #000;
	  font-family: 'Open Sans', sans-serif;
	  font-size: inherit;}
	  
/*---*/

/* telefoonnummer en slogan */
	                                                                            #actionLine, #phoneNumber
	{ color: #333;}
	
/*---*/

/* fix - mobiele fullwidth */
@media only screen and (max-width: 671px) {	
	.columns .column-50 { width: 100%;}
	.columns .column-50:first-child { padding-bottom:20px;}
	.columns .column-50:first-child + .column > *, .columns .column-50:first-child + .column + .column + .column > * { margin-left: 0;}
	.column-50:first-child + .column.column-50 ul { margin: 0.6875em 0 0 2em;}
	.columns .column-50:first-child + .column img, .columns .column-50:first-child + .column + .column + .column img { width: 100%;}
	.main-container { padding-bottom: 0px;}
}
/*---*/

.nav-primary{
height: 65px;
}

.main{
background: white;
padding: 11em 2em 3em 2em;
width: 80%;
margin-top: -12em;
}

.main-container {
    padding-top:0px;
    padding-bottom:0px;
}
@media screen and (min-width: 672px) {
.main {width: 950px;}

/*-- Header fix --*/
.nav-primary ul, #identityContact { background: #fff;-webkit-box-shadow: -1px 4px 4px -5px #000;box-shadow: -1px 4px 4px -5px #000;}

/*-- Footer fix --*/
.footer-container { background: none;}
.footer-content { background: #323232; width: 950px; padding: 0 2em;}
}
@media screen and (max-width: 672px) {
#identityContact {
-webkit-box-shadow: -1px 4px 4px -5px #000;
box-shadow: -1px 4px 4px -5px #000;
}
}


@media screen and (max-width: 672px) {
    .main{
        padding:15em 2em 3em 2em;
        margin-top:-14em;
    }


.nav-dropdown a{
    font-weight:normal;
    text-transform:uppercase;
    font-size:0.95em;
}
}

/*--------------------------------------------------*/
/*--Telefoonnr/faxnr uit global data niet clickable maken--*/
/*--------------------------------------------------*/

@media only screen and (min-width: 672px) {
[itemprop="telephone"] {
            pointer-events: none;
            cursor: default;}
            
.contentAreaC .gallery-2 .slider li {
    padding: 0 4px 2px 2px;
    width: 15%;
    margin: 0 7px;
}
}

[itemprop="faxNumber"] {
            pointer-events: none;
            cursor: default;
}
                                               

h4.module.h2 {
color: #b6b606;
font-size: 1.1em;
border-left: 2px solid #b6b606;
padding-left: 5px;
}

.image-text-columns .readmore .btn {
background: #ca0406;
}

.call .btn {
    background:#ca0406;
    font-size:15px;
}