body {
	font-family: arial, verdana, sans-serif;
	color: #12506d;
	background: url(../img/back_body.gif) repeat-y center top;
}
	body.mijnprofiel {
		background: url(../img/back_body_profiel.gif) repeat-y center top;
	}
	body.popup {
		background-color: #1dd444;
	}
div.wrapper {
	position: relative;
	width: 970px;
	text-align: left;
	margin: 0px auto;
}
	body.popup div.wrapper {
		width: 380px;
	}

div.header-wrapper {
	position: relative;
	min-height: 145px;
	height: auto;	
	border-bottom: 2px solid #29bbff;
	background: #ffffff url(../img/back_header.gif) repeat-y center top;
}
	body.mijnprofiel div.header-wrapper {
		border-bottom: 2px solid #1dd444;
	}
	div.header {
		width: 970px;
		text-align: left;
		margin: 0px auto;
	}
		div.logo {
			position: absolute;
			left: 0px;
			bottom: 0px;
		}
			div.logo img {
			}
			div.logo span {
				position: absolute;
				left: 10px;
				bottom: 0px;
				color: #ffffff;
				font-weight: bold;
				font-size: 0.7em;
			}
	img.beta {
		float: right;
		margin-right: 14px;
	}
	div.login {
		position: relative;
		float: right;
		width: 186px;
		margin-top: 4px;
		border-right: 35px solid #f6f0e1;
		color: #478053;
		background: url(../img/back_ingelogd.gif) no-repeat left top;
	}
		div.login p {
			font-size: 0.8em;
			line-height: 170%;
			margin: 0px 10px 0px 10px;
			z-index: 10;
			text-align: center;
			position: relative;
		}
			div.login input[type=text] {
				font-size: 1em;
			}
		div.login a {
			color: #478053;	
		}
		div.login img {
			position: absolute;
			bottom: 0px;
			z-index: 0;
		}
a {
	color: #12506d;		
	text-decoration: underline;
}
	a:hover {
		color: #000000;		
		text-decoration: none;
	}


/* Menu */
div.menu {
	position: relative;	
	width: 590px;
	min-height: 145px;
}
	ul.menu {
		position: absolute;
		bottom: 0px;
		margin-left: 100px;
	}
		ul.menu li {
			margin: 0px 6px 0px 0px;
			float: left;
			text-align: center;
			background: url(../img/back_menu.gif) no-repeat left top;
		}
				ul.menu li.mijnprofiel {
					margin-left: 10px;
					background: url(../img/back_menu_profiel.gif) no-repeat left top;
				}
				body.mijnprofiel ul.menu li.mijnprofiel {
					margin-left: 15px;
					background: url(../img/back_menu_profiel_h.gif) no-repeat left top;
				}
			ul.menu li a {
				color: #ffffff;
				font-size: 0.7em;
				line-height: 220%;
				font-weight: bold;
				text-decoration: none;
				min-height: 25px;
				height: auto;
				padding: 0px 8px 0px 8px;
				display: block;
				background: url(../img/back_menu_rechts.gif) no-repeat right top;
			}
					ul.menu li.mijnprofiel a {
						background: url(../img/back_menu_profiel_rechts.gif) no-repeat right top;
					}
					body.mijnprofiel ul li.mijnprofiel a {
						background: url(../img/back_menu_profiel_rechts_h.gif) no-repeat right top;
					}
				ul.menu li a:hover {
					color: #12506d;
				}
					ul.menu li.mijnprofiel a:hover {
						color: #0e6420;
					}
				ul.menu li.hier a {
				}
		ul.menu li.hier {
			margin-bottom: -2px;
			background: url(../img/back_menu_h.gif) no-repeat left top;
		}
			ul.menu li.hier a {
				margin-bottom: 2px;
				color: #12506d;
				background: url(../img/back_menu_rechts_h.gif) no-repeat right top;
			}
		ul.menu li.open {
		}
			ul.menu li.open a {
			}
				ul.menu li.open li {
				}
					ul.menu li.open li a {
					}

/* kruimelpad */
ul#kruimelpad {
	margin: 0px;
	padding: 0.3em 0px 0px 0px;
}
	ul#kruimelpad li {
		float: left;
		font-size: 0.7em;
		margin: 0px 4px 0px 0px;
	}
		ul#kruimelpad li a {}
		ul#kruimelpad li.last a {
			text-decoration: none;
		}


/* Headings */
h1 {
	font-size: 1.2em;
	padding: 1em 0px 0.5em 0px;
	font-family: georgia, serif;
}
h2 {
	padding: 1em 0px 0px 0px;
	font-family: georgia, serif;
}
	div.rechterkolom h2 {
		font-family: arial;
		padding: 1em 0em 0.7em 20px;
	}
h3 {
	font-family: georgia, serif;
}
	div.rechterkolom h3 {
		font-family: arial;
		font-size: 0.8em;
		padding: 0.5em 0em 0.2em 20px;
	}

h4 {
	font-family: georgia, serif;
}
h5 {
	font-family: georgia, serif;
}
h6 {
	font-family: georgia, serif;
}

/* Content */
div.contentcontainer {
	position: relative;
}

	div.content {
		float: left;
		width: 730px;
	}
			body.mijnprofiel div.content {
				color: #0e6420;
				width: 970px;
			}
			body.kalender div.content {
				width: 970px;
				background-color: #dceff6;
				border-right: 1px solid #ffffff;
				margin-bottom: -20px;
				padding-bottom: 20px;
			}
			body.popup div.content {
				width: 380px;
			}
		div.content p {
			font-size: 0.8em;
			line-height: 150%;
			margin: 0px 0px 1em 0px;
		}

		div.content a {
			color: #12506d;		
			text-decoration: underline;
		}
				div.rechterkolom a {
					color: #992314;
				}
				body.mijnprofiel div.content a {
					color: #0e6420;
				}
			div.content a:hover, body.mijnprofiel div.content a:hover {
				color: #000000;		
				text-decoration: none;
			}
		div.content ul {
			margin: 10px 0px 0px 0px;
		}
			div.content ul li {
				font-size: 0.8em;
				margin: 0px 0px 0.3em 0px;
			}
					div.content ul li a em {
						position: absolute;
						margin-left: 8px;
						text-decoration: none;
					}
				div.content ul li ul {
				}
					div.content ul li ul li {
					}
		div.content ol {
		}
			div.content ol li {
			}
				div.content ol li ol {
				}
					div.content ol li ol li {
					}
		div.content table {
			border-collapse: collapse;
			margin-bottom: 1em;
			width: 721px;
		}
			div.content table tr {
			}
				div.content table tr th {
					font-size: 0.8em;
					padding: 0.4em 8px 0.4em 0px;
				}
				div.content table tr td {
					vertical-align: top;
					font-size: 0.8em;
					padding: 0.4em 8px 0.4em 0px;
				}
						div.content table tr.mijnkalender td {
							background-color: #cee5d2;
						}
					div.content table tr td.dag {
						padding-right: 4px;
						padding-left: 2px;
					}
					div.content table tr td.datum {
						width: 68px;
					}
					div.content table tr td.naam {
					}
					div.content table tr td.afstand {
						width: 90px;
					}
					div.content table tr td.regio {
						width: 100px;
					}
					div.content table tr td.startmaand {
						padding-right: 0px;
					}
					div.content table tr td.startmaand h2 {
						border-bottom: 1px solid #99a6ab;
					}
					div.content table tr td a {
					}
						div.content table tr td a.addprofiel {
							display: block;
							width: 70px;
							color: #ffffff;
							text-decoration: none;
							font-size: 80%;
							height: 18px;
							line-height: 18px;
							text-align: center; 
							background: url(../img/button_addprofiel.gif) no-repeat left top;
						}
				div.content table tr td.rechts {
					text-align: right;
				}
				
		div.content table.kalender {
			border-left: 1px solid #99a6ab;
			border-top: 1px solid #99a6ab;
			width: 721px;
		}
				body.kalender table.kalender {
					width: 950px;
				}
			div.content table.kalender caption {
				padding: 1em 0px 5px 0px;
				font-family: georgia, serif;
				font-weight: bold;
				text-align: left;
			}	
			div.content table.kalender th {
				border-right: 1px solid #99a6ab;
				border-bottom: 1px solid #99a6ab;
				font-size: 0.7em;
				padding: 2px 2px 2px 2px;
			}
			div.content table.kalender td {
				border-right: 1px solid #99a6ab;
				border-bottom: 1px solid #99a6ab;
				padding: 2px 2px 2px 2px;
				font-size: 0.7em;
			}
				div.content table.kalender th.dag6,
				div.content table.kalender th.dag7,
				div.content table.kalender td.dag6,
				div.content table.kalender td.dag7 {
					background-color: #c3d4da;
				}
				div.content table.kalender td.dag1 { width: 150px; }
				div.content table.kalender td.dag2 { width: 150px; }
				div.content table.kalender td.dag3 { width: 150px; }
				div.content table.kalender td.dag4 { width: 150px; }
				div.content table.kalender td.dag5 { width: 150px; }
				div.content table.kalender td.dag6 { width: 150px; }
				div.content table.kalender td.dag7 { width: 150px; }
			div.content table.kalender td div.dayitems {
				text-align: left;
			}
				div.content table.kalender td div.dayitems A {
					padding: 0.2em 0px 0.2em 0px;
					position: relative;
					display: block;
				}

		div.alpedhuzes {
			position: relative;
			float: right;
			clear: right; 
			width: 320px;
			margin-right: 10px;
			margin-top: -30px;
		}
			div.alpedhuzes p {
				padding-bottom: 0px;
				margin-bottom: 0px;
			}
		div.profielacties {
			float: right;
			clear: right; 
			width: 180px;
			margin-right: 10px;
		}
			div.profielacties a, body.mijnprofiel div.profielacties a, a.accountbutton {
				display: block;
				width: 180px;
				color: #ffffff;
				text-decoration: none;
				font-size: 70%;
				height: 18px;
				line-height: 18px;
				text-align: center; 
				margin-bottom: 6px;
				background: url(../img/button_profielacties.gif) no-repeat left top;			
			}
		div.shop {
			float: right; 
			clear: right;
			width: 180px;
			margin-right: 10px;
			margin-bottom: 10px;
			background: url(../img/back_shop.gif) no-repeat left top;			
		}
			div.shop h3 {
				font-weight: bold;
				font-size: 0.7em;
				padding: 8px 8px 0px 8px;
			}
			div.shop p {
				line-height: 170%;
				padding: 4px 8px 0px 8px;
				margin: 0px;
			}
		div.edities {
			float: right; 
			clear: right;
			width: 180px;
			margin: 0px 10px 10px 0px;
			background: url(../img/back_shop.gif) no-repeat left top;			
		}
			div.edities h3 {
				font-weight: bold;
				font-size: 0.7em;
				padding: 8px 8px 0px 8px;
			}
			div.edities ul {
				line-height: 120%;
				padding: 4px 8px 0em 8px;
				margin: 0px;
			}
				div.edities ul li a.hier {
					text-decoration: none;
					color: #000000;
				}

	ul.coureurs {}
		ul.coureurs li {
			clear: left;
		}
			ul.coureurs li span.coureur {
			}
			ul.coureurs li span.lid, 
			ul.coureurs li a {
				width: 180px;
				display: block;
				float: left; 
			}

/* Andere div's */
div.rechterkolom {
	float: left;
	width: 240px;
	color: #992314;
	font-family: arial;
}
	div.rechterkolom p {
		font-size: 0.8em;
		color: #000000;
		margin: 0px 0px 1.5em 20px;
	}
		div.rechterkolom p.uitnodigen {
			font-size: 1em;
			margin: 0.7em 0px 0em 20px;
		}
	div.rechterkolom ul {
		margin: 0px 0px 1.5em 20px;
	}
		div.rechterkolom ul li {
			font-size: 0.8em;
			margin: 0px 0px 0.3em 0px;
		}
			div.rechterkolom ul li a em {
				margin-left: 8px;
				text-decoration: none;
			}
	div.rechterkolom div.moneybox {
		margin: 0px 0px 0.5em 10px;
	}
div.moneybox_leaderboard {
	padding: 0.7em 0px 0.5em 0px;
}
div.reacties {
	width: 342px;
	padding: 0em 20px 1.5em 20px;
	border-top: 1px solid #478053;
	background-color: #b1e5ba;
}
	div.reacties p {
		color: #000000;
	}
	p.nologin {
		padding: 10px;
		background-color: #dcc6c6;
		border-top: 1px solid #992314;
	}
	
/* Formulier*/
form {
}
	form fieldset {
		width: 302px;
		margin: 0px 0px 1em 0px;
		padding: 0em 20px 1.5em 20px;
		border-top: 1px solid #478053;
		background-color: #b1e5ba;
	}
			form fieldset fieldset {
				margin: 0.8em 0px 0px 0px;
				padding: 0px;
				border: 0px;
			}
				form fieldset fieldset legend {
					font-size: 0.8em; 
					color: #478053;
				}
		form fieldset label {	
			display: block;
			font-size: 0.8em; 
			margin-top: 0.8em;
			color: #478053;
		}
			form fieldset fieldset label {
				display: none;
			}	
		
		form fieldset input[type=text] {
			width: 300px;
			border: 1px solid #478053;
		}
			form fieldset input.date_year,
			form fieldset input.date_month,
			form fieldset input.date_day {
				width: 30px;
			}
			form fieldset fieldset input[type=text] {
				width: 30px;
				float: left;
				margin-right: 4px; 
			}
		form fieldset input[type=password] {
			width: 300px;
		}
		form fieldset input[type=radio] {
		}
		form fieldset input[type=input] {
		}
		
		
		form fieldset select {
		}
		form fieldset textarea {
			width: 300px;
			border: 1px solid #478053;
		}
			form.tellafriend fieldset textarea {
				height: 100px;
			}
		form button {
			width: 180px;
			height: 18px;
			color: #ffffff;
			text-align: center;
			text-indent: 0px;
			border: 0px;
			cursor: pointer;
			background: url(../img/button_profielacties.gif) no-repeat left top;
		}

		.error {}
			.error label {}
			.error input[type=text] {}
			.error textarea {}

/* Loginform */
div.login form {
	padding: 0px 20px 0px 20px;
}
	div.login form fieldset {
		font-size: 0.7em;
		text-align: center;
		width: auto;
		background: none;
		border: 0px;
		padding: 0px;
	}
		div.login form fieldset label {
			font-size: 1em;
		}
		div.login form fieldset input {
			font-size: 0.8em;
			width: 144px;
			color: #a4a2a2;
			border: 1px solid #478053;
			margin-top: 4px;
			padding: 2px;
		}
		button#inloggen {
			color: #ffffff;
			margin-top: 4px;
			width: 150px;
			text-indent: 0px;
			background: url(../img/button_back.gif) no-repeat left top;
		}
		button#uitloggen {	
			color: #ffffff;
			margin-top: 4px;
			width: 150px;
			text-indent: 0px;
			background: url(../img/button_back.gif) no-repeat left top;
		}
		
		
/* SearchForm*/
form#searchform {
}
	form#searchform fieldset {
	}
		form#searchform input {
		}
		form#searchform button#search {
		}


/* Footer */

div.footer-wrapper {
width: 970px;	
	position: relative;
	border-top: 1px solid #99a6ab;
	margin: 20px 0px 0px 0px;
	padding: 0.5em 0px 0px 0px;
}
	div.footer {
	}
		div.footer a {
			font-size: 0.7em;
		}
			div.footer a.insyde {
				position: absolute;
				right: 0px;
			}


/* overige classes */
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.formbutton {
	border: 0px;
	cursor: pointer;
	padding: 0px;
}

.screenreader {
	display: none;
}

.clearfloat:after {
	content: ".";
	display: block;
	height: 0;
	visibility:hidden;
	clear: both;
}