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

html, body {
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	background-color: #b6b2ae;
	height: 100.5%;
	width: 100%;
}

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, 	
.tableImage3,
.tableImage4 { 
	border-width: 1px;	
	border-color: #003A69;
	border-style: solid;
	display: block;
}

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

div.productText#industrialText  .tableImage5 {
	margin-top:16px;
	margin-bottom:16px;	
}

div.productText#industrialText {
	margin-top:16px;
}

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

div#geotextiles {
	margin-bottom:12px;
}

.tableImage3{ 
	margin-bottom:2px;
}

.tableImage4 { 
	margin-bottom:24px; 
	float:left;
}

td.onderschrift {
	text-align:center;
	padding-bottom:12px;
	}

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

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

.tableImage6,
.tableImage7 {
	display:block;
	float:left;
}

/* links */

a,	
a:active {
	color: #003F70;
	text-decoration: underline;
}

a:visited {
	color: #003A69;
	text-decoration: underline;
}

a:hover {
	color: #003F70;
	text-decoration: none;
}

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: #003A69;
	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: #003A69;
	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;
}

/* nav */

/* horizontale balk */


ul#nav {
	float:left;
	height: 25px;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 741px;
	background-color: #eaeaea;
	border: 0px;
	border-top-width: 4px;		
	border-bottom-width: 4px;			
	border-color: #ffffff;
	border-style: solid;
}

ul#nav li {
	float: left;
	position: relative;
	height: 11px;
	padding-left: 13px;
	padding-right: 13px;
	padding-top: 7px;
	padding-bottom: 7px;
}

/* dropdown */

ul#nav li ul {
	list-style: none;
	padding: 0;
	margin: 0;
	background-color: #eaeaea;
	border: 0px;
	width: 108px;	
}

ul#nav li ul li {
	float: none;	
	height: auto;
	background-color: #eaeaea;	
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;			
	border-color: #003A69;
	border-style: solid;	
	margin: 0px;
	padding: 0px;							
}

ul#nav li ul li.subNavTop {
	border-top-width: 4px;						
}

ul#nav li ul li img {
	 width: 108px;
	 height: 25px;
	 border: 0px;
	 display: block;			
}

ul#nav li ul li a {
	display: block;
}

ul#nav li,
ul#nav li ul li {
	float: left;
	position: relative;
	cursor: default;
}

/* hier kan ik geen #nav voorzetten */
li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
}
/* mozilla only */
ul#nav li>ul {
	top: 25px;
	left: auto;
}
/* einde mozilla */

ul#nav li ul li {
	display: block;
	float: none;
}

ul#nav li:hover ul, li.over ul {
	display: block;
}

ul#nav li ul#agroList {
	left: -6px;		
	}
	
ul#nav li ul#geoList {
	left: -10px;		
	}
	
ul#nav li ul#industrList {
	left: 10px;	
	}
	
ul#nav li ul#fibersList {
	left: -24px;	
	}
	
	
/* page elements */

table.overallTableHome,
table.overallTable { 
	border: 0px;
	height: 100%;
	width: 772px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}

table.overallTableHome {
	background-image: url(../images/layout/bg_home_1000.jpg);
}

table.overallTable { 
	background-image: url(../images/layout/bg_content.gif);
}

table.overallTableHome td.shadowLeft,
table.overallTable td.shadowLeft {
	background-image: url(../images/layout/bg_left.gif);
	background-repeat: vertical-repeat;
	width: 16px;
	padding: 0px;
}

table.overallTableHome td.shadowRight,
table.overallTable td.shadowRight {
	background-image : url(../images/layout/bg_right.gif);
	background-repeat : vertical-repeat;
	width: 16px;
	padding: 0px;
}

table.overallTableHome td.middle,
table.overallTable td.middle {
	/* background-image: url(../images/layout/bg_content.gif); */
	vertical-align: top;
	width: 740px;
	padding: 0px;
	text-align: center;
}

div.middle {
	background-image: url(../images/layout/bg_content.gif);
	background-repeat : vertical-repeat;	
	width: 740px;
	padding: 0px;
	text-align: center;
	margin: 0 auto;	
	border: 1px solid black;
}

table.overallTableHome td.footer,
table.overallTable td.footer {
	vertical-align: bottom;
	width: 740px;
	padding: 0px;
}

div.vak {
	float: left;
	width: 690px;
	background-color: #ffffff;
	background-image:url(../images/layout/bg_vak.gif);
	margin: 0 auto;
	margin-top: 24px;
	text-align: center;
/* explorer only  */	
	margin-left:13px;
}

/* Mozilla only  */

html>body div.vak {
	margin-left:24px;
}

div.vakBottom {
	width: 690px;
	background-color: #ffffff;
	background-image:url(../images/layout/bg_vak.gif);
	color: #5b5b5b;
	margin: 0 auto;	
	margin-top: 12px;
	padding-top: 12px;
	float: left;
}

div.vakBottom2 {
	width: 690px;
	margin: 0 auto;
	float: left;	
}

div.roodZwart {
	float: left;
}

div.footer {
	position: relative;
	vertical-align: bottom;
	bottom: 0px;		
	margin-top:12px;
	height: 68px;
	color: #5b5b5b;
	text-align: center;	
}

div.footer p {
	margin-top: 6px;
	color: #5b5b5b;
	text-align: center;
}

div.vakTitle {
	border-width: 0px;
	border-bottom-width: 1px;
	border-color: #cfcfcf;
	border-style: solid;
	padding-left: 240px;
	padding-right:12px;
	padding-top: 12px;
	padding-bottom: 10px;
	width: 100%;
	text-align:left;
}

/* Mozilla only */
div.vakTitle {
	width: 438px;;
}

div.vakTitle2 {
	border-width: 0px;
	border-bottom-width: 1px;
	border-color: #cfcfcf;
	border-style: solid;
	padding: 0px;
	padding-top: 18px;
	padding-bottom: 12px;
	text-align:left;	
}

div.vakText {
	float: left;
	width: 438px;
	padding-right: 12px;
	padding-top: 12px;
	text-align: left;
}

div.vakText#contactText {
	padding-top: 32px;
	width: 438px;
}

html>body div.vakText#contactText {
	padding-top: 16px;
}

td.vakText {
	width: 438px;
	padding-right: 12px;
	padding-top: 12px;
	text-align: left;
}

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

div.vakImages {
	float: left;
	width: 216px;
	padding:12px;
	vertical-align: middle;
	text-align: center;
}

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

html>body div.vakImages#contactImage {
	margin-top:24px;
	margin-right:-160px; 
	margin-left:30px;
}

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

table.greyTable,
table.greyTable2 {
 	float: left;
	margin-top: 24px;
	margin-bottom: 12px;
	/* explorer only */
	margin-left: 7px;	
	width: 663px;
}

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

table.greyTable3 {
	float:left;
	margin-top: 20px;
	margin-bottom: 12px;	
	margin-left: 0px;	
	width: auto;
	font-size: 10px;
}

table.greyTable {
	background-image: url(../images/layout/bg_greytable.gif);
}

table.greyTable2 {
	background-image: url(../images/layout/bg_greytable2.gif);
}

table.greyTable3 {
	background-image: url(../images/layout/bg_greytable3.gif);
}

table.greyTable td,
table.greyTable2 td,
table.greyTable3 td,
table.greyTable3 th {
	border: 0px;
	border-bottom-width: 1px;
	border-style: solid;
	color: #000000;
	padding: 6px;
}

table.greyTable3 th {
	text-transform: uppercase;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 9px;
}

table.greyTable3 th.left {
	border-left-width: 1px;
	text-transform: none;
	font-size: 10px;	
}

table.greyTable td {
	border-left-width: 1px;	
	border-color: #cfcfcf;
}

table.greyTable2 td {
	border-right-width: 1px;	
	border-color: #ffffff;
}

table.greyTable3 td {
	border-right-width: 1px;
}

table.greyTable3 th,
table.greyTable3 th.left,
table.greyTable3 td {
	border-color: #cfcfcf;
}

table.greyTable3 td {
	text-align: center;
}

table.greyTable3 th {	
	border-right-width: 1px;		
}

table.greyTable3 tr.top th {
	border-top-width: 1px;	
	border-left-width: Opx;		
	border-right-width: 1px;		
}

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

table.greyTable td h4,
table.greyTable2 td h4 span.rood {
	color: #003A69;
}

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

table.whiteTable {

	background-image:url(../images/layout/bg_whitetable.gif);
	margin-top: 24px;
	margin-bottom: 12px;	
	margin-left: 16px;
	margin-right : 16px;		
}

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

table.whiteTable td.samples {
	border-width: 0px;
	border-bottom-width: 1px;	
	border-color: #cfcfcf;
	border-style: solid;
	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%;	
}

span.pdf a,
span.pdf a:active,
span.pdf a:visited,
table.pdf a,
table.pdf a:active,
table.pdf a:visited {
	color: #003A69;
	letter-spacing: 0px;
	font-weight: bold;
	text-decoration: none;	
}

table.whiteTable td.tableText a.more,
table.whiteTable td.tableText a.more:active,
table.whiteTable td.tableText a.more:visited {
	color: #003A69;
	font-weight: bold;
	text-decoration: none;	
}

span.pdf a:hover,
table.pdf a:hover {
	color: #003A69;
	letter-spacing: 0px;
	font-weight: bold;
	text-decoration: none;
}

table.whiteTable td.tableText a.more:hover {
	color: #003A69;
	font-weight: bold;
	text-decoration: none;	
}

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

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

table td.subSubNav {
	border-width: 0px;	
	border-color: #cfcfcf;
	border-style: solid;
	color: #003A69;
	font-weight: bold;
	padding-left: 16px;
	padding-top: 12px;
	padding-bottom: 12px;
	text-align:left;
}

table td.subSubNav a,
table td.subSubNav a:active,
table td.subSubNav a:visited {
	color: #003A69;
	font-weight: bold;
	text-decoration: none;
}

table td.subSubNav a:hover {
	color:#003A69;
	font-weight: bold;
	text-decoration: none;
}

/* forms */

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

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

/* rood: #003A69; */
/* 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: #003A69;	
}


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: #003A69;
	border: 0px solid #003A69;
	margin-top: 6px;
	padding-top: 0px;
	padding-bottom: 1px;
	padding-left: 3px;
	padding-right: 3px;
	text-transform: lowercase;
	white-space: nowrap;
	}
	
	
/* home */

div.vakHome {
	float: center;
	margin: 0;
	margin-top: 27px;	
	padding: 0;
}
div.vakHomeBottom2 {
	float: left;
}

td.vakHome1 {
	padding-left: 24px;
	width: 409px;
	}

div.vakHome1 {
	float:left;
	width: 409px;
	background-color: #ffffff;
	margin: 0;	
	padding-top: 2px;
	padding-left: 12px;
	padding-right: 12px;	
	padding-bottom: 0px;
	border-width: 0px;
	border-left-width: 1px;	
	border-right-width: 1px;	
	border-color: #cfcfcf;
	border-style: solid;
}

div.vakHome1 p {
	margin-top: 0px;
	margin-bottom: 0px;
}

div.vakHome1 a,
div.vakHome1 a:active,
div.vakHome1 a:visited {
	color: #003A69;
	font-weight: bold;
	text-decoration: none;	
}

div.vakHome1 a:hover {
	color: #000000;
	font-weight: bold;	
	text-decoration: none;	
}

div.vakHome2 {
	float: left;
	margin: 0px;
	margin-top: 12px;			
}

div.vakHome3 {
	float: left;
	margin: 0px;
	padding-top: 12px;
	padding-left: 12px;
	padding-right: 12px;	
	padding-bottom: 12px;	
	background-image:url(../images/layout/bg_latest_news.jpg);
}

div.vakHome3 a,
div.vakHome3 a:active,
div.vakHome3 a:visited {
	color: #003A69;
	text-decoration: none;	
}

div.vakHome3 a:hover {
	color: #000000;
	text-decoration: none;	
}

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

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

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

div.vakHome4,
div.vakHome5 {
	float: left;
	width: 666px;
	background-color: #ffffff;
	margin: 0px;
	margin-top: 12px;
	margin-bottom: 0px;
	padding: 0px;
	padding-top: 10px;	
	padding-left: 12px;
	padding-right: 12px;
	color: #5b5b5b;
	background-image:url(../images/layout/bg_vak.gif);
	text-align:left;
}

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

div.vakHome4Top {
	margin-top: 12px;
	float: left;	
}

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

div.vakHome4 a,
div.vakHome4 a:active,
div.vakHome4 a:visited,
div.vakHome5 a,
div.vakHome5 a:active,
div.vakHome5 a:visited {
	color: #003A69;
	font-weight: bold;
	text-decoration: none;	
}

div.vakHome4 a:hover,
div.vakHome5 a:hover {
	color: #000000;
	text-decoration: none;	
}

div.vakHome5 table.logos {
	width:100%;
}

div.vakHome5 table.logos tr td {
	text-align: center;
	padding-top: 8px;
}

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: 440px;
	border-width: 0px;	
	border-color: #cfcfcf;
	border-style: solid;
	padding-top: 11px;
	padding-right: 12px;	
}

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

div.productText#fibres h4,
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;	
}

/* explorer only  */	

div.vakBottom,
div.vakBottom2,
div.vakHome4,
div.vakHome5,
div.vakHome4Top {
	margin-left:13px;
}

/* Mozilla only  */
html>body div.vakBottom,
html>body div.vakHome4,
html>body div.vakHome5,
html>body div.vakBottom2,
div.vakHome4Top {
	margin-left: 24px;
}


div#companyPicture {
	float:left;
	text-align:center;
	margin-top:30px; 
	margin-bottom:18px;
	margin-left: 16px;
	margin-right: auto;
	background-image: url(../images/layout/company.jpg);
	background-repeat: vertical-repeat;
	width: 658px; 
	height:305px;	
}

div#companyPictures {
	float:left;
	text-align:center;
	margin-left: 15px;		
}

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