﻿html,body		{ margin:0; padding:0; height:100%; margin:0px;	padding:0px;	height:100%; }

body				{ background-color: #7BBC06; width: 100%; }

img.bgVisual {	width: 100%; position: absolute; left: 0px; min-height:676px; min-width:1024px; z-index: -100; top: 0px; background-attachment: fixed; }

div#wrapper	{ min-height: 100%; height: auto; width: 777px; margin: 0 auto -30px; background-color: Transparent; }

div#header	{	background-color: Transparent; background-image: url('../img/bg-venster-top.png'); background-repeat: no-repeat;	width: 100%; position:relative; height:87px;	margin: 20px auto 0; }
div#footer	{ background-color: Transparent; background-image: url('../img/bg-venster-bottom.png'); background-repeat: no-repeat; width:100%; position:relative; height:200px;	margin: 0 auto; clear:left;}

div#content											{	background-color: Transparent; background-image: url('../img/bg-venster-midden.png'); background-repeat: repeat-y; min-height:100%;	height:100%; width: 100%; position:relative; overflow: hidden; }
div#contentContainer						{ margin: 4px 20px 0 60px; min-height: 400px;  }

div#contentContainer div#divLeft			{ width: 350px; border: none 1px green;  margin: 40px 20px 10px 0; float: left;  }
div#contentContainer div#divRight			{ width: 279px; height: 280px; border: none 1px purple; margin: 30px 15px 10px 0px; padding: 10px; float: right; background-image: url(../img/bgGroenVlakHomepage_heigh.png); background-repeat: no-repeat; }

/* producten */

div#contentContainer div.productsLeft									{ width: 500px; height: 450px; border: none 1px green;  margin: 0px 20px 10px 0; float: left;  }
div#contentContainer div.productsLeft p								{ width: 250px; }
div#contentContainer div.productsLeftSmall p					{ width: 150px; }
div#contentContainer div.productsLeft img.imgProducts { margin: 10px 0 0 0; position:absolute; left: 40px; top: 220px; z-index: 5000; }

div#contentContainer div.productsRight								{ position:absolute; top:68px; right: 10px; width: 2px; height: 472px; z-index: 1200; }
div#contentContainer div.productsRight								{ width: 410px; height: 324px; margin: 30px 15px 10px 0px; padding: 10px; float: right; background-image: url(../img/bgProductenOverzicht.png); background-repeat: no-repeat; }
div#contentContainer div.productsRightInner						{ margin: 10px; }
div#contentContainer div.productsRightWide						{ width: 510px; background-image: url(../img/bgProductenOverzichtWide.png); background-repeat: no-repeat; } 

/* levensCyclus */

div#contentContainer div#levensCyclusContent	{ width: 300px; float: left; }
div#contentContainer div#levensCyclusVisual		{ width: 358px; height: 356px; float: right; margin: 20px 0 16px 0; }

div#contentContainer div#levensCyclusVisual div.visualTekst				{ border: none 1px green; position:absolute; width: 90px; height: 80px; text-align: center; font-size: 12px; color: #fff; line-height: 13px; }

div#contentContainer div#levensCyclusVisual div.tekstA			{ top: 64px; right: 153px; z-index: 1210; }
div#contentContainer div#levensCyclusVisual div.tekstB			{ top:146px; right:  37px; z-index: 1220; }
div#contentContainer div#levensCyclusVisual div.tekstC			{ top:144px; right: 272px; z-index: 1230; }
div#contentContainer div#levensCyclusVisual div.tekstD			{ top:305px; right:  75px; z-index: 1240; }
div#contentContainer div#levensCyclusVisual div.tekstE			{ top:296px; right: 238px; z-index: 1250; }

div#menu												{ height:24px; position:absolute; top: 61px; left: 0px; bottom:0px; }
div#divMenuMainItems						{ margin: 0 50px 0 60px; }

div#divServicemenu							{	position:absolute; top:20px; right:30px;  }
div#divServicemenu a						{	padding: 0 4px 0 4px; }

div#logoKlikArea								{	position:absolute; top:10px; right:50px; border: none 1px green; width: 320px; height: 70px;  }
div#logoKlikArea a							{ display: block;	width: 100%; height: 100%; border: none 1px green; text-decoration: none;  }
div#logoKlikArea a:hover				{ text-decoration: none; }


div.productVisualHome						{	position:absolute; top:-120px; left:40px; border: none 1px green; width: 338px; height: 205px; z-index: 1200;  }
div.footerTekst									{	position:absolute; top:  17px; left:60px; border: none 1px green; width: 338px; height: 205px; z-index: 1200; font-size: 20px; }


div#contentContainer div#certLeftTekst				{ width: 200px; margin: 0 20px 0 0; }
div#contentContainer div#certMiddenTekst			{ width: 160px; margin: 0 60px 0 0; text-align: center; }
div#contentContainer div#certRightTekst				{ width: 200px; margin: 0 20px 0 0; }

div#contentContainer img.imgCertOP47					{ margin:   0px 0 0  0px; }
div#contentContainer img.imgCertIngeo					{ margin:  24px 0 0  0px; }
div#contentContainer img.imgCertCompostable		{ margin:  24px 0 0  0px; }
div#contentContainer img.imgCertVincotte			{ margin:  24px 0 0 20px; }

div#contentContainer div#contactRight					{ width: 210px; float: right; }
div#contentContainer div#contactLeft					{ width: 470px; float: left; margin: 0; padding: 0; }
div#contentContainer div.contactAdres					{ display: block; color: #466503; font-weight: bold; }
div#contentContainer img.deschLogo						{ margin: 30px 0 10px 0; }

img.glimmendeRandRechts						{ position:absolute; top:0px; left:0px; border: none 1px green; width: 2px; height: 472px; z-index: 1200; }
img.glimmendeRandLinks						{ position:absolute; top:0px; left:775px; border: none 1px green; width: 2px; height: 472px; z-index: 1200; }

