@charset "utf-8";

/** common **/
	* {
		margin: 0;
		padding: 0;
		font-size: 12px;
		line-height: 16px;
		font-family: arial, verdana, sans-serif;
		color: #000000;
		}
	html, body {
		/* \*/ height: 100%; /* IE MAC ignores */
		} 
	body {
		/* \*/ height: 100%; /* IE MAC ignores */
		margin: 0;
		background-image: url("../images/design/achtergrond.gif");
		background-position: 50% 0;
		min-width: 802px;
		behavior: url("/style/csshover.htc");
		} 
	* html body {
		margin: 0;
	}
	#wrap {
		margin: 0;
		height: 100%;
		text-align: center;
		}
	#middle {
		height: auto;
		width: 802px;
		min-height: 100%; 
		background: white;
		margin: 0 auto;
		text-align: left;
		background-image: url("/images/design/background.gif");
		background-repeat: repeat-y;
	}
	.home #middle {
		background-image: url("/images/design/background_home.gif");
	}
	* html #middle {
		/* \*/ height: 100%; /* IE MAC ignores */
		}
	.clearer {
		height:1px;
		overflow:hidden;
		margin-top:-1px;
		clear:both;
	}
	.clearer_left {
		height:1px;
		overflow:hidden;
		margin-top:-1px;
		clear:left;
	}
	.clearer_right {
		height:1px;
		overflow:hidden;
		margin-top:-1px;
		clear:right;
	}
	hr {
		background-color: #99CC47;
		border: 0;
		color: #99CC47;
		height: 1px;
		margin: 15px 0 15px 0;
	}
	* html hr
	{
		margin: 10px 0 10px 0;
	}
	html>body #minheight{
		float:right;
		width:0px;
		height:600px;
		/* \*/ height: auto; /* IE MAC ignores */
	}
	a {
		color: #999999;
	}
	a:hover {
		color: #99CC47;
	}
	h1 {
		font-size: 19px;
		line-height: 26px;
		font-weight: normal;
		color: #99CC47;
	}
	#DefaultPage2 h1 {
		color: #666666;
	}
	h2 {
		font-size: 13px;
		color: #99CC47;
	}
	h2 sub {
		color: #99CC47;
	}
	h3, h4, h5, h6 {
		font-size: 12px;
		margin-bottom: 0px;
	}
	ul {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	ol {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	li {
		margin-left: 24px;
	}
	blockquote {
		margin-left: 30px;
	}
	.center {
		text-align: center;
	}
	option {
		padding: 0 3px;
	}
/** site elements **/
	#top {
		position: relative;
		height: 25px;
		width: 802px;
		background-image: url("../images/design/achtergrond.gif");
		background-position: 50% 0;
	}
	#header {
		position: relative;
		border-top: 1px solid #666666;
		width: 800px;
		margin-left: 1px;
		height: 150px;
		background-color: #FFFFFF;
		background-image: url("/images/design/header.gif");
		background-position: 0 0;
		background-repeat: no-repeat;
	}
	#header_foto {
		position: absolute;
		top: 0;
		left: 152px;
		width: 340px;
		height: 112px;
		background-color: #eeeeee;
		background-image: url("/images/design/foto01.jpg");
		background-position: 0 50%;
		background-repeat: no-repeat;
	}
	#edit_header_foto {
		position: absolute;
		top: 0;
		left: 157px;
		width: 90px;
		height: 112px;
	}
	#header_prov {
		position: absolute;
		top: 0;
		left: 494px;
		width: 306px;
		height: 35px;
		background-color: #FFFFFF;
		background-image: url("/images/design/de_proviciale_milieufederat.gif");
		background-position: 0 0;
		background-repeat: no-repeat;
	}
	#header_el01 {
		position: absolute;
		top: 37px;
		left: 494px;
		width: 152px;
		height: 75px;
		background-color: #000000;
	}
	#header_el02 {
		position: absolute;
		top: 37px;
		left: 648px;
		width: 152px;
		height: 75px;
		background-color: #000000;
	}
	#header_el01 a, #header_el02 a {
		display: block;
		font-size: 17px;
		line-height: 19px;
		color: #FFFFFF;
		text-decoration: none;
		padding-left: 10px;
		padding-top: 10px;
		padding-bottom: 27px;
		background-image: url("/images/design/pointer01.gif");
		background-position: 10px 53px;
		background-repeat: no-repeat;
	}
	* html #header_el01 a, * html #header_el02 a {
		width: 152px;
		height: 75px;
	}
	#header_el01 a:hover, #header_el02 a:hover {
		color: #99CC47;
		background-image: url("/images/design/pointer02.gif");
	}
	#header_el01 .active a, #header_el02 .active a, #header_el01 .active a:hover, #header_el02 .active a:hover {
		color: #99CC47;
		background-image: url("/images/design/pointer03.gif");
	}
	#header_el03 {
		position: absolute;
		top: 114px;
		left: 494px;
		width: 306px;
		height: 34px;
		background-color: #99CC47;
	}
	#header_menu {
		position: absolute;
		top: 114px;
		left: 152px;
		width: 340px;
		height: 34px;
		background-color: #CCCCCC;
	}
	#header_menu2 {
		position: absolute;
		top: 114px;
		left: 494px;
		width: 306px;
		background-color: #99CC47;
		padding: 8px 0;
	}
	#header_foto {
		position: absolute;
		top: 0;
		left: 152px;
		width: 340px;
		height: 112px;
		background-color: #eeeeee;
		background-image: url("/images/design/foto01.jpg");
		background-position: 0 0;
		background-repeat: no-repeat;
	}
	#left_column {
		float: left;
		width: 151px;
		margin-bottom: 10px;
	}
	#right_column {
		float: right;
		width: 1px;
		margin-bottom: 10px;
	}
	.home #right_column {
		float: right;
		width: 306px;
		margin-bottom: 10px;
	}
	.sub_active #right_column {
	}
	#content {
		margin-left: 154px;
		width: 647px;
		margin-bottom: 10px;
	}
	.home #content {
		margin-left: 154px;
		width: 342px;
		margin-bottom: 10px;
	}
	* html .home #content {
		width: 336px;
	}
	.sub_active #content {
	}
	* html #content {
		margin-right: 0px;
		margin-left: 0px;
	}
/** horizontal menu **/
	.hmenu
	{
		position: absolute;
		left: 210px;
		top: 7px;
		border-top: solid 0px blue;
		border-bottom: solid 0px blue;
	}
	.hmenu, .hmenu ul li a
	{
		padding-top: 3px;
		line-height: 14px;
		padding-bottom: 4px;
	}
	.hmenu ul, .hmenu ul li
	{
		display: inline;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	.hmenu ul li a
	{
		margin: 0 0 0 0;
		padding-left: 10px;
		padding-right: 10px;
		white-space: nowrap;
		text-decoration: none;
		font-size: 12px;
		color: #666666;
		background-image: url("/images/design/bullet04.gif");
		background-position: 0 45%;
		background-repeat: no-repeat;
	}
	.hmenu ul li a:hover, .hmenu ul .active a
	{
		background-image: url("/images/design/bullet03.gif");
	}
	* html .hmenu ul li, * html .hmenu ul li a
	{
		width: 1%; /* IE/Mac needs this */
		display: inline-block;	/* IE/Mac needs this */
		/* \*/
			width: auto;
			display: inline; 
			position: relative;
		/* reset above hack */
	}
	* html .hmenu, * html .hmenu ul a
	{
		/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win. 
					 IE/Mac will ignore this rule. */
	}
	* html .HMENU
	{
		padding: 0;	
	}
/** vertical menu **/
	.vmenu ul, .vmenu ul li
	{
		margin: 0;
		padding: 0;
		list-style-type: none;
		display: block;

	}
	.vmenu
	{
		margin-left: 1px;
	}
	.vmenu ul
	{
	}
	.vmenu ul li
	{
		border-bottom: solid 2px #FFFFFF;
	}
	.vmenu ul li a
	{
		display: block;
		text-decoration: none;
		padding: 5px 10px 5px 25px;
		font-size: 15px;
		line-height: 20px;
		color: #000000;
		background-color: #99CC47;
		background-image: url("/images/design/bullet01.gif");
		background-position: 10px 50%;
		background-repeat: no-repeat;
	}
	.vmenu ul li a:hover, .vmenu ul .active a
	{
		background-image: url("/images/design/bullet02.gif");
		background-color: #CCCCCC;
		color: #000000;
	}
	* html .vmenu ul li a/* hide from IE5.0/Win & IE5/Mac */
	{
		height: 1%;
	}
	* html .vmenu ul
	{
		position: relative;	/* IE needs this to fix a rendering problem */
	}
/** header menu2 **/
	#header_menu2 ul, #header_menu2 ul li
	{
		margin: 0;
		padding: 0;
		list-style-type: none;
		display: block;

	}
	#header_menu2
	{
	}
	#header_menu2 ul
	{
	}
	#header_menu2 ul li
	{
	}
	#header_menu2 ul li a
	{
		display: block;
		text-decoration: none;
		padding: 0px 3px 0px 22px;
		font-size: 12px;
		line-height: 19px;
		color: #FFFFFF;
		background-image: url("/images/design/bullet06.gif");
		background-position: 10px 6px;
		background-repeat: no-repeat;
	}
	#header_menu2 ul li a:hover, #header_menu2 ul .active a
	{
		background-image: url("/images/design/bullet05.gif");
		color: #000000;
	}
	* html #header_menu2 ul li a/* hide from IE5.0/Win & IE5/Mac */
	{
		height: 1%;
	}
	* html #header_menu2 ul
	{
		position: relative;	/* IE needs this to fix a rendering problem */
	}
/** DefaultPage **/
	#DefaultPage {
		padding: 30px 50px 30px 47px;
	}
	#DefaultPage2 {
		font-size: 11px;
		color: #666666;
		padding: 30px 20px 30px 20px;
	}
	#DefaultPage2 .bijschrift {
		font-size: 11px;
		color: #666666;
		float:right;
		width:120px;
	}
	#DefaultPage2 .bijschrift * {
		font-size: 11px;
		color: #666666;
	}
/** DefaultForm **/
	.DefaultForm {
	}
	.DefaultForm p {
	}
	.DefaultForm fieldset {
		border-width: 0px;
		border-color: white;
		border-style: solid;
		padding: 10px 0;
	}
	.DefaultForm legend {
		font-weight: bold;
		border-left: 1px solid gray;
		border-right: 1px solid gray;
		background-color: white;	
	}
	.DefaultForm label {
		float: left;
		width: 120px;
		padding: 0 0 0 0;
		margin: 2px 0;
		line-height: normal;
	}
	.DefaultForm .ecard_form label {
		width: 180px;
	}
	.DefaultForm .ecard_form .default_field, .DefaultForm .ecard_form .default_textarea {
		width: 220px;
	}
	.DefaultForm input, 
	.DefaultForm select, 
	.DefaultForm textarea {
		margin: 2px 0;
	}
	.DefaultForm .submit {
		margin-top: 10px;
		padding: 4px;
	}
	/** javascript error-handling **/
	.DefaultForm input.error, 
	.DefaultForm select.error, 
	.DefaultForm input.error:focus, 
	.DefaultForm select.error:focus {
		padding-right: 16px; 
		border: 2px solid red; 
		background-image: url(/images/warning_obj.gif); 
		background-position: right; 
		background-repeat: no-repeat;
	}
/** FORM FOOTER **/
	.form_footer {
		text-align: right;
	}

/** ITEM LIST **/

	.item_list, .item_list_clearfix {
		position: relative;
		padding-bottom: 0;
		margin-bottom: 6px;
		border-bottom: 1px solid black;
	}
	.item_list_clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: right; 
		visibility: hidden;
	}
	.item_list_clearfix {
		display: inline-block;
	}
	/* Hides from IE-mac \*/
	* html .item_list_clearfix {height: 1%;}
	.item_list_clearfix {display: block;}
	/* End hide from IE-mac */
	
	.item_list .lees_meer, .item_list_clearfix .lees_meer {
		text-align: right;
	}

/** ITEM LIST FOOTER **/

	.item_list_footer {
		border-width: 1px 0;
		border-color: #000;
		border-style: solid;
	}

/** MODULE PHOTO **/


	.photoalbum_table {
		
	}
	.photoalbum_table td {
		padding: 1px;
	}
	#photo_nav_left {
		float: left;
	}
	#photo_nav_right {
		float: right;
	}

/** Pagina navigatie **/

	#pagina_navigatie {
		text-align: right;
		margin: 4px 0;
	}
	#pagina_navigatie a {
	}
	#pagina_navigatie .number a {
		border: 1px solid #eeeeee;
		margin: 0px;
		padding: 1px 5px;
	}
	#pagina_navigatie .number_active a {
		border: 1px solid #000000;
		margin: 0px;
		padding: 1px 5px;
		color: #000000;
	}

	.testimonial_item {
		z-index:1;
		width: 70px;
		margin-right: 20px;
		margin-bottom: 20px;
	}	
	.csshover {
		position: absolute;
		left: 33px;
		top: -40px;
		display: none;
		border: 1px solid #666666;
		background: #CCCCCC;
		color: #000;
		padding: 5px 8px 5px 5px;
		white-space: nowrap;
		z-index:20;
	}
	.testimonial_item:hover {
		position: relative;
	}	
	.testimonial_item:hover .csshover {
		display: block;
	}
	.testimonial_table td {
		width: 90px;
	}


	.ecard_table td {
		padding-right: 20px;
		padding-bottom: 20px;
	}
	.ecard_table img {
		border: 1px solid black;
	}
	.img_border