@charset "utf-8";
/* CSS Document */


body { margin:0; padding:0; background:url(/static/img/layout/bodyrepeat.gif) 0 0 repeat-x;
		font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; color:#535353; }
body.imcms { background:url(/static/img/layout/bodyrepeat.gif) 0 92px repeat-x; }
	
a { color:#e32524; text-decoration:none; }
a:hover { text-decoration:underline; }

h1 { margin:0; padding:0; font-size:16px; color:#3b3c39; }
	h1 a { color:#3b3c39; }
	h1 a:hover { text-decoration:none; }
h2 { margin:0; padding:0; font-size:25px; }
	h2 a { text-decoration:none; }


a img { border:0; }
img.left { float:left; margin:0 5px 5px 0; }
img.right { float:right; margin:0 0 5px 5px; }

hr { margin:0; padding:0; height:1px; border:none; color:#F18303; background:#F18303;}

/* Id's */
#container { position:relative; width:962px; margin:auto; }
	#header { position:relative; padding-top:77px; margin-bottom:10px; }
		#flash_rotator { position:relative;  width:962px; height:300px; display:block;}
		#header_rotator { position:relative; width:962px; height:300px; display:block; overflow:hidden;}
			#header_rotator div { position:absolute; left:0; top:0; }
			
			#story { position:absolute; background:url(/static/img/bg_fiets_tekst.png) 0 0 no-repeat; width:492px; height:220px;
						right:30px; top:50px;}
			.story_tekst { position:absolute; right:45px; width:460px; height:160px; display:none; }
			.story_tekst strong { position:absolute; left:0; top:0;}
			.story_tekst img { position:absolute; left:0; top:20px;}
			.story_tekst span { position:absolute; left:0; top:150px; font-weight:bold; font-size:13px;}
			.story_tekst div { position:absolute; left:190px; width:260px; height:160px; text-align:left}
			.story_tekst div p { margin:0;}
	
		#menu { background:url(/static/img/layout/bg_menu.png) 0 0 no-repeat; height:84px; width:957px; padding-top:3px; padding-left:5px;
				position:absolute; left:0; top:35px; }
		#menu ul { margin:0; padding:0; list-style:none;}
		#menu ul li { float:left;}
		#menu ul li a { float:left; height:43px; display:block; line-height:43px; padding:0 14px; border-left:1px solid #507918; color:#3d3535;
						text-transform:uppercase; font-size:12px}
		#menu ul li a.first { border-left:none;}
		#menu ul li a.active,
		#menu ul li a:hover { color:#fff; background:url(/static/img/layout/bg_menu_hover.gif) 0 0 repeat-x; text-decoration:none; }
		
		.fietsers { position:relative; height:42px; text-align:right}
		#rij1 { background:#3b3b3b;  } #rij1 .story_tekst { top:-236px;}
		#rij2 { background:#454242;  } #rij2 .story_tekst { top:-278px;}
		#rij3 { background:#4f4a4a;  } #rij3 .story_tekst { top:-320px;}
		
		.fietsers a { display:block; height:42px; width:40px; overflow:hidden; float:right; }
		
		.shadow { background:url(/static/img/shadow_fietsers.png) 0 0 repeat-x; height:6px; width:962px;
					position:absolute; top:0; left:0; }
		.shadow_real { background:url(/static/img/shadow_fietsers.png) 0 0 repeat-x; height:6px; width:962px; }
	
		#logo { position:absolute; left:0; top:270px;}
	
		#doneernu { position:absolute; right:0; top:84px; display:block; width:130px; height:32px; 
						line-height:30px; font-size:18px; color:#fff; text-align:center;}
		#teller { position:absolute; right:130px; top:84px; display:block; width:150px; height:32px; 
						line-height:30px; font-size:18px; color:#fff; text-align:left;}
	
	#main {}
		#Kolom_links { float:left; width: 220px;  }
		#Kolom_midden { float:left; width: 480px; padding:0 20px; }
		#Kolom_rechts { float:left; width: 220px; }
		
		#Kolom_rechts a { text-align:center; color:#fff; text-decoration:none; font-weight:bold; font-size:14px; display:block;  }
	
		.partners { text-align:center; }
		.partners img { margin:10px 0; }
		
		.kolom_blok { border: 1px solid #759d3f }
			.blok_titel {
			 	padding: 4px 10px;
				background: #759d3f;
				color:#FFFFFF;
				font-weight: bold;
			} 
			.blok_inhoud {
			 	padding: 4px 10px;
			}
			.groen {
			background-color: #a1d92d;
		
			}
			.block { display:block; position:relative; margin-bottom:25px}
				.cat-title { margin-bottom:0}
				.cat { display:block; height:30px; background:url(/static/img/lijn.gif) 0 100% no-repeat; padding-bottom:2px; margin-bottom:7px; line-height:20px; }
				.cat:hover { text-decoration:none; }
				.cat span { display:block; padding:5px 0; height:20px; float:left; color:#fff; margin-right:5px;cursor:pointer; color: #97ac5e;
	font-weight: bold;
	font-size: 18px;}
				span.dat { color:#e32524; display:block; }


	#footer {}
	#footer .title { background:#a1d92d; color:#fff; display:block; height:22px; line-height:22px; padding-left:8px; font-weight:bold}
	
	#titanium { display:block; margin:10px 0;}
		#titanium ul li { float:left; margin:10px; width:270px; height:100px; display:block; text-align:center}
		#titanium ul li a { width:270px; height:100px; display:block; float:left}
	
	#gold { display:block; margin:10px 0;}
		#gold ul { margin-left:5px;}
		#gold ul li { float:left; margin:10px 5px; width:200px; height:80px; display:block; text-align:center}
		#gold ul li a { width:200px; height:80px; display:block; float:left}
	
	#silver { display:block; margin:10px 0;}
		#silver ul { margin-left:5px;}
		#silver ul li { float:left;  margin:10px 3px; width:135px; height:60px; display:block; text-align:center}
		#silver ul li a { width:135px; height:60px; display:block; float:left}
	
	#brons { display:block; margin:10px 0;}
		#brons ul { margin-left:5px;}
		#brons ul li { float:left; margin:10px 3px; width:117px; height:50px; display:block; text-align:center}
		#brons ul li a { width:117px; height:50px; display:block; float:left}
	
	#vriendvan { display:block; margin:10px 0;}
		#vriendvan ul { margin-left:5px;}
		#vriendvan ul li  { margin:10px 3px; width:120px; height:25px; display:block; float:left; text-align:center}

.nieuws {}
	.nieuws ul { margin:0; padding:0; list-style:none; }
	.nieuws ul li a { color:#000; font-size:10px; display:block; margin:3px 0;}
	.nieuws ul li a span { font-size:13px; text-decoration:underline; display:block; font-weight:bold}

.reactie_block { display:block; margin-bottom:15px;}
	span.name { display:block; height:20px; border-bottom:1px solid #a1d92d; margin-bottom:7px; line-height:20px; color:#999; }
	span.name span { display:block; background:#a1d92d; padding:0 5px; height:20px; float:left; color:#fff; margin-right:5px;}
.form_reactie { margin:0;}
	.form_reactie td { padding:2px 0; vertical-align:middle;}
	
.inputtext { border:1px solid #a8a8a8; width:250px; height:17px;}
.inputarea { border:1px solid #a8a8a8; width:350px; height:75px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}



.style1 {color: #000000}
.style3 {
	color: #3b3c39;
	font-weight: bold;
}
.style4 {color: #3b3c39}
.style5 {font-size: 10px; color: #3b3c39; }
.style6 {color: #FFFFFF}
.style7 {font-size: 16px}
.style8 {
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
}



/* Classes */
.clear { clear:both; }
.clearfix:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

.input_veld { width:200px; padding:3px; border:1px solid #a7a7a7; margin:0; font-size:12px; }
textarea.input_veld { width:428px; height:75px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.input_error { border-color:#f00;}

textarea.active,
input.active { border:1px solid #759d3f;}

.paddingme td { padding:4px 0;  }