/* Main settings */
html, body {
	height: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background: #ffffff url('../gfx/site/bg.jpg') no-repeat fixed top center;
}

a { text-decoration: underline; }



#wrapper .homepage{
	width: 150px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	list-style-type: none;

}
#wrapper .homepage li{
	margin: 4px 0px 0px 0px;
	padding: 0px;

}

#wrapper .homepage li a{
	color: white;
}



#onlytxt_area_contentwrapper p:first-child { width:450px; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

input, select {
	border: 1px solid #faba00;
	width: 250px;
}

textarea {
	border: 1px solid #faba00;
	width: 250px;
	height: 60px;
	overflow: auto;
	margin: 0;

}

.input_button {
	border: none;
}

label {
	background-color: #faba00;
	height: 100%;
	display: block;
	float: left;
}

table.sponsorlist thead {
	background-color: #000;
	color: #fff;
	font-weight: bold;
}

table.sponsorlist {
	width: 100%;
	border-collapse:collapse;
}

table.sponsorlist td,th {
	padding: 3px;
}

table.sponsorlist tr td:first-child {
	width: 25%;
}

table.sponsorlist tr td:first-child+td {
	width: 20%;
}

table.sponsorlist tr th:first-child {
	width: 25%;
}

table.sponsorlist tr th:first-child+th {
	width: 20%;
}

table.sponsorlist tbody tr td {
	border-bottom: 1px dashed #faba00;
	height: 25px;
}

table.fietserlist {
	width: 434px;
	border-spacing: 3px;
}

table.fietserlist td {
	padding: 5px;

}

table.fietserlist tr td:first-child {
	width: 30%;
	background-color: #faba00;
}

table.fietserlist tr td:first-child+td {
	width: 70%;
	border: 1px solid #faba00;
}



/* wrapper */
#wrapper {
	background: none;
	height: auto;
	width: 930px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	display: block;
}
/* header */
#wrapper #header {
	background: none;
	height: 243px;
	width: 926px;
	margin: 0 0 0 0;
	padding: 0;
	position: relative;
	display: block;
}

#wrapper #header .block1 {
	float: left;
	margin: 22px 0 0 0;
}

#wrapper #header .block2 {
	float: left;
	margin: 26px 0 0 -41px;
}

#wrapper #header .block3 {
	float: right;
	display: block;
	margin: 205px 0 0 0;
}

/* left bar */
#wrapper #leftbar {
	background: none;
	height: 907px;
	width: 182px;
	margin: 0 12px 20px 0;
	padding: 0;
	position: relative;
	float: left;
	display: block;
}
	#wrapper #leftbar ul#nav {
		background:none;
		height: auto;
		width: 182px;
		margin: 0;
		padding: 0;
		position: relative;
	}

	#wrapper #leftbar ul#nav li {
		background: #fff;
		width: 182px;
		height: 22px;
		display: block;
		margin: 0;
		padding: 0 0 3px 0;
	}

	#wrapper #leftbar ul#nav li.first { padding: 3px 0 0 0; }
	#wrapper #leftbar ul#nav li.subnav { padding: 0; }

	#wrapper #leftbar ul#nav li:hover { background: #fbba00; }

	#wrapper #leftbar ul#nav li.active {
		background: #fbba00;
		height: auto;
	}

	#wrapper #leftbar ul#nav li.subnav {
		background: #fbba00;
		height: auto;
	}

	#wrapper #leftbar ul#nav li a {
		background: none;
		display: block;
		font-family: helvetica;
		font-size: 14px;
		color: #000;
		width: 175px;
		height: 16px;
		line-height: 16px;
		margin: 0;
		padding: 3px 0 0 8px;
		text-align: left;
		text-decoration: none;
		border:0;
	}

	#wrapper #leftbar ul#nav li ul {
		background:none;
		height: auto;
		width: 182px;
		margin: 0;
		padding: 0;
		position: relative;
	}
	#wrapper #leftbar ul#nav li ul li {
		background: #fff;
		width: 182px;
		height: auto;
		display: block;
		margin: 0 0 0 0px;
	}
	#wrapper #leftbar ul#nav li ul li:hover,
	#wrapper #leftbar ul#nav li ul li.active {
		background: #fbba00;
	}
	#wrapper #leftbar ul#nav li ul li a {
		/*background: url(../gfx/site/square.png) no-repeat top left;*/
		display: block;
		font-family: helvetica;
		font-size: 14px;
		color: #000;
		width: 159px;
		height: auto;
		margin: 0 0 0 8px;
		padding: 3px 0 0 15px;
		text-align: left;
		text-decoration: none;
		border:0;
	}
	#wrapper #leftbar ul#nav li ul li:hover a,
	#wrapper #leftbar ul#nav li ul li.active a {
		/*background: url(../gfx/site/square_active.png) no-repeat top left;*/
	}
	#wrapper #leftbar ul#bottom_nav {
		background:none;
		height: auto;
		width: 182px;
		margin: 6px 0 0 0;
		padding: 0;
		position: relative;
	}
	#wrapper #leftbar ul#bottom_nav li {
		background: #e2001a;
		width: 182px;
		height: 23px;
		display: block;
		margin: 0 0 6px 0;
	}
	#wrapper #leftbar ul#bottom_nav li:hover,
	#wrapper #leftbar ul#bottom_nav li.active {
		background: #e2001a;
	}
	#wrapper #leftbar ul#bottom_nav li a {
		background: none;
		display: block;
		font-family: helvetica;
		font-size: 14px;
		color: #fff;
		width: 175px;
		height: 16px;
		margin: 0;
		padding: 4px 0 0 8px;
		text-align: left;
		text-decoration: none;
		text-transform: uppercase;
		border:0;
	}

	div#charity {
		margin-top: 12px;
		padding: 10px;
		background-color: #000000;
	}

	#bottom {
		float: left;
		margin-top: 50px;
	}

	#wrapper #bottom a {
		font-weight: bold;
		color: #ffffff;
		letter-spacing: 1px;
	}

	#wrapper #bottom div.socialicons { margin-top: 10px; }

		#wrapper #bottom div.socialicons a {
			display: block;
			float: left;
			margin-right: 10px;
		}

/* content */
#wrapper #content {
	display: block;
	position: relative;
	float: left;
	margin: 0 12px 0 0;
	padding: 25px;
	width: 453px;
	/*height: 577px;*/
	text-align: left;
	background-color: #ffffff;
}

#wrapper #content #content_wrapper {
	position: relative;
	display: block;
	margin: 0;
	padding: 0 25px 0 0;
	width: 453px;
	/*height: 577px;*/
	/*background: #ffffff url('../gfx/site/scroll_bg.gif') repeat-y top right;*/
	background-color: #ffffff;
}

#wrapper #content_width {
	display: block;
	position: relative;
	float: left;
	margin: 0 0 0 0;
	padding: 25px;
	width: 682px;
	/*height: 577px;*/
	text-align: justify;
	background: #ffffff;
}

#wrapper #content_width #content_width_wrapper {
	display: block;
	position: relative;
	margin: 0;
	padding: 0 25px 0 0;
	width: 682px;
	/*height: 577px;*/
	/*background: #ffffff url('../gfx/site/scroll_bg.gif') repeat-y top right;*/
	background-color: #ffffff;
}

	#wrapper p {
		margin-bottom: 18px;
		line-height: 18px;
	}

	#wrapper a {
		color: #333;
	}
	#wrapper a:hover {
	}
	#wrapper strong {
		font-weight: bold;
	}
	#wrapper em {
		font-style: italic;
	}
	#wrapper .underline {
		text-decoration: underline;
	}
	#wrapper ul {
		list-style-type: disc;
		margin-left: 40px;
		margin-top: 10px;
		margin-bottom: 10px;
		padding: 0;
		border: none;
	}
	#wrapper ol {
		list-style-type: decimal;
		margin: 0;
		margin-left: 20px;
		margin-top: 10px;
		margin-bottom: 10px;
		padding: 0;
		border: none;
	}
	#wrapper li {
		font-size: 11px;
		margin: 0px;
		margin-top: 5px;
		padding: 0px;
	}
	#wrapper h1 {
		font-size: 20px;
		font-weight: bold;
		margin-bottom: 28px;
		text-align: left;
	}
	#wrapper h2 {
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 28px;
		text-align: left;
	}
	#wrapper h3 {
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 28px;
		text-align: left;
	}
	#wrapper h4 {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 28px;
		text-align: left;
	}

	#wrapper img {
		border: 0px;
	}

#wrapper #content .news p{
	margin-bottom: 18px;
	line-height: 1px;
}
#wrapper #content .news h3{
	margin: 30px 0 12px 0;
}

#wrapper div.statistics {
	display: inline;	/* IE double-margin bug fix */
	float: left;
	margin: 12px 0 0 0px;
	padding: 15px 25px;
	width: 453px;
	background-color: #fbba00;
}

#wrapper div.sponsors{
	margin-left: 194px;
}

	#wrapper div.statistics div.header {
		float: left;
		margin-bottom: 15px;
		width: 453px;
	}

		#wrapper div.statistics div.header h3 {
			float: left;
			margin-bottom: 0;
			font-weight: normal;
			color: #ffffff;
		}

		#wrapper div.statistics div.header div {
			float: right;
			height: 19px;
		}

			#wrapper div.statistics div.header div .cmbStats {
				width: 125px;
				background-color: #fbba00;
				border: 1px solid #ffffff;
			}

			#wrapper div.statistics div.header div a {
				padding: 2px 0;
				color: #ffffff;
				text-decoration: none;
			}

			#wrapper div.statistics div.header div a:hover { color: #e2001a; }

	#wrapper div.statistics div.person {
		float: left;
		width: 453px;
		padding: 5px 0;
		border-bottom: 1px solid #ffffff;
	}

		#wrapper div.statistics div.person div.left {
			float: left;
			width: 330px;
		}

		#wrapper div.statistics div.person div.right {
			float: right;
			color: #ffffff;
		}

			#wrapper div.statistics div.person div.right a {
				color: #ffffff;
				text-decoration: none;
			}

			#wrapper div.statistics div.person div.right a:hover { color: #e2001a; }

#wrapper #rightbar {
	background-color: none;
	width: 217px;
	height: auto;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

	#wrapper #leftbar div#blogposts {
		margin-top: 12px;
		padding: 14px;
		color: #ffffff;
		text-align: left;
		background-color: #000000;
	}

		#blogposts h3 {
			margin-bottom: 12px;
			font-weight: normal;
		}

		#blogposts a {
			color: #ffffff;
			text-decoration: none;
		}

		#blogposts ul {
			list-style-type: none;
			margin: 0 0 10px 0;
			font-size: 90%;
		}

			#blogposts ul li {
				padding-left: 13px;
				font-size: 110%;
				background: transparent url('../gfx/site/bg-listitem.gif') no-repeat 0 6px;
			}

				#blogposts ul li a:hover { text-decoration: underline; }

		#wrapper a.continueButton {
			display: block;
			text-align: right;
		}

		#wrapper a.continueButton:hover { color: #fbba00; }

	#wrapper #rightbar img.page-image { margin-bottom: 12px; }

	#wrapper #rightbar a img.page-image { border-bottom: 5px #e2001a solid;}
	#wrapper #rightbar a:hover img.page-image { border-bottom: 5px white solid;}

	#wrapper #rightbar .img_holder {
		margin: 0 0 12px 0;
		padding: 12px 0;
		background-color: #e2001a;
	}

		#wrapper #rightbar .img_holder div {
			margin: 8px 0;
			font-size: 200%;
			color: #ffffff;
			-webkit-transform: rotate(-8deg);
			-moz-transform: rotate(-8deg);
		}

			#wrapper #rightbar .img_holder div span { color: #fbba00 }

	#wrapper #rightbar div#flickrshow-small {
		margin: 0 0 12px 0;
		padding: 14px;
		color: #ffffff;
		text-align: left;
		background-color: #e2001a;
	}

		#flickrshow-small h3 {
			margin-bottom: 5px;
			font-weight: normal;
		}

		#flickrshow-small a {
			color: #ffffff;
			text-decoration: none;
		}

		#flickrshow-small div.images {
			position: relative;
			margin-bottom: 5px;
			width: 189px;
			height: 114px;
			background: transparent url('../gfx/site/ajax-loader.gif') no-repeat 80px 42px;
			overflow: hidden;
		}

			#flickrshow-small div.images img {
				position: absolute;
				top: -10%;
				z-index: 8;
				opacity: 0;
				filter: alpha(opacity=0);
			}

			#flickrshow-small div.images img.active {
				z-index: 10;
				opacity: 1;
				filter: alpha(opacity=100);
			}

			#flickrshow-small div.images img.last-active { z-index: 9; }

	#wrapper #rightbar {
		background-color: transparent;
		width: 217px;
		height: 62px;
		padding: 0;
		margin: 0;
		display: block;
		text-align: center;
	}

	.sponsor {
		background: #fff;
		width: 217px;
		height: 98px;
		margin: 0 0 12px 0;
		display: block;
		text-align: center;

	}

	#wrapper #rightbar .sponsor img {
		margin: 0 0 12px 0;
		border: 0px;
	}
/* Contct form */
.contact form {
	margin: 0;
	padding: 0;
}

p.wrap{
	margin-bottom: 2px !important;
	padding: 0;
	background: url(../gfx/site/p-background.png) repeat-y;
}

p.wrap_submit{
	margin-bottom: 2px !important;
	margin-right: 27px;
	padding: 0;
	text-align: right;
}

p.wrap_submit_special{
	margin-bottom: 2px !important;
	margin-right: 13px;
	padding: 0;
	text-align: right;
}

p.wrap label{

}



div.input_wrap{
}
div.input_wrap p.wrap{
}
div.input_wrap p.wrap label{
	display: block;
	float: left;
	width: 160px;
	padding: 2px;
	margin-right: 4px;
}
div.input_wrap p.wrap input{
	height: 18px;
	margin: 0px;
}
div.input_wrap p.wrap_first{
	border-top: 0;
}
div.input_buttons{
	text-align: right;
	padding-top: 5px;
}
p.error_message{
	color: #ff0000;
}
.contact input, option, select {
		padding:0px;
		margin:0;
		width:180px;
		height: 18px;
		color: #4c4c4c;
		font-size: 12px;
		color: #000;
	}
	.contact input.error{
		border:1px solid red;
	}
	.contact select{
		padding: 2px;
	}

	select.large{
		width: 250px !important;
	}
	select.large option {
		width: 250px !important;
	}
	select.large_spacer{
		width: 130px !important;
	}


	.contact textarea {
		width: 205px;
		height: 80px;
		padding-left: 6px;
		border:1px solid #666;
		color: #4c4c4c;
	}
	.contact textarea.error {
		border:1px solid red;
	}
	.contact input.verstuurButton {
		background:url(../gfx/site/verstuur.jpg) no-repeat;
		border:0px;
		cursor:pointer;
		width: 100px;
		height: 20px;
		margin: 0px;
		margin-left: 274px;
		padding: 0px;
		color: #fff;
		font-weight: bold;
	}

/* Rss items */

#wrapper ul.rss_items {
	list-style:none;
	margin: 0;
	padding: 0;
}
#wrapper ul.rss_items li.rss_item {
	line-height: 20px;
	padding-bottom: 20px;
}
#wrapper ul.rss_items li.rss_item a {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 28px;
	text-align: left;
	color: #000;
	text-decoration: none;
}
#wrapper ul.rss_items li.rss_item a:hover {
	text-decoration: underline;
}

input.input_button {
	background-color: #000;
	color: #fff;
	width: 100px;
}

#wrapper ul#sponsorImages {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}

ul#sponsorImages li {
	position: absolute;
	left: 0;
	display: none;
	text-align: center;
	width: 217px;
}

input.checkbox {
	$margin-top:5px !important;
}
input.checkbox,
label.checkboxlabel {
	width:auto !important;
	position:relative;
	top:2px;
	border:none !important;
	$top:-3px !important;
}

label.checkboxlabel {
	float:none !important;
	display: inline !important;
	line-height:15px !important;
	position:relative;
	top:-1px;
	$top:1px;
	margin-left:3px;
}

span.checkboxWrapper {
	width:160px;
	display:block;
	float:left;
	margin-right:8px;
	height:15px;
}

p.wrap label {
	background:none !important;

}

p.wrap {
	padding-left:5px !important;
}

body p.wrap.wrapFirst {
	height:22px !important;
}