/* rood: #d1041c; */
/* grijs: #cfcfcf; */
/* lichtgrijs: #eaeaea; */
/* vuilgrijs: #b6b2ae; */
/* donkergrijs: #5b5b5b; */
/* lichtblauw: #4571b9; */
/* donkerblauw: #004ca1; */

html, body {
	padding : 0;
	margin : 0;
	background-color: #ffffff;	
}

body, 
td,
th {
	font-family: verdana, arial, Geneva, sans-serif;
	font-size: 11px;
}

td, p, li, h1, h2, h3, h4, h5 {
	text-align: left;
}

.tableImage { 
	display: block; 
	}
	
.tableImage2 { 
	display: block;
	border-width: 1px;	
	border-color: #d1041c;
	border-style: solid;	
	}


#groundcovers .tableImage2,
#industrial .tableImage2 {
	display:inline;
	margin-top: 20px;
}

#screens .tableImage2,
#geotextiles .tableImage,
#geotextiles .tableImage2 {
	display:inline;
	margin-top: 24px;
}

div#geotextiles {
	margin-bottom:12px;
}
	
.tableImage3 { 
	border-width: 1px;	
	border-color: #d1041c;
	border-style: solid;
	margin-bottom:12px;
}	
	
.tableImage4 { 
	display: block;
	float:left;
}

.tableImage5 {
	display: block;
	float: left;
	margin: 0;
	margin-right: 12px;
	margin-top: 6px;	
	margin-bottom: 18px;
}

html>body .tableImage5 {
	margin-bottom: 0px;	
}

h1 {
	font-family: Arial, Geneva, sans-serif;
	font-size: 20px;
	font-weight: normal;
	margin-top: 18px;
	margin-bottom: 18px;	
}

h2 {
	font-family: Arial, Geneva, sans-serif;
	font-weight: bold;
	font-size: 14px;
	margin-top: 32px;
	margin-bottom: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;	
}

h3 {
	color: #d1041c;
	font-family: Arial, Geneva, sans-serif;
	font-weight: bold;
	font-size: 14px;
	margin-top: 24px;
	margin-bottom: 6px;
	padding: 0px;	
}

div.vakBottom#screens div.productText h3 {
	margin-top: 0px;
}

h4 {
	font-family: verdana, Geneva, sans-serif;
	color: #d1041c;
	font-size: 11px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 0px;	
}

h5 {
	color: #000000;
	font-family: verdana, Geneva, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding-top: 15px;	
}

ul, li {
	margin: 0px;
	padding: 0px;	
}

sup, sub {
	font-family: verdana, Geneva, sans-serif;
	font-size: 9px;
	line-height: 70%;
}

strong {
	color: #000000;
}

p, ul, li {
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 8px;
}

a,	
a:active,
a:visited {
	color: #004ca1;
	text-decoration: underline;
}

/* page elements */

table.overallTableHome,
table.overallTable { 
	border: 0;
	height: 100%;
	padding: 0;
	width: 700px;
	margin: 0 auto;
}

ul#nav,
div#masthead,
div.vakBottom2,
#vakHome1Top,
#vakHome1Bottom,
div.vakHome4Top,
.tableImage6,
.tableImage7,
div#companyPicture,
div#companyPictures,
div.vakBottom,
div.roodZwart,
table.overallTableHome td.shadowLeft,
table.overallTable td.shadowLeft,
table.overallTableHome td.shadowRight,
table.overallTable td.shadowRight,
.printButton {
	display:none;
}

table.overallTableHome td.middle,
table.overallTable td.middle {
	vertical-align: top;
	padding: 0;
	text-align: center;
}

div.vak {
	float: left;
	width: 660px;
	margin: 0;
	text-align: center;	
}

div.vakTitle,
div.vakTitle2 {
	border:0;
	padding:0;
	text-align:left;
}

div.vakTitle2 {
	padding-top: 0px;
	padding-bottom: 12px;	
}

div.vakText,
td.vakText {
	float:left;
	width: 700px;
	padding-top: 12px;
	text-align: left;
}

div.vakText {
}

div.vakText h4 {
	color: #d1041c;
	margin-bottom: 11px;
}

div.vakImages {
	float: left;
	vertical-align: middle;
	text-align: center;
	margin-right: 20px;
}

td.vakImages {
	padding:12px;
	vertical-align: middle;
	text-align: center;
}

div.vakImages#contactImage {
	margin-top:24px;
	margin-right:-130px; 
	text-align: left;
}

table.greyTable {
 	float: left;
	margin-top: 24px;
	margin-bottom: 12px;
	/* explorer only */
	margin-left: 7px;	
	width: 600px;
	border: 0px;
	border-top-width: 1px;
	border-right-width: 1px;	
	border-style: solid;
	border-color: #cfcfcf;	
}

/* Mozilla only */
html>body table.greyTable {
	margin-left: 14px;	
}

table.greyTable td {
	border: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;	
	border-style: solid;
	border-color: #cfcfcf;	
	color: #000000;
	padding: 6px;
}

table.greyTable td h4 {
	font-size: 11px;
	letter-spacing: 1px;
	margin: 0px;
	margin-left: 6px;	
}

table.greyTable td h4 {
	color: #d1041c;
}

table.greyTable td p {
	margin-left: 6px;	
}

table.whiteTable {
	border: 0;
	border-top-width: 1px;	
	border-right-width: 1px;		
	border-color: #cfcfcf;
	border-style: solid;
	margin-top: 24px;
	margin-bottom: 12px;	
	margin-left: 16px;
	margin-right : 16px;		
}

table.whiteTable td {
	border: 0;
	border-bottom-width: 1px;
	border-left-width: 1px;		
	border-color: #cfcfcf;
	border-style: solid;
	padding: 6px;
	padding-top: 18px;	
}

table.whiteTable td.samples {
	padding-left: 32px;
	text-align: right;
	width: 118px;
}

table.whiteTable td.letters {
	border-width: 0px;
	border-bottom-width: 1px;	
	border-color: #cfcfcf;
	border-style: solid;
	width: 50px;
	vertical-align: top;
}

table.whiteTable td.tableText {
	vertical-align: top;		
}

table.pdf {
	width: 100%;	
}

table.whiteTable td h4 {
	color: #000;
	font-size: 11px;
	letter-spacing: 0px;
	margin: 0px;	
}

table.whiteTable td p {
	margin-bottom: 6px;
}

/* forms */

/* de form-tag zorgt zo niet voor een extra witregel */

form {
	margin-top : 0px;
	margin-bottom : 0px;
}

/* rood: #d1041c; */
/* grijs: #cfcfcf; */
/* lichtgrijs: #eaeaea; */
/* vuilgrijs: #b6b2ae; */
/* donkergrijs: #5b5b5b; */
/* lichtblauw: #4571b9; */
/* donkerblauw: #004ca1; */

table.formTable {	
}

table.formTable th {
	text-align: right;
	color: #5B5B5B;
	vertical-align: top;
	margin-top: 0px;
	padding-top: 4px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 8px;
	white-space: nowrap;	
}

table.formTable td span.obligatory,
table.formTable th span.obligatory {
	color: #d1041c;	
}


table.formTable td {
	margin-top: 0px;
	padding-left: 8px;	
}

input {
	font-family: verdana, arial, Geneva, sans-serif;
	font-size: 11px;
}

.inputXS,
.inputS, 
.inputStreet, 
.inputM,  
.inputL  {
	margin-top: 0px;
	margin-bottom: 4px;	
	padding-top: 0px;
	padding-bottom: 2px;
	padding-left: 3px;
	color: #5b5b5b;
	background-color: #eaeaea;
	border-left: 1px solid #cfcfcf;
	border-top: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;	
	}
	
.inputXS {
	width: 40px;
	}
	
SELECT.inputXS,
SELECT.inputS, 
SELECT.inputStreet, 
SELECT.inputM, 
SELECT.inputL {
	margin-left : -2px ; 
	}
	
.inputS {
	width: 100px;
	}
	
.inputM {
	width: 200px;
	}
	
.inputL {
	width: 300px;
	}
	
	
.inlineButton {
	margin-right: 12px;
}

.button {
	font-family: verdana, arial, Geneva, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #ffffff;
	background-color: #d1041c;
	border: 0px solid #d1041c;
	margin-top: 6px;
	padding-top: 0px;
	padding-bottom: 1px;
	padding-left: 3px;
	padding-right: 3px;
	text-transform: lowercase;
	white-space: nowrap;
	}

/* home */

td.vakHome1 {
	padding: 0;
	}

div.vakHome {
	margin: 0;
	padding: 0;
}

div.vakHome1 {
	border: 0px solid #cfcfcf;
	margin: 0;	
	margin-right: 12px;
	margin-bottom: 12px;
	padding: 0px;
	width: 354px;
}

div.vakHome1 p {
	margin: 0;
	paddding: 0;
}

div.vakHome2 {
	margin: 0;
	margin-top: 12px;	
	width:284px;	
}

td.vakHome3 {
	padding: 0;
	padding-bottom:12px;	
}

div.vakHome3 {
	margin: 0;
	padding: 0px;
	border: 0px solid #cfcfcf;
	width: 284px;	
}

div.vakHome3 ul {
	list-style-image:url(../images/layout/bullet_news.gif);
	list-style-position: outside;
	margin: 0;
	margin-left: 16px;	
	padding: 0;	
}

div.vakHome3 ul li {
	margin: 0;	
	padding: 0;	
}

div.vakHome3 h4 {
	margin: 0px;
	padding-top: 0px;	
	font-size: 12px;
	letter-spacing: 1px;
	color: #000000;
	text-transform: uppercase;
}

div.vakHome4,
div.vakHome5 {
	margin:0;
	margin-top:12px;
	padding:0;
	border: 0px solid #cfcfcf;
	color: #5b5b5b;
	text-align:left;
}

div.casesPictures {
	margin: 0 auto;
	margin-top:6px;
}
 
div.vakHome4 span.title,
div.vakHome5 span.title {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
}

div.vakHome5 table.logos tr th,
div.vakHome5 table.logos tr td {
	text-align: center;
	padding:0;
	padding-top: 8px;
	padding-right: 24px;
}

div.casesPictures {
	margin:0;
	margin-top:6px;
}

div.productImages {
	float: left;
	width: 238px;
	border-width: 0px;	
	border-color: #cfcfcf;
	border-style: solid;
	padding-top: 11px;	
	text-align: center;		
}

div.productText {
	float: left;
	width: 400px; 
	border-width: 0px;	
	border-color: #cfcfcf;
	border-style: solid;
	padding-top: 11px;
	padding-right: 12px;	
}

div.productText h4 {
	color: #d1041c;
	margin-top: 24px;	
	margin-bottom: 11px;
}

div.productText#groundcovers h4,
div.productText#bonarpave h4 {
	margin-top: 24px;
}

div.productText ul {
	list-style-image: url(../images/layout/bullet_red.gif);
	list-style-position:outside;
	margin-left: 0px;
	margin-top: 11px;
}

div.productText li {
	list-style-image: url(../images/layout/bullet_red.gif);
	list-style-position:outside;
	margin-left: 16px;
}

div.productText ul li ul {
	display: block;
	color: #5b5b5b;
	position: relative;
	top: auto;
	left: auto;
	margin-top: 0px;
	margin-bottom: 12px;	
}
div.productText ul li ul li {
	display: block;
	color: #5b5b5b;
	position: relative;
	top: auto;
	left: auto;
	list-style-image: url(../images/layout/bullet_grey.gif);
	list-style-position: outside;
	margin: 0px;
	margin-left: 16px;
	padding: 0px;		
}

div.productText ul li ul li.first {
	margin-top: 6px;	
}	

div.vakBottom {
	width: 100%;
	color: #5b5b5b;
	margin: 0;	
	margin-top: 12px;
	padding-top: 12px;
	float: left;
}

p.breakhere {
	page-break-before: always.
}

h4#companyContactUs {
	margin-top:24px;
	margin-bottom:24px;
	border:0;
	border-bottom:1px solid #d1041c;
}

table#companyContactData td {
	width:50%;
}

div.thumbnails {
	float:left;
	margin:0;
	margin-top:24px;
	margin-bottom:6px;	
	padding:0;
	text-align:left;
	margin-top: 15px;		
}