/********** CORE **************************************************/

	html, body { height: 100%; }

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

/********** WRAPPER ***********************************************/

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

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

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

	#wrapper a {
		color: #e2001a;
		text-decoration: none;
	}

	#wrapper a:hover { text-decoration: underline; }

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

	#wrapper {
		position: relative;
		display: block;
		margin: 0 auto;
		padding: 0;
		/*width: 930px;*/
		width: 960px;
		height: auto;
		/*background-color: #ff0000;*/
		background-image: none;
	}

/********** FLOATS ************************************************/

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

/********** TABLES / FORM FIELDS **********************************/

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

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

	.input_button { border: none; }

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

	.sponsorlist {width:100%; vertical-align: top;}
	.sponserlistbox {float:right; background:#FABB00; padding:10px; margin-left:10px; width:207px; vertical-align: top;}
	.deelnemerimage {float:right; position:relative; width:130px; vertical-align: top; padding-right:20px;}
	.deelnemerimage a { vertical-align: top;}
	.sponsorlisttext {width:432px;}
	#wrapper div.sponsorlist h3 {
		margin: 10px 0;
		color: #fbba00;
		text-transform: uppercase;
	}

	table.sponsorlist thead {
		font-weight: bold;
		color: #ffffff;
	}
	table.sponsorlist thead th {
		font-weight: bold;
		color: #ffffff;
		background-color: #000000;
		border-right:10px solid white;
	}
	table.sponsorlist thead th.last {
		font-weight: bold;
		color: #ffffff;
		background-color: #000000;
		border-right:none;
	}

	.sponsorlist table {
		width: 100%;
		border-collapse: collapse;
	}
	.sponsorlist table td {
		padding: 0px;
		vertical-align: top;
	}

	table.sponsorlist td { padding: 5px; }
	table.sponsorlist 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 {
		height: 25px;
		border-bottom: 1px dashed #faba00;
	}

	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;
	}

/********** HEADER ************************************************/

	#wrapper #header {
		position: relative;
		float: left;
		margin: 0 0 40px 0;
		padding: 30px 0 0 0;
		/*width: 926px;
		height: 400px;*/
		width: 960px;
		height: 325px;
	}

	#wrapper #header img.logo {
		position: absolute;
		left: 0;
		z-index: 100;
	}

	#wrapper #header .header_info {
		position: absolute;
		right: 0;
		z-index: 100;
		/*height: 355px;*/
		width: 245px;
		height: 325px;
	}

	#wrapper #header .header_infobox {
		position: absolute;
		right: 0;
		bottom: 0;
		padding: 15px;
		/*width: 270px;
		height: 237px;*/
		width: 215px;
		height: 215px;
		color: #ffffff;
		font-size: 18px;
		background-color: #000000;
	}

		#wrapper #header .header_infobox a.h1,
		#wrapper #header .header_infobox a.h2,
		#wrapper #header .header_infobox h3 {
			padding: 0;
			margin: 0;
			font-family: Arial, sans-serif;
			text-transform: uppercase;
		}

		#wrapper #header .header_infobox a.h2 {
			margin: 0px 0 40px 0;
			font-size: 18px;
			color: white;
			text-decoration: none;
			font-weight: bold;
			line-height: 10px;
		}

		#wrapper #header .header_infobox a.h1 {
			font-size: 35px;
			color: white;
			text-decoration: none;
		}



		#wrapper #header .header_infobox h3 {
			font-size: 17px;
			color: #e2001a;
		}
		#wrapper #header .header_infobox p {
			font-size: 10px;
			line-height: 11px;
			margin-top: 10px;
			font-style: italic;
		}

		#wrapper #header .header_infobox a.buttonyellow {
			position: absolute;
			right: 120px;
			bottom: -10px;
			padding: 10px;
			width: 230px;
			font-size: 30px;
			font-weight: bold;
			color: #e2001a;
			background-color: #fabb00;
			text-transform: uppercase;
			text-decoration: none;
			-webkit-transform: rotate(8deg);
		}

	a.outrecht {
		position: absolute;
		top: 30px;
		right: 0;
		text-decoration: none;
	}

	#wrapper #header div.header_image {
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 50;
		float: left;
		overflow: hidden;
		/*width: 690px;
		height: 315px;*/
		width: 745px;
		height: 280px;
	}

		#header div.header_image ul#slideshow {
			list-style-type: none;
			position: relative;
			margin: 0;
			width: 745px;
			height: 280px;
			overflow: hidden;
		}

			#wrapper #slideshow li {
				margin: 0;
				width: 745px;
				height: 280px;
			}

	#wrapper #header div.header_image a.photoalbum {
		position: absolute;
		bottom: 15px;
		left: 0;
		z-index: 150;
		padding: 3px;
		padding-left: 10px;
		font-weight: bold;
		text-transform: uppercase;
		color:#e2001a;
		background-color: #ffffff;
		text-decoration: none;
	}

	#wrapper #header div.header_image a.photoalbum:hover {
		color: #ffffff;
		background-color: #e2001a;
	}

	#topbar {
		position: relative;
		top: 0;
		display: block;
		margin: 0 auto;
		padding: 0;
		/*width: 930px;*/
		width: 960px;
		height: 30px;
		background-color: #e2001a;
	}

		#topbar ul#nav {}

			#topbar ul#nav li {
				float: left;
				padding: 7px;
				height: 16px;
			}

				#topbar ul#nav li a {
					height: 15px;
					font-size: 11px;
					font-weight: bold;
					color: #ffffff;
					text-transform: uppercase;
					text-decoration: none;
				}

				#topbar ul#nav li ul {
					position: absolute;
					top: 30px;
					z-index: 300;
					margin: 0;
					padding: 0;
					width: 200px;
					visibility: hidden;
				}

					#topbar ul#nav li ul li {
						float: left;
						padding: 0;
						width: 200px;
						height: 20px;
						background-color: #fabb00;
					}

					#topbar ul#nav li ul li a {
						display: block;
						padding: 3px;
						height: 20px;
						color: #ffffff;
					}

					#topbar ul#nav li ul li a:hover {
						display: block;
						height: 15px;
						color: #ffffff;
						background: #e2001a;
					}

/********** MAIN **************************************************/

	div#main {
		position: relative;
		float: left;
		margin-bottom: 100px;
		width: 960px;
	}

		#main div.row {
			float: left;
			width: 960px;
			margin-bottom: 20px;
		}

		#main div.top {
			padding-bottom: 21px;
			border-bottom: 1px dotted #fbba00;
		}


	#wrapper .contenthome  {padding-bottom:30px; line-height:18px;}
	#wrapper .contenthome  h1 {font-size:30px; color:#E2001A; line-height:30px; padding-bottom:10px;}



/********** FOOTER ************************************************/

	#impressfooter {
		position: relative;
		padding: 0;
		width: 100%;
		height: auto;
		height: 535px;
		overflow: hidden;
	}

	#impressfooter.dedag {height: 400px}


		#impressfooter div.images {
			margin: 0 auto;
			width: 1400px;
			height: 405px;
			text-align: center;
		}

			#impressfooter div.images img.random {
				float: left;
				margin: 0;
				padding: 0;
			}

	#impressfooter h1,
	#impressfooter h2,
	#impressfooter h3 {
		position: absolute;
		left: 224px;
		padding: 5px;
		text-transform: uppercase;
		font-size: 30px;
		background-color: #fbba00;
	}

	#impressfooter.dedag h1,
	#impressfooter.dedag h2,
	#impressfooter.dedag h3 {
		color: white;
		background-color: #000000;
		text-weight: bold;
	}

	#impressfooter h1 a,
	#impressfooter h2 a,
	#impressfooter h3 a{
		text-decoration: none;
		color: #ffffff;
	}

	#impressfooter h1 a:hover{color: #E2001A;}
	#impressfooter h2 a:hover{color: #E2001A;}
	#impressfooter h3 a:hover{color: #E2001A;}

	#impressfooter h1 { top: 40px; }
	#impressfooter h2 { top:75px; }
	#impressfooter h3 { top:110px; }

	#impressfooter.dedag h1 { top: 60px; }
	#impressfooter.dedag h2 { top:95px; }
	#impressfooter.dedag h3 { top:130px; }


	#aanm{position: absolute;top: 165px;left:550px;}

	#moreinfo {
		position: absolute;
		text-align: right;
		left: 784px;
		top: 280px;
		padding: 3px;
		color: white;
		width: 300px;
	}
	#moreinfo span {background-color: #E2001A; padding:1px;line-height: 21px;}
	#moreinfo .black{color: black;font-weight: bold;padding-bottom:5px;}

	#moreinfo a {color: white;text-decoration: none;}
	#moreinfo a:hover {text-decoration: underline;}


/********** LEFT COLUMN *******************************************/

	#wrapper #leftbar {
		position: relative;
		display: block;
		float: left;
		margin: 0 20px 0 0;
		padding: 0;
		width: 225px;
		background-image: none;
	}

		div.column-left div#intro {
		}

			#wrapper #intro p { margin: 0; }

		div.column-left div#social {
			float: left;
			margin: 35px 0 5px 0;
			width: auto;
		}

			#social div.socialicons {
				float: left;
				padding-bottom: 5px;
			}

				#social a.myteam { display: block; clear: left; }

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

		#sponsorvideo.longcolumn { margin-bottom: 20px; }

		#sponsorbar {
			float: left;
			margin-right: 20px;
			width: 225px;
		}

			div.column-left div#sponsorenleft {
				position: relative;
				float: left;
				margin-top: 32px;
				padding: 38px 15px 15px 15px;
				width: 195px;
				color: #ffffff;
				background-color: #e2001a;
			}

			#wrapper #sponsorenleft h2  {
				margin: 0 0 15px 0;
				padding: 0;
				font-size: 17px;
				font-weight: bold;
				color: #ffffff;
			}

				#sponsorenleft img.title {
					position: absolute;
					top: -30px;
					left: 0;
				}

			.person { padding-bottom: 10px; }

			#sponsorenleft a.all {
				float: right;
				font-weight: bold;
				color: #fabb00;
				text-decoration: none;
			}

			#sponsorenleft a.all:hover { color: #ffffff; }

		div.column-left div.sponsor {
			float: left;
			margin: 15px 0 0 0;
			padding: 10px;
			width: 195px;
			font-size: 10px;
			color: #ffffff;
			text-align: center;
			text-transform: uppercase;
			background-color: #000000;
		}

			div.column-left div.sponsor ul#sponsorImages {
				list-style: none;
				position: relative;
				float: left;
				margin: 0;
				padding: 0;
				width: auto;
			}

				#sponsorImages li {
					display: none;
					text-align: center;
					width: 195px;
				}

					#sponsorImages img { border: 0; }

		#wrapper div.column-left ul#bottom_nav {
			position: relative;
			margin: 6px 0 0 0;
			padding: 0;
			width: 182px;
			height: auto;
			background-image: none;
		}

			#wrapper div.column-left ul#bottom_nav li {
				display: block;
				margin: 0 0 6px 0;
				width: 182px;
				height: 23px;
				background: #e2001a;
			}

			#wrapper div.column-left ul#bottom_nav li:hover,
			#wrapper div.column-left ul#bottom_nav li.active {
				background: #e2001a;
			}

				#wrapper div.column-left ul#bottom_nav li a {
					display: block;
					margin: 0;
					padding: 4px 0 0 8px;
					width: 175px;
					height: 16px;
					font-family: Helvetica, sans-serif;
					font-size: 14px;
					color: #ffffff;
					text-align: left;
					text-decoration: none;
					text-transform: uppercase;
					background-image: none;
					border: 0;
				}

/********** BOTTOM ************************************************/

	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;
	}

		#bottom a {
			font-weight: normal;
			color: #e2001a;
			text-decoration: none;
		}

/********** CONTENT ***********************************************/

	#main div.fietsers {
		position: relative;
		float: left;
		padding: 15px;
		/*width: 220px;*/
		width: 685px;
		height: auto !important;
		height: 357px;
		min-height: 357px;
		color: #000000;
		background-color: #fabb00;
	}

		#main div.fietsers a.buttonred {
			position: absolute;
			top: -28px;
			right: 15px;
			display: block;
			width: 218px;
			height: 65px;
		}

		#main div.fietsers div.title {
			float: left;
			margin-bottom: 15px;
			width: 685px;
		}

			#main div.fietsers div.title h3 {
				float: left;
				margin: 0 30px 0 0;
				padding: 0;
				width: auto;
				font-family: Arial, Helvetica, sans-serif;
				text-transform: uppercase;
			}

			#main div.fietsers div.title em {
				float: left;
				margin-top: 5px;
				width: auto;
				font-size: 10px;
			}

		#wrapper #main ul.homepage {
			float: left;
			width: 121px;
			margin: 0 16px 16px 0;
			color: #ffffff;
		}
		#wrapper #main .dedag ul.homepage {
			float: left;
			width: 131px;
			margin: 0 6px 0px 0;
			color: #ffffff;
		}



			#main ul.homepage li { float: left; width: 121px; }
			#main .dedag ul.homepage li { float: left; width: 131px; }
			#main ul.homepage strong { display: block; }

				#main ul.homepage li div.details {
					float: left;
					width: 121px;
					line-height: 1em;
				}

					#main ul.homepage li div.details span { float: left; width: auto; }

					#main ul.homepage li div.details a {
						float: right;
						width: auto;
						color: #e2001a;
					}

	#wrapper #content {
		position: relative;
		float: left;
		margin: 0 20px 0 0;
		padding: 0;
		width: 475px;
		/*height: 577px;*/
		text-align: left;
	}

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

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

		#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 strong { font-weight: bold; }
	#wrapper em { font-style: italic; }
	#wrapper .underline { text-decoration: underline; }

	#wrapper ul {
		list-style-type: disc;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 40px;
		padding: 0;
		border: none;
	}

	#wrapper ol {
		list-style-type: decimal;
		margin: 10px 0 10px 20px;
		padding: 0;
		border: none;
	}

		#wrapper li {
			margin: 5px 0 0 0;
			padding: 0;
			font-size: 11px;
		}

	#wrapper h1 {
		margin-bottom: 5px;
		font-size: 20px;
		font-weight: bold;
		text-align: left;
		text-transform: uppercase;
	}

	#wrapper h2 {
		margin-bottom: 5px;
		font-size: 18px;
		font-weight: normal;
		color: #fabb00;
		text-align: left;
		text-transform: uppercase;
	}

	#wrapper h3 {
		margin-bottom: 28px;
		font-size: 16px;
		font-weight: bold;
		text-align: left;
	}

	#wrapper h4 {
		margin-bottom: 28px;
		font-size: 14px;
		font-weight: bold;
		text-align: left;
	}

	#wrapper img { border: 0; }

	#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 0;
		padding: 15px 25px;
		width: 453px;
		background-color: #fbba00;
	}

/********** RIGHT COLUMN ******************************************/

	#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 {
		float: right;
		padding: 0;
		margin: 0;
		width: 220px;
		background-color: transparent;
	}

		#wrapper #rightbar h3 {
			margin: 0;
			font-size: 16px;
			font-weight: bold;
			text-transform: uppercase;
		}

		#rightbar div#tweets {
			float: left;
			margin-bottom: 25px;
			width: 220px;
		}

			#tweets h3 {  color: #fabb00; }

			#tweets ul {
				list-style-type: none;
				float: left;
				margin: 0 0 5px 0;
				width: 220px;
			}

				#wrapper #tweets ul li {
					float: left;
					margin: 12px 0;
					width: 220px;
				}

				#tweets ul li.load { height: 16px; }

					#tweets ul li.load img {
						margin-right: 5px;
						vertical-align: middle;
					}

					#tweets ul li span.tweet {
						padding: 3px 0;
						color: #ffffff;
						line-height: 1.6em;
						background-color: #000000;
					}

					#tweets ul li span.details {
						display: block;
						margin-top: 5px;
						font-size: 10px;
						color: #a5a6a7;
					}

						#tweets ul li span a { color: #fabb00; }

			#tweets a.more {
				float: right;
				width: auto;
				text-transform: uppercase;
			}

		#rightbar div#participate {
			position: relative;
			float: left;
			padding: 12px 12px 24px 12px;
			width: 196px;
			background-color: #fabb00;
			display: none;
		}

			#wrapper #participate h3 { color: #ffffff; }
			#wrapper #participate p { margin: 8px 0; }

			#participate a.fietsmee {
				position: absolute;
				right: 12px;
				bottom: -40px;
				display: block;
				width: 170px;
				height: 62px;
			}

/********** CONTACT FORM ******************************************/

	.contact form {
		margin: 0;
		padding: 0;
	}

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

	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;
		margin-right: 4px;
		padding: 2px;
		float: left;
		width: 160px;
	}

	div.input_wrap p.wrap input {
		margin: 0;
		height: 18px;
	}

	div.input_wrap p.wrap_first { border-top: 0; }

	div.input_buttons {
		padding-top: 5px;
		text-align: right;
	}

	p.error_message { color: #ff0000; }

	.contact input, option, select {
		margin:0;
		padding: 0;
		width: 180px;
		height: 18px;
		font-size: 12px;
		color: #000000;
	}

	.contact input.error { border: 1px solid #ff0000; }
	.contact select { padding: 2px; }
	select.large { width: 250px !important; }
	select.large option { width: 250px !important; }
	select.large_spacer { width: 130px !important; }

	.contact textarea {
		padding-left: 6px;
		width: 205px;
		height: 80px;
		color: #4c4c4c;
		border: 1px solid #666666;
	}

	.contact textarea.error { border: 1px solid #ff0000; }

	.contact input.verstuurButton {
		margin: 0 0 0 274px;
		padding: 0;
		width: 100px;
		height: 20px;
		color: #ffffff;
		font-weight: bold;
		background: transparent url('../gfx/site/verstuur.jpg') no-repeat 0 0;
		border: 0;
		cursor: pointer;
	}

/********** RSS ITEMS *********************************************/

	#wrapper ul.rss_items {
		list-style: none;
		margin: 0;
		padding: 0;
	}

		#wrapper ul.rss_items li.rss_item {
			padding-bottom: 20px;
			line-height: 20px;
		}

			#wrapper ul.rss_items li.rss_item a {
				margin-bottom: 28px;
				font-size: 16px;
				font-weight: bold;
				color: #000000;
				text-align: left;
				text-decoration: none;
			}

			#wrapper ul.rss_items li.rss_item a:hover { text-decoration: underline; }

	input.input_button {
		width: 100px;
		color: #ffffff;
		background-color: #000000;
	}

	input.checkbox { $margin-top: 5px !important; }

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

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

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

	p.wrap label { background: none !important; }
	p.wrap { padding-left: 5px !important; }
	body p.wrap.wrapFirst { height: 22px !important; }