/* ============================================================	*/ 
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/ 

html {
	height:100%;
	width:100%;
	overflow: -moz-scrollbars-vertical;
	overflow-x:hidden;/* IE */
	}
body {
	margin:0 0 0 0;
	width:100%;
	height:100%;
	
	text-align:right;
	background:#000 url(../gfx/bg_pand.jpg) -165px 0 no-repeat;
	}
body, table, th, td, p, input, textarea, select {
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	}
h1, h2, h3, h4, h5, h6 {
	margin:0 0 10px 0;
	}
img {
    border:0px solid #FFFFFF;
    }
a {
	text-decoration:none;
	color:#000;
	}
a:hover {
	color:#999999;
	}
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}	
p {
	padding:0 0 0 0;
	margin:0 0 10px 0;
	}

.cB {
	width:737px;
	clear:both;
	height:25px;
	min-height:25px;
	}

a.listItem {
	display:block;
	font-weight:bold;
	line-height:20px;
	padding-left:15px;
	background:transparent url(../gfx/dot.gif) 0 -18px no-repeat;
	}
a.listItem:hover {
	background:transparent url(../gfx/dot.gif) 0 8px no-repeat;
	}

ol {}
ul {}
li {}
li li {}

label {}

table th,
table td {
	vertical-align:top;
	padding:0 3px 0 3px;
	}
	
/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

#container {
	background:#EAF1F2 url(../gfx/bg_hout2.jpg) 0px 0px repeat-y;
	position:relative;
	/*margin:0 0 0 22%;*/
	margin:0 0 0 auto;
	width:78%;
	min-width:737px;
	
	min-height:100%;
	height:100%;
	text-align:left;
	border-left:2px solid #FFF;
	}
	
	/* mozilla hax \*/
html>body #container {
    height:auto;
	}
	/* mozilla hax */

/* ============================================================	*/ 
/* ========	HEADER		===============================	*/
/* ============================================================	*/
div.headerBlock {
	height:179px;
	background-color:#FFD739;
	}

div.header {
	background:transparent url(../gfx/verloop.jpg) bottom left no-repeat;
	height:179px;
	border-right:2px solid #FFF;
	width:523px;
	
	text-align:right;
	}
	div.header img {
		display:inline;
		vertical-align:bottom;
		}
	
/* ============================================================	*/ 
/* ========	NAVIGATIE	===============================	*/
/* ============================================================	*/

div.logo {
	width:166px;
	height:44px;
	}

div.navigatie {
	min-height:100%;
	height:100%;
	width:208px;
	float:left;
	position:absolute;
	top:0px;
	left:0px;
	border:10px	}
	
	div.navigatie div {
		font-size:1px;
		width:100%;
		height:1px;
		min-height:1px;
		overflow:hidden;
		
		}
		
div.navigatie a.home,
div.navigatie a.wie,
div.navigatie a.historie,
div.navigatie a.projecten,
div.navigatie a.producten,
div.navigatie a.producten_pro1,
div.navigatie a.producten_pro2,
div.navigatie a.producten_pro3,
div.navigatie a.producten_pro4,
div.navigatie a.producten_pro5,
div.navigatie a.producten_pro6,
div.navigatie a.plaatbewerking,
div.navigatie a.prijslijst,
div.navigatie a.showroom,
div.navigatie a.bestelformulier,
div.navigatie a.nieuws,
div.navigatie a.contact {
	display:block;
	height:23px;
	/*border-bottom:1px solid #65959D;*/
	width:154px;
	}
div.navigatie a.home {
	background:transparent url(../gfx/bt_home.gif) top left;
	margin-top:40px;
	}
div.navigatie a.home:hover {background:transparent url(../gfx/bt_home.gif) top right;}
div.navigatie a.wie {background:transparent url(../gfx/bt_wie_zijn_wij.gif) top left;}
div.navigatie a.wie:hover {background:transparent url(../gfx/bt_wie_zijn_wij.gif) top right;}
div.navigatie a.historie {background:transparent url(../gfx/bt_historie.gif) top left;}
div.navigatie a.historie:hover {background:transparent url(../gfx/bt_historie.gif) top right;}
div.navigatie a.projecten {background:transparent url(../gfx/bt_gerealiseerde_prod.gif) top left;height:39px;}
div.navigatie a.projecten:hover {background:transparent url(../gfx/bt_gerealiseerde_prod.gif) top right;}
div.navigatie a.producten {background:transparent url(../gfx/bt_producten.gif) top left;}
div.navigatie a.producten:hover {background:transparent url(../gfx/bt_producten.gif) top right;}

	div.navigatie a.producten_pro1 {background:transparent url(../gfx/bt_producten_pro1.gif) top left;}
	div.navigatie a.producten_pro1:hover {background:transparent url(../gfx/bt_producten_pro1.gif) top right;}
	div.navigatie a.producten_pro2 {background:transparent url(../gfx/bt_producten_pro2a.gif) top left;}
	div.navigatie a.producten_pro2:hover {background:transparent url(../gfx/bt_producten_pro2b.gif) top left;}
	div.navigatie a.producten_pro3 {background:transparent url(../gfx/bt_producten_pro3.gif) top left;}
	div.navigatie a.producten_pro3:hover {background:transparent url(../gfx/bt_producten_pro3.gif) top right;}
	div.navigatie a.producten_pro4 {background:transparent url(../gfx/bt_producten_pro4.gif) top left;}
	div.navigatie a.producten_pro4:hover {background:transparent url(../gfx/bt_producten_pro4.gif) top right;}
	
	div.navigatie a.producten_pro5 {background:transparent url(../gfx/bt_producten_pro5.gif) top left;}
	div.navigatie a.producten_pro5:hover {background:transparent url(../gfx/bt_producten_pro5.gif) top right;}
	div.navigatie a.producten_pro6 {background:transparent url(../gfx/bt_producten_pro6.gif) top left;}
	div.navigatie a.producten_pro6:hover {background:transparent url(../gfx/bt_producten_pro6.gif) top right;}


div.navigatie a.plaatbewerking {background:transparent url(../gfx/bt_plaatbewerking.gif) top left;}
div.navigatie a.plaatbewerking:hover {background:transparent url(../gfx/bt_plaatbewerking.gif) top right;}
div.navigatie a.prijslijst {background:transparent url(../gfx/bt_prijslijst.gif) top left;}
div.navigatie a.prijslijst:hover {background:transparent url(../gfx/bt_prijslijst.gif) top right;}
div.navigatie a.showroom {background:transparent url(../gfx/bt_showroom.gif) top left;}
div.navigatie a.showroom:hover {background:transparent url(../gfx/bt_showroom.gif) top right;}
div.navigatie a.bestelformulier {background:transparent url(../gfx/bt_bestelformulier.gif) top left;}
div.navigatie a.bestelformulier:hover {background:transparent url(../gfx/bt_bestelformulier.gif) top right;}
div.navigatie a.contact {background:transparent url(../gfx/bt_contact.gif) top left;}
div.navigatie a.contact:hover {background:transparent url(../gfx/bt_contact.gif) top right;}
div.navigatie a.nieuws {background:transparent url(../gfx/bt_nieuws.gif) top left;}
div.navigatie a.nieuws:hover {background:transparent url(../gfx/bt_nieuws.gif) top right;}
	
/* ============================================================	*/ 
/* ========	FOOTER		===============================	*/
/* ============================================================	*/

div#footer {
	position:absolute;
	bottom:0;
	left:0;
	clear:both;
	width:100%;
	min-width:737px; /* IE7 Fix */
	background-color:#7AA7AE;
	}

.footerBack {
	background:transparent url(../gfx/footer.gif) top left no-repeat;
	width:737px;
	}

.telNummer {
	float:left;
	line-height:20px;
	text-indent:5px;
	}
	
div#footer .copy {
	line-height:20px;
	margin-left:210px;
	text-align:center;
	color:#FFF;
	height:20px;
	}

html>body #footer {
	top:expression(document.getElementById('container').clientHeight - 20 + "px"); /* IE7 fix */
	}
	
/* ============================================================	*/
/* ========	CONTENTBLOCK===============================	*/
/* ============================================================	*/

div.contentBlock {
	margin-left:210px;
	}

.mainContentBlock {
	border-top:2px solid #FFF;
	}
	
.mainContent {
	border-top:57px solid #FFF;

	line-height:18px;
	
	width:510px;
	position:relative;
	_height:300px;
	min-height:300px;
	}

	
/* ============================================================	*/ 
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/ 

form {
		margin:0px;
		}
.formgrid {
		}
.formGrid td {
		}
.formGrid .nameCell {
	}
.formGrid .inputCell {
		}
input,
select {
	vertical-align:middle;
	}
input.typeText {
	color:#3D7A83;
	background-color:#FFEB9C;
	font-weight:normal;
	border-top:1px solid #3D7A83;
	border-right:1px solid #3D7A83;
	border-bottom:1px solid #3D7A83;
	border-left:1px solid #3D7A83;
	}
input.typeReset,
textarea {
	color:#3D7A83;
	background-color:#FFEB9C;

	border-top:1px solid #3D7A83;
	border-right:1px solid #3D7A83;
	border-bottom:1px solid #3D7A83;
	border-left:1px solid #3D7A83;
	}
input.typeReset {
	height:20px;
	}
.formGrid input.typeText {
	padding-left:5px;
	}
label {
	vertical-align:middle;
	}
select.select {
	
	}
textarea.textarea {
	
	}