html, body { margin: 0px; padding: 0px; height: 100%; overflow: auto; }
body { font-size: 14px; font-family: verdana, arial, helvetica, sans-serif; color: white; }
a img { border: none; }
a { outline: none; }
textarea { resize: both; }


#container { position: relative; }

#contentcontainerdiv 
{
	margin-left: auto;
	margin-right: auto;
	width: 950px;
	position: relative;
	padding-top:25px;

}
#logodiv
{
	width: 300px;
	height: 89px;
	text-align: left;
	background-image: url(../img/logosm.png);
	background-repeat: no-repeat;
	float:right;
	padding-right:25px;
}

.hoofdmenu
{
	width: 950px;
	border-style: none;
	border-width: 0px;
	border-color: #FF0000;
	text-align: left;
	background-image: url(../img/menuitemgradient-backgroundgradient-mixed.png);
	background-repeat: no-repeat;
	height: 45px;
	margin: 0px;
	padding: 0px;
	padding-top:33px;
	background-position:bottom; 
}

.hoofdmenu a 
{
	float: left;
	display: block;
	width: 145px;
	height: 45px;
	margin-right: 2px;
	font-size: 20px;
	font-family: arial;
	text-align: center;
	text-decoration: none;
	line-height:45px;
	color: white;
}

.hoofdmenu a:hover { text-decoration: underline; }

#submenudiv 
{
	width: 950px;
	height: 15px;
	text-align: left;
	border-style: none;
	border-width: 0px;
	background-image: url(../img/topgradient.jpg);
	padding-top: 0px;
	color: #FFFFFF;
}

.contentContainer { position: relative; width: 950px; background-image: url('../img/contentbg-middle.png');  }
.contentContainer .top { position: absolute; top: 0px; left: 0px; background-image: url('../img/contentbg.jpg'); width: 950px; height: 410px; }
.contentContainer .content { position: relative; overflow: auto;  overflow: auto; margin: 0px; padding-bottom: 20px; }

#zwarteonderbalk 
{
	width: 950px;
	background-image: url(../img/bottomgradient.jpg);
	height: 15px;
}

#footer 
{
	position: absolute;
	bottom: 0px;
	background-image: url('../img/footergradient.jpg');
	background-repeat: repeat-x;
	width: 100%;
	text-align: center;
	color: white;
	height:35px;
	line-height:35px;
	font-size: 12px;
}

/*PRODUCT-OVERVIEW*/
#productlijstkolom { height: 390px; width: 190px; float: left; margin-top: 20px; margin-left: 25px; }
#productlijstkolom a { width: 185px; height: 50px; margin-bottom: 10px; display: block; line-height: 50px; text-decoration: none; text-align: center; font-family: Arial; font-size: 19px; color: white; background-image: url('../img/opacitybutton.png'); }
#productlijstkolom a.active,
#productlijstkolom a:hover{ background-image: url('../img/opacitybuttondark.png'); }

#productencolumn { height:390px; width:735px; float:left; margin-top:20px; }
#productencolumn .producten { padding-left: 80px; overflow: auto; }
#productencolumn .producten a { width: 145px; height: 145px; display: block; float: left; margin-right: 50px; margin-bottom: 15px; }
#productencolumn .producten a.active, 
#productencolumn .producten a:hover { background-image: url('../img/graancirkel.png'); background-repeat: no-repeat; background-position: 6px 6px; }

#mouseoverproductbeschrijving { position: relative; }
#mouseoverproductbeschrijving > div { display: none; position: absolute; top: 0px; left: 0px; font-family: Arial; font-size: 18px; color: white; text-align: center; width: 100%; }

/*PRODUCT-DETAIL*/
.product-detail-right { width: 685px; /*735*/ padding-left: 20px; float:left; padding-top: 20px; text-align: left; overflow: auto; }
.product-detail-right h1 { color: white; padding-top: 0px; margin-top: 0px; }
.product-detail-right .image { float: right; margin-left: 10px; margin-bottom: 10px; }

.fullWidthColumn { width: 870px; /*950*/ padding: 0px 40px 20px 40px; }

/*** CONTACT ***/
.contact td { vertical-align: top; }
.contact input[type=text] { width: 300px; }
.contact textarea { width: 300px; height: 200px; }
.contact select { width: 305px; }

.contactleft { width: 480px; float: left; display: block; }
.contactright { width: 390px; float: left; display: block; }

.fb-like { float: right; display: none; }