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

html {
	height:100%;
	width:100%;
	overflow: -moz-scrollbars-vertical;
	}
body {
	margin:0 0 0 0;
	width:100%;
	height:100%;
	text-align:left;	
	scrollbar-face-color: #ddd; 
	scrollbar-highlight-color: #FFF; 
	scrollbar-shadow-color: #aaa; 
	scrollbar-3dlight-color: #aaa; 
	scrollbar-arrow-color:  #666; 
	scrollbar-track-color: #FFF; 
	scrollbar-darkshadow-color: #FFF;
	}
	
img, div{ behavior: url(css/iepngfix.htc); }
	
body, table, th, td, p, input, textarea, select {
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	}
	
a {	text-decoration:none;}
a:hover {	text-decoration:none;}
.maintxt a {	text-decoration:underline;}
.maintxt a:hover {	text-decoration:none;}

b {
	font-size: 8px;
	vertical-align: top;
}
h1{
	line-height:50px;
}

table td {
	padding:0 10px 0 0;
}

/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

#container {
	position:relative;
	margin:0 auto 0 auto;
	width:777px;
	min-height:100%;
	#height:100%;
	text-align:left;
	background-color:transparent;
	}
	
	/* mozilla hax \*/
html>body #container {
    height:auto;
	}
	/* mozilla hax */

/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

div.header{
position:relative;
height:212px;
background-color:transparent;
	}
a.logo{
	position:absolute;
	top:14px;
	left:15px;
	width:244px;
	height:42px;
	display:block;
	background-image:url('../gfx/logo.gif')
}
/* ============================================================	*/ 
/* ========	NAVIGATIE			===============================	*/
/* ============================================================	*/

	
div.navigatie{
padding-top:92px;
width:374px;
}


.buttons{
height:120px;
width:200px;

}
.buttons a{display:block;height:20px;}

.buttons a:hover{display:block;height:20px;background:url('../gfx/pijl.jpg') no-repeat left center}

.buttons a.selected{display:block;height:20px;background:url('../gfx/pijl.jpg') no-repeat left center}




	
	
	
/* ============================================================	*/ 
/* ========	body				===============================	*/
/* ============================================================	*/
.basic	{background:#6ac029 url('../gfx/green_gradient.jpg') repeat-x ;}
.basic .header{background:no-repeat right;}
.basic .navigatie{background:url('../gfx/top_mask_green.png') }
.basic .mainContent{background:url('../gfx/bottom_mask_green.png') no-repeat;}
.basic .trans{background-color:#285c00;}
.basic #footer{border-top:1px solid #487426;background:#6ac029;}
.basic #footer .footerText {color: #487426;}
.basic #footer .footerText a {color: #487426;}




.stesam	{background:#6ac029 url('../gfx/green_gradient.jpg') repeat-x ;}
.stesam .header{background:url('../gfx_content/BG_stesam_01.jpg') no-repeat right;}
.stesam .navigatie{background:url('../gfx/top_mask_green.png') }
.stesam .mainContent{background:url('../gfx/bottom_mask_green.png') no-repeat;}
.stesam .trans{background-color:#285c00;}
.stesam #footer{border-top:1px solid #487426;background:#6ac029;}
.stesam #footer .footerText {color: #487426;}
.stesam #footer .footerText a {color: #487426;}

.dierlijke_meststoffen	{background:#6ac029 url('../gfx/green_gradient.jpg') repeat-x ;}
.dierlijke_meststoffen .header{background:url('../gfx_content/BG_stesam.jpg') no-repeat right;}
.dierlijke_meststoffen .navigatie{background:url('../gfx/top_mask_green.png') }
.dierlijke_meststoffen .mainContent{background:url('../gfx/bottom_mask_green.png') no-repeat;}
.dierlijke_meststoffen .trans{background-color:#285c00;}
.dierlijke_meststoffen #footer{border-top:1px solid #487426;background:#6ac029;}
.dierlijke_meststoffen #footer .footerText {color: #487426;}
.dierlijke_meststoffen #footer .footerText a {color: #487426;}

.betacal {background:#cc1537 url('../gfx/red_gradient.jpg') repeat-x ;}
.betacal .header{background:url('../gfx_content/BG_betacal.jpg') no-repeat right;}
.betacal .navigatie{background:url('../gfx/top_mask_gray.png') }
.betacal .mainContent{background:url('../gfx/bottom_mask_gray.png') no-repeat;}
.betacal .transgray{background-color:#9b9d9f;}
.betacal #footer{border-top:1px solid #860e25;background:#cc1537;}
.betacal #footer .footerText {color: #9b9d9f;}
.betacal #footer .footerText a {color: #9b9d9f;}

.natukali {background:#e1861b url('../gfx/yellow_gradient.jpg') repeat-x ;}
.natukali .header{background:url('../gfx_content/BG_natukali.jpg') no-repeat right;}
.natukali .navigatie{background:url('../gfx/top_mask_gray.png') }
.natukali .mainContent{background:url('../gfx/bottom_mask_gray.png') no-repeat;}
.natukali .transgray{background-color:#9b9d9f;}
.natukali #footer{border-top:1px solid #935812;background:#e1861b;}
.natukali #footer .footerText {color: #FFF;}
.natukali #footer .footerText a {color: #FFF;}

.vloeibare_kunstmest {background:#75bee9 url('../gfx/blue_gradient.jpg') repeat-x ;}
.vloeibare_kunstmest .header{background:url('../gfx_content/BG_vloeibare_kunstmest.jpg') no-repeat right;}
.vloeibare_kunstmest .navigatie{background:url('../gfx/top_mask_gray.png') }
.vloeibare_kunstmest .mainContent{background:url('../gfx/bottom_mask_gray.png') no-repeat;}
.vloeibare_kunstmest .transgray{background-color:#9b9d9f;}
.vloeibare_kunstmest #footer{border-top:1px solid #4d7e9e;background:#75bee9;}
.vloeibare_kunstmest #footer .footerText {color: #FFF;}
.vloeibare_kunstmest #footer .footerText a {color: #FFF;}

.vloeibare_magnesium {background:#a6a0d0 url('../gfx/purple_gradient.jpg') repeat-x ;}
.vloeibare_magnesium .header{background:url('../gfx_content/BG_magnesium.jpg') no-repeat right;}
.vloeibare_magnesium .navigatie{background:url('../gfx/top_mask_gray.png') }
.vloeibare_magnesium .mainContent{background:url('../gfx/bottom_mask_gray.png') no-repeat;}
.vloeibare_magnesium .transgray{background-color:#9b9d9f;}
.vloeibare_magnesium #footer{border-top:1px solid #6c6b8d;background:#a6a0d0;}
.vloeibare_magnesium #footer .footerText {color: #fff;}
.vloeibare_magnesium #footer .footerText a {color: #fff;}

.zuiveringsslib {background:#cc1537 url('../gfx/red_gradient.jpg') repeat-x ;}
.zuiveringsslib .header{background:url('../gfx_content/BG_stesam.jpg') no-repeat right;}
.zuiveringsslib .navigatie{background:url('../gfx/top_mask_gray.png') }
.zuiveringsslib .mainContent{background:url('../gfx/bottom_mask_gray.png') no-repeat;}
.zuiveringsslib .transgray{background-color:#9b9d9f;}
.zuiveringsslib #footer{border-top:1px solid #860e25;background:#cc1537;}
.zuiveringsslib #footer .footerText {color: #9b9d9f;}
.zuiveringsslib #footer .footerText a {color: #9b9d9f;}


/* ============================================================	*/ 
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/

div.contentBlock {
	position:relative;
	width:777px;
	padding-bottom:50px
	}

div.sidebar {
	position:relative;
	float:left;
	width:278px;
	padding-top:10px;
	background:transparent;
	}
	
div.sidebartxt{
	margin-left:35px;
	display:block;
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	padding-bottom:10px;

	_height:121px;
	min-height:112px;

	}
	
div.sidebartxt a{
	display:block;
	text-indent:7px;
	background:url('../gfx/dot_white.gif') no-repeat center left;
	}
div.sidebartxt a.seleted, div.sidebartxt a:hover{
	display:block;
	text-indent:7px;
	font-weight:bold;
	background:url('../gfx/dot_white.gif') no-repeat center left;
	}


.mainContent{
	width:777px;

}	
.main{
	position:relative;
	float:left;
	width:497px;

	
}
.trans{
	position:absolute;
	left:278px;
	top:0px;
	width:499px;
	height:100%;
	display:block;
	filter:alpha(opacity=40);
	-moz-opacity:.40;
	opacity:.40;
}
.transgray{
	position:absolute;
	left:278px;
	top:0px;
	width:499px;
	height:100%;
	display:block;
	/*filter:alpha(opacity=40);
	-moz-opacity:.40;
	opacity:.40;*/

}


 div.maintxt{
 	position:relative;
 	padding-top:10px;
 	padding-left:10px;
	width:479px;
	color:#FFF;
	line-height: 20px;
	text-align:justify;
}

.maintxt strong.center {
	display:block;
	text-align:center;
}

table, a{
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	text-decoration:none;

}

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

form {
		margin:0px;
		}
.formgrid {
		}
.formGrid td {
		}
.formGrid .nameCell {
	}
.formGrid .inputCell {
		}
input,
select {
	vertical-align:middle;
	}
input.typeText {
	color:#F00;
	font-weight:normal;
	border-top:1px solid #F00;
	border-right:1px solid #F00;
	border-bottom:1px solid #F00;
	border-left:1px solid #F00;
	}
.formGrid input.typeText {
	padding-left:5px;
	}
label {
	vertical-align:middle;
	}
select.select {
	
	}
textarea.textarea {
	
	}
/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

#footer {
	position:absolute;
	left:0px;
	bottom:0px;
	width:777px;
	clear:both;
z-index:100;
}



#footer .footerText  {
	text-align:center;
	/*padding:7px 10px 7px 0px;*/
	line-height:26px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	

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