@charset "iso-8859-1";

/** common **/
	* {
		margin: 0;
		padding: 0;
		font-size: 12px;
		font-family: Arial, Helvetica, sans-serif;
		color: #000;
		}
	body {
		margin: 0;
		min-width: 1000px;
		background-color: #a2c336;
		background-image: url("/images/design/background.jpg");
		background-repeat: repeat-y;
		background-position: 50% 820px;
		}
	.home {
		background-image: url("/images/design/background2.jpg");
		background-repeat: no-repeat;
		background-position: 50% 0px;
	}
	#wrap {
		position: relative;
		margin: 0;
		text-align: center;
		}
	#middle {
		position: relative;
		height: auto;
		width: 1000px;
		margin: 0 auto;
		text-align: left;
	}
	.home #middle {
		position: relative;
		height: 820px;
	}
	.clearer {
		height:1px;
		overflow:hidden;
		margin-top:-1px;
		clear:both;
	}
	hr {
		background-color: #FFF;
		border: 0;
		border-top: 1px solid #EA6200;;
		color: #FFF;
		height: 1px;
		margin: 20px 0 0 0;
	}
	* html hr
	{
		height: 2px;
	}
	html>body #minheight{
		float:right;
		width:0px;
		height:800px;
		/* \*/ height: auto; /* IE MAC ignores */
	}
	a {
		color: #000;
	}
	a:hover {
		color: #000;
	}
	a:focus {
		 outline: 0px; 
	}
	a img:hover {
		cursor: pointer;
	}
	h1 {
		font-size: 14px;
	}
	h2 {
		font-size: 12px;
	}
	h3, h4, h5, h6 {
		font-size: 12px;
	}
	ul {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	ol {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	li {
		margin-left: 24px;
	}
	blockquote {
		margin-left: 30px;
	}
	img {
		border: 0;
	}
/** site elements **/
	#header, #header2 {
		position: relative;
		width: 1000px;
		height: 185px;
		background-image: url("/images/design/header_wit.jpg");
		background-position: 0 0;
		background-repeat: no-repeat;
	}
	.rood #header {
		background-image: url("/images/design/header_rood.jpg");
	}
	.geel #header {
		background-image: url("/images/design/header_geel.jpg");
	}
	.paars #header {
		background-image: url("/images/design/header_paars.jpg");
	}
	.paars2 #header {
		background-image: url("/images/design/header_paars2.jpg");
	}
	.oranje #header {
		background-image: url("/images/design/header_oranje.jpg");
	}
	.lblauw #header {
		background-image: url("/images/design/header_lblauw.jpg");
	}
	.dblauw #header {
		background-image: url("/images/design/header_dblauw.jpg");
	}
	#header2 {
		background-image: url("/images/design/header2_wit.jpg");
	}
	.rood #header2 {
		background-image: url("/images/design/header2_rood.jpg");
	}
	.geel #header2 {
		background-image: url("/images/design/header2_geel.jpg");
	}
	.paars #header2 {
		background-image: url("/images/design/header2_paars.jpg");
	}
	.paars2 #header2 {
		background-image: url("/images/design/header2_paars2.jpg");
	}
	.oranje #header2 {
		background-image: url("/images/design/header2_oranje.jpg");
	}
	.lblauw #header2 {
		background-image: url("/images/design/header2_lblauw.jpg");
	}
	.dblauw #header2 {
		background-image: url("/images/design/header2_dblauw.jpg");
	}
	#left_column {
		float: left;
		width: 192px;
		padding-top: 14px;
		padding-left: 100px;
		background-image: url("/images/design/background_left.jpg");
		background-position: 0 0;
		background-repeat: no-repeat;
		min-height: 330px;
	}
	* html #left_column {
		width: 292px;
		height: 344px;
	}
	#left_column2 {
		float: left;
		width: 390px;
		padding-left: 100px;
	}
	* html #left_column2 {
		width: 490px;
	}
	#left_column3 {
		float: left;
		width: 192px;
		padding-left: 100px;
	}
	* html #left_column3 {
		width: 292px;
	}
	.rood #left_column  {
		background-image: url("/images/design/background_left_rood.jpg");
	}
	.geel #left_column  {
		background-image: url("/images/design/background_left_geel.jpg");
	}
	.paars #left_column  {
		background-image: url("/images/design/background_left_paars.jpg");
	}
	.paars2 #left_column  {
		background-image: url("/images/design/background_left_paars2.jpg");
	}
	.oranje #left_column  {
		background-image: url("/images/design/background_left_oranje.jpg");
	}
	.lblauw #left_column  {
		background-image: url("/images/design/background_left_lblauw.jpg");
	}
	.dblauw #left_column  {
		background-image: url("/images/design/background_left_dblauw.jpg");
	}
	#right_column {
		float: right;
		width: 588px;
		padding-right: 100px;
	}
	* html #right_column {
		width: 688px;
	}
	#right_column2 {
		float: right;
		width: 390px;
		padding-right: 100px;
	}
	* html #right_column2 {
		width: 490px;
	}
	#content {
		background-image: url("/images/design/background_right.jpg");
		background-position: 772px 0;
		background-repeat: no-repeat;
	}
	* html #content {
		/* \*/ height: 100%; /* IE MAC ignores */
		}
	.rood #content {
		background-image: url("/images/design/background_right_rood.jpg");
	}
	.geel #content {
		background-image: url("/images/design/background_right_geel.jpg");
	}
	.paars #content {
		background-image: url("/images/design/background_right_paars.jpg");
	}
	.paars2 #content {
		background-image: url("/images/design/background_right_paars2.jpg");
	}
	.oranje #content {
		background-image: url("/images/design/background_right_oranje.jpg");
	}
	.lblauw #content {
		background-image: url("/images/design/background_right_lblauw.jpg");
	}
	.dblauw #content {
		background-image: url("/images/design/background_right_dblauw.jpg");
	}

/** horizontal menu **/
	#menu {
		position: absolute;
		top: 15px;
		left: 256px;
		width: 632px;
		height: 23px;
	}
	#menu ul, #menu ul li
	{
		margin: 0;
		padding: 0;
		display: inline;
		list-style-type: none;
	}
	#menu ul li a img
	{
		border: 0;
	}
/** sportbuttons **/
	#sportbuttons {
		position: absolute;
		top: 77px;
		left: 497px;
		width: 390px;
		height: 64px;
	}
	.home #sportbuttons {
		position: absolute;
		top: 237px;
		left: 397px;
		width: 390px;
		height: 64px;
	}
	#sportbuttons ul, #sportbuttons ul li
	{
		margin: 0;
		padding: 0;
		display: inline;
		list-style-type: none;
	}
	#sportbuttons ul li a img
	{
		border: 0;
		margin-right: 13px;
	}
	.home #sportbuttons ul li a img
	{
		margin-right: 7px;
	}
	#sportbuttons ul li a:hover, #sportbuttons ul .active a
	{
	}
/* left column elements */
	.teaser1 {
		padding-bottom: 20px;
	}
	.teaser2 {
		padding-top: 314px;
		padding-bottom: 20px;
	}
	.teaser4 {
		width: 213px;
		padding-bottom: 20px;
	}
	.teaser6 {
		width: 390px;
		padding-bottom: 20px;
	}
	.teaser7 {
		padding-bottom: 11px;
	}
	.teaser7 .content {
		background: #ffffff;
		padding: 8px 25px 4px 25px;
	}
	.top1 {
	}
	.content1 {
		padding: 0 20px;
		background: #fff;
	}
	.content4 {
		padding: 0 20px;
		background: #fff;
	}
	.content5 {
		padding: 0 20px;
		background: #fff;
	}
	.content6 {
		padding: 0 20px;
		background: #fff;
	}
	.bottom1 {
	}
/* page */
	#page {
		background: #fff;
		padding: 0 46px 0 40px;
	}
	.rood #page {
		background: #C63F4B;
	}
	.geel #page {
		background: #FEEB09;
	}
	.paars #page {
		background: #BF0370;
	}
	.paars2 #page {
		background: #322281;
	}
	.oranje #page {
		background: #EA6200;
	}
	.lblauw #page {
		background: #5DC3DF;
	}
	.dblauw #page {
		background: #0079B9;
	}
	.page_bottom {
		height: 40px;
	}
	.page_top {
		height: 20px;
	}
	#page_kaart {
		position: relative;
		background-image: url("/images/spot/kaart_nl2.gif");
		background-position: 0 0;
		background-repeat: no-repeat;
		padding: 16px 46px 0 40px;
		height: 480px;
	}
	* html #page_kaart {
		height: 496px;
	}
	#page_kaart .button {
		position: absolute;
		left: 0px;
		top: 456px;
	}
	#page2 {
		background: #fff;
		padding: 0 24px 0 24px;
	}



	.film1 {
		float: right;
		width: 355px;
	}



	.container1 {
		padding: 0 100px 20px 100px;
	}
	.container2	{
		position: relative;
		background: #ffffff;
		padding: 0 30px 0 18px;
	}
	.rood .container2 {
		background: #C63F4B;
	}
	.geel .container2 {
		background: #FEEB09;
	}
	.paars .container2 {
		background: #BF0370;
	}
	.paars2 .container2 {
		background: #322281;
	}
	.oranje .container2 {
		background: #EA6200;
	}
	.lblauw .container2 {
		background: #5DC3DF;
	}
	.dblauw .container2 {
		background: #0079B9;
	}
	.button5 {
		position: absolute;
		left: 18px;
		top: 14px;
		width: 185px;
		height: 50px;
	}
	* html .button5 {
		width: 217px;
	}
	.container3 {
		padding-left: 220px;
		padding-top: 10px;
		min-height: 64px
	}
	* html .container3 {
		height: 64px
	}
	.container3b {
		padding-left: 260px;
		padding-top: 10px;
	}
	#container4 {
		position: relative;
		background-image: url("/images/design/background_cont4.jpg");
		background-position: 0 0;
		background-repeat: no-repeat;
		height: 75px;
	}
	#container4 .button1 {
		position: absolute;
		left: 118px;
		top: 14px;
		width: 152px;
		height: 60px;
	}
	#container4 .button2 {
		position: absolute;
		left: 324px;
		top: 14px;
		width: 152px;
		height: 60px;
	}
	#container4 .button3 {
		position: absolute;
		left: 530px;
		top: 14px;
		width: 152px;
		height: 60px;
	}
	#container4 .button4 {
		position: absolute;
		left: 736px;
		top: 14px;
		width: 152px;
		height: 60px;
	}
	#container5 {
		background-image: url("/images/design/background_cont5.jpg");
		background-position: 0 0;
		background-repeat: no-repeat;
	}
	* html #container5 {
		/* \*/ height: 100%; /* IE MAC ignores */
		}
	#container5 .spot1 {
		float:left;
		padding-left: 100px;
		padding-top: 19px;
		padding-bottom: 20px;
		width: 185px;
	}
	* html #container5 .spot1 {
		width: 285px;
	}
	#container5 .spot2 {
		float:left;
		padding-left: 20px;
		padding-top: 19px;
		padding-bottom: 20px;
		width: 185px;
	}
	* html #container5 .spot2 {
		width: 205px;
	}
	#container5 .spot3 {
		float:left;
		padding-left: 20px;
		padding-top: 19px;
		padding-bottom: 20px;
		width: 185px;
	}
	* html #container5 .spot3 {
		width: 205px;
	}
	#container5 .spot4 {
		float:left;
		padding-left: 20px;
		padding-top: 19px;
		padding-bottom: 20px;
		width: 185px;
	}
	* html #container5 .spot4 {
		width: 205px;
	}
	.spot1 .kaart, .spot2 .kaart, .spot3 .kaart, .spot4 .kaart {
		position: relative;
		height: 127px;
		width: 185px;
		background-image: url("/images/spot/kaart_nl.gif");
		background-position: 0 0;
		background-repeat: no-repeat;
		background-color: #fff;
	}
	.spot1 .bottom {
		padding-bottom: 20px;
	}
	.spot2 .bottom {
		padding-bottom: 20px;
	}
	.spot3 .bottom {
		padding-bottom: 20px;
	}
	.spot4 .bottom {
		padding-bottom: 20px;
	}
	.spot1 .bottom a {
		display: block;
		text-align: center;
		background-color: #fff;
		color: #ea6200;
	}
	.spot2 .bottom a {
		display: block;
		text-align: center;
		background-color: #fff;
		color: #0077b7;
	}
	.spot3 .bottom a {
		display: block;
		text-align: center;
		background-color: #fff;
		color: #c8404b;
	}
	.spot4 .bottom a {
		display: block;
		text-align: center;
		background-color: #fff;
		color: #341c84;
	}
	.laatste_1 {
		background: #ea6200;
		color: #fff;
		padding: 5px 16px 5px 16px;
	}
	.laatste_2 {
		background: #0077b7;
		color: #fff;
		padding: 5px 16px 5px 16px;
	}
	.laatste_3 {
		background: #c8404b;
		color: #fff;
		padding: 5px 16px 5px 16px;
	}
	.laatste_4 {
		background: #341c84;
		color: #fff;
		padding: 5px 16px 5px 16px;
	}
	#home1 {
		position: absolute;
		left: 153px;
		top: 323px;
		width: 201px;
		height: 275px;
	}
	#home1 .content {
		padding-top: 3px;
		height: 252px;
		overflow: auto;
	}
	* html #home1 .content {
		height: 255px;
	}
	#home1, #home1 * {
		line-height: 14px;
	}
	#home2 {
		position: absolute;
		left: 400px;
		top: 323px;
		width: 344px;
		height: 283px;
		overflow: auto;
	}
	#enter {
		position: absolute;
		left: 74px;
		top: 255px;
	}












/** DefaultPage **/
	.DefaultPage, .DefaultPage * {
		line-height: 15px;
	}
	.DefaultPage h1 {
		margin-bottom: 15px;
	}
	.DefaultPage h2 {
		margin-bottom: 8px;
		color: #EA6200;
	}
/** DefaultForm **/
	.DefaultForm {
	}
	.DefaultForm fieldset {
		border-width: 1px;
		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: 100px;
		padding: 0 0 0 0;
		margin: 2px 0;
		clear: left;
		line-height: normal;
	}
	.DefaultForm input, 
	.DefaultForm select, 
	.DefaultForm textarea {
		margin: 2px 0;
	}
	.DefaultForm .submit {
		margin-top: 10px;
		padding: 4px;
		cursor: pointer;
	}
	/** 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;
	}
/**  **/
	.DefaultForm .login_error {
		color: red;
		padding-bottom: 10px;
	}
	.form_footer {
		text-align: right;
	}
/** DefaultForm2 **/
	.DefaultForm2 {
		padding-top: 10px;
	}
	.DefaultForm2 div {
		height: 40px;
	}
	.DefaultForm2 .el1 {
		height: 20px;
		padding-top: 10px;
	}
	* html .DefaultForm2 .el1 {
		height: 30px;
	}
	.DefaultForm2 .el2 {
		height: 34px;
		padding-top: 10px;
	}
	* html .DefaultForm2 .el2 {
		height: 44px;
	}
	.DefaultForm2 label {
		float: left;
		width: 100px;
		padding: 0 0 0 0;
		margin: 2px 0;
		clear: left;
		line-height: 30px;
	}
	.DefaultForm2 .el1 label, .DefaultForm2 .el2 label {
		line-height: 14px;
	}
	.oranje .DefaultForm2 label {
		color: #EA6200;
	}
	.rood .DefaultForm2 label {
		color: #C63F4B;
	}
	.dblauw .DefaultForm2 label {
		color: #0079B9;
	}
	.paars .DefaultForm2 label {
		color: #BF0370;
	}
	.lblauw .DefaultForm2 label {
		color: #5DC3DF;
	}
	.paars2 .DefaultForm2 label {
		color: #322281;
	}
	.DefaultForm2 .label1 {
		float: none;
		width: 400px;
		padding: 0 0 0 0;
		margin: 0;
	}
	.DefaultForm2 .input1 {
		padding: 1px 1px;
		width: 250px;
	}
	.DefaultForm2 .input2 {
		padding: 1px 1px;
		width: 535px;
	}
	.DefaultForm2 input, 
	.DefaultForm2 select, 
	.DefaultForm2 textarea {
		margin: 6px 0 0 0;
	}
	.DefaultForm2 textarea {
		width: 525px;
		height: 70px;
	}
	.DefaultForm2 .textarea1 {
		width: 535px;
		height: 110px;
		margin-bottom: 12px;
	}
	.DefaultForm2 .submit {
		margin-top: 10px;
		padding: 4px;
		cursor: pointer;
	}
	.DefaultForm2 select {
		padding-top: 1px;
		padding-bottom: 1px;
	}
	.DefaultForm2 option {
		padding-left: 2px;
		padding-right: 8px;
	}
	.DefaultForm2 .lh {
		display: block;
		float: left;
		line-height: 34px;
		padding: 0 3px;
	}
	.oranje .DefaultForm2 .lh {
		color: #EA6200;
	}
	.rood .DefaultForm2 .lh {
		color: #C63F4B;
	}
	.dblauw .DefaultForm2 .lh {
		color: #0079B9;
	}
	.paars2 .DefaultForm2 .lh {
		color: #322281;
	}
	.DefaultForm2 .select1 {
		float: left;
		width: 50px;
	}
	* html .DefaultForm2 .select1 {
		margin-left: 3px;
	}
	.DefaultForm2 .select2 {
		width: 50px;
	}
	.DefaultForm2 .select3 {
		width: 100px;
	}
	.DefaultForm2 .select4 {
		width: 60px;
	}
	.DefaultForm2 .select5 {
		width: 120px;
	}
/**  **/


.oranje #page, .oranje #page *, .rood #page, .rood #page *, .paars #page, .paars #page *, .paars2 #page, .paars2 #page *, .lblauw #page, .lblauw #page *, .dblauw #page, .dblauw #page * {
	color: #fff;
}
.geel #page, .geel #page * {
	color: #000;
}
.oranje #page h1, .rood #page h1, .paars #page h1, .paars2 #page h1, .lblauw #page h1, .dblauw #page h1, .geel #page h1 {
	font-size: 13px;
	color: #000;
}
.oranje .container3, .oranje .container3 *, .rood .container3, .rood .container3 *, .paars .container3, .paars .container3 *, .paars2 .container3, .paars2 .container3 *, .lblauw .container3, .lblauw .container3 *, .dblauw .container3, .dblauw .container3 * {
	color: #fff;
}
.geel .container3, .geel .container3 * {
	color: #000;
}
.oranje .container3 h1, .rood .container3 h1, .paars .container3 h1, .paars2 .container3 h1, .lblauw .container3 h1, .dblauw .container3 h1, .geel .container3 h1 {
	font-size: 14px;
	color: #000;
}
.oranje .container3b, .oranje .container3b *, .rood .container3b, .rood .container3b *, .paars .container3b, .paars .container3b *, .paars2 .container3b, .paars2 .container3b *, .lblauw .container3b, .lblauw .container3b *, .dblauw .container3b, .dblauw .container3b * {
	color: #fff;
}
.geel .container3b, .geel .container3b * {
	color: #000;
}
.oranje .container3b h1, .rood .container3b h1, .paars .container3b h1, .paars2 .container3b h1, .lblauw .container3b h1, .dblauw .container3b h1, .geel .container3b h1 {
	font-size: 14px;
	color: #000;
}

.onderschrift {
	padding-top: 8px;
}



.rood .teaser4 h2 {
	color: #C63F4B;
}
.geel .teaser4 h2 {
}
.paars .teaser4 h2 {
	color: #BF0370;
}
.paars2 .teaser4 h2 {
	color: #322281;
}
.oranje .teaser4 h2 {
	color: #EA6200;
}
.lblauw .teaser4 h2 {
	color: #5DC3DF;
}
.dblauw .teaser4 h2 {
	color: #0079B9;
}


.prov_list {
	padding-top: 44px;
	line-height: 20px;
}


#stip_gr {
	position: absolute;
	left: 485px;
	top: 105px;
	width: 32px;
}
#stip_fr {
	position: absolute;
	left: 420px;
	top: 120px;
	width: 32px;
}
#stip_dr {
	position: absolute;
	left: 480px;
	top: 170px;
	width: 32px;
}
#stip_ov {
	position: absolute;
	left: 460px;
	top: 220px;
	width: 32px;
}
#stip_ge {
	position: absolute;
	left: 420px;
	top: 270px;
	width: 32px;
}
#stip_ut {
	position: absolute;
	left: 360px;
	top: 270px;
	width: 32px;
}
#stip_nb {
	position: absolute;
	left: 375px;
	top: 340px;
	width: 32px;
}
#stip_li {
	position: absolute;
	left: 420px;
	top: 390px;
	width: 32px;
}
#stip_ze {
	position: absolute;
	left: 245px;
	top: 340px;
	width: 32px;
}
#stip_nh {
	position: absolute;
	left: 335px;
	top: 190px;
	width: 32px;
}
#stip_zh {
	position: absolute;
	left: 300px;
	top: 275px;
	width: 32px;
}
#stip_fl {
	position: absolute;
	left: 390px;
	top: 220px;
	width: 32px;
}

.stip_gr {
	position: absolute;
	left: 96px;
	top: 25px;
	width: 8px;
}
.stip_fr {
	position: absolute;
	left: 112px;
	top: 22px;
	width: 8px;
}
.stip_dr {
	position: absolute;
	left: 112px;
	top: 37px;
	width: 8px;
}
.stip_ov {
	position: absolute;
	left: 106px;
	top: 52px;
	width: 8px;
}
.stip_ge {
	position: absolute;
	left: 95px;
	top: 64px;
	width: 8px;
}
.stip_ut {
	position: absolute;
	left: 80px;
	top: 63px;
	width: 8px;
}
.stip_nb {
	position: absolute;
	left: 83px;
	top: 82px;
	width: 8px;
}
.stip_li {
	position: absolute;
	left: 95px;
	top: 93px;
	width: 8px;
}
.stip_ze {
	position: absolute;
	left: 50px;
	top: 83px;
	width: 8px;
}
.stip_nh {
	position: absolute;
	left: 74px;
	top: 42px;
	width: 8px;
}
.stip_zh {
	position: absolute;
	left: 64px;
	top: 66px;
	width: 8px;
}
.stip_fl {
	position: absolute;
	left: 87px;
	top: 51px;
	width: 8px;
}

.stip_gr img,
.stip_fr img,
.stip_dr img,
.stip_ov img,
.stip_ge img,
.stip_ut img,
.stip_nb img,
.stip_li img,
.stip_ze img,
.stip_nh img,
.stip_zh img,
.stip_fl img {
	margin: 0 0 1px 1px;
}

.naam_hazelworm {
	font-weight: bold;
	color: #EA6200;
}
.naam_ijsvogel {
	font-weight: bold;
	color: #0079B9;
}
.naam_keizerlibel {
	font-weight: bold;
	color: #C63F4B;
}
.naam_ree {
	font-weight: bold;
	color: #322281;
}


.error {
	color: red;
	padding-bottom: 12px;
}
.error2 {
	color: red;
	padding-top: 12px;
}
.omschrijving {
	padding: 4px 0;
	color: #fff;
}

.gb_youtube {
	padding: 0 0 18px 0;
}
.gb_naam {
	font-weight: bold;
}
.rood .gb_naam, .rood .gb_link a {
	color: #C63F4B;
}
.oranje .gb_naam, .oranje .gb_link a {
	color: #EA6200;
}
.dblauw .gb_naam, .dblauw .gb_link a {
	color: #0079B9;
}
.lblauw .gb_naam, .lblauw .gb_link a {
	color: #5DC3DF;
}
.geel .gb_naam, .geel .gb_link a {
	color: #C63F4B;
}
.paars .gb_naam, .paars .gb_link a {
	color: #BF0370;
}

.gb_bericht {
	padding-top: 2px;
}
.gb_link {
	padding: 3px 0 0 0;
}
.gb_kop2 {
	padding-top: 20px;
	color: #99ab3a;
	font-weight: bold;
}
.reactie {
	padding-top: 12px;
}