/* -- basic  ------------------------------------------------------------------------------------------- */
html {
	/* voor het tonen van de (non)actieve scrolbar, zodat de pagina niet verschuift */
	height: 100%;
	overflow: -moz-scrollbars-vertical;
}

body {
	background-color: 	#76da15;
	color: 					#000;
	font: 					font: normal 11px/17px Verdana, Arial, Trebuchet MS, Tahoma;
	padding: 				0;
	margin: 					0;
	text-align: 			center;
}

div.container {
	background: 			transparent url("../images/bg_home.jpg") no-repeat scroll 0 0;
	width:					715px;/*715*/
	margin:					0 auto;
	padding:					15px 0;
	border:					0;
	text-align:				left;
}

a {
	color:					#3f8100;
	font-size:				12px;
	font-weight:			bold;
}

/* -- resetten ---------------------------------------------------------------------------------------- */
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;font-size:inherit;font:100%;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ul {margin:0 0 0 15px;padding:0;} ol {margin:0 0 0 30px;padding:0;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
form {display: inline;}

/* -- basic layout elements --- dont change! ---------------------------------------------------------- */
div.wrapper {overflow:hidden;width:100%;}
.right {float:right;}
.left {float:left;}
.abs {position: absolute;}
.rel {position: relative;}

/* -- Text elements ----------------------------------------------------------------------------------- */
h1, h2, h3 {color:#F00;}
h1 {font-size: 1.5em;}
h2 {font-size: 1.2em;}
h3 {font-size: 1.1em;}

p, li {font: normal 11px/17px Verdana, Arial, Trebuchet MS, Tahoma;}

/* -- form specifications ----------------------------------------------------------------------------- */
select, input, textarea {
	font: 					normal 90% Trebuchet MS, Arial, Verdana, Tahoma;
	color: 					#000;
	vertical-align: 		baseline;
}

input.textfield, textarea.textfield {
	border: 					#580608 1px solid;
	padding: 				1px 2px;
	background: 			#fff url("../images/bg_textfield.gif") repeat-x scroll 0 0;
}

/* -- layout elements --- do change! ------------------------------------------------------------------ */



/* -- specific elements ------------------------------------------------------------------------------- */

div.logo {
	background: 			#76da15 url(../images/bg_logo.gif) no-repeat;
	float:					left;
	height:					52px;/*75*/
	width:					337px;/*357*/
	padding: 				23px 0 0 20px;
}

div.banner {
	
	background: 			#76da15 url(../images/bg_banner.gif) no-repeat;
	float:					right;
	height:					75px;/*75*/
	width:					358px;/*357*/
	text-align:				right;
}

div.sub-header {
	background-color:		#ffa800;
	height:					18px;/*25*/
	width:					715px;
	padding:					7px 0 0 0;
	text-align: 			center;	
}

ul.nav {
	width: 					705px;/*715*/
	margin: 					0;
	padding: 				0 0 0 10px;
	list-style: 			none;
	background-color: 	#fff;
	overflow: 				hidden;
}

ul.nav li {
	float: 					left;
}

ul.nav a {
	float: 					left;
	margin: 					0;
	padding: 				0;
	background-color: 	#fff;
	text-decoration: 		none;
	height: 					24px;
	line-height: 			24px;
}

div.content {
	height: 					100%;
	width: 					695px;/*715*/
	padding: 				4px 10px;
	background-color: 	#fff;	
}

div.photo {
	float: 					left;
	width: 					208px;/*208*/
	padding: 				34px 0 0 0;
	margin: 					0;
}

div.text {
	float: 					right;
	width: 					467px;/*477*/
	padding: 				0 10px 1px 0;
}

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

div.footer-left {
	float:					left;
	background-color: 	#336633;
	width: 					472px;/*493*/
	height: 					20px;/*25*/
	padding: 				5px 0 0 21px; 
	margin: 					0;
}

div.footer-middle {
	float:					left;
	background-color: 	#336633;
	width: 					70px;/*70*/
	height: 					20px;/*25*/
	padding: 				5px 0 0 0; 
	margin: 					0;
}

div.footer-middle a {
	font: 					normal 9px/14px Verdana, Arial, Trebuchet MS, Tahoma;
	color: 					#72a172;
	text-decoration:		none;
}

div.footer-right {
	float: 					right;
	background-color: 	#336633;
	height: 					20px;/*20*/
	width: 					131px;/*152*/
	padding: 				5px 21px 0 0;
	text-align: 			right;
}

table.tellafriend
{
	margin-top: 16px;
}

table.tellafriend td
{
	font: normal 11px/17px Verdana, Arial, Trebuchet MS, Tahoma;
	padding: 2px;
}

table.tellafriend td input.mailaddress
{
	width: 130px;
}