/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background:#3b4330;
	
	font-family:arial,sans-serif;
	font-size:small;
	color:#3d3d3d;
}

h1 { 
	font:15px arial,sans-serif; 
	margin:0.5em 0;
	color: #5b4280;
	font-weight:bold;
}

h2 {
	font:1em arial,sans-serif; 
	margin:0 0 0.5em;
	font-weight:bold;
}
	h1, h2, a {
		color:black;
	}

p { 
	line-height:1.5; 
	margin:0 0 1em;
}

table	{
	line-height:1.5;
	margin:0 0 1em;
}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:842px;
	background:#f9ffff;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

div#header {
	padding:/*1em*/0;
	background:#789920 url(../img/kop_vierhouten.jpg) no-repeat 100% 0px;
	height: 153px;
	border-bottom:3px #789920;
}
	div#header p {
		
		font-size:10pt;
		color:#f9ffff;
		margin:0;
		padding:120px 0 0 54px ;
}
	
div#header p:hover {
	font-family: Arial, sans-serif, Helvetica;
	color: #eeeeee;
	text-decoration: none;
}
	
	div#header a {
		font-family: Arial, sans-serif, Helvetica;
	color: #FFFFFF;
	text-decoration: none;

}

div#header a:hover {
	font-family: Arial, sans-serif, Helvetica;
	color: #eeeeee;
	text-decoration: none;
}		

div#content {
	padding: 27px 54px 140px 54px  ;  /*bottom padding for footer */
	background:#f9ffff
}
	div#content p {
		width: 280px;
		text-align:left;
		padding:0 ;
	}
	div#content a {
	text-decoration: none;
	color:#999999;

	}
div#contentb {
	padding: 27px 54px 140px 54px  ;  /*bottom padding for footer */
	background:#f9ffff
}
	div#contentb p {
		text-align:left;
	}
	div#contentb a {
	text-decoration: none;
	color:#999999;
	}
	div#contentb table {
}	
	div#content2 {
	padding: 27px 54px 140px 54px  ;  /*bottom padding for footer */
	background:#f9ffff
}
	div#content2 p {
		width: 400px;
		text-align:left;
		padding:0 ;
}

div#footer {
	position:absolute;
	width:100%;
	height: 140px;
	bottom:0; /* stick to bottom */
	background:#789920;
	border-top:0px;
}
	div#footer p {
		padding:115px 45px 10px 54px;
		margin:0;
		font:8pt arial,sans-serif; 
		color: white;
		font-weight: bold;
	}
	
		div#footer a {
	
			font:8pt arial,sans-serif; 
			color: white;
			font-weight: bold;
		}
div#footer2 {
	position:absolute;
	width:100%;
	height: 140px;
	bottom:0; /* stick to bottom */
	background:#789920;
	border-top:0px;
}
	div#footer2 p {
		padding:20px 45px 10px 54px;
		margin:0;
		font:8pt arial,sans-serif; 
		color: white;
		font-weight: bold;
		}
	
		div#footer2 a {
		
			font:8pt arial,sans-serif; 
			color: white;
			font-weight: bold;
			}

div#image {
	float:right;
	width: 377px;
	margin-top: 15px;
}
div#image3 {
	float:right;
	width: 377px;
	margin-top: 40px;
	margin-right: 8px;
}
div#image2 {
	position:absolute;
	bottom: 20px;
	right: 60px;
	width: 325px;
	margin-bottom: 140px;
}
#image2 img {
	border: 3px;
	border-color:#789920;
}
 label{
display: block;
}

fieldset{
width: 280px;
padding: 5px 0 10px 10px;
border: 1px solid #000;
font-family: verdana;
}

legend{
background-color: #789920;
color: #FFF;
font-weight: bold;
padding: 4px 6px 4px 6px;
text-transform: uppercase;
margin: 0 0 5px 0;
font-size: 0.8em;
}

input{
margin: 2px 0 9px 0;
padding: 1px 0 2px 3px;
border: 1px solid #789920;
background-color: #DDD;
width: 200px;
}

.button{
background-color: #789920;
color: #FFF;
font-weight: bold;
width: auto;
margin: 0 5px 0 0;
padding: 1px 5px 2px 5px;
cursor: pointer;
}

select{
margin: 2px 0 15px 0;
padding: 1px 0 2px 3px;
border: 1px solid #000;
background-color: #DDD;
display: block;
}