html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
outline: 0;
}

img { border:0; }

a:link,
a:visited,
a:hover,
a:active {
color:#008cbe;
text-decoration:underline;
}

a:hover {
text-decoration:none;
}

body {
background:#f7f4ed url('../images/bgSite.jpg') no-repeat center 30px;
font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
line-height:1.5em;
}

h1,h2,h3,h4,h5,h6 { color:#000; }
h1 { font-size:130%;margin-bottom:10px;line-height:110%; color:#00769c; }
h2 { font-size:110%;line-height:110%; margin-bottom:5px; }
h3,h4,h5,h6 { font-size:100%;line-height:110%; }

p { margin-bottom:10px; }

.dottedLine { width:100%;height:1px;margin:10px 0;background:url('../images/dottedLine.gif') repeat-x 0 0; }

/* Layout ----------------------------------- */


#canvas {
margin-top:177px;
}

	#menu {
	width:230px;
	float:left;
	margin-top:28px;
	background:url('../images/bgMenuTop.gif') no-repeat 0 0;
	padding-top:32px;
	cursor:pointer;
	}
	
		#menu .sub {
		border:1px solid #c6c6c6;
		border-top:0;
		background-color:#e4f5f9;
		padding:10px;
		}
			#menu .sub ul {
			list-style-type:none;
			}
				#menu .sub ul li {
				height:12px;
				padding:4px 0;
				}
		#menu span { 
		visibility:hidden;
		text-decoration:none;
		}
		#menu a:link,
		#menu a:visited,
		#menu a:hover,
		#menu a:active {
		text-decoration:none;
		}
		
		a#btnOxxioPrestatieloop {
		width:230px;
		height:32px;
		background:url('../images/btnOverOxxioPrestatieloop.gif') no-repeat 0 0;
		display:block;
		}
		a#btnOxxioPrestatieloop.act {
		background:url('../images/btnOverOxxioPrestatieloop_act.gif') no-repeat 0 0;
		}
		a#btnOxxioPrestatieloop.act:hover,
		a#btnOxxioPrestatieloop:hover {
		background:url('../images/btnOverOxxioPrestatieloop_hover.gif') no-repeat 0 0;
		}

		a#btnNikeHilversumRun {
		width:230px;
		height:32px;
		background:url('../images/btnOverNikeCityRun.gif') no-repeat 0 0;
		display:block;
		}
		a#btnNikeHilversumRun.act {
		background:url('../images/btnOverNikeCityRun_act.gif') no-repeat 0 0;
		}
		a#btnNikeHilversumRun.act:hover,
		a#btnNikeHilversumRun:hover {
		background:url('../images/btnOverNikeCityRun_hover.gif') no-repeat 0 0;
		}
		
		a#btnDeelnemersUitslagen {
		width:230px;
		height:30px;
		background:url('../images/btnDeelnemers.gif') no-repeat 0 0;
		display:block;
		}
		a#btnDeelnemersUitslagen.act {
		background:url('../images/btnDeelnemers_act.gif') no-repeat 0 0;
		}
		a#btnDeelnemersUitslagen.act:hover,
		a#btnDeelnemersUitslagen:hover {
		background:url('../images/btnDeelnemers_hover.gif') no-repeat 0 0;
		}
		    #deelnemers2011 {
			width:188px;
			height:12px;
			display:block;
			background:url('../images/btnDeelnemers2011.gif') no-repeat 0 0;
			}
			#deelnemers2011:hover,
			#deelnemers2011.act {
			background:url('../images/btnDeelnemers2011_act.gif') no-repeat 0 0;
			}
			#deelnemers2010 {
			width:188px;
			height:12px;
			display:block;
			background:url('../images/btnDeelnemers2010.gif') no-repeat 0 0;
			}
			#deelnemers2010:hover,
			#deelnemers2010.act {
			background:url('../images/btnDeelnemers2010_act.gif') no-repeat 0 0;
			}
			#deelnemers2009 {
			width:188px;
			height:12px;
			display:block;
			background:url('../images/btnDeelnemers2009.gif') no-repeat 0 0;
			}
			#deelnemers2009:hover,
			#deelnemers2009.act {
			background:url('../images/btnDeelnemers2009_act.gif') no-repeat 0 0;
			}
			#deelnemers2008 {
			width:188px;
			height:12px;
			display:block;
			background:url('../images/btnDeelnemers2008.gif') no-repeat 0 0;
			}
			#deelnemers2008:hover,
			#deelnemers2008.act {
			background:url('../images/btnDeelnemers2008_act.gif') no-repeat 0 0;
			}
			#deelnemers2007 {
			width:188px;
			height:12px;
			display:block;
			background:url('../images/btnDeelnemers2007.gif') no-repeat 0 0;
			}
			#deelnemers2007:hover,
			#deelnemers2007.act {
			background:url('../images/btnDeelnemers2007_act.gif') no-repeat 0 0;
			}

		a#btnFotoarchief {
		width:230px;
		height:30px;
		background:url('../images/btnFotoarchief.gif') no-repeat 0 0;
		display:block;
		}
		a#btnFotoarchief.act {
		background:url('../images/btnFotoarchief_act.gif') no-repeat 0 0;
		}
		a#btnFotoarchief.act:hover,
		a#btnFotoarchief:hover {
		background:url('../images/btnFotoarchief_hover.gif') no-repeat 0 0;
		}
	
		a#btnOverOxxio:link,
		a#btnOverOxxio:visited,
		a#btnOverOxxio:hover,
		a#btnOverOxxio:active {
		width:230px;
		height:29px;
		background:url('../images/btnOverOxxio.gif') no-repeat 0 0;
		display:block;
		}
		a#btnOverOxxio.act {
		background:url('../images/btnOverOxxio_act.gif') no-repeat 0 0;
		}
		a#btnOverOxxio.act:hover,
		a#btnOverOxxio:hover{
		background:url('../images/btnOverOxxio_hover.gif') no-repeat 0 0;
		}
	
	#content {
	width:660px;
	float:right;
	}
		.contentArea {
		background-color:#fff;
		border-left:1px solid #c6c6c6;
		border-right:1px solid #c6c6c6;
		padding:0;
		}
			.innerCnt { 
			width:620px;
			padding:20px 20px 14px 20px;
			}

			#imgHome {
			width:640px;
			height:234px;
			left:10px;
			top:10px;
			overflow:hidden;
			position:relative;
			}
				#imgHome .frame {
			    width:640px;
			    height:234px;
			    background:url('../images/imgFrameHome.png') no-repeat 0 0;				
				position:absolute;
				top:0;
				left:0;
				}
				#imgHome .navigation {
				width:640px;
				height:29px;
				overflow:hidden;
				position:absolute;
				top:205px;
				left:0;
				}
					#imgHome .navigation .options {
					visibility:visible;
					width:133px;
					height:19px;
					padding:5px 10px;
					overflow:hidden;
					float:left;
					}
						#imgHome .navigation .options .url {
						visibility:hidden; 
						}
						#imgHome .icons {
						margin-top:3px;
						}
							#imgHome .icons img {
							float:left;
							margin-right:2px;
							}
					#imgHome .navigation .text {
					width:320px;
					height:29px;
					float:left;
					text-align:center;
					line-height:29px;
					vertical-align:middle;
					color:#6a6a6a;
					font-weight:bold;
					}
					#imgHome .navigation .more {
					width:167px;
					height:28px;
					padding-top:1px;
					float:left;
					text-align:center;
					}
			
			#googlemap {
			width:620px;
			height:965px;
			overflow:hidden;
			margin-top:10px;
			}
			    #googlemap .iframeWrp{
			    width:618px;
			    height:934px;
			    overflow:hidden;			    
			    border:solid 1px #ccc;
			    }
				    #googlemap iframe {
				    width:620px;
				    height:294px;
				    border:1px solid #ccc;
				    border-bottom:0;
				    }
				#googlemap .footer {
				width:600px;
				height:25px;
				padding:2px 10px;
				color:#6a6a6a;
				font-weight:bold;
				overflow:hidden;
				background:url('../images/footerGoogleMap.gif') no-repeat 0 0;
				}
			table.schema {
			width:618px;
			border-collapse:collapse;
			}
			.schema td, .schema th {
			padding:3px 10px;
			height:15px;
			}
			.schema td.seperator {
			background:url('../images/tableSeperator.gif') no-repeat 0 0;
			}
			.schema th {
			width:96px;
			text-align:left;
			color:#fcaf16;
			background:url('../images/dottedLineVert.gif') no-repeat top right;
			}
			.gray, 
			.gray td, 
			.gray th {
			background-color:#f4f4f4;
			}

			.tableWrp .hdr {
			width:620px;
			height:23px;
			background:url('../images/tableHeader.gif') no-repeat 0 0;
			}
			.tableWrp .cnt {
			border-left:1px solid #c9c9c8;
			border-right:1px solid #c9c9c8;
			}
			.tableWrp .ftr {
			width:620px;
			height:21px;
			background:url('../images/tableFooter.gif') no-repeat 0 0;
			}
		.innerTabCnt {
		width:618px;
		height:39px;
		padding:32px 20px 0 20px;
		color:#000;
		}
			.innerTabCnt a.tabAct {
			vertical-align:middle;
			padding:0 20px;
			text-decoration:none;
			font-weight:bold;
			display:block;
			float:left;	
			color:#000;
			height:27px;
			line-height:27px;
			border:1px solid #c9c8c8;
			border-bottom-color:#fff;
			background-color:#fff;
			}
			.innerTabCnt a.tab {
			vertical-align:middle;
			padding:0 20px;
			text-decoration:none;
			font-weight:bold;
			display:block;
			float:left;	
			color:#000;
			line-height:29px;
			}
			.innerTabCnt a.tabAct:hover {
			text-decoration:underline;
			}
			.innerTabCnt a.tab:hover {
			text-decoration:underline;
			color:#fcaf16;
			}
			.innerTabCnt span {
			line-height:29px;
			vertical-align:middle;
			}
			a.moreinfo {
			color:#008cbe;
			background:url('../images/linkMoreinfo.png') no-repeat left bottom;
			padding-left:25px;
			height:16px;
			line-height:16px;
			display:block;
			vertical-align:middle;
			}
			.innerTabCnt .right a {
			margin-top:6px;
			text-decoration:none;
			font-weight:bold;
			}
			.innerTabCnt .right a:hover {
			text-decoration:underline;
			}
		
		#deelnemers {
		background:url('../images/bgHeaderDeelnemers.gif') repeat-x 0 0;
		}
		#fotoarchief {
		background:url('../images/bgHeaderFotoarchief.gif') repeat-x 0 0;
		}
		table.uitslag {
		width:620px;
		padding:0;
		border-collapse:collapse;
		}		
			.uitslag td.middleSeperator {
			width:20px;
			background:url('images/tableUitslagSeperatorVert.gif') repeat-y 0 0;
			}
			.uitslag td.seperator {
			height:20px;
			background:url('images/tableUitslagSeperatorHor.gif') no-repeat 0 0;
			}
			.uitslagItem {
			width:300px;
			}
				.uitslagItem .imgWrp {
				width:75px;
				height:75px;
				float:left;
				margin-right:7px;
				}
				.uitslagItem .title {
				width:218px;
				height:26px;
				font-size:1.2em;
				font-weight:bold;
				color:#6a6a6a;
				}
					.uitslagItem .title.top {
					color:#008cbe;
					}
				.uitslagItem .moreinfo {
				width:218px;
				height:47px;
				background:url('../images/bgUitslagItem.gif') no-repeat 0 0;
				}
					.uitslagItem .moreinfo .time {
					width:50px;
					height:37px;
					margin-right:1px;
					float:left;
					padding:5px;
					text-align:center;
					}
					.uitslagItem .moreinfo .ranking {
					width:147px;
					height:37px;
					padding:5px;
					float:left;
					text-align:center;
					}
					.uitslagItem .moreinfo .item {
					font-size:1em;
					color:#6a6a6a;
					}
						.uitslagItem .moreinfo .item span {
						font-weight:bold;
						}
		ul.uitslag li {
		list-style-type:none;
		color:#6a6a6a;
		background:url('../images/tableUitslagListItem.gif') no-repeat 0 0;
		padding:1px;
		height:29px;
		margin-top:-1px;
		}
			ul.uitslag div {
			height:29px;
			line-height:29px;
			vertical-align:middle;
			margin-left:1px;
			float:left;
			padding:0 5px;
			}
				ul.uitslag div span {
				font-weight:bold;
				}
			ul.uitslag .rank {
			width:19px;
			font-weight:bold;
			}
			ul.uitslag .name {
			width:159px;
			font-weight:bold;
			color:#00799c;
			}
			ul.uitslag .time {
			width:87px;
			}
			ul.uitslag .totalrank {
			width:308px;
			}

		.thumbItem {
		width:146px;
		height:116px;
		overflow:hidden;
		float:left;
		margin:0 10px 10px 0;
		position:relative;
		}
			.thumbItem div {
			width:146px;
			height:116px;
			background:url('../images/imgFrame.png') no-repeat 0 0;
			position:absolute;
			top:0;
			left:0;
			}
			.thumbItem.act div {
			width:146px;
			height:116px;
			background:url('../images/imgFrameHover.png') no-repeat 0 0;
			position:absolute;
			top:0;
			left:0;
			}
		.thumbItemLarge {
		width:640px;
		height:464px;
		overflow:hidden;
		position:relative;
		}
			.thumbItemLarge div {
			width:640px;
			height:464px;
			overflow:hidden;
			background:url('../images/imgFrameLarge.png') no-repeat 0 0;
			position:absolute;
			top:0;
			left:0;
			}
		#fotoDetail {
		display:none;
		padding:10px;
		position:relative;
		}
			#fotoDetail h1 {
				width:444px;
				height:26px;
				line-height:26px;
				vertical-align:bottom;
				margin-bottom:10px;
				overflow:hidden;
				float:left;
			}
			#fotoDetail .navigation {
			position:absolute;
			top:486px;
			}
				#fotoDetail .navigation .images {
				margin-top:2px;
				}
				#fotoDetail .navigation .images img {
				padding-right:2px;
				}
		.contentFooter {
		width:660px;
		height:8px;
		overflow:hidden;
		background:url('../images/contentFtr.gif') no-repeat 0 0;
		}
	#footer {
	text-align:right;
	margin-top:10px;
	}
		#footer img {
		margin-right:10px;
		}

#headerBar {
width:660px;
height:32px;
display:block;
overflow:hidden;
}
#header {
position:absolute;
top:0;
left:0;
width:100%;
height:30px;
background:transparent url('../images/bgHeader.gif') repeat-x 0 0;
}
	#embleemGroot {
	float:left;
	margin-left:5px;
	}
	a#linkPrestatieloop:link,
	a#linkPrestatieloop:visited,
	a#linkPrestatieloop:hover,
	a#linkPrestatieloop:active {
	width:151px;
	height:38px;
	float:left;
	margin-left:-3px;
	display:inline-block;
	background:url('../images/btnOxxioPrestatieloop.png') no-repeat 0 0;
	
	}
	a#linkOxxio:link,
	a#linkOxxio:visited,
	a#linkOxxio:hover,
	a#linkOxxio:active {
	width:111px;
	height:38px;
	float:left;
	background:url('../images/btnNaarOxxio.png') no-repeat 0 0;
	display:inline-block;
	}
	a#linkOxxio:hover {
	background:url('../images/btnNaarOxxio_hover.png') no-repeat 0 0;
	}
	#embleemKlein {
	float:right;
	}

.inner {
width:900px;
margin:0 auto;
}

.positionRelative {
position:relative;
}

/* Standard styles -------------------------- */


a img,fieldset { border: none; }

legend { display:none }

q { font-style: italic; }

td { vertical-align: top; }

input, label { vertical-align: middle; }

.left { float: left  !important; }
.right { float: right  !important; }

.hidden { display:none !important; }

.bold { font-weight: bold !important; }

.imgleft { margin-right: 10px; margin-bottom: 10px; }
.imgright { margin-left: 1px; margin-bottom: 1px; }

.clearboth { clear: both; line-height:0; margin:0; padding:0; }

.onzichtbaar { display: none ; }

.nopadding { padding: 0px  !important; }
.nomargin  { margin: 0px  !important; }
.noborder { border: none  !important; }
.nobg { background: none  !important; }

.margin10 { margin:10px !important; }

.topmargin30    { margin-top: 30px !important; }
.toppadding10 { padding-top: 10px !important; }
.toppadding20	{ padding-top: 20px !important; }
.topmargin20    { margin-top: 20px !important; }
.topmargin25    { margin-top: 25px !important; }
.topmargin10    { margin-top: 10px !important; }
.topmargin5    { margin-top: 5px !important; }
.topmargin3    { margin-top: 3px !important; }
.bottommargin20 { margin-bottom: 20px !important; }
.bottommargin0 { margin-bottom: 0px !important; }
.topmargin10    { margin-top: 10px !important; }
.bottommargin10 { margin-bottom: 10px !important; }
.bottommargin30 { margin-bottom: 30px !important; }
.rightmargin10  { margin-right: 10px !important; }
.rightmargin20  { margin-right: 20px !important; }
.rightmargin35  { margin-right: 35px !important; }
.leftmargin5   { margin-left: 5px !important; }
.leftmargin7   { margin-left: 7px !important; }
.leftmargin10   { margin-left: 10px !important; }
.leftmargin20   { margin-left: 20px !important; }
.leftpadding15   { margin-left: 15px !important; }
.rightpadding15   { margin-right: 15px !important; }
.rightmargin0 { margin-right: 0 !important; }

.textleft { text-align: left; }
.textright { text-align: right; }
.textCenter { text-align: center; }

.p50 { width: 50%;}