@charset "utf-8";
/* Stylesheet for Rob Oostrom, By Media Solutions*/

/* Table of Contents
1. Base Elements
2. Site
3. Header
 3.1. header-foto
 3.1.1. header-balk
 3.2. header-p
4. Page
 4.1. Thermometer
5. Footer
 5.1. footer links
6. Misc
7. Thermometer

/* x. Sliderbar */

/* Table of contents */

/* 1. Base Elements */

* {
	margin:0;
	padding:0;
}

body {
	background:#ffffff url(../images/body-bg.gif) 0 top repeat-x;
	font-family:Arial, Helvetica, sans-serif;
}

a {
	color:#009fbb;
}

li {
	list-style:none;
}

img {
	border:none;
}

/* 2. Site */
#site {
	margin:0 auto;
	width:950px;
}

/* 3. header */
#header {
	position:relative;
	width:950px;
	height:376px;
}

	#header h1 {
		position:absolute;
		font-size:55px;
		color:#0a434d;
		top:22px;
		right:0px;
		font-stretch:ultra-condensed;
	}
		
		#header h1 span{
			color:#ffffff;
		}

	#header .menu {
		position:absolute;
		top:44px;
		left:7px;
	}

		#header .menu li {
			float:left;
			list-style:none;
			font-size:11px;
			font-weight:bold;
		}
		
		#header .menu li a {
			display:block;
			color:#ffffff;
			height:47px;
			padding:11px 14px 0 16px;
			text-decoration:none;
		}
		
		#header .menu li.last-of-type a {
			padding:11px 15px 0 20px;
		}
		
		#header .menu li.active a,
		#header .menu li a:hover {
			color:#393939;
			background: url(../images/bg-knop.png) repeat-x;
		}
		
	#header #double {
		position:absolute;
		top:258px;
		left:540px;
		z-index:15;
	}
	
	#header .thermometer {
		float:right;
		margin: -149px 0 0;
	}
	
	/* x.x. header-p */
	
	#header #header-p {
		position:absolute;
		right:140px;
		top:126px;
		padding:0 0 90px;
		background:url(../images/aangepaste-auto.jpg) right bottom no-repeat;
	}
	
		#header p {
			margin:0 0 1em;
			font-weight:bold;
			font-size:13px;
			color:#0a434d;
			line-height:26px;
			text-align:right;
		}
	
	/* x.x. header-foto */
	
	#header #header-foto {
		position:relative;
		top:73px;
		height:257px;
		width:551px;
		background: url(../images/header-foto-bg.gif) center bottom no-repeat;
	}
		#header #header-foto .foto {
			position:absolute;
			left:7px;
			height:240px;
			width:509px;
			top:0;
			border-top:17px solid #fff;
			border-left:12px solid #fff;
			border-right:12px solid #fff;
			background-color:#fff;
		}
		
		#header #header-foto #foto-bg {
			background-image: url(../images/header-rob/foto1.jpg); 
			background-repeat: no-repeat;               
		}
		
		#header #header-foto #foto-bg img {
			border:none;
			left:0px;
		}

	#header-content {
		clear:both;
		margin: 10px 0 0 0;
		width: 548px;
		height: 264px;
		background:#fff url(../images/actie.jpg) top left no-repeat;
	}
	
		
		/* x.x.x. header-balk */
		
		#header #header-balk {
			position:relative;
			top:252px;
			left:-3px;
		}
		
			#header #header-balk .header-balk-text {
				position:absolute;
				top:15px;
				left:24px;
				font-weight:bold;
				font-size:11px;
				color:#ffffff;
			}
			
			#header #header-balk .overrob-text {
				position:absolute;
				top:12px;
				left:24px;
				font-weight:bold;
				font-size:11px;
				color:#ffffff;
			}
			
			#header #header-balk .foto-menu {
				position:absolute;
				top:17px;
				right:5px;
			}
			
				#header #header-balk .foto-menu li {
					float:left;
					margin:0 14px 0 0;
				}
	
/* 4. page */

#page {
	width:950px;
}
	
	/* 4. content */	
				
	#content {
		float:left;
		width:551px;
	}
	
		#content h2 {
			font-size:13px;
			color:#0a434d;
			margin:16px 0 10px;
		}
		#content h3 {
			font-size:15px;
			color:#ff0000;
			margin:16px 0 10px;
		}
		
		#content .first-p {
			font-weight:bold;
		}
		
		#content p {
			color:#636363;
			font-size:11px;
			line-height:20px;
			margin:0 0 19px 0;
		}
		
		#content .last-of-type {
			margin:0 0 2px;
		}
		
		/* Gastenboek pagina */
		#content form fieldset {
			border:none;
			font-family:ariel;
			color:#636363;
			font-size:11px;
			margin:0 0 5px 0;
		}
			
			#content form fieldset label {
				display:inline-block;
				width:137px;
			}
			
			#content form fieldset .bericht {
				vertical-align:top;
			}
			
			#content form fieldset .textveld {
				width:271px;
				border:1px solid #a5acb2;
			}
			
			#content form fieldset .textarea {
				width:271px;
				height:99px;
				border:1px solid #a5acb2;
			}
			
			#content form .hidden {
				display:none;
			}
			
			#content form .submit {
				float:right;
				margin:0 134px 0 0;
			}
			
		#content .gastenboek {
			margin:10px 0 0;
			padding:0 0 25px;
			border-bottom:1px dashed #bababb;
		}
		
			#content .gastenboek dt {
				margin:21px 0 0;
				padding:21px 0 0;
				border-top:1px dashed #bababb;
				color:#636363;
				font-weight:bold;
				font-size:11px;
			}
			
				#content .gastenboek span {
					font-weight:normal;
					font-style:italic;
				} 
			
			#content dl dd {
				color:#636363;
				font-size:11px;
				
			}
		#content .gastenboek-menu {
			margin:9px 0 45px;
		}
		
			#content .gastenboek-menu li {
				float:left;
				width:183px;
				color:#636363;
				font-size:11px;
				line-height:10px;
				text-align:center;
			}
			
			#content .gastenboek-menu li a {
				color:#636363;
				text-decoration:none;
			}
			
			#content .gastenboek-menu li a:hover {
				color:#009fbb;
			}
			
			#content .gastenboek-menu li .vorige {
				display:block;
				padding:0 0 0 10px;
				width:32px;
				height:10px;
				line-height:10px;
				background: url(../images/vorige-4.gif) left center no-repeat;
			}
			
			#content .gastenboek-menu li .volgende {
				float:right;
				display:block;
				padding:0 10px 0 0;
				width:48px;
				height:11px;
				line-height:11px;
				background: url(../images/volgende-4.gif) right center no-repeat;
			}
				
		/* Nieuws pagina */
		
		#content .nieuws-datum {
			font-size:11px;
			color:#009fbb;
		}
		
		#content .nieuws-ul {
			border-top:1px solid #009fbb;
			border-bottom:1px solid #009fbb;
			padding:0 0 13px;
			margin:0 0 18px;
		}
		
			#content .nieuws-ul li {
				line-height:25px;
				color:#636363;
				font-size:11px;
			}
			
			#content .nieuws-ul .first-of-type {
				margin:8px 0 0;
			}
			
			#content .nieuws-ul li a {
				display:inline-block;
				color:#636363;
				text-decoration:none;
				padding:0 10px 0 0;
				background: url(../images/nieuws-4.gif) right center no-repeat;
			}
			
			#content .nieuws-ul li a:hover {
				color:#009fbb;
			}
			
			#content .nieuws-ul li a .blue {
				color:#009fbb;
			}
	/* x.x. sidebar */
	
	#sidebar {
		float:right;
		width:360px;
	}
	
		#sidebar .donatie {
			display:block;
			color:#0a434d;
			font-size:11px;
			font-weight:bold;
			width:353px;
			padding:25px 0 0 10px;
			height:101px;
			line-height:24px;
			background: url(../images/donatie-bg.png) center center no-repeat;
			border-bottom:1px dashed #bababb;
		}
		
		#sidebar .bigapple {
			color:#0a434d;
			font-size:13px;
			font-weight:bold;
			width:353px;
			padding:25px 0 0 10px;
			height:101px;
			line-height:24px;
			text-align:center;
			background: url(../images/bigapple-bg.png) center center no-repeat;
		}
		
			#sidebar .bigapple h2 {
				font-size:17px;
				color:#0a434d;
				margin:0px 0 5px;
			}
			
			#sidebar .bigapple a:hover {
				color:#FFFFFF;
			}
			#sidebar .bigapple a{
				color:#0a434d;
			}
		
		#sidebar h3 {
			margin:14px 0 0;
			font-size:13px;
			color:#0a434d;
		}
		
			#sidebar h3 a {
				color:#0a434d;
				text-decoration:none;
			}
			
			#sidebar h3 a:hover {
				text-decoration:underline;
			}
		
		#sidebar .datum {
			margin:19px 0 0;
		}

			#sidebar .datum a {
				color:#009fbb;
				font-size:11px;
				text-decoration:none;
			}
			
			#sidebar .datum a:hover {
				color:#0a434d;
			}
			
		#sidebar p {
			margin:2px 0 0;
			color:#636363;
			font-size:11px;
			line-height:19px;
		}
		
		#sidebar .meer-nieuws {
			display:block;
			float:right;
			margin:3px 11px 0 0;
			width:72px;
			height:16px;
			font-size:11px;
			background: url(../images/nieuws-4.gif) right center no-repeat;
		}
		
			#sidebar .meer-nieuws a {
				text-decoration:none;
				color:#009fbb;
			}
			
			#sidebar .meer-nieuws a:hover {
				color:#0a434d;
			}
		/* x.x.x. hardlopers */
		
		#sponsor {
			margin:0px 0px 0 5px;
			border-top:1px dashed #bababb;
			border-bottom:1px dashed #bababb;
		}
			
			#sponsor h2 {
				font-size:13px;
				color:#0a434d;
				margin:19px 0 13px;
			}
		
		#telegraaf {
			margin:5px 0px 0px 0;
			border-bottom:1px dashed #bababb;
		}
		#fotoalbum {
			margin:17px 0px 5px 0;
			border-bottom:1px dashed #bababb;
		}
		#oliebollen {
			margin:5px 0px 0px 0;
			border-top:1px dashed #bababb;
			border-bottom:1px dashed #bababb;
		}
		#hardlopers {
			border-top:1px dashed #bababb;
			border-bottom:1px dashed #bababb;
		}
			
			#hardlopers h2 {
				font-size:13px;
				color:#0a434d;
				margin:19px 0 13px;
			}
			
			#hardlopers .img1 {
				margin:0 14px 14px 0;
			}
			
			#hardlopers .img2 {
				margin:0 0 14px;
			}
			
			#hardlopers .img3 {
				margin:0 14px 22px 0;
			}
			
			#hardlopers .img4 {
				margin:0 0 22px;
			}
				
/* x. footer */

#footer {
	clear:both;
	overflow:hidden;
	width:950px;
}

	#footer ul {
		overflow:hidden;
		border-top:1px dashed #bababb;
		border-bottom:1px dashed #bababb;
		margin:10px 0 0;
	}
	
		#footer ul li {
			float:left;
			margin:15px 30px 10px 0;
		}
		
			#footer ul li a	{
				text-decoration:none;
			}
			
		#footer ul .last-of-type {
			margin:15px 0 10px;
		}
		
		#footer .hidden {
			display:none;
		}
			
			/* x.x. footer links */
		#footer ul li .mediasolutions {
			display:block;
			width:142px;
			height:45px;
			background: url(../images/media-solutions-zw.png) no-repeat;
		}
		
		#footer ul li .mediasolutions:hover {
			background: url(../images/media-solutions-kl.png) no-repeat;
		}
		
		#footer ul li .leenaerts {
			display:block;
			width:71px;
			height:57px;
			background: url(../images/leenaerts-zw.png) no-repeat;
		}
		
		#footer ul li .leenaerts:hover {
			background: url(../images/leenaerts-kl.png) no-repeat;
		}
		
		#footer ul li .henzen {
			display:block;
			width:103px;
			height:52px;
			background: url(../images/henzen-zw.png) no-repeat;
		}
		
		#footer ul li .henzen:hover {
			background: url(../images/henzen-kl.png) no-repeat;
		}
		
		#footer ul li .biomos {
			display:block;
			width:89px;
			height:62px;
			background: url(../images/biomos-zw.png) no-repeat;
		}
		
		#footer ul li .biomos:hover {
			background: url(../images/biomos-kl.png) no-repeat;
		}
		
		#footer ul li .runnersworld {
			display:block;
			width:145px;
			height:38px;
			background: url(../images/runnersworld-zw.png) no-repeat;
		}
		
		#footer ul li .runnersworld:hover {
			background: url(../images/runnersworld-kl.png) no-repeat;
		}
		
		#footer ul li .hardlopen {
			display:block;
			width:124px;
			height:41px;
			background: url(../images/hardlopen-zw.png) no-repeat;
		}
		
		#footer ul li .hardlopen:hover {
			background: url(../images/hardlopen-kl.png) no-repeat;
		}
		
		#footer ul li .cars2africa {
			display:block;
			width:91px;
			height:57px;
			background: url(../images/cars2africa-zw.png) no-repeat;
		}
		
		#footer ul li .cars2africa:hover {
			background: url(../images/cars2africa-kl.png) no-repeat;
		}
		
	#footer .copy {
		margin:8px 0 10px;
		float:left;
		color:#0a434d;
		font-size:11px;
		width:250px;
	}
	
	#footer .media-solutions {
		float:right;
		margin:8px 0 10px;
	}
		
		#footer .media-solutions a {
			color:#0a434d;
			font-size:11px;
			text-decoration:none;
		}
		
		#footer .media-solutions a:hover {
			color:#009fbb;
		}
			
/* x. Misc */
hr.clear {
	visibility:hidden;
	clear:both;
}


/* Tooltip */
#dhtmltooltip{
	position: absolute;
	visibility: hidden;
	z-index: 100;
}

/* 7. Thermometer */
#thermometer {
	overflow:hidden;
	position:absolute;
	top:110px;
	right:0;
	width:134px;
	height:248px;
}

	#thermometer #overlays {
		position:absolute;
		top:0;
		left:0;
		z-index:10;
	}
	
	#background {
		position:absolute;
		bottom:0;
		left:0;
		z-index:9;
		width:134px;
		height:63px;
		background:#ec1c25;
	}
	
.newsimg {
	margin:0 auto 20px;
}

/* 8. Sliderbar */
	#sliderbar {
		margin:0;
		padding:20px 0 20px;
		width:950px;
		height:60px;
		overflow:hidden;
		position:relative;
		border-top:1px dashed #bababb;
		border-bottom:1px dashed #bababb;
	}
	
		#tick-container {
			z-index:0;
			position:relative;
			width: 2800px;
			height:60px;
			overflow:hidden;
		}
		
			#tickerID {
				visibility:visible;
				top:0;
				left:0;
			}
			
			.ticker {
				visibility:hidden;
				position:relative;
				left:0;
				top:0;
				border:0;
				width:100%;
			}

				.banner_top {
					float:left;
					padding:0 15px 0 0; /* Must be padding for the script to work correctly */
					height:60px;
				}
				
.shadow-left span,
.shadow-right span {
	display: none;
}

#sliderbar .shadow-left {
	position:absolute;
	top:0;
	left:0;
	z-index:30;
	width:14px;
	height:800px;
	background:url(../images/sliderbar.png) -14px 0 no-repeat;
}

#sliderbar .shadow-right {
	position:absolute;
	top:0;
	right:0;
	z-index:30;
	width:14px;
	height:110px;
	background:url(../images/sliderbar.png) no-repeat;
}

#sliderbar #shadow span {display:none;}

#teller {
	display: block;
	width:353px;
	height:30px;
	padding:10px 0 0 0;
	margin:10px 0 10px 0;
	background: #009fbb;
	color : #ffffff;
	font-size:17px;
	text-align: center;
	font-weight: none;
}

.group-2 {
	top:200px;
}

/* 9. Nieuwsbrief formulier */
form[name="budgetmailer_form"] {
	padding:0 0 10px;
	width:100%;
	border-bottom:1px dashed #bababb;
}

form[name="budgetmailer_form"] input[value="Aanmelden"] {
	overflow:hidden;
	margin-top:5px;
	padding-top:26px;
	width:78px;
	height:26px;
	border:0 !important;
	background:url(../images/aanmelden-button.gif);
}

form[name="budgetmailer_form"] input[value="Afmelden"] {
	overflow:hidden;
	margin-top:5px;
	padding-top:26px;
	width:78px;
	height:26px;
	border:0 !important;
	background:url(../images/afmelden-button.gif);
}

/* 10. Static Index */
#alt {
	
}

	#alt #sidebar h3 {
		margin-bottom:10px;
		color:#167788;
		font-size:13px;
	}

	#alt .a {
		color:#343434;
		font-size:17px;
		font-weight:400;
	}

	#alt #content {
		line-height:22px;
	}

	#alt .blue-button {
		display:inline-block;
		background:url(../images/blue-button.gif) right bottom;
		padding:0 15px 0 10px;
		width:70px;
		height:48px;
		line-height:45px;
		color:#fff;
		text-align:center;
		text-decoration:none;
	}
	
	#alt .big-button {
		width:200px;
	}
	
	#alt #content p {
	}
	
	#alt .no-margin {
		margin:0;
	}
	
	#alt #content .above-button {
		margin:15px 0 0;
		font-size:12px !important;
	}

	#alt #content {
		padding-top:20px;
	}
	
	#alt #content p {
		font-size:12px;
	}
	
	#alt .large-font {
		margin-top:15px;
	}
	
	#alt .large-font * {
		font-size:17px !important;
	}
	
	#alt .large-font .box * {
		font-size:12px !important;
	}
	
	#alt .large-font .box th {
		width:200px;
	}
	
	#alt .large-font ul {
		margin-bottom:15px;
		color:#636363;
	}
	
	#alt .box {
		margin:0 0 15px;
		padding:0 0 15px;
		border-bottom:1px dashed #b2b2b2;
	}
	
	#alt .blue-box {
		padding:10px;
		color:#fff;
		background:#167788;
	}
	
		#alt .blue-box h2 {
			margin-top:0;
			color:#fff;
			font-size:18px !important;
			font-weight:400;
			text-transform:uppercase;
		}
	
		#alt .blue-box h3 {
			margin:0;
			color:#fff;
			font-size:12px;
		}
		
		#alt .blue-box h4 {
			font-size:12px;
			font-weight:400;
		}
		
		#alt .blue-box p {
			color:#fff;
			font-size:14px;
			font-weight:700;
		}
		
	#people {
		overflow:hidden;
	}
	
		.person {
			float:left;
			margin-right:15px;
			width:91px;
		}
		
		#people .last-of-type {
			margin-right:0;
		}
	
			.person img {
				width:87px;
				border:2px solid #fff;
			}
			
			.person h3 {
				text-align:center;
			}
			
	#programma {
		font-weight:700;
	}
	
		#programma * {
			margin:0 !important;
			font-size:12px;
		}
	
		#programma li.space {
			margin-bottom:20px !important;
		}
		
		#programma p {
			float:right;
			width:420px;
		}
		
		#programma span {
			float:right;
			display:inline-block;
			width:260px;
		}
		
		.voetbal {
			background:url(../images/dash.gif) 275px 10px no-repeat;
		}
		
	#clubs {
	}
	
		.club {
			margin:0 0 1px;
			padding:10px;
			height:74px;
			color:#fff;
			background:#656565;
		}
		
			.club h2 {
				font-size:16px;
			}
			
			.club p {
				color:#fff !important;
			}
		
			.club img {
				float:left;
				margin-right:20px;
			}
			
	.players {
		overflow:hidden;
	}
	
		.player {
			float:left;
			margin-left:35px;
			padding:10px;
			width:70px;
			height:100px;
			background:#656565;
		}
		
		.players div.first-child {
			margin-left:0;
		}
		
			.player h2 {
				margin:5px 0 0;
				color:#fff;
				font-size:11px;
			}
			
	.grey {
		padding:10px;
		color:#fff;
		font-size:16px;
		line-height:1.8em;
		background:#656565;
	}
	
	.dashes li {
		padding-left:15px;
		background:url(../images/dash-fff.gif) 0 13px no-repeat;
	}
	
	.border {
		margin-bottom:15px;
		padding-bottom:15px;
		border-bottom:1px dashed #ccc;
	}
	
	#black-box {
		overflow:hidden;
		padding:10px;
		background:#000;
		text-transform:uppercase;
	}
	
		#black-box a {
			float:right;
			display:inline-block;
			padding:5px 8px;
			color:#000;
			font-size:14px;
			text-decoration:none;
			background:#fff;
		}
	
		#black-box p {
			margin:0 0 10px;
			color:#ffe400;
			font-size:17px;
			font-style:italic;
		}
	
		#black-box .white {
			color:#fff;
			font-style:normal;
		}
		
	.route {
	}
	
		.route fieldset {
			border:0;
		}
	
		.route input.text {
			width:355px;
			height:20px;
		}
	
		.route .submit {
			float:right;
			margin-top:5px;
		}
		
	#alt .available {
		height:35px;
		width:50px;
		line-height:32px;
	}
	
	#tickets {
		overflow:hidden;
	}
	
		#tickets div {
			float:left;
			width:229px;
		}

	#alt .dash {
		
	}
	
		#alt .dash li {
			padding-left:8px;
			background:url(../images/dash.gif) 0 10px no-repeat;
		}
		
	.box table {
		font-size:12px;
		font-weight:700;
	}
	
		.box table th {
			width:120px;
			text-align:left;
			vertical-align:top;
		}
	
		.box table .blue {
			color:#167788;
			width:400px;
		}
		
		.box table .short {
			width:150px;
			background:url(../images/dash.gif) 140px 10px no-repeat;
		}
		
		.box table td {
			width:250px;
			text-align:left;
		}	
		
		#alt .blue {
			color:#167788;
		}
		
/* 11. Ticket-pages */
.tickets {
}

	#site .tickets h3 {
		color:#0a434d;
		font-size:13px;
	}
	
	#site .tickets p {
		color:#636363;
	}

	#naw {
		font-size:12px;
	}
	
		#naw td {
			padding:3px 0;
		}
	
	#tickets {
		width:550px;
		border-collapse:collapse;
		font-size:12px;
	}
	
		#tickets th {
			padding:5px 0;
			font-weight:400;
			text-align:left;
		}
	
		#tickets tbody td {
			padding:8px 0;
			border-top:1px solid #167788;
		}
		
		#tickets select {
			width:50px;
		}
		
	#site .tickets p.title {
		margin:30px 0 10px;
		font-weight:700;
	}
	
	.user {
		color:#636363;
		font-size:12px;
		line-height:23px;
	}
	
		.user dt {
			float:left;
			width:90px;
		}
		
		.user dd {
			padding-left:90px;
			width:200px;
		}
		
	.tickets .submit {
		float:right;
		margin:0 !important;
	}
	
	.tickets #buttons {
		margin:30px 0;
		width:550px;
	}
	
	.tick {width:185px;}
	.pric {width:205px;}
	
	.nomarg {margin:0 !important;}
	.tickets input[name="btnsubmit"] {
		position:relative;
		top:5px;
		right:7px;
	}
	
#page #content .small {
	font-size:12px !important;
}