/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
	position: relative;
	width: 100%;
	font-size: 1em;
    line-height: 1.4;
    background-color: #f2f2f3;
    font-weight: normal;
}

p {
	font-family: HelveticaNeueLTPro-Lt; 
	color: #000;
	font-size: 15px;
	margin: 0;
	padding: 0;
	font-weight: normal;

}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */


body.dialog {
	overflow: hidden;
}




/* FONTS */

.bold { font-family: HelveticaNeueLTPro-Bd; }
.light-italic { font-family: HelveticaNeueLTPro-LtIt; }
.light { font-family: HelveticaNeueLTPro-Lt; }
.thin { font-family: HelveticaNeueLTPro-Th; }

.red {
	color: #a02100 !important;
}

.red a:link,
.red a:active,
.red a:visited,
.red a:hover {
	text-decoration: underline;
	color: #a02100 !important;
}


.grey{
	color: #807e83;
}

.border-bottom{
	border-bottom: 1px solid #9b9b9b;
}


/* SITE */

#site {
	margin: 0 auto;
	padding: 0;
	/*padding: 0 0 125px 0;*/
	position: relative;
	width: 935px;
	min-width: 935px;
	height: auto;
	display: block;
	background-color: #fff;
	z-index: 1;
}


.boxshadow #site {
	-webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.5);
}


.no-boxshadow .shadow-vert {
	position: absolute;
	top: 0;
	width: 9px;
	height: 100%;
	display: block;
	background-image: url('../img/bg-shadow-left-right.png');
	background-repeat: repeat-y;
}

.shadow-left  { left: -9px; background-position: 0 0; }
.shadow-right { right: -9px; background-position: -9px 0; }








.ui-widget-overlay {
	background-image: none !important;
	background-color: rgba(0, 0, 0, 0.5) !important;
	opacity: 1 !important;
}


.ui-dialog {
	position: fixed !important;
	top: 230px !important;
	padding: 0 !important;
	background-image: none !important;
	border: none !important;
}

.ui-dialog-titlebar {
	padding: 10px 10px 10px 15px !important;
	height: auto !important;
	overflow: auto !important;
	white-space: normal !important;
}

.ui-dialog-title {
	float: none !important;
	display: inline !important;
	width: auto !important;
	height: auto !important;
	overflow: auto !important;
	text-overflow: clip !important;
	white-space: normal !important;
	font-family: HelveticaNeueLTPro-Bd, sans-serif !important;
	font-size: 1em !important;
	font-weight: normal !important;
	line-height: 1.3em !important;
	color: #333 !important;
}

.ui-dialog-titlebar-close {
	display: none !important;
}


.ui-dialog-content {
	padding: 5px 10px 15px 16px !important;
	height: auto !important;
	font-family: HelveticaNeueLTPro-Lt, sans-serif !important;
	font-size: 0.9em !important;
	font-weight: 100 !important;
	line-height: 1em !important;
}


.ui-dialog-buttonpane {
	padding: 5px 10px 5px 0 !important;
	border-top: 1px solid #efefef !important;
}

.ui-dialog-buttonset {
	
}

.ui-dialog-buttonpane {
	
}

.ui-dialog-buttonpane .ui-button {
	border: none !important;
	outline: none !important;
}

.ui-dialog-buttonpane .ui-button .ui-button-text {
	padding: 4px 10px !important;
	font-family: HelveticaNeueLTPro-Lt, sans-serif !important;
	font-size: 0.9em !important;
	font-weight: 100 !important;
	color: #fff !important;
}

.ui-dialog-buttonpane .ui-button.ui-state-default {
	background-color: #9e220e !important;
	background-image: none !important;
}

.ui-dialog-buttonpane .ui-button.ui-state-highlight {
	background-color: #0e0302 !important;
	background-image: none !important;
}

.ui-dialog-buttonpane .ui-button.ui-state-focus {
	background-color: #0e0302 !important;
	background-image: none !important;
}

.ui-dialog-buttonpane .ui-button.ui-state-focus .ui-button-text {
	color: #fff !important;
}

.ui-dialog-buttonpane .ui-button.ui-state-hover {
	background-color: #0e0302 !important;
	background-image: none !important;
}

.ui-dialog-buttonpane .ui-button.ui-state-hover .ui-button-text {
	color: #fff !important;
}

.ui-dialog-buttonpane .ui-button.confirm.ui-state-hover,
.ui-dialog-buttonpane .ui-button.cancel.ui-state-hover {
	background-color: #0e0302 !important;
	background-image: none !important;
	color: #fff;
}

.ui-dialog-buttonpane .ui-button.confirm.ui-state-hover .ui-button-text,
.ui-dialog-buttonpane .ui-button.cancel.ui-state-hover .ui-button-text {
	color: #fff !important;
}







.fancybox-skin {
    background-color: #f2f2f3 !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}







/* HEADER */

.header {
	position: relative;
	width: 100%;
	height: 180px;
	display: block;
	z-index: 998;
}

.header .logo {
	position: absolute;
	top:32px;
	left: 35px;
	width: 170px;
	height: 54px;
	display: block;
	text-decoration: none;
	background-image: url('../img/logo-nieuw.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	border: none;
}

.header .logo:link,
.header .logo:active,
.header .logo:visited,
.header .logo:hover {
	text-decoration: none;
}


.backgroundsize .header .logo {
	background-image: url('../img/logo-nieuw.png');
	background-size: 170px 54px;
}


@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.header .logo {
		background-image: url('../img/logo@2x.png');
	    background-size: 170px 54px;
	}
}




.header .select-country {
	position: absolute;
	top: 56px;
	left: 215px;
}

.blok6 .select-country, .blok7 .select-country {
	position: absolute;
	bottom: 70px;
	left: 0;
}


.select-country option {
	
}

.chosen-container {
	z-index: 9999 !important;
}

.header .chosen-container-single {
	position: absolute;
	top: 56px;
	left: 215px;
	height:31px;
	border:1px solid #ccc;
	min-width: 150px;
}

.header .chosen-container-single > a {
  line-height:31px;
}

.blok6 .chosen-container-single {
	position: absolute;
	bottom: 70px;
	left: 0;
}


.chosen-container-active .chosen-choices,
.chosen-container-active .chosen-single {
	box-shadow: none !important;
	border: none !important;
}

.chosen-single,
.chosen-choices {
	background-image: none !important;
	border: none !important;
	box-shadow: none !important;
}




.chosen-single:link,
.chosen-single:active,
.chosen-single:visited,
.chosen-single:hover {
	text-decoration: none !important;
}


.chosen-single {
	width: auto !important;
	height: 27px !important;
	line-height: 28px !important;
	font-family: HelveticaNeueLTPro-Bd;
}

.blok6 .chosen-single {
	background-color: transparent !important;
}

.blok6 .chosen-single:link,
.blok6 .chosen-single:active,
.blok6 .chosen-single:visited,
.blok6 .chosen-single:hover {
	color: #efefef;
}


.blok6 .chosen-single span {
	color: #efefef;
}

.chosen-single span {
	margin-right: 0;
	margin-left: 4px;
	width: auto !important;
	overflow: visible !important;
}

.chosen-single div {
	position: absolute;
	top: 1px;
	left: 130px;
}


.chosen-search input[type="text"] {
	background: #fff url('../libs/chosen/chosen-sprite.png') no-repeat 100% -20px !important;
}

.chosen-single div b {
	background-position: 0 5px !important;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
	background-position: -18px 5px !important;
}


.chosen-container-single a {
	background-color: #fff !important;
	background-image: none !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}



.chosen-container-single .chosen-default span {
	color: #666 !important;
}


.chosen-container-single .chosen-drop {
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}

.chosen-container .chosen-results {
	height: auto !important;
	max-height: none !important;
}

.chosen-drop {
	padding: 5px 0 0 0 !important;
	border: none !important;
}


.chosen-choices .search-choice {
	background-color: #f2f2f2 !important;
	color: #262626 !important;
	background-image: none !important;
	box-shadow: none !important;
	border: 1px solid #bcbcbc !important;
}


.chosen-results li {
	padding: 0 1px;
	font-family: HelveticaNeueLTPro-Lt;
}

.chosen-results li.highlighted {
  background-color: #efefef !important;
  background-image: none !important;
  color: #262626 !important;
}

.title-top{
	display: block;
	position: absolute;
	right: 0;
	top:0;
	right: 35px;
	width: auto;
	height: auto;
	}

.title-top h1{
	display: block;
	font-size: 65px;
	margin: 0;
	padding: 0;
	font-family: HelveticaNeueLTPro-Th;
	font-weight: normal;

}

nav, .nav {
	margin: 0;
	padding: 0;
	position: relative;
	width: 935px;
	height: 95px;
	display: block;
	background: url('../img/bg-white-90.png') 0 0 repeat;
	border-top: 1px solid #000;
	z-index: 99;
}

.fixed nav,
.fixed .nav {
	position: fixed;
	top: 0;
	height: 46px;
	border: none;
	border-bottom:1px solid #000000;
}


nav ul,
.nav ul {
	margin: 0;
	padding: 0;
	position: relative;
	left: 15px;
	display: block;
}

nav ul li,
.nav ul li{
	display: block;
	position: absolute;
	float: left;
	width: auto;
	height: auto;
	font-family: HelveticaNeueLTPro-Bd;
	font-size: 12px;
}

nav ul li a,
.nav ul li a {
	color: black;
	text-decoration: none;
	font-size: 12px;
}

.menu-product a,
.menu-product a:visited,
.menu-product2 a,
.menu-product2 a:visited,
.menu-product3 a,
.menu-product3 a:visited,
.menu-product4 a,
.menu-product4 a:visited,
.menu-product5 a,
.menu-product5 a:visited   {
	/* padding: 5px 0 0 5px; */
	/* width: 72px; */
	/* height: 36px; */
	display: block;
	line-height: 12px;
	text-align: left;
}



.menu-slide{
	padding-top: 5px;
	display: block;
}

.slidemenu {
  background-color:rgba(245,245,245,0.90);
  padding:5px;
  width:140px;
  height:85px;
  position: absolute;
  right:0;
}

/*

.de .menu-slide {
	left: 405px;
}


.fr .menu-slide {
	left: 420px;
}


.it .menu-slide {
	left: 440px;
}
*/



.menu-slide ul {
	margin: 5px 0 0 0;
}

.menu-slide a {
	display: block;
}


.menu-brochure{
	/* left: 555px; */
	width: auto;
/* 	height: 36px; */
	display: block;
	line-height: 26px;
	background-color: #9e220e;
}

.de .menu-brochure {
	left: 530px;
}

.fr .menu-brochure {
	left: 545px;
}

.it .menu-brochure {
	left: 565px;
}

.menu-brochure a, .menu-brochure a:visited {
	padding: 0 10px;
	color: white;
	display: block;
	/* height: 36px; */
	text-align: center;
}

.menu-brochure a:hover {
	background-color: #0e0302;
}

.menu-contact{
	/* left: 710px; */
	display: block;
}

/*

.fr .menu-contact {
	left: 705px;
}
*/


.menu-contact a, .menu-contact a:hover, .menu-contact a:visited{
	color: #a02100;
}

.menu-site{
	padding-top: 5px;
	left: 780px;
	display: block;
}

.menu-site a, .menu-site a:hover, .menu-site a:visited{
	color: #000;
}

nav ul li ul,
.nav ul li ul{
	display: block;
	left: 0;
	margin: 0;
	padding: 0;
}

nav ul li ul li,
.nav ul li ul li{
	display: block;
	width: 110px;
	border-bottom: 1px solid #000;
}

nav ul li ul li a,
.nav ul li ul li a{
	font-family: 'HelveticaNeueLTPro-Lt';
}

.menu-slide-accessoires{
	top: 20px;
}

.menu-slide-techniek{
	top: 40px;
}

.fixed .slidemenu {
  top:45px;
}












/* CONTENT */

#content {
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
	height: auto;
	display: block;
	z-index: 1;
}


#content a {
	
}

#content a:link,
#content a:active,
#content a:visited {
	text-decoration: underline;
	color: #222;
}

#content a:hover {
	text-decoration: underline;
	color: #222;
}

#content a.red:link,
#content a.red:active,
#content a.red:visited {
	text-decoration: underline;
	color: #a02100;
}

#content a.red:hover {
	text-decoration: underline;
	color: #a02100;
}


.blok1 { z-index: 9; }
.blok2 { z-index: 8; }
.blok3 { z-index: 7; }
.blok4 { z-index: 6; }
.blok5 { z-index: 5; }
.blok6 { z-index: 4; }
.blok7 { z-index: 3; }
.blok8 { z-index: 2; }


.blok {
	/*
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
	*/
}


.block-shadow {
	position: absolute;
	bottom: -9px;
	left: 0;
	width: 935px;
	height: 9px;
	display: block;
	background: url('../img/bg-block-shadow.png') 0 0 repeat-x;
	border: none;
}




.fixed #content {
	margin: 90px 0 0 0;
}

.blok1{
	display: block;
	position: relative;
	width: 100%;
	height: 701px;
	border-bottom: 1px solid #000;
}

.de .blok1 {
	height: 701px;
}

.fr .blok1 {
	height: 730px;
}

.fr-fr .archebad .blok1 {
	height: 700px;
}

.fr-be .archebad .blok1 {
	height: 700px;
}

.it .blok1 {
	height: 740px;
}

.blok1-img{
	display: block;
	position: absolute;
	width: 408px;
	height: 701px;
	left: 110px;
	bottom:0;
	background: url("../img/beams1.png")  0 0 no-repeat;
}

.blok1-tekst{
	display: block;
	position: absolute;
	right:35px;
	top:55px;
	width: 380px;
}

.en .blok1-tekst {
	top: 45px;
}

.fr .blok1-tekst {
	top: 40px;
}

.blok1-tekst p{
	display: block;
	width: 215px;
	margin-left: 137px;
}

.blok1-tekst h2{
	margin: 0;
	padding: 0;
	font-size: 40px;
	font-weight: normal;
	margin-top: 40px;
}

.blok1-tekst h3{
	margin: 0;
	padding: 0;
	font-size: 23px;
	font-weight: normal;
	margin-top: 40px;
	text-align: right;
	margin-top: -12px;
	margin-bottom: 50px;
}

.blok2{
	display: block;
	position: relative;
	width: 100%;
	height: 805px;
	background-color: #f2f2f3;
	border-bottom: 1px solid #000;
}

.blok2-tekst{
	display: block;
	position: absolute;
	left: 0;
	top: 160px;
	width: 520px;
	height: auto;
}

.blok2-tekst:after {
	content: '.';
	height: 0;
	display: block;
	visibility: hidden;
	clear: both;
}

.blok2-tekst h2{
	position: relative;
	font-size: 50px;
	margin: 0;
	padding: 0;
	font-family: HelveticaNeueLTPro-Th; 
	font-weight: normal;
	line-height: 52px;
	clear: both;
}
	
.blok2-tekst .right{
	float:right;
	margin-right: 65px;
}

.blok2-tekst .left{
	float: left;
	margin-left: 36px;
	
}

.blok2-tekst .last{
	margin-right: 79px;
}

.blok2-tekst .paragraaf1 {
	float: left;
	margin: 30px 0 0 30px;
	position: relative;
	width: 245px;
	display: block;
}

.blok2-tekst .paragraaf2 {
	float: right;
	margin: 30px 0 0 0;
	position: relative;
	width: 235px;
	display: block;
}

.paragraaf2 img{
	margin-top: 15px;
}

.blok2-img{
	display: block;
	position: absolute;
	right: 0;
	top:0;
	width: 350px;
	height: 755px;
	background: url("../img/beams2.png") 0 0 no-repeat;
}

.blok3{
	display: block;
	position: relative;
	width: 100%;
	height: 850px;
}

.de .blok3 {
	height: 900px;
}

.fr .blok3 {
	height: 870px;
}

.blok3-img{
	display: block;
	position: absolute;
	left: 7px;
	top: 27px;
	width: 441px;
	height: 588px;
	background: url("../img/beams3.png")  0 0 no-repeat;
}


.de .blok3-img {
	top: 78px;
}


.blok3-tekst{
	display: block;
	position: absolute;
	right: 0;
	top: 55px;
	width: 420px;
	height: 588px;
	
}

.blok3-tekst h2{
	margin: 0;
	padding: 0;
	font-family: HelveticaNeueLTPro-Th; 
	font-weight: normal;
	line-height: 52px;
	clear: both;
	font-size: 50px;
	text-transform: uppercase;
	padding-bottom: 40px;
	border-bottom: 1px solid black;
}

.blok3-tekst p{
	display: block;
	font-family: HelveticaNeueLTPro-LtIt;
	color: #676767;
	width: 210px;
	margin-left: 80px;
	margin-top: 20px;
	
}

.blok3-tekst a{
	font-family: HelveticaNeueLTPro-Bd;
}

.blok3-detail{
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	background-color: #f2f2f3;
}

.blok3-detail:after {
	content: '.';
	height: 0;
	display: block;
	visibility: hidden;
	clear: both;
}


.detail1{
	display: block;
	float: left;
	width: 200px;
	min-height: 215px;
	border-right:1px solid #e6e6e7; 
	font-size: 14px;
	padding-left: 35px;
	padding-top: 20px;
}

.detail1 p{
	line-height: 25px;
}

.detail1 img{
	margin-top: 10px;
	margin-bottom: 30px;
}

.detail2{
	display: block;
	float: left;
	width: 200px;
	min-height: 215px;
	border-right:1px solid #e6e6e7; 
	font-size: 14px;
	padding-left: 35px;
	padding-top: 20px;
}

.detail2 p{
	line-height: 25px;
}

.detail2 img{
	margin-bottom: 17px;
	margin-left: 20px;
}

.detail3{
	display: block;
	float: left;
	width: 200px;
	min-height: 215px;
	border-right:1px solid #e6e6e7; 
	font-size: 14px;
	padding-left: 35px;
	padding-top: 20px;
}

.detail3 p{
	line-height: 25px;
}

.detail3 img{
	margin-bottom: 5px;
	margin-left: 40px;
}

.detail4{
	display: block;
	float: left;
	width: 190px;
	min-height: 215px;
	font-size: 14px;
	padding-left: 35px;
	padding-top: 20px;
}

.detail4 p{
	line-height: 25px;
}

.detail4 img{
	margin-left: 100px;
	margin-top: -25px;
	margin-bottom: -10px;
}

.blok4{
	display: block;
	position: relative;
	width: 100%;
	height: 1267px;
}

.blok4-tekst1{
	display: block;
	position: absolute;
	width: 340px;
	left: 35px;
	top:195px;
	text-align: center;
}

.blok4-tekst1 h2{
	display: block;
	margin: 0;
	padding: 0;
	font-family: HelveticaNeueLTPro-Th; 
	font-weight: normal;
	line-height: 52px;
	clear: both;
	font-size: 50px;
	text-transform: uppercase;
}

.blok4-tekst1 h2:after {
	content: '.';
	height: 0;
	display: block;
	visibility: hidden;
	clear: both;
}

.blok4-tekst1 h2 .left{
	float: left;
	margin-left: 15px;
}

.blok4-tekst1 h2 .right{
	float: right;
	margin-right: 35px;
}

.blok4-img1{
	display: block;
	position: absolute;
	right: 0;
	top:0;
	width: 528px;
	height: 450px;
	background: url("../img/beams4.png") right 0 no-repeat;
	border-bottom: 1px solid #000;
}

.blok4-tekst2{
	margin-top: 35px;
	padding-right: 10px;
	position: absolute;
	top: 450px;
	right: 0;
	width: 518px;
	height: 270px;
	display: block;
	border-bottom: 1px solid #000;
}

.blok4-tekst2 .paragraaf1{
	display: block;
	float: left;
	width: 235px;
	height: 270px;
}

.blok4-tekst2 .paragraaf1 p{
	margin: 0;
	padding: 0;
}

.blok4-tekst2 .paragraaf2{
	display: block;
	float: right;
	width: 240px;
	height: 270px;
}

.blok4-tekst2 .paragraaf2 p{
	margin: 0;
	padding: 0;
}
.blok4-tekst2 .paragraaf1 p .icon{
	margin: 0;
	padding: 0;
	margin-top: -3px;
}

.blok4-tekst2 .paragraaf2 p .icon{
	margin: 0;
	padding: 0;
	margin-top: -3px;
}

.blok4-tekst3{
	display: block;
	position: absolute;
	width: 395px;
	height: auto;
	top:755px;
	left: 0;
	padding-bottom: 65px;

}

.blok4-tekst3 h2{
	display: block;
	margin: 0;
	padding: 0;
	font-family: HelveticaNeueLTPro-Th; 
	font-weight: normal;
	line-height: 52px;
	clear: both;
	font-size: 50px;
	text-transform: uppercase;
	margin-left: 35px;
	width: 400px;
}

.blok4-tekst3 p{
	display: block;
	width: 240px;
	margin-top: 85px;
	margin-left: 35px;
}

.de .blok4-tekst3 p {
	margin-top: 65px;
}

.blok4-tekst3 .icon{
	margin: 0;
	padding: 0;
	margin-top: -3px;
}

.blok4-img2{
	display: block;
	position: absolute;
	right: 0;
	top:0;
	width: 561px;
	height: 488px;
	top:756px;
	background: url("../img/beams5.png")  0 0 no-repeat;
}

.blok5{
	display: block;
	position: relative;
	width: 100%;
	height: 1480px;
	background-color: #f2f2f3;
}

.de .blok5 {
	height: 1590px;
}

.fr .blok5 {
	height: 1610px;
}

.blok5-img1{
	display: block;
	position: absolute;
	top:0;
	width: 435px;
	height: 612px;
	background: url("../img/beams_detail5.png")  85px 20px no-repeat;
	padding-bottom: 80px;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
}

.blok5-tekst1{
	display: block;
	position: absolute;
	top: 105px;
	right: 0;
	width: 425px;
	height: 465px;
	border-bottom: 1px solid #000;
}

.de .blok5-tekst1 {
	top: 65px;
	height: 480px;
}

.it .blok5-tekst1 {
	top: 65px;
	height: 480px;
}

.blok5-tekst1 h2{
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	font-family: HelveticaNeueLTPro-Th; 
	font-weight: normal;
	line-height: 52px;
	font-size: 50px;
	text-transform: uppercase;
}

.blok5-tekst1 p{
	margin-top: 20px;
	margin-left: 80px;
	width: 240px;
	display: block;
	font-family: HelveticaNeueLTPro-LtIt;
}

.blok5-tekst1 a{
	font-family: HelveticaNeueLTPro-Bd;
}

.blok5-tekst1 .left {
	margin-left: 0px !important;
	width: 250px;
	margin-top: 60px;
}

.en .blok5-tekst1 .left {
	margin-top: 118px;
}

.fr .blok5-tekst1 .left {
	margin-top: 80px;
}

.it .blok5-tekst1 .left {
	margin-top: 50px;
}

.blok5-img2{
	display: block;
	position: absolute;
	width: 408px;
	height: 760px;
	top: 730px;
	left:10px;
	background: url("../img/beams6.png")  0 0 no-repeat;
}

.blok5-tekst2{
	display: block;
	position: absolute;
	right: 0;
	top:730px;
	width: 615px;
	height: auto;
}

.blok5-tekst2 p{
	width: 240px;
	margin-left: 235px;
}

.blok5-tekst2 h2{
	display: block;
	margin: 0;
	padding: 0;
	font-family: HelveticaNeueLTPro-Th; 
	font-weight: normal;
	line-height: 52px;
	clear: both;
	font-size: 50px;
	text-transform: uppercase;
	margin-top: -20px;
	margin-bottom: 10px;
	
}

.blok5-tekst2 h2 .right{
	margin-left: 75px;
}

.en .blok5-tekst2 h2 .right{
	margin-left: 55px;
}

.blok6 {
	display: block;
	position: relative;
	width: 100%;
	height: 385px;
	background-color: #333132;
}

.blok6-image{
	display: block;
	position: absolute;
	bottom: -45px;
	left: 90px;
	width: 313px;
	height: 413px;
	background: url("../img/beams_brochure.png")  0 0 no-repeat;
	z-index: 99;

}

.blok6-tekst{
	display: block;
	position: absolute;
	width: 520px;
	height: 390px;
	right: 0;
	top:0;
}

.blok6-tekst h2{
	display: block;
	margin: 0;
	padding: 0;
	margin-left: 160px;
	margin-top:70px;
	font-family: HelveticaNeueLTPro-Th; 
	font-weight: normal;
	line-height: 52px;
	clear: both;
	font-size: 50px;
	color: white;
	text-transform: uppercase;
}

.de .blok6-tekst h2 {
	margin-top: 50px;
}

.btn-brochure{
	position: absolute;
	left: 0;
	bottom: 20px;
	height: 36px;
	line-height: 30px;
}


.btn-brochure a, .menu-brochure a:visited {
	margin: 0;
	padding: 0 10px;
	color: #fff;
	display: block;
	width: auto;
	height: 36px;
	text-align: center;
	font-family: 'HelveticaNeueLTPro-Bd';
	font-size: 12px;
	text-decoration: none;
	background-color: #9e220e;
}

.btn-brochure a:link,
.btn-brochure a:active,
.btn-brochure a:visited {
	text-decoration: none !important;
	color: #fff !important;
}


.btn-brochure a:hover {
	background-color: #0e0302;
}

.blok7{
	display: block;
	position: relative;
	width: 100%;
	height: 450px;
	background-color: #e1e1e1;
}

.blok7-tekst{
	padding-left: 20px;
	position: absolute;
	top:0;
	left: 0;
	width: 335px;
	height: 415px;
	display: block;
	text-align: right;
}

.blok7-tekst h2{
	display: block;
	margin: 0;
	padding: 0;
	margin-top:75px;
	font-family: HelveticaNeueLTPro-Th; 
	font-weight: normal;
	line-height: 52px;
	clear: both;
	font-size: 50px;
	text-transform: uppercase;
	
}

.blok7-tekst p{
	display: block;
	margin-top: 25px;

}

.blok7-tekst p a{
	color: #000;
	font-family: HelveticaNeueLTPro-Bd;
	text-decoration: none;
}

.blok7-tekst2 a:link,
.blok7-tekst2 a:active,
.blok7-tekst2 a:visited,
.blok7-tekst2 a:hover {
	text-decoration: underline !important;
	color: #000 !important;
}

.blok7-form{
	display: block;
	position: absolute;
	top:50px;
	right: 30px;
	width: 475px;
	height: auto;
}





/*
 *  Dropkick selectboxes
 *
 */

.dk_container::selection,
.dk_toggle::selection,
.dk_label::selection {
	background-color: transparent !important;
}

.dk_container {
	margin: 15px 0 0 11px;
	border: 1px solid #000;
}

.select-type {
	width: 185px !important;
}


.dk_label,
.dk_options_inner li a {
	font-family: 'HelveticaNeueLTPro-Lt' !important;
	font-size: 1.25em !important;
}



.dk_options_inner {
	margin: 0 !important;
	padding: 0 !important;
}


.dk_options ul {
	list-style: none;
}


.dk_options li {
	list-style: none;
}




.contact-form {
	margin: -30px 0 0 0;
	position: relative;
}

.contact-form:after {
	content: '.';
	height: 0;
	display: block;
	visibility: hidden;
	clear: both;
}

.contact-form .select-type {
	position: relative;
}


.contact-form input,
.contact-form textarea {
	margin: 15px 0 0 0;
	padding: 8px 8px;
	position: relative;
	width: 214px;
	font-family: 'HelveticaNeueLTPro-Lt';
	font-size: 1em;
	background-color: #e1e1e1;
	border: 1px solid #000;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	outline: none;
}


.contact-form .left {
	float: left;
}

.contact-form .right {
	float: right;
}


.contact-form textarea {
	height: 130px;
	resize: none;
}


.contact-form input::-webkit-input-placeholder,
.contact-form textarea::-webkit-input-placeholder {
    color: #222;
}
.contact-form input:-moz-placeholder,
.contact-form textarea:-moz-placeholder {
    color: #222;
}
.contact-form input::-moz-placeholder,
.contact-form textarea::-moz-placeholder {
    color: #222;
}
.contact-form input:-ms-input-placeholder,
.contact-form textarea:-ms-input-placeholder {
    color: #222;
}



.contact-form input:hover,
.contact-form input:focus {
	outline: none;
}



.form-bottom {
	clear: both;
	position: relative;
}




.lbl-checkbox {
	/*margin: 24px 0 0 11px;*/
	margin: 20px 0 0;
	/* padding: 0 0 0 26px; */
	padding: 1px 8px 8px 26px;
	position: relative;
	height: 24px;
	display: block;
	line-height: 24px;
	font-family: 'HelveticaNeueLTPro-Lt';
	font-size: 1em;
	color: #000;
	cursor: pointer;
	width: 198px;
}


.lbl-checkbox::selection {
	background-color: transparent;
}


.lbl-checkbox input {
	position: absolute !important;
	top: 2px;
	left: 0;
	visibility: hidden;
}

.icon-checkbox {
	position: absolute;
	top: 4px;
	left: 0;
	width: 18px;
	height: 18px;
	display: block;
	background-color: #e1e1e1;
	background-image: url('../img/bg-checkbox.png');
	background-position: 0 0;
	background-repeat: no-repeat;
}


.icon-checkbox.checked   { background-position: 0 -18px; }
.icon-checkbox.unchecked { background-position: 0 0; }




.contact-form button {
	margin: 0;
	padding: 9px 10px 7px 10px;
	position: absolute;
	bottom: 0;
	left: 243px;
	width: 130px;
	text-align: center;
	font-size: 1em;
	font-weight: normal;
	background-color: #9d220e;
	color: #fff;
	border: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	outline: none;
}

.contact-form button:hover,
.contact-form button:focus {
	background-color: #000;
	border: none;
	outline: none;
}


.contact-form .error {
	clear: both;
	margin: 15px 0 0 0;
	padding: 0;
	position: relative;
	font-family: 'HelveticaNeueLTPro-Lt';
	font-size: 1em;
	font-weight: bold;
	color: #9d220e;
}

.contact-form .required {
  border: 1px solid #9D220E;
}



#response {
	margin: 140px 0 0 0;
	text-align: center;
	font-family: 'HelveticaNeueLTPro-Lt';
	font-size: 1.2em;
	color: #000;
}





.blok8{
	display: block;
	position: relative;
	width: 100%;
	height: 300px;
	background-color: #9d220e;
}

.en .blok8 {
	height: 300px;
}


.blok8-icons{
	display: block;
	position: absolute;
	width: 95px;
	height: 213px;
	left: 325px;
	top:70px;
	background: url("../img/logo_certificaat.png");
}

.blok8-tekst1{
	display: block;
	position: absolute;
	top:45px;
	width: 423px;
	height: 190px;
	color: white;
}

.en .blok8-tekst1 {
	
}

.blok8-tekst1 h2{
	display: block;
	margin: 0;
	padding: 0 4px 0 0;
	font-family: HelveticaNeueLTPro-Th; 
	font-weight: normal;
	line-height: 52px;
	clear: both;
	font-size: 50px;
	text-transform: uppercase;
	text-align: right;
}

.blok8-tekst2{
	display: block;
	position: absolute;
	top:0;
	right: 0;
	width: 500px;
	height: 430px;
	top:40px;
	border-bottom: 1px solid white;
}

.en .blok8-tekst2 {
	height: 368px;
}

.blok8-tekst2 p{
	display: block;
	width: 245px;
	color: white;
}

.blok8-tekst2 p a{
	color: white;
	font-family: HelveticaNeueLTPro-Bd;
	text-decoration: none;
}

.blok8-tekst2 a:link,
.blok8-tekst2 a:active,
.blok8-tekst2 a:visited,
.blok8-tekst2 a:hover {
	text-decoration: underline !important;
	color: #fff !important;
}



.blok8-tekst3{
	display: block;
	position: absolute;
	top:40px;
	right: 0;
	width: 500px;
	height: 210px;
}

.en .blok8-tekst3 {
	
}

.blok8-tekst3 p{
	display: block;
	width: 245px;
	color: white;
}

/* -- Stylingelementen -- */

.schaduw {
  background-image:url('../img/schaduw.png');
  height:9px;
  width:935px;
  position: absolute;
  top:0px;
  z-index: 999;
}

/* -- Arche Bad -- */


.archebad {
  -webkit-font-smoothing: antialiased;
}

.en-uk .archebad .block1-right span {
  text-align: right;
  float:right;
}

/* --- */

.archebad #block1 .block1-left {
  width:375px;
  height:700px;
  float:left;
  position: absolute;
  background-image:url('../img/arche-bad.png');
}



.archebad #block1 .block1-right {
  height:700px;
  position: absolute;
  margin-left:355px;
  padding-top:60px;
  padding-right:100px;
}

.archebad #block1 .block1-right h3 {
  padding-left:250px;
}

.archebad #block1 .block1-right p {
  padding-left:250px;
}

.archebad #block1 .block1-right .quote {
  padding:20px 0 55px 10px;
}

.fr-be .archebad #block1 .block1-right .quote {
  padding:20px 0 55px 0px;
}

.fr-fr .archebad #block1 .block1-right .quote {
  padding:20px 0 55px 0px;
}

.archebad #block1 .block1-right span {
  font-family: HelveticaNeueLTPro-Lt;
  text-transform: uppercase;
  font-size:38px;
  font-weight:normal;
}

.archebad #block1 .block1-right span .red {
  color:#bc0006;
  font-family: HelveticaNeueLTPro-Bd;
}

.archebad #block1 .block1-right span .grey {
  color:#817e83;
  font-size:20px;
  float:right;
  margin-right:5px;
}

/* --- */

.archebad #block2 .block2-left {
  width:585px;
  padding-top:80px;
}

.archebad #block2 .block2-left .title {
  width:500px;
  height:auto;
  text-align: center;
  float:right;
}

.archebad #block2 .block2-left span {
  text-align:center;
  font-size:46px;
  text-transform: uppercase;
  text-align: center;
  font-family: HelveticaNeueLTPro-Th;
  letter-spacing: 0.04em;
}

.archebad #block2 .block2-right span .red {
  color:#bc0006;
}

.archebad #block2 .block2-left .text {
  width:245px;
  padding-left:45px;
  margin-top:50px;
  float:left;
}

.fr-be .archebad #block2 .block2-left .text {
	padding-left:30px;
	width:260px;
}

.archebad #block2 .block2-left .text h4 {
  margin:0;
  color:#bc0006;
}

.archebad #block2 .block2-left .text p {
  width:245px;
  float:left;
  margin-bottom:10px; 
}

.archebad #block2 .block2-left .awards {
  margin-top:30px;
  width:464px;
  margin-left:45px;
  height:77px;
  background-image: url('../img/arche-bad_awards.png');
  float:left;
}

.archebad #block2 .block2-right .afbeelding {
	height:668px;
	width:229px;
	position: absolute;
	background-image:url('../img/archebad_2.png');
	right:50px;
}

.fr-be .archebad #block2 .block2-left .awards {
	margin-top:10px;
}

/* --- */ 

.archebad #block3 .block3-left {
  padding-top:150px;
  float:left;
}

.archebad #block3 .block3-left .content {
  width:245px;
  margin-left:30px;
  text-align: right;
}

.archebad #block3 .block3-left .content p {
  margin-bottom:10px;
}

.archebad #block3 .block3-left .moreinfo {
  width:245px;
  padding-left:30px;
  margin-top:40px;
  padding-top:25px;
  border-top:1px solid #000;
}

.fr-be .archebad #block3 .block3-left .moreinfo {
	margin-top:20px;
	padding-top:15px;
	padding-left:40px;
	width:235px
}

.archebad #block3 .block3-left .moreinfo p, .archebad #block3 .block3-left .moreinfo a {
  color:#7f7f7f !important;
}

.archebad #block3 .block3-left .moreinfo strong {
  font-family: HelveticaNeueLTPro-Bd;
  font-weight: normal;
}
.archebad #block3 .block3-right .radiator {
  background-image: url('../img/arche-bad_radiator1.png');
  height:428px;
  width:613px;
  position: absolute;
  right:0;
}

.archebad #block3 .block3-right .radiator .highlight1 {
  position: absolute;
  top:174px;
  left:-32px;
  border-bottom:1px solid #000;
  width:145px;
  font-family: HelveticaNeueLTPro-Th;
  text-transform: lowercase;
}

.archebad #block3 .block3-right .radiator .highlight2 {
  position: absolute;
  top:365px;
  left:120px;
  border-bottom:1px solid #000;
  width:285px;
  font-family: HelveticaNeueLTPro-Th;
  text-transform: lowercase;
}

.archebad #block3 .block3-right .quote h3 {
  position: absolute;
  top:450px;
  left:330px;
  font-family: HelveticaNeueLTPro-Th;
  text-transform: uppercase;
  font-size:48px;
  line-height:1em;
  font-weight:normal;
}

.archebad #block3 {
  border-bottom:1px solid #000;
}

/* --- */ 

.archebad #block4 {
  background-color:#f2f2f3;
}

.archebad #block4 h3 {
  margin:0;
  position: absolute;
  top:60px;
  left:35px;
  font-family: HelveticaNeueLTPro-Th;
  text-transform: uppercase;
  font-size:48px;
  line-height:1em;
  font-weight:normal;
  text-align: right;
}

.archebad #block4 .block4-left .content {
  position: absolute;
  top:280px;
  left:58px;
  text-align: right;
}

.archebad #block4 .block4-left .content p {
  width:254px;
  margin-bottom:20px;
}

.archebad #block4 .block4-left .content strong {
  font-family: HelveticaNeueLTPro-Bd;
  font-weight: normal;
}

.archebad #block4 .moreinfo {
  width:285px;
  position: absolute;
  top:700px;
  border-top:1px solid #000;
  text-align: right;
  padding:25px 0 0 30px;
  color:#676767;
}

.archebad #block4 .moreinfo p, .archebad #block4 .moreinfo a {
  color:#676767;
}

.archebad #block4 .block4-right {
  background-image: url('../img/arche-bad_radiator2.png');
  background-repeat:no-repeat;
  width:513px;
  min-height:600px;
  float:right;
}

.archebad #block4 .block4-right .highlight1 {
  position: absolute;
  top:325px;
  left:330px;
  border-bottom:1px solid #000;
  width:275px;
  font-family: HelveticaNeueLTPro-Th;
  text-transform: lowercase;  
}

.fr-be .archebad #block4 .block4-right .highlight1 {
	top:305px;
	width:275px;
	left:335px;
}

.archebad #block4 .block4-right .tekeningen {
  height:405px;
  width:528px;
  margin-top:420px;
  margin-right:25px;
  background-image: url('../img/arche-bad_tekeningen.png');
  background-repeat:no-repeat;
  float:right;
}

.archebad .blok4 {
  height:870px;
}

/* --- */

.archebad #block6 h3{
  margin:0;
  position: absolute;
  top:60px;
  left:535px;
  font-family: HelveticaNeueLTPro-Th;
  text-transform: uppercase;
  font-size:48px;
  line-height:1em;
  font-weight:normal;
  text-align: left;
  color:#fff;
}

.archebad #block6 .chosen-container {
  position: absolute;
  margin-left:460px;
  top:276px;
  border-top:1px solid #fff;
}

.archebad #block6 .downloadknop {
  background-color:#a02100;
  padding:5px 10px;
  /* width:138px; */
  position: absolute;
  top:275px;
  left:625px;
  color:#fff;
}

.archebad #block6 .downloadknop a {
  color:#fff;
  text-decoration:none;
}

.de .archebad #block6 .chosen-container,
.de .archebad #block6 .downloadknop {
  top:320px;
}

.de .chosen-container-single .chosen-drop {
  top:35px;
}

.archebad #block6 .folder {
  height:401px;
  width:302px;
  position: absolute;
  left:105px;
  top:20px;
  background-image:url('../img/arche-bad_folder.png');
}

.de .archebad #block6 .folder {
  background-image:url('../img/arche-bad_folder_de.png');
  height:410px;
  width:310px;
}

.fr .archebad #block6 .folder {
  background-image:url('../img/arche-bad_folder_fr.png');
  height:400px;
  width:300px;
}

.en-uk .archebad #block6 .folder {
  background-image:url('../img/arche-bad_folder_en.png');
  height:400px;
  width:300px;
}

.it .archebad #block6 .folder {
  background-image:url('../img/arche-bad_folder-it.png');
}
/* --- */

.archebad .blok7-tekst {
  font-family: HelveticaNeueLTPro-Th;
}

.archebad .block6-tekst .select-country {
  position: absolute;
  left:400px;
}

.archebad .blok7-tekst strong {
  font-family: HelveticaNeueLTPro-Bd;
  font-weight:normal;
}

.archebad #block7 .contact-form {
  width:475px;
  position: absolute;
  top:55px;
  left:435px;
}

/* ----- Cocos plus ----- */
.cocosplus p strong {
  font-family: HelveticaNeueLTPro-Bd;
  font-weight:normal;
}

.cocosplus h3 {
  font-family: HelveticaNeueLTPro-Th;
  text-transform: uppercase;
  font-size:46px;
  -webkit-font-smoothing: antialiased;
  line-height: 1.3em;
  font-weight:normal;
}

.fr-be .cocosplus .blok1 { height:701px; }

.cocosplus #block1 .block1-left {
  width:260px;
  height:659px;
  float:left;
  left:55px;
  top:42px;
  position: absolute;
  background-image:url('../img/cocos-plus.png');
}

.cocosplus #block1 .block1-right {
  height:700px;
  position: absolute;
  left:340px;
  padding-top:60px;
  padding-right:100px;
}

.cocosplus #block1 .block1-right h3 {
  padding-left:250px;
}

.cocosplus #block1 .block1-right p {
  padding-left:250px;
}

.cocosplus #block1 .block1-right .quote {
  padding:20px 0 55px 0px;
}

.cocosplus #block1 .block1-right span {
  font-family: HelveticaNeueLTPro-Lt;
  text-transform: uppercase;
  font-size:38px;
  font-weight:normal;
}

.cocosplus #block1 .block1-right span .red {
  color:#bc0006;
  font-family: HelveticaNeueLTPro-Bd;
}

.cocosplus #block1 .block1-right span .grey {
  color:#817e83;
  font-size:20px;
  float:right;
  margin-right:5px;
}

/* --- */

.cocosplus #block2 .top-block {
  background-image:url('../img/cocos-plus_radiator1.png');
  height:376px;
  width:100%;
}

.cocosplus #block2 .content-block-left h3 {
  width:385px;
  font-family: HelveticaNeueLTPro-Th;
  text-transform: uppercase;
  font-size:46px;
  text-align: right;
  -webkit-font-smoothing: antialiased;
  line-height: 1.3em;
  font-weight:normal;
}


.cocosplus #block2 .content-block-left span .red {
  color:#bc0006;
}

.cocosplus #block2 .content-block-right {
  width:520px;
  height:300px;
  position: absolute;
  left:400px;
  top:492px;
}

.cocosplus #block2 .content-block-right p{
  float:left;
  margin-left:20px;
  width:235px;
}

.cocosplus #block2 .content-block-right .red , .cocosplus #block2 .content-block-right strong {
  font-family:HelveticaNeueLTPro-Bd;
  font-weight:normal;
}

/* --- */ 
.cocosplus #block3 .top-block {
  background-image:url('../img/cocos-plus_radiator2.png');
  height:355px;
  width:873px;
  float:right;
}

.cocosplus #block3 .content-block-left h3 {
  width:385px;
  font-family: HelveticaNeueLTPro-Th;
  text-transform: uppercase;
  font-size:46px;
  text-align: right;
  -webkit-font-smoothing: antialiased;
  line-height: 1.3em;
  font-weight:normal;
}

.cocosplus #block3 .content-block-left span .red {
  color:#bc0006;
}

.cocosplus #block3 .content-block-left .moreinfo {
  width:425px;
  text-align: right;
  border-top:1px solid #000;
  padding-top:20px;
  
}

.cocosplus #block3 .content-block-left .moreinfo p, .cocosplus #block3 .content-block-left .moreinfo a{
  color:#676767;
  font-family: HelveticaNeueLTPro-LtIt;
}

.cocosplus #block3 .content-block-right {
  width:522px;
  position: absolute;
  top:362px;
  left:400px;
} 

.cocosplus #block3 .content-block-right p {
  float:left;
  width:241px;
  padding-left:20px;
}

.cocosplus #block3 {
  height: 835px;
  border-bottom:1px solid #000;
}

/* --- */ 
.cocosplus #block3 .schaduw {
  top:-46px;
}

.cocosplus #block4 {
  background-color:#f2f2f3;
}

.cocosplus #block4 .top-block .radiator {
  background-image:url('../img/cocos-plus_radiator3.png');
  height:339px;
  width:585px;
  position: absolute;
  top:65px;
  border-bottom:1px solid #000;
  background-repeat:no-repeat;
}

.cocosplus #block4 h3 {
  position: absolute;
  text-align: right;
  left:480px;
  top:60px;
  line-height:1.1em;
}

.cocosplus #block4 h3 .red {
  color:#bc0006;
}

.cocosplus #block4 .highlight1 {
  width:205px;
  border-bottom:1px solid #000;
  text-align: right;
  position: absolute;
  left:200px;
  top:130px;
}

.cocosplus #block4 .content-block-left {
  width:520px;
  position: absolute;
  left:20px;
  top:445px;
}

.cocosplus #block4 .content-block-left p {
  float:left;
  width:230px;
  margin-left:25px;
}

.cocosplus #block4 .moreinfo {
  position: absolute;
  top:750px;
  width:280px;
  border-top:1px solid #000;
  padding-top:15px;
  text-align: right;
}

.cocosplus #block4 .moreinfo p, .cocosplus #block4 .moreinfo a {
  color:#676767;
  font-family: HelveticaNeueLTPro-LtIt;
}

.cocosplus #block4 .tekening {
  width:338px;
  height:410px;
  background-image:url('../img/cocos-plus_tekeningen.png');
  position: absolute;
  top:405px;
  left:590px;
}
.cocosplus .blok4 {
  height: 880px;
}

/* --- */

.cocosplus #block6 h3{
  margin:0;
  position: absolute;
  top:60px;
  left:535px;
  font-family: HelveticaNeueLTPro-Th;
  text-transform: uppercase;
  font-size:48px;
  line-height:1em;
  font-weight:normal;
  text-align: left;
  color:#fff;
}

.cocosplus #block6 .chosen-container {
  position: absolute;
  margin-left:460px;
  top:276px;
  border-top:1px solid #fff;
}

.cocosplus #block6 .downloadknop {
  background-color:#a02100;
  padding:5px 10px;
  width:138px;
  position: absolute;
  top:275px;
  left:625px;
  color:#fff;
}

.cocosplus #block6 .downloadknop a {
  color:#fff;
  text-decoration:none;
}

.cocosplus #block6 .folder {
  height:401px;
  width:302px;
  position: absolute;
  left:105px;
  top:20px;
  background-image:url('../img/cocos-plus_folder_nl.png');
}

.fr-be .cocosplus #block6 .folder {
  background-image:url('../img/cocos-plus_folder_fr.png');
}

/* --- */

.cocosplus .blok7-tekst {
  font-family: HelveticaNeueLTPro-Th;
}

.cocosplus .block6-tekst .select-country {
  position: absolute;
  left:400px;
}

.cocosplus .blok7-tekst strong {
  font-family: HelveticaNeueLTPro-Bd;
  font-weight:normal;
}

.cocosplus #block7 .contact-form {
  width:475px;
  position: absolute;
  top:55px;
  left:435px;
}

/* ------ Niva ------ */

.fr-be .niva .blok1,
.fr-fr .niva .blok1 { height:701px; }

.niva #block1 .block1-left {
  background-image:url('../img/niva.png');
  width:342px;
  height:677px;
  position: absolute;
  left:40px;
  top:24px;
}

.niva #block1 .block1-left strong {
  font-family: HelveticaNeueLTPro-Bd;
  font-weight:normal;
}


.niva #block1 .block1-right {
  height:700px;
  position: absolute;
  left:340px;
  padding-top:60px;
  padding-right:100px;
}

.niva #block1 .block1-right h3 {
  padding-left:250px;
}

.niva #block1 .block1-right p {
  padding-left:250px;
}

.niva #block1 .block1-right .quote {
  padding:20px 0 55px 40px;
  
}

.it .niva #block1 .block1-right .quote {
    width: 630px;
    position: relative;
    left: -80px;
}

.it .niva #block1 .block1-right p {
    padding-left: 300px;
    width: 240px;
}

.it .niva #block1 .block1-right .grey {
  margin-right:50px;
}

.niva #block1 .block1-right span {
  font-family: HelveticaNeueLTPro-Lt;
  text-transform: uppercase;
  font-size:38px;
  font-weight:normal;
}

.niva #block1 .block1-right span .red {
  color:#bc0006;
  font-family: HelveticaNeueLTPro-Bd;
}

.niva #block1 .block1-right span .grey {
  color:#817e83;
  font-size:20px;
  float:right;
  margin-right:15px;
}

/* --- */
.niva #block2 {
  height: 750px;
}

.niva #block2 .block2-left .title {
  width:450px;
  position: absolute;
  left:80px;
  top:50px;
}

.niva #block2 .block2-left h3 {
  font-family: HelveticaNeueLTPro-Th;
  text-transform: uppercase;
  font-size:52px;
  font-weight:normal;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  line-height:1.1em;
}

.niva #block2 .block2-left .red {
  color:#a02100;
}

.niva #block2 .content {
  width:620px;
  margin-left:10px;
  position: absolute;
  top:310px;
}

.niva #block2 .block2-left p {
  width:240px;
  float:left;
  margin-left:20px;
}

.niva #block2 .block2-left .awards {
  height:111px;
  width:96px;
  position: absolute;
  left:290px;
  top:290px;
  background-image:url('../img/niva_awards.png');
}

.niva #block2 .block2-right {
  width:264px;
  height:734px;
  position: absolute;
  top:15px;
  left:590px;
  background-image:url('../img/niva_radiator1.png');
} 

/* --- */
.niva #block3 .schaduw {
  top:-52px;
}

.niva #block3 h3 {
  font-family: HelveticaNeueLTPro-Th;
  text-transform: uppercase;
  font-size:52px;
  font-weight:normal;
  -webkit-font-smoothing: antialiased;
  text-align: right;
  line-height:1.1em;
  width:585px;
}

.niva #block3 h3 .red {
  color:#a02100;
}

.niva #block3 p {
  width:240px;
  font-weight:normal;
  position: absolute;
  left:600px;
  top:62px;
}

.fr-be .niva #block3 p {
	top:5px;
}

.niva #block3 p strong {
  font-family: HelveticaNeueLTPro-Bd;
  font-weight:normal;
}

.niva #block3 .radiator {
  background-image:url('../img/niva_radiator2.png');
  width:666px;
  height:425px;
  position: absolute;
  top:430px;
  left:10px;
}

.niva #block3 .moreinfo {
  width:425px;
  height:100px;
  position:absolute;
  top:580px;
  left:510px;
  border-top:1px solid #000;
  z-index: 999;
}

.niva #block3 .moreinfo p, .niva #block3 .moreinfo a {
  left:90px;
  top:25px;
  color:#676767;
  font-family: HelveticaNeueLTPro-LtIt;
}

.niva #block3 .highlight1 {
  position: absolute;
  top:760px;
  left:600px;
  border-bottom:1px solid #000;
  width:230px;
  text-align: right;
}

.niva #block3 .highlight1 p {
  padding:0;
  margin:0;
  left:-10px;
  top:-25px;
}

.niva #block3 {
  border-bottom:1px solid #000;
  height: 855px;
}

/* --- */ 
.niva #block4 {
  height: 921px;
}

.niva #block4 .radiator {
  background-image:url('../img/niva_radiator3.png');
  width:384px;
  height:647px;
  position: absolute;
  top:40px;
  left:550px;
}

.niva #block4 .block4-left h3 {
  font-family: HelveticaNeueLTPro-Th;
  text-transform: uppercase;
  font-size:52px;
  font-weight:normal;
  -webkit-font-smoothing: antialiased;
  text-align: right;
  line-height:1.1em;
  width:485px;
  position: absolute;
  top:100px;
}

.niva #block4 .moreinfo {
  width:325px;
  padding-top:10px;
  border-top:1px solid #000;
  text-align: right;
  position: absolute;
  top:530px;
  padding-left:100px;
}

.niva #block4 .moreinfo p, .niva #block4 .moreinfo a {
  color:#676767;
  font-family: HelveticaNeueLTPro-LtIt;
}

.niva #block4 .gegevens {
  position: absolute;
  top:687px;
  height:234px;
  width:935px;
  overflow: hidden;
}

/* --- */

.niva #block5 {
  background-color:#fff;
  height:1650px;
}

.niva #block5 .radiator {
  background-image:url('../img/niva_radiator4.png');
  width:647px;
  height:433px;
  position: absolute;
  top:0px;
  left:288px;
}

.niva #block5 .highlight1 {
  border-bottom:1px solid #000;
  width:363px;
  position: absolute;
  top:303px;
  left:118px;
}

.niva #block5 .block5-left h3 {
  font-family: HelveticaNeueLTPro-Th;
  text-transform: uppercase;
  font-size:52px;
  font-weight:normal;
  -webkit-font-smoothing: antialiased;
  text-align: right;
  line-height:1.1em;
  position: absolute;
  top:310px;
  left:40px;
}

.niva #block5 .content {
  width:503px;
  height:250px;
  position: absolute;
  top:500px;
  left:422px;
  padding-left:10px;
  border-bottom:1px solid #000;
}

.niva #block5 .content p {
  width:230px;
  float:left;
  margin-right:15px;
}

.niva #block5 .content p strong {
  font-family: HelveticaNeueLTPro-Bd;
  font-weight:normal;
}

.niva #block5 .second-block h3 {
  font-family: HelveticaNeueLTPro-Th;
  text-transform: uppercase;
  font-size:52px;
  font-weight:normal;
  -webkit-font-smoothing: antialiased;
  text-align: left;
  line-height:1.1em;
  position: absolute;
  top:720px;
  left:320px;
}

.niva #block5 .second-block .content {
  width:230px;
  position: absolute;
  top:948px;
  text-align:right;
  left:30px;
  border-bottom:none;
}

.niva #block5 .second-block .content p {
  margin-bottom:20px;
}

.niva #block5 .second-block .radiator {
  background-image:url('../img/niva_radiator5.png');
  width:618px;
  height:553px;
  position: absolute;
  top:1050px;
  left:317px;
}

.niva #block5 .second-block .highlight2 {
  width:183px;
  border-bottom:1px solid #000; 
  position: absolute;
  top:1040px;
  left:700px;
}

.fr-be .niva #block5 .second-block .highlight2 {
	top:1020px;
}

.niva #block5 .second-block .highlight3 {
  width:373px;
  border-bottom:1px solid #000; 
  position: absolute;
  top:1400px;
  left:320px;
}

.niva #block5 .second-block .highlight4 {
  width:533px;
  border-bottom:1px solid #000; 
  position: absolute;
  top:1440px;
  left:320px;
  display:none;
}

.niva #block5 .second-block .highlight5 {
  width:353px;
  border-bottom:1px solid #000; 
  position: absolute;
  top:1550px;
  left:320px;
}

.niva #block5 .line {
  width:513px;
  position: absolute;
  bottom:0px;
  border-bottom:1px solid #000;
}

/* --- */ 

.niva #block6 .content p strong {
  font-family: HelveticaNeueLTPro-Bd;
  font-weight:normal;
}

.niva #block6 {
  background-color:#f2f2f3;
  height:1050px;
}

.niva #block6 .title h3 {
  font-family: HelveticaNeueLTPro-Th;
  text-transform: uppercase;
  font-size:52px;
  font-weight:normal;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  line-height:1.1em;
  position: absolute;
  top:40px;
  left:300px;
}

.fr-be .niva #block6 .title h3 {
	left:250px;
}

.niva #block6 .radiator {
  height:990px;
  width:298px;
  position:absolute;
  top:60px;
  left:0px;
  background-image:url('../img/niva_radiator6.png');
}

.niva #block6 .content {
  width:520px;
  position: absolute;
  height:400px;
  left:425px;
  top:290px;
}

.niva #block6 .content p {
  width:235px;
  margin-right:20px;
  float:left; 
}

.niva #block6 .moreinfo {
  width:255px;
  border-top:1px solid #000;
  padding-top:10px;
  padding-left:10px;
  position: absolute;
  top:452px;
  left:670px;
}

.niva #block6 .moreinfo p, .niva #block6 .moreinfo a {
  color:#676767;
  font-family: HelveticaNeueLTPro-LtIt;
}

.niva #block6 .tekeningen {
  background-image:url('../img/niva_tekeningen.png');
  height:469px;
  width:557px;
  position: absolute;
  top:570px;
  left:350px;
}

/* --- */
.niva #block7 h3{
  margin:0;
  position: absolute;
  top:60px;
  left:535px;
  font-family: HelveticaNeueLTPro-Th;
  text-transform: uppercase;
  font-size:48px;
  line-height:1em;
  font-weight:normal;
  text-align: left;
  color:#fff;
}

.niva #block7 .chosen-container {
  position: absolute;
  margin-left:460px;
  top:276px;
  border-top:1px solid #fff;
}

.niva #block7 .downloadknop {
  background-color:#a02100;
  padding:5px 10px 5px 10px;
  width:138px;
  position: absolute;
  top:275px;
  left:625px;
  color:#fff;
}

.niva #block7 .downloadknop a {
  color:#fff;
  text-decoration:none;
  font-size:14px;
}

.niva #block7 .folder {
  height:401px;
  width:302px;
  position: absolute;
  left:105px;
  top:20px;
  background-image:url('../img/niva_folder_nl.png');
}

.fr-be .niva #block7 .folder {
  background-image:url('../img/niva_folder_fr.png');	
}

.en-uk .niva #block7 .folder {
  background-image:url('../img/niva_folder_en.png');
}

.niva #block8 .contact-form {
  width:475px;
  position: absolute;
  top:55px;
  left:435px;
}

.niva #block8 {
  height: 450px;
  background-color: #e1e1e1;
}

.niva #block8 .left {
	/* font-size:14px; */

}

/*  Footer  */


footer {
	/*
	position: fixed;
	bottom: 0;
	*/
	margin: 0;
	padding: 0;
	position: relative;
	width: 935px;
	height: 125px;
	display: block;
	background: url('../img/bg-white-90.png') 0 0 repeat;
	z-index: 997;
}

.footer-tekst1 {
	display: block;
	position: absolute;
	width: 100%;
	height: 57px;
	border-bottom: 1px solid #000;
	
}

.footer-tekst1 .footer-links {
	margin: 16px 0 0 20px;
	position: relative;
	display: block;
	font-family: HelveticaNeueLTPro-Bd;
	font-size: 9px;
	color: #6d6e71;
}

.footer-tekst1 a{
	color: #6d6e71;
	text-decoration: none;
}

.footer-tekst1 p {
	margin: 5px 0 0 20px;
	position: relative;
	display: block;
	font-family: HelveticaNeueLTPro-Bd;
	font-size: 9px;
	color: #6d6e71;
}

.heating-company {
	margin: 0 !important;
	padding: 0 !important;
	position: absolute !important;
	top: 25px;
	right: 26px;
	width: 176px;
}

.footer-tekst2{
	display: block;
	position: absolute;
	width: 100%;
	height: 60px;
	top:57px;
	
}

.arrow-up{
	display: block;
	position: absolute;
	left: 35px;
	top:15px;
}

.footer-logo {
	position: absolute;
	right: 35px;
	top:15px;
	width: 121px;
	height: 39px;
	display: block;
	background-image: url('../img/logo-nieuw.png');
	background-position:  0 0;
	background-repeat: no-repeat;
}


.backgroundsize .footer-logo {
	background-image: url('../img/logo-nieuw@2x.png');
	background-size: 121px 39px;
}


@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.footer-logo {
		background-image: url('../img/logo_small@2x.png');
	    background-size: 121px 39px;
	}
}



/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

.batibouw-button { height:192px; width:192px; position: absolute;  right:-100px; top:0px; display: block; z-index: 999; }
/*

.header {
  height:180px;
}
*/

/* Menu restyle */

.header-products {
  height:auto;
  position: absolute;
  top:180px;
  border-top:none;
}

.header-products ul li {
  float:left;
  list-style:none;
  height:46px;
  overflow:hidden;
  display:block;
  position: relative;
  margin-right:5px;
  line-height:26px;
}

.header-products ul li a {
    padding:5px 10px;
}

.header-products .active {
  background-color: rgb(158, 34, 14);
}

.header-products .active:hover {
  background-color: #000000;
}

.header-products .active a {
  color:#fff;
  height:100%;
  display: block;

}

.header-products.d275 .active {
	background-color: #6cac27;
}

.header-products .active a {
  color:#ffffff;
  display: block;
}

.header-products.d275 .active a:hover{
	background-color: #0e0302;
}

.displaynone {
  display:none !important;
}

nav.fixedbottom {
  top:60px;
  border-bottom:none;
  background:transparent;
}

.de .menu-product { display:none; }

/* .beams-page .fr .menu-product { display:none; }  */
/*

.menu-product2 {
	left: 85px;
}

.it .menu-product2 {
	left: 95px;
}

.menu-product3 {
	left: 170px;
}

.it .menu-product3 {
	left: 180px;
}

.menu-product4 {
	left: 250px;
}

.it .menu-product4 {
	left: 260px;
}

.menu-product5 {
	left: 330px;
}

.it .menu-product5 {
	left: 340px;
}
*/

/* Nieuw menu */
.header-products {
  position: relative;
  top:145px;
}

.kieseenproduct {
  float: left;
  line-height: 12px;
/*   margin-left: 40px; */
}

.fixed .kieseenproduct {
  margin-top:15px;

}

.product-dropdownbtn {
  width:157px;
  padding:5px;
  border:1px solid #ccc;
  /* position: absolute; */
  position: relative;
  float:right;
  top:-10px;
  /* left:192px; */
  font-family: HelveticaNeueLTPro-Bd;
  color:#000;
  font-size:14px;
  color: rgb(68, 68, 68);
  text-decoration: none;
  font-weight:normal;
  padding-left:10px;
  background-color:#ffffff;
  background-image:url('../img/arrow_down.png');
  background-position: 94% center;
  background-repeat: no-repeat;
  margin-left:10px;
}

.product-dropdownbtn.active {
  background-image:url('../img/arrow_down.png');
  background-color:#ffffff;
}

.product-dropdownbtn.active:hover {
  background-color:#ffffff;
}

.fixed .product-dropdownbtn {
  top:7px;
}

.header-products-dropdown {
  z-index: 999;
  width:;
  position: relative;
/*   left:177px; */
  top:-70px;
  display: none;
}

.header-products-dropdown p {
  font-weight: normal;
}

.fixed .header-products-dropdown {
  top:-55px;
}

.header-products-dropdown ul {
  border:1px solid #ccc;
  border-bottom:none;
  padding:0;
  margin:0;
  background-color:#ffffff;
  top:100px;
  position: absolute;
  margin-left: -5px;
}

.header-products-dropdown ul li:last-child {
  border-bottom:none !important;
}

.header-products-dropdown ul li.menuitem {
  float:none;
  padding:10px 5px 15px 5px;
  width:305px;
  margin-right:0;
  border-bottom:1px solid #ccc;
}

/*
.header-products-dropdown ul li.menuitem:hover {
  background-color:#cccccc;
}
*/

.header-products-dropdown ul li.menuitem img {
  float:left;
  background-color: #ffffff;
  border:1px solid #cccccc;
  margin-right:10px;
}

.header .menu-brochure.button { 
  min-width:165px;
  height:33px;
  right:122px;
  position: absolute;
  top:-10px;
  z-index: 999;
  line-height:33px;
}

.header .menu-brochure.button a {
  text-decoration: none;
}  

.header .menu-contact.button {
  position: absolute;
  right:30px;
  top:-10px;
  z-index: 999;
  line-height: 33px;
  width:82px;
  height:33px;
  background-color:#706f6f;
  text-align: center;
}
.header .menu-contact.button a {
  color:#ffffff;
  text-decoration: none;
}

.fixed .header .button {
  top:5px;
}

.header-products-dropdown a {
  display: block;
  height:100%;
  width:100%;
  text-decoration: none;
  border-bottom:1px solid #ccc;
}

.cta {
  position: fixed;
  right:-5px;
  bottom:-200px;
  width:372px;
  height:188px;
  background-color:rgba(0,0,0,0.40);
  z-index: 999;
  padding:5px;
}

.cta .close {
  position: absolute;
  margin: 5px 0 0 0;
  right: 10px;
}

.cta .close a {
  color: #000;
  text-decoration: none;
}

.cta .close a:hover {
  color: #9D220E;
}

.cta-inner {
  background-color:#ffffff;
  width:372px;
  height:188px;
  padding:25px 0 0 30px;
}

.cta-inner h3 {
  color:#a02100;
  font-family: HelveticaNeueLTPro-Bd;
  font-weight:normal;
  margin:0;
  max-width: 285px;
}

.cta-inner input {
  color:#ccc;
  border:1px solid #ccc;
  padding:5px 10px;
  font-size:14px;
  font-family: HelveticaNeueLTPro-Lt;
  width: 283px;
  margin-top:20px;
}

.cta-inner .button {
  margin-top:20px;
  padding:5px 10px;
  color:#ffffff;
  background-color:#a02100;
  max-width: 285px;
  text-align:center;
  font-family: HelveticaNeueLTPro-Lt;
}

.cta-inner .button:hover {
  cursor: pointer;
}

.header-products-dropdown .menuitem.active p {
  color:#ffffff !important;
}

.dropdown_wrapper {
  position: absolute;
  left:40px;
}

.dropdown_wrapper .dropdown_wrapper_inner {
  float:left;
}

.newsletter-text {
    position: relative;
    top: -12px;
}