@charset "utf-8";

body{
	background:				url(../../images/layout/body_main_short.gif) 0 80px repeat-x;
	margin:					0;
	padding:				0 0 10px 0;
}
body#home{
	background:				url(../../images/layout/body_home.gif) 0 80px repeat-x;
}

a{
	color:					#008bcf;
	text-decoration:		underline;
}
a:hover{
	text-decoration:		none;
}
a img{
	border:					0px none;
}
h3{
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				12px;
	margin:					0;
}
p{
	margin:					0;
	padding:				7px 0;
}

/* --<<[[ LOPERSGROEP PUTTE ]]>>-- */
#lopersgroepputte{
	position:				absolute;
	right:					0;
	top:					0;
	z-index:				1000000;
}
#lopersgroepputte *{
	border:					0px none;
}

/* --<<[[ CONTAINER ]]>>-- */
#container{
	color:					#333333;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				11px;
	line-height:			16px;
	margin:					0 auto;
	padding:				0;
	width:					800px;
}
.clear{
	clear:					both;
	font-size:				0%;
	line-height:			0%;
}

/* --<<[[ CONTAINER - header ]]>>-- */
#header{
	font-size:				0%;
	height:					80px;
	line-height:			0%;
	overflow:				hidden;
}
#header a img{
	padding:				10px;
}

/* --<<[[ CONTAINER - navigation ]]>>-- */
#navigation{
	margin:					0;
	padding:				5px 0 0 20px;
}
#navigation ul,
#navigation li{
	list-style-type:		none;
	font-size:				0%;
	line-height:			0%;
	margin:					0;
	padding:				0;
}
#navigation a{
	background:				url(../../images/layout/navigation_spacer.gif) right center no-repeat;
	color:					#eeeeee;
	display:				block;
	float:					left;
	font-size:				11px;
	line-height:			14px;
	margin:					0;
	padding:				9px 0 12px 0;
	position:				relative;
	text-align:				center;
	text-decoration:		none;
	width:					95px;
}
#navigation a:hover{
	text-decoration:		underline;
}
#navigation a span{
	display:				none;
	font-size:				0%;
	line-height:			0%;
	visibility:				hidden;
}
#navigation a.active{
	background:				url(../../images/layout/navigation_active.gif) 0 0 repeat-x !important;
	color:					#000000;
}
#navigation a.active span{
	background:				url(../../images/layout/navigation_corners.gif) 0 0 no-repeat;
	display:				block;
	height:					35px;
	left:					-5px;
	position:				absolute;
	top:					0;
	visibility:				visible;
	width:					105px;
	z-index:				100;
}
#navigation .last a{
	background:				none;
}

/* --<<[[ MESSAGES ]]>>-- */
#messages{
	background:				url(../../images/layout/messages_background.gif) 0 0 repeat-x;
	height:					200px;
	margin:					10px;
	overflow:				hidden;
	position:				relative;
}
#messages #message_navigation,
#messages #shade{
	display:				block;
	left:					0;
	overflow:				hidden;
	position:				absolute;
	top:					170px;
}
#messages #message_navigation{
	font-size:				0%;
	height:					22px;
	line-height:			0%;
	padding:				7px 15px 0 15px;
	text-align:				right;
	z-index:				100;
	width:					440px;
}
#messages #message_navigation span{
	cursor:					pointer;
	display:				inline-block;
	color:					#eeeeee;
	font-size:				10px;
	line-height:			13px;
	margin:					0 5px;
	padding:				1px 5px 3px 5px;
}
#messages #message_navigation span.active{
	background:				url(../../images/layout/messages_handle.gif) 0 0 no-repeat;
	color:					#000000;
}
#messages #shade{
	background:				#000000;
	height:					30px;
	opacity:				0.5;
	width:					470px;
	z-index:				10;
}
#messages #message_images{
	display:				block;
	float:					left;
	font-size:				0%;
	line-height:			0%;
	overflow:				hidden;
	position:				relative;
	width:					470px;
}
#messages #message_info{
	color:					#cccccc;
	display:				block;
	float:					left;
	height:					170px;
	overflow:				hidden;
	padding:				20px 30px 10px 40px;
	width:					240px;
}
#messages #message_info h3{
	color:					#ffffff;
	padding:				5px 0;
}
#messages #message_info h3 a{
	color:					#ffffff;
	text-decoration:		none;
}
#messages #message_info h3 a:hover{
	text-decoration:		underline;
}
#messages #message_info p{
	margin:					0;
	padding:				0;
}
#messages #message_info .date{
	font-size:				10px;
}
#messages #message_info .readmore{
	color:					#999999;
}

/* --<<[[ MESSAGES - corners ]]>>-- */
#messages .corner{
	background-image:		url(../../images/layout/messages_corners.png);
	background-repeat:		no-repeat;
	font-size:				0%;
	height:					10px;
	line-height:			0%;
	overflow:				hidden;
	position:				absolute;
	width:					10px;
	z-index:				110;
}
#messages #corner_lt{
	background-position:	0 0;
	left:					0;
	top:					0;
}
#messages #corner_rt{
	background-position:	-10px 0;
	right:					0;
	top:					0;
}
#messages #corner_lb{
	background-position:	0 -10px;
	bottom:					0;
	left:					0;
}
#messages #corner_rb{
	background-position:	-10px -10px;
	bottom:					0;
	right:					0;
}

/* --<<[[ CONTENT ]]>>-- */
#content{
	min-height:				480px;
	padding:				10px 0;
}
#content #content_left,
#content #content_right{
	display:				block;
	float:					left;
	text-align:				justify;
}
#content #content_left{
	padding:				10px;
	width:					460px;
}
#content.full #content_left{
	float:					none;
	width:					780px;
}
#content #content_right{
	padding:				10px 0 10px 40px;
	width:					270px;
}

/* --<<[[ CONTENT - breadcrumb ]]>>-- */
#breadcrumb{
	color:					#ababab;
	font-size:				10px;
	padding:				5px 10px;
}
#breadcrumb a{
	color:					#ababab;
	text-decoration:		none;
}
#breadcrumb a:hover{
	text-decoration:		underline;
}

/* --<<[[ CONTENT - layout ]]>>-- */
#content h3{
	background:				url(../../images/layout/logo_duathlon.gif) 0px 2px no-repeat;
	color:					#008bcf;
	display:				block;
	padding:				3px 0 6px 40px;
}
#content ul{
	line-height:			18px;
	list-style-type:		disc;
	margin:					0;
	padding:				5px 0 15px 40px;
}
#content ul ul{
	list-style-type:		circle;
}
#content li{
	padding:				2px 0;
}
#content .blauw{
	color:					#008bcf;
}

/* --<<[[ FOOTER ]]>>-- */
#footer{
	background:				#666666 url(../../images/layout/footer_background.gif) left bottom repeat-x;
	margin:					0 10px;
	overflow:				hidden;
	padding:				8px 15px;
	position:				relative;
}
#footer ul,
#footer li{
	font-size:				0%;
	line-height:			0%;
	list-style-type:		none;
	margin:					0;
	padding:				0;
}
#footer li a{
	border-right:			1px solid #787878;
	color:					#cccccc;
	display:				block;
	float:					left;
	font-size:				10px;
	line-height:			15px;
	padding:				2px 14px 2px 15px;
	text-decoration:		none;
}
#footer li a:hover{
	text-decoration:		underline;
}
#footer li a.active{
	color:					#008bcf;
}
#footer li.last a{
	border:					none;
	padding:				2px 15px;
}

/* --<<[[ FOOTER - corners ]]>>-- */
#footer .corner{
	background-image:		url(../../images/layout/footer_corners.gif);
	background-repeat:		no-repeat;
	font-size:				0%;
	height:					10px;
	line-height:			0%;
	overflow:				hidden;
	position:				absolute;
	width:					10px;
	z-index:				110;
}
#footer #corner_footer_lt{
	background-position:	0 0;
	left:					0;
	top:					0;
}
#footer #corner_footer_rt{
	background-position:	-10px 0;
	right:					0;
	top:					0;
}
#footer #corner_footer_lb{
	background-position:	0 -10px;
	bottom:					0;
	left:					0;
}
#footer #corner_footer_rb{
	background-position:	-10px -10px;
	bottom:					0;
	right:					0;
}

/* --<<[[ FOOTER - birgerdesign ]]>>-- */
#birgerdesign{
	font-size:				0%;
	line-height:			0%;
	position:				absolute;
	right:					29px;
	top:					12px;
}
#birgerdesign a img{
	background:				#008bcf;
}
#birgerdesign a:hover img{
	background:				#cc3300;
}

/* --<<[[ BLOG]]>>-- */
.post_info{
	color:					#999999;
	font-size:				10px;
	padding:				0 0 25px 0;
	text-align:				right;
}

/* --<<[[ BLOG - afbeelding]]>>-- */
#blog_image{
	font-size:				0%;
	line-height:			0%;
	margin:					35px 0 5px 0;
	position:				relative;
	width:					235px;
}
#blog_image .corner{
	background-image:		url(../../images/layout/blog_corners.png);
	background-repeat:		no-repeat;
	font-size:				0%;
	height:					10px;
	line-height:			0%;
	overflow:				hidden;
	position:				absolute;
	width:					10px;
	z-index:				110;
}
#blog_image #corner_blog_lt{
	background-position:	0 0;
	left:					0;
	top:					0;
}
#blog_image #corner_blog_rt{
	background-position:	-10px 0;
	right:					0;
	top:					0;
}
#blog_image #corner_blog_lb{
	background-position:	0 -10px;
	bottom:					0;
	left:					0;
}
#blog_image #corner_blog_rb{
	background-position:	-10px -10px;
	bottom:					0;
	right:					0;
}
/* --<<[[ BLOG - navigatie]]>>-- */
#blog_navigation{
	padding:				5px 0 5px 2px;
}
#blog_navigation a{
	display:				block;
	float:					left;
	text-decoration:		none;
}
#blog_navigation a:hover{
	text-decoration:		underline;
}
#blog_navigation a.inactive{
	color:					#999999;
	text-decoration:		none;
}
#blog_navigation #blog_prev{
	background:				url(../../images/layout/blog_navigation.gif) 0 2px no-repeat;
	padding:				2px 5px 2px 25px;
}
#blog_navigation #blog_prev:hover{
	background-position:	0 -19px;
}
#blog_navigation #blog_prev.inactive{
	background-position:	0 2px !important;
}
#blog_navigation #blog_list{
	margin:					0 10px;
	padding:				2px 20px;
	text-align:				center;
}
#blog_navigation #blog_next{
	background:				url(../../images/layout/blog_navigation.gif) 64px -40px no-repeat;
	padding:				2px 25px 2px 5px;
	text-align:				right;
}
#blog_navigation #blog_next:hover{
	background-position:	64px -61px;
}
#blog_navigation #blog_next.inactive{
	background-position:	64px -40px !important;
}

/* --<<[[ INSCHRIJVEN - formulier ]]>>-- */
fieldset{
	background:				#eeeeee;
	border:					1px solid #dddddd;
	margin:					5px 0 0 0;
	padding:				9px 0 9px 34px;
	position:				relative;
	width:					430px;
}
fieldset.wit{
	background:				#ffffff;
	border:					1px solid #ffffff;
	margin:					0;
}
fieldset label{
	display:				block;
	float:					left;
	padding:				2px 5px;
	width:					100px;
}
fieldset input,
fieldset textarea{
	color:					#000000;
	display:				block;
	float:					left;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				11px;
}
fieldset input.field,
fieldset textarea.field{
	border:					1px solid #dddddd;
	line-height:			16px;
	margin:					1px 0;
	padding:				2px 5px;
	width:					258px;
}
fieldset input.field.datum_kort{
	width:					18px;
}
fieldset input.field.datum_lang{
	width:					33px;
}
fieldset input.field.postcode{
	width:					38px;
}
fieldset label.gemeente{
	padding:				2px 5px 2px 10px;
	width:					70px;
}
fieldset input.field.gemeente{
	width:					123px;
}
fieldset input.button{
	margin:					0 10px 0 0;
	padding:				2px 10px;
}
fieldset span.info{
	color:					#666666;
	display:				block;
	float:					left;
	padding:				2px 5px;
}
fieldset span.obligatory{
	color:					#cc3300;
	display:				block;
	float:					left;
	padding:				2px 5px;
}
fieldset br{
	clear:					both;
}

fieldset .error{
	background:				#fff9d8;
	border:					1px solid #999999;
	font-size:				10px;
	left:					450px;
	min-height:				10px;
	padding:				9px 4px 9px 29px;
	position:				absolute;
	top:					7px;
	width:					260px;
}
fieldset .error .arrow{
	background:				url(../../images/layout/error_arrow.gif) 0 0 no-repeat;
	height:					20px;
	left:					-46px;
	position:				absolute;
	top:					-1px;
	width:					46px;
}

/* --<<[[ INSCHRIJVEN - deelnemers ]]>>-- */
table.list{
	border:					none;
	border-collapse:		collapse;
	margin:					10px 0;
	width:					100%;
}
table.list .row_0{
	background:				#ffffff;
}
table.list .row_1{
	background:				#ebf6fb;
}
table.list th{
	border-bottom:			1px dotted #b8dff2;
	color:					#454545;
	font-size:				10px;
	padding:				2px 5px;
	text-align:				left;
}
table.list td{
	border-bottom:			1px dotted #b8dff2;
	padding:				1px 5px;
}
table.list span{
	color:					#999999;
	font-size:				10px;
}
table.list .ref{
	text-align:				center;
	width:					30px;
}
table.list .woonplaats{
	width:					190px;
}
table.list .geboortejaar{
	text-align:				center;
	width:					90px;
}
table.list .betaald{
	text-align:				center;
	width:					60px;
}
table.list td.betaald{
	font-size:				0%;
	line-height:			0%;
}
table.list td.betaald img{
	padding:				2px;
}

/* --<<[[ PARCOURS - MapMyRun ]]>>-- */
iframe{
	border:					none;
	border-collapse:		collapse;
	margin:					20px 0 0 0;
}

/* --<<[[ PARCOURS - download ]]>>-- */
a.download_parcours{
	background:				#eeeeee url(../../images/layout/download_parcours.gif) 0 0 no-repeat;
	color:					#999999;
	display:				block;
	font-size:				10px;
	height:					55px;
	line-height:			15px;
	margin:					10px 0;
	padding:				17px 40px 8px 80px;
	text-decoration:		none;
	width:					140px;
}
a.download_parcours strong{
	color:					#000000;
	font-size:				11px;
}
a.download_parcours:hover{
	background-position:	0 -80px;
}

/* --<<[[ CONTENT - sponsors - home ]]>>-- */
#sponsor_scroll{
	font-size:				0%;
	height:					120px;
	line-height:			0%;
	overflow:				hidden;
	margin:					0 0 10px 0;
	padding:				0 0 0 30px;
	position:				relative;
	width:					150px;
}
#sponsor_container{
	position:				absolute;
}
#sponsor_container span{
	background:				#ffffff;
	display:				block;
}

/* --<<[[ SPONSORS ]]>>-- */
.clearfix{
	clear:					both;
}
a.sponsor{
	border:					1px solid #eeeeee;
	display:				block;
	float:					left;
	font-size:				0%;
	line-height:			0%;
	margin:					0 10px 10px 0;
	min-height:				150px;
	padding:				9px;
	text-align:				center;
	text-decoration:		none !important;
	width:					160px;
}
a.sponsor img{
	opacity:				0.75;
}
a.sponsor span{
	color:					#666666;
	font-size:				11px;
	line-height:			14px;
}
a.sponsor:hover{
	border:					1px solid #cccccc;
	text-decoration:		none !important;
}
a.sponsor:hover img{
	opacity:				0.99;
}
a.sponsor:hover span{
	color:					#008bcf;
}

/* --<<[[ SITEMAP ]]>>-- */
ul#sitemap{
	padding:				5px 0 5px 40px !important;
}