/*
#################
#	ALGEMEEN	#
#################
*/
body, html,
h1, h2, h3, h4, h5, h6,
p,
ul, ol, li,
dl, dt, dd, form, pre
{
	margin: 0; padding: 0;
}

p, div.alinea { margin-bottom: 1.2em; }
div.introduction { font-weight: bold; }

img { border: none; }
html { font: 62.5%/200% Helvetica, Arial, Verdana, Tahoma, sans-serif; overflow-y: scroll; }
body { font-size: 1.2em; }

iframe {
	margin: 0;
	padding: 0;
	border: 0;
}

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
div.wrapper, .overflow { overflow: hidden; }

.block { display: block; }
.hidden { visibility: hidden; }
.invisible { display: none; }
.f-left { float: left; }
.f-right { float: right; }
.clear { clear: both; }
.tleft,
.links { text-align: left; }
.tcenter,
.midden { text-align: center; }
.tright,
.rechts { text-align: right; }
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }
.center { display: block; margin: auto; }
.absolute { position: absolute; }
.relative { position: relative; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
ul.none, ol.none,
form ul, form ol { list-style: none; }
fieldset.none { border: none; margin: 0; padding: 0; }
fieldset.none legend { display: none; }
a:hover, a:focus, a.none { text-decoration: none; }
a.none:hover, a.none:focus { text-decoration: underline; }
.no-margin { margin: 0; }
.no-padding { padding: 0; }
.no-border { border: 0; }
.zero { margin: 0; padding: 0; }

table.full-width { width: 100%; }
td, th { vertical-align: top; }

a { text-decoration: underline; }
a:hover,a:focus { text-decoration: underline; }


a.zwart, div.zijkolom a.zwart, div.kolom-midden a.zwart { color: #000; }
a.zwart:hover,
a.zwart:focus,
div.zijkolom a.zwart:hover,
div.zijkolom a.zwart:focus,
div.kolom-midden a.zwart:hover,
div.kolom-midden a.zwart:focus { color: #009b3a; text-decoration: none; }

.groen, a.groen, div.kolom-midden a.groen { color: #00af41; }
.rood, a.rood, div.kolom-midden a.rood { color: #cb0106; }
.green, a.green, div.kolom-midden a.green { color: #00af41; }
.red, a.red, div.kolom-midden a.red { color: #cb0106; }
.grijs, a.grijs, div.kolom-midden a.grijs { color: #828282; }
.gold, a.gold, div.kolom-midden a.gold { color: #c3a572; }
.orange { color: #ec7404; }
.black { color: #000; }

.groot { font-size: 2em; }

a.my-run-home {
	padding-left: 17px;
	background: url(/img/my-run-home.gif) no-repeat 0 1px;
}

.oranje { color: #f7631f; }
.normal { font-weight: normal;}

h3 {
	margin-bottom: 10px;	
}

pre.code {
	background: #dff8e9;
	margin: 12px 0;
	overflow: scroll;
	padding: 12px;
	width: 410px;
}

/*
################
#	LAYOUT	   #
################
*/
div#container {
	width: 1000px;
	margin: auto;
}

div#top {
	padding: 45px 0 0 0px;
	background: url(/img/top.jpg) no-repeat;
}

div#top h1 {
	width: 170px; height: 48px;
	margin-top: 10px;
	text-indent: -9999px;
	margin-left: 130px;
}

div#top h1 a { display: block; height: 48px; }

div#content-wrapper { background: url(/img/content-wrapper.jpg) repeat-y -3px -61px; }
div#kolom-wrapper { margin-top: 25px; }
div.zijkolom { min-height: 10px; }
div#kolom-links {
	width: 230px;
	float: left;
	display: inline;
	margin-bottom: 20px;
	padding: 0 20px 0 20px;
}

div.kolom-rechts {
	width: 230px;
	float: right;
	display: inline;
	margin-bottom: 20px;
	padding: 0 20px 0 0;
}

body#contentpage div.kolom-rechts {
	padding: 34px 20px 0 0;
}

div.zijkolom a,
div.kolom-midden a { color: #000; text-decoration: none; }

div.zijkolom a,
div.kolom-midden a.orange { color: #EC7404; text-decoration: none; }

div.zijkolom a:hover,
div.zijkolom a:focus,
div.kolom-midden a:hover,
div.kolom-midden a:focus { text-decoration: underline; }

div.kolom-midden a.groen,
div.zijkolom a.groen {
	color: #00af41;
}

div.kolom-midden div.alinea a{
	color: #EC7404;
	font-weight:bold;
	text-decoration: underline;
}

div.kolom-midden div.alinea a:hover{
	text-decoration: none;
}


div.kolom-midden div.alinea ul, div.kolom-midden div.alinea ol{
	margin-left:25px;
	margin-bottom:10px;
}

div.zijkolom h2#aanmelden {
	height: 85px;
	margin-bottom: .6em;
	text-indent: -9999px;
	background: url(/img/aanmelden.gif) no-repeat;
}

div.zijkolom h2#aanmelden a {
	display: block; height: 85px;
}

div.kolom-midden {
	float: left;
	width: 460px;
	padding-right: 20px;
	font-size: 1em;
}

div.kolom-midden-breed {
	width: 710px;
}

div.kolom-midden-breed div.content { padding: 1.4em 12px; }

div.kolom-midden-front { width: 462px; margin-right: 0; }

h1 {
	margin-bottom: 10px;
}

h1.striped {
	background: url(/img/h1_striped.gif) repeat-x 0 5px;	
}

h1.striped img {
	background: #fff;
	padding-right: 20px;	
}

div.kolom-midden h2 {
	margin-bottom: 20px;	
}

/* Box
------------------------------------------------------------------*/
div.box {
	margin-bottom: 2em;
}

div.smallbox {
	width: 180px;
}

div.box div.box_top {
	margin-right: 6px;
	background: #fff;
	height: 6px;
	font-size: 0;
	line-height: 0;
}

div.box_green div.box_top {
	background: #00af41;
}

div.box div.box_middle {
	padding: 10px 16px 10px 10px;
	background: url(/img/shadow_middle.png) repeat-y right;
}

div.smallbox div.box_middle {
	padding: 0 0 4px 10px;
}

div.box_green div.box_middle {
	background: url(/img/shadow_middle_green.png) repeat-y right;
}

div.box div.box_bottom {
	margin-left: 6px;
	height: 6px;
	font-size: 0;
	line-height: 0;
	background: url(/img/shadow_bottom.png) repeat-x right;
}


/* Downloads
------------------------------------------------------------------*/

dl.extra-downloads {
	background:#00AF41;
	clear:both;
	color:#fff;
	margin-bottom:1.2em;
	padding:8px 8px;
}

dl.extra-downloads dt{
	border-bottom: 1px solid #fff;
	padding:3px 0;
	margin-bottom:5px;
}

dl.extra-downloads a{
	color:#fff;
}

dl.extra-downloads a.zwart:hover{
	color:#000;
	text-decoration:underline;
	}

/* Homepage
------------------------------------------------------------------*/
body#component-homepage div.kolom-midden {
	width: 340px;
}

body#component-homepage div.kolom-rechts {
	width: 340px;
}

#myrun {
	width: 326px;
	/*height: 58px;*/
	display: block;
	background: url(/img/uitgelicht.gif) no-repeat;
	/*padding: 175px 0 0 20px;*/
	margin-bottom: 20px;
	color: #00af41;
	font-weight: bold;

	padding: 19px 0 0 17px;
	height: 233px;
}

#myrun #myrun-inner {
	display: block;
	height: 177px;
	width: 298px;
	position: relative;
}

#myrun span#myrun-span {
	/*margin-right: 140px;*/
	height: 22px;
	background: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	padding-right: 5px;
}

a#myrun span {
	display: block;
	margin-right: 140px;
	height: 22px;
	background: #fff;
}

dl.nieuws {
	margin-bottom: 20px;
}

dl.nieuws dt {
	width: 335px;
	height: 45px;
	text-indent: -999999px;
	background: url(/img/nieuws_top.gif) no-repeat;
	margin-bottom: 10px;
}

dl.nieuws dd ul {
	list-style: none;
}

dl.nieuws dd ul li {
	line-height: 20px;
}

dl.nieuws dd ul li a {
	display: block;
	float: right;
	width: 295px;
	margin-right: 30px;
}

dl.nieuws dd a.meer {
	display: block;
	margin-top: 10px;
	font-weight: bold;
}

dl#evenement dd ul {
	list-style: none;
}

dl#evenement dd ul li.even {
	background: #d8f2e2;
}

dl#evenement dd ul li {
	padding: 3px;
}

dl#evenement dd ul li span {
	margin-left: 20px;
	font-weight: bold;
	color: #00af41;
}

dl#evenement dd ul li a:hover {
	text-decoration: none;
}

dl#evenement a.meer {
	display: block;
	margin: 10px 0 0 85px;
}

dl#evenement div#spons {
	position: absolute;
	width: 206px;
	height: 89px;
	margin: -10px 0 0 -75px;
	background: url(/img/spons.gif) no-repeat;
}

div#partner {
	margin: 0 0 0 20px;
}

div#partner div.banner1 {
	width: 250px;
}

div#partner div.banner2 {
	width: 360px;
}

div#partner div.banner3 {
	width: 340px;
}

/* My messages
------------------------------------------------------------------*/
div.kolom-midden a.button {
	color: #fff;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
	text-align: center;
	background: #00af41;
}

div.kolom-midden a.button:hover {
	text-decoration: none;	
}

/* My Run
------------------------------------------------------------------*/
div.kolom-midden p#breadcrumbs {
	color: #00af41;
	margin-left: 13px;	
}

div.kolom-midden p#breadcrumbs a {
	color: #00af41;	
}

div.dashboard-left {
	float: left;
	width: 340px;
	margin-right: 20px;
}

div.dashboard-right {
	float: left;
	width: 340px;
}

div.myrun {
	width: 335px;
	margin: 0 20px 20px 0;
}

dl.myrun_box {
	min-height: 130px;	/* ie6 */
}

dl.myrun_box dt {
	background: #00af41;
	padding: 7px 0 0 10px;
	margin: 0 0 10px 0;
}

dl.myrun_box dt.white {
	background: #fff;
	padding: 7px 0 0 0;
}

dl.myrun_box dd img {
	display: block;
	overflow: hidden;
	position: absolute;
}

/* images myrun dashboard  */
dl.myrun_box img#vraag_expert {
	margin: -72px 0 0 180px;	
}

dl.myrun_box img#my_message {
	margin: -50px 0 0 170px;	
}

dl.myrun_box img#schemas_podcast {
	margin: -31px 0 0 170px;	
}

dl.myrun_box img#tips_tricks {
	margin: -20px 0 0 110px;	
}

dl.myrun_box img#promos_acties {
	margin: 0px 0 0 150px;	
}

dl.myrun_box img#my_events {
	margin: -45px 0 0 260px;	
}

dl.myrun_box img#my_route {
	margin: -30px 0 0 170px;	
}

dl.myrun_box img#my_log {
	margin: -48px 0 0 140px;	
}

dl.myrun_box dd ul {
	list-style: none;
	width: 185px;
}

dl.myrun_box dd ul#my_events {
	width: 300px;
}

dl.myrun_box dd ul#my_events li {
	border-bottom: 1px solid #b2e7c6;
	font-weight: bold;
}

dl.myrun_box dd ul#my_events li span {
	color: #000;
	padding-right: 5px;
	font-weight: normal;
}

dl.myrun_box dd p {
	width: 130px;
	color: #00af41;
}

div.kolom-midden dl.myrun_box dd a.more {
	color: #EC7404;
	font-weight: bold;
	display: block;
	margin-top: 10px;
}

div.kolom-midden dl.myrun_box dd a {
	color: #00AF41;
}

div.kolom-midden dl.myrun_box dd a:hover {
	text-decoration: none;	
}

div.kolom-midden dl.myrun_box dd a.orange {
	color: #EC7404;	
}

span.controls {
	display: block;
	float: right;
	background: #fff;
	padding: 0 0 0 10px;
}

span.controls a {
	margin-right: 10px;	
}

span.controls a.last {
	margin-right: 0;	
}

table.overzicht {
	width: 100%;
	border-collapse: collapse;
}

table.overzicht th {
	text-align: left;	
}

table.overzicht th a {
	color: #EC7404;
}

table.overzicht tr td {
	border-bottom: 1px solid #b2e7c6;	
}

table.no-border tr td {
	border: 0;
}

table.overzicht tr.unread td {
	font-weight: bold;
}

table.overzicht tr td.controls {
	width: 80px;
}

table.overzicht tr td a {
	color: #00af41;
	font-weight: bold;	
}

table.no-border tr td.status {
	background-position:  0px 4px;
	background-repeat: no-repeat;
	background-image: url(/img/read_ico.gif);
	width: 30px;	
}

table.no-border tr.unread td.status {
	background-image: url(/img/unread_ico.gif);
}

table.overzicht tr:hover td {	
	background-color: #d9f3e3;
}

div.overzicht-controls {
	background: #00af41;
	padding: 2px 10px 2px 10px;
	color: #fff;
	margin-bottom: 20px;
}

div.overzicht-controls ul.overzicht-nav {
	float: right;
	list-style: none;
}

div.overzicht-controls ul.overzicht-nav li {
	float: left;
	margin-right: 5px;
}

div.overzicht-controls ul.overzicht-nav li a {
	color: #fff;	
}

div.overzicht-controls ul.overzicht-nav li.current a {
	font-weight: bold;	
}

div.overzicht-controls ul.overzicht-nav li.first {
	font-weight: bold;
}

div.overzicht-controls span.overzicht-results {
	font-weight: bold;	
}

div.kolom-midden a.ctrl_button {
	min-width: 20px;
	min-height: 20px;
	display: block;
	padding: 0 0 0 25px;
	color: #00af41;
}

div.kolom-rechts a.ctrl_button {
	min-width: 20px;
	min-height: 20px;
	display: block;
	padding: 0 0 0 25px;
	color: #00af41;
}

a.verwijder {
	background: url(/img/sprite.png) no-repeat 0 -140px;	
}

a.nieuwevraag {
	background: url(/img/sprite.png) no-repeat 0 -40px;	
}

div.kolom-midden a.sluit {
	float: right;
	padding: 0;
	background: url(/img/sprite.png) no-repeat 0 -240px;	
}

div.kolom-midden a.pin {
	float: left;
	padding: 0;
	background: url(/img/sprite.png) no-repeat 0 -180px;	
}

div.kolom-midden a.edit {
	float: left;
	padding: 0;
	background: url(/img/sprite.png) no-repeat 0 -200px;	
}

div.kolom-midden a.delete {
	float: left;
	padding: 0;
	background: url(/img/sprite.png) no-repeat 0 -220px;	
}

div.kolom-rechts a.expertvragen {
	width: 135px;
	padding: 0;
	background: url(/img/sprite.png) no-repeat 115px -40px;
	border-bottom: 1px solid #afafaf;
	margin-top: -20px;		
}

div.kolom-midden a.down {
	padding: 0;
	background: url(/img/sprite.png) no-repeat 0 -280px;	
}

div.kolom-midden a.up {
	padding: 0;
	background: url(/img/sprite.png) no-repeat 0 -260px;	
}

div.kolom-midden a.opslaan {
	float: right;
	padding: 0 0 0 25px;
	background: url(/img/sprite.png) no-repeat 0 -300px;	
}

div.kolom-midden a.event {
	padding: 0;
	background: url(/img/sprite.png) no-repeat 0 -320px;	
}

div.kolom-midden a.addmyevent {
	float: right;
	padding: 0 0 0 25px;
	font-weight: bold;
	background: url(/img/sprite.png) no-repeat 0 -320px;	
}

div.kolom-midden a.addmylog {
	float: right;
	padding: 0 0 0 25px;
	font-weight: bold;
	background: url(/img/clock.gif) no-repeat 10px 2px;	
	margin-right:10px;
}

div.kolom-midden a.addroute {
	padding: 0 0 0 25px;
	margin-right:10px;
	font-weight: bold;
	color: #fff;
	background: url(/img/sprite.png) no-repeat 0 -340px;
	float:right;
}

div.message {
	margin-bottom: 20px;	
}

div.message span.profile_image {
	float: left;
	width: 100px;
	font-weight: bold;
	font-size: 11px;
	background: url(/img/arrow_background.gif) no-repeat right 20px;
}

div.message-content {
	float: right;
	width: 314px;
	background: #d9f3e3;
	padding: 10px;	
}


div.message p a.more {
	display: block;
	font-weight: bold;
	color: #00af41;
	margin-top: 20px;	
}

a.info {
	display: block;
	width: 20px;
	height: 20px;
	background: url(/img/sprite.png) no-repeat 0 -160px;	
}

a.info_btn img {
	vertical-align: bottom;
}

table.schemas {
	width: 100%;
	margin-bottom: 20px;
}

table.schemas th {
	text-align: left;
	color: #ec7404;	
}

table.schemas td {
	font-weight: bold;
	color: #00af41;
	border-bottom: 1px solid #b2e7c6;
}

table.schemas td.black {
	color: #000;
}

table.schemas th.schema-icon { width: 20px; }
table.schemas th.schema-titel { width: 380px; }
table.schemas th.schema-afstand { width: 80px; }
table.schemas th.schema-niveau { width: 80px; }
table.schemas th.schema-mp3pdf { width: 40px; }

table.myroute_my {
	width: 100%;
}

table.myroute_my th {
	padding: 5px 0 0 10px;
	background: #00af41;
	text-align: left;
}

table.myroute_my td {
	padding: 0 0 0 10px;
	color: #00af41;	
}


table.myroute_my td.controls {
	width: 80px;	
}

table.myroute_my td img {
	vertical-align: top;
	margin: 3px 5px 0 0;
}

table.myroute_my td.black {
	color: #000;
}

table.myroute_my td.orange {
	color: #ec7404;
}

table.myroute_my th.orange {
	background: #fff;	
}

table.myroute_my tr.even {
	background: #b2e7c6;
}

div.myroute_controls {
	/*width: 620px;*/
	height: 25px;
	background: #00af41;
	padding: 5px 20px 0 20px;
	margin: 40px 0 0 0;
}

div.myroute_controls span {
	background: #fff;
	padding: 2px 10px 2px 10px;
	font-weight: bold;
	color: #478df4;
	margin: 0 3px 0 10px;	
}

div.myroute_controls img {
	vertical-align: middle;	
}

div.myroute_controls a.myroute_btn {
	background: #008420;
	color: #fff;
	padding: 0 7px 0 7px;
	margin-right: 10px;
	font-weight: bold;
}

h2.emailtitle {
	color: #00af41;
	font-weight: normal;
	margin-bottom: 20px;	
}

/* My Route kaart overlays
------------------------------------------------------------------*/

div#map {
	margin-bottom: 20px;
}

div#overlay {
	position: absolute;
	height: 500px;
	width: 684px;
	background: #000;
	z-index: 1;
	opacity: .4;
	filter: alpha(opacity=40);
}

div.map {
	position: absolute;
	width: 380px;
	z-index: 2;
	margin: 50px 140px;
}

div.filter {
	width: 330px;
	margin: 100px 165px;
}

div#newroute_overlay {
	position: absolute;
	height: 135px;
	width: 684px;
	background: #000;
	z-index: 1;
	opacity: .8;
	filter: alpha(opacity=80);
}

div#newroute {
	position: absolute;
	height: 180px;
	width: 620px;
	z-index: 2;
	color: #fff;
	font-weight: bold;
	padding: 10px 20px 10px 20px;
}

div#mylog_info {
	margin-bottom: 20px;	
}

div.gmaps-popup-content {
	color: #00af41;
}

div.gmaps-popup-content img.runner-img {
	margin: 5px 10px 5px 0px;	
}

div.gmaps-popup-content p {
	margin: 0;
}

img#googlechart {
	margin-left: 40px;
}

span#googlechart-label {
	position: absolute;
	margin-top: 90px;
	font-size: 0.8em;
	color: #888;
}
/* Evenementen
------------------------------------------------------------------*/

table.event-info {
	margin-bottom: 20px;	
	width:100%;
}

table.event-info th {
	color: #00af41;
	text-align: left;
	padding-left: 10px;
	border-bottom: 1px solid #99dfb3;
	width: 180px;
}

table.event-info td {
	border-bottom: 1px solid #99dfb3;
	padding-left: 10px;
}

table.event-info td img {
	vertical-align: middle;
}

table.event-info th.onderdeel {
	width: 300px;
}

table.event-info th.afstand {
	width: 80px;
}

div.kolom-midden h2.groen {
	background: #00af41;
	padding: 5px 0 0 10px;
	margin-bottom: 0;
}

table.event-info-breed td {
	width: 410px;	
}

table.event-info-breed th {
	width: 250px;
	color: #000;	
}

#edit-hoofdafstand {
	float: left;
}

#edit-hoofdafstand-anders {
	float: left;	
}

#edit-hoofdafstand-anders label{
	margin-left: 10px;
	width: 35px;
}

/* Nieuws
------------------------------------------------------------------*/
div.newsmessage {
	border-bottom: 1px solid #9be0b4;	
	margin-bottom: 20px;
}

div.newsmessage img.preview,
div.newsmessage span.news-spacer {
	float: left;
	height: 80px; 
	margin-right: 20px;
	width: 100px;
}

div.newsmessage h2 {
	margin-bottom: 0px;	
}

h2 img {
	vertical-align: middle;	
}

h2 span.date {
	font-size: 12px;
	font-weight: normal;
}

h3 img {
	vertical-align: middle;	
}

h3 span.date {
	font-size: 12px;
	font-weight: normal;
}

div.newsmessage p {
	padding-right: 100px;	
}

div.newsmessage a.more {
	color: #00af41;
	font-weight: bold;	
}

div.newsmessage a.more:hover {
	text-decoration: none;	
}

div.newsmessage_detail img {
	margin-bottom: 20px;
}

div.newsmessage_detail p a {
	color: #ec7404;
	font-weight: bold;
}

dl.nieuws-previews {
	margin-bottom: 20px;
}

dl.nieuws-previews dd {
	border-bottom: 1px solid #98e1b6;
	margin-bottom: 20px;
}

/* Poll
------------------------------------------------------------------*/

div.poll-result {
	float: left;
	padding: 0 5px 0 5px;
	margin-right: 10px;
	background: url(/img/poll-bg.gif) repeat-x;
	color: #fff;
}

ul.poll li {
	margin-bottom: 10px;
}

/* Lidmaatschappen
------------------------------------------------------------------*/
div.abbo {
	width: 150px;
	float: left;
	margin: 0 50px 0 0;
}

div.abbo a {
	color: #00af41;
	font-weight: bold;
}

div.abbo a:hover {
	text-decoration: none;	
}

table.abbos {
	width: 660px;
	margin-bottom: 20px;
}

table.abbos tr.head {
	border: 1px solid #dfdfdf;
}

table.abbos tr.head th {
	border: 0;
	font-weight: bold;
	margin-bottom: 10px;
}

table.abbos td,
table.abbos th {
	text-align: left;
	font-weight: normal;
	color: #a0a0a0;
	border-bottom: 1px solid #dfdfdf;	
}

table.abbos td img {
	vertical-align: middle;	
}

table.abbos th span {
	font-weight: bold;
	color: #000;
	margin-right: 10px;
}

table.abbos th.groen {
	color: #00af41;	
}

table.abbos th.red {
	color: #d40004;	
}

table.abbos th.gold {
	color: #c1a371;	
}

table.abbos div.info { position: relative; width: 10px; }
table.abbos a.popup span,
table.abbos div.info div.target {
	color: #000;
	display: none;
	width: 300px;
	position: absolute;
	background: #fff;
	margin: -40px 0 0 -315px;
	border: 2px solid #00af41;
	padding: 5px;
}

table.abbos a.popup span.over,
table.abbos div.info div.over {
	display: block;	
}

div#product-details {
	margin-bottom: 20px;
}

div#product-details div.inhoud {
	margin: 0 0 0 250px;
}

div#product-details a.green {
	background: #00af41;
}

div#product-details a.red {
	background: #cb0106;
}

div#product-details a.gold {
	background: #c1a371;
}

div#product-details a.button {
	display: block;
	width: 120px;
	color: #fff;
	font-weight: bold;
	padding: 3px;
	text-align: center;
}

div.tab-nav {
	margin-bottom: 20px;
}

div.tab-nav-green {
	border-bottom: 2px solid #00af41;
}

div.tab-nav-red {
	border-bottom: 2px solid #cb0106;
}

div.tab-nav-gold {
	border-bottom: 2px solid #c1a371;
}

div.tab-nav a.tab {
	display: block;
	float: left;
	height: 20px;
	margin-right: 15px;
	background: #bdbaba;	
	padding: 5px 15px 5px 15px;
	color: #fff;
	font-weight: bold;
}

div.tab-nav a.tab:hover {
	text-decoration: none;	
}

div.tab-nav a.tab img {
	vertical-align: middle;
	margin-right: 10px;
}

div.tab-nav-green a.active,
div.tab-nav-green a.tab:hover,
div.tab-nav-green a.tab:focus,
div.tab-nav-green a.tab:active {
	background: #00af41;	
	text-decoration: none;
}

div.tab-nav-red a.active,
div.tab-nav-red a.tab:hover,
div.tab-nav-red a.tab:focus,
div.tab-nav-red a.tab:active {
	background: #cb0106;	
	text-decoration: none;
}

div.tab-nav-gold a.active,
div.tab-nav-gold a.tab:hover,
div.tab-nav-gold a.tab:focus,
div.tab-nav-gold a.tab:active {
	background: #c1a371;	
	text-decoration: none;
}


/* Footer
------------------------------------------------------------------*/
div#footer {
	height: 128px;
	padding: 55px 0 0 0;
	color: #8a8a8a;
	background: url(/img/footer.png) no-repeat -4px 0;
}

div#footer div.links {
	float: right;
	width: 214px;
	font-weight: bold;
	color: #000;
	margin-top: 20px;
}

div#footer div.sponsoren {
	float: left;
	margin-left: 20px;
	width: 940px;
}

div#footer div.sponsoren img { margin-right: 35px; }
div#footer div.sponsoren span.last img { margin-right: 0; margin-left: 2px;}
/*
####################
#	   LIJSTEN     #
####################
*/
ul#hoofdmenu {
	width: 777px;
	border-bottom: 10px solid white;
	list-style: none;
	margin: 18px 0 0 8px;
	padding: 0 0 0 12px;
}

ul#hoofdmenu li {
	float: left;
	margin-right: 20px;
}

ul#hoofdmenu li a {
	display: block;
	padding: 2px 10px 2px 10px;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}

ul#hoofdmenu li a.active,
ul#hoofdmenu li a:hover {
	background: #fff;
	color: #00af41;
}

dl.menu dt {
	background: #00af41;
	color: #fff;
	padding: 3px 3px 3px 10px;
}

dl.menu dt span img {
	margin-top: 7px;
}

dl.menu dt#myrun-profile {
	height: 20px;
	background: #fff url(/img/myrun-profile.gif) no-repeat 0 20px;
	margin-bottom: 10px;
	padding: 30px 0 0 25px;
	border-bottom: 2px solid #00af41;
}

dl.menu dt#myrun-profile img.profile-image {
	float: right;
	margin-top: -35px;
}

dl.menu dt#myrun-profile div.profile-name {
	float: left;
	margin-top: -10px;
}

dl.menu dd ul {
	list-style: none;
}

dl.menu dd ul li {
	border-bottom: 1px solid #afafaf;
	padding: 3px 3px 3px 10px;
}

dl.menu dd li.title {
	padding: 12px 3px 3px 30px;
	border-bottom: 1px solid white;
	background: #00af41 url(/img/bullet_title.gif) no-repeat 10px center;
}

dl.menu dd ul li.last {
	border-bottom: none;
}

dl.menu dd ul li ul li {
	background: url(/img/bullet_menu.gif) no-repeat 0 8px;
	border-bottom: none;
}

dl.menu dd ul li a {
	color: #00af41;
	text-decoration: none;
}

dl.menu dd ul li a.active {
	text-decoration: underline;
}

dl.menu dd ul li ul li a.active {
	text-decoration: none;
}

dl.menu dd ul li.expert {
	background: #d9f3e3;	
}

ul#subfooter {
	margin: 50px 0 0 100px;
	list-style: none;
}

ul#subfooter li {
	float: left;
	margin-right: 40px;
}

ul#subfooter li a {
	color: #000;
	font-weight: bold;
}

ul#topmenu {
	float: right;
	margin-right: 10px;
	list-style: none;
}

ul#topmenu  li {
	float: left;
	margin-right: 20px;
}

ul#topmenu li a {
	color: #fff;
	font-weight: bold;	
}

ul.archive {
	list-style: none;
	font-weight: bold;
	margin-bottom: 10px;	
}

ul.archive li span {
	margin-right: 10px;	
}

div.kolom-midden ul.archive li a {
	color: #00af41;	
}

ul.experts {
	list-style: none;	
}

ul.experts li {
	height: 50px;
	font-weight: bold;
	color: #00af41;
	font-size: 11px;
	margin-bottom: 10px;
}

ul.experts li img {
	display: block;
	float: left;
	margin-right: 20px;
}

ul.experts li a {
	color: #00af41;	
}

ul.myroute_nav {
	list-style: none;
	overflow: hidden;
}

ul.myroute_nav li {
	float: left;
	margin: 0 40px 0 0;
}

ul.myroute_nav li img {
	padding: 4px 0 0 0;	
}

ul.myroute_nav li.ganaar {
	width: 210px;
	float: right;
	margin-right: 0;
}

ul#legenda {
	list-style: none;
	font-weight: bold;	
}

ul#legenda li {
	overflow: hidden;
	margin-bottom: 10px;
}

ul#legenda li span {
	display: block;
	width: 150px;
	float: left;
	text-align: right;
	margin: 5px 20px 0 0;	
}

ul#legenda li img {
	margin-right: 10px;
}

div#mylog_info ul {
	list-style: none;
}

div#mylog_info ul li {
	float: left;
	width: 320px;
	color: #ec7404;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}

div#mylog_info ul li img {
	vertical-align: bottom;	
}

div#mylog_info ul li span {
	font-size: 12px;
	color: #00af41;	
	padding-left: 10px;
}

ul.email-header {
	list-style: none;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #00af41;	
}

ul.email-header li {
	font-weight: bold;	
}

ul.email-header li span {
	display: block;
	float: left;
	width: 70px;
	font-weight: normal;	
}

ul.archive {
	list-style: none;
	margin-bottom: 20px;	
}

dl.archive {
	margin-bottom: 20px;	
}

dl.archive dt {
	color: #00af41;
	font-weight: bold;	
}

dl.archive ul {
	list-style: none;	
}

dl.archive ul li.more {
	font-weight: bold;
	color: #00af41;
	margin-top: 20px;	
}

dl.archive ul li.more a {
	color: #00af41;	
}

ul.overzicht {
	list-style: none;
	margin-bottom: 20px;	
}

ul.overzicht li {
	border-bottom: 1px solid #d9f3e3;	
}

ul.overzicht li a {
	font-weight: bold;
	color: #00af41;	
}

ul.sitemap {
	list-style: none;
	padding: 0;
}

ul.sitemap li {
	padding: 0;
	margin-bottom: 10px;
}

ul.sitemap li ul {
	list-style: disc;
	padding: 0 0 0 20px;
}

ul.sitemap li ul li ul {
	list-style: circle;	
}

ul.sitemap li ul li ul li ul {
	list-style: square;	
}

ul.sitemap li ul li {
	margin-bottom: 0;
}

ul.sitemap li a {
	display: block;
	color: #fff;
	font-weight: bold;
	background: #00af41;
	padding-left: 10px;
}

ul.sitemap li ul li a {
	color: #00af41;
	font-weight: normal;
	background: none;
	padding-left: 0;
}

ul.searchresults {
	list-style: none;
	margin-bottom: 10px;
}

ul.searchresults li {
	padding: 0;
	margin-bottom: 10px;
}

ul.searchresults li ul {
	list-style: none;
	padding: 0 0 0 10px;
}

ul.searchresults li a {
	display: block;
	color: #fff;
	font-weight: bold;
	background: #00af41;
	padding-left: 10px;
}


ul.extra {
	list-style: none;
}

/*
####################
#	FORMULIEREN	   #
####################
*/
/* Algemeen
------------------------------------------------------------------*/
form ul, form ol { list-style: none; }
input, select { font: 11px Arial, Verdana, Tahoma, sans-serif; border: 1px solid #00af41; }
form li { margin-bottom: .4em; }
form input.button { width: auto; cursor: pointer; color: #fff; text-align: left; border: none; background: #00af41; font-weight: bold; padding: 2px; }
form input.text { padding: 2px 2px; font-weight: bold; }
textarea { overflow: auto; padding: 2px; border: 1px solid #00af41; font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif; font-size: 1em; }
label.checkbox { padding-top: 2px; }
fieldset { border: 0; margin: 0; padding: 0; }



/* Zoekform header
------------------------------------------------------------------*/

form#zoekform {
	width: 186px;
	float: right;
	border-bottom: 10px solid white;
	padding-bottom: 8px;
	margin: 2px 17px 0 0;
}

form#zoekform fieldset {
	padding: 0;
}

form#zoekform fieldset input.text {
	background: #fff url(/img/zoek_bg.gif) no-repeat left;
	border: 0;
	padding: 4px 4px 4px 25px;
	color: #00af41;
	width: 99px;
	margin: 0;
}

form#zoekform fieldset input.button {
	width: 48px;
	height: 21px;
	float: right;
	margin-right: 7px;
	border: 0;
	padding: 0;
}

/* Inlogform
------------------------------------------------------------------*/
form#inloggen {
	padding: 0 0 10px 10px;
	color: #fff;
}

form#inloggen ol li label {
	color: #fff;
}

form#inloggen ol li input {
	width: 170px;
	background: #fff;
	color: #00af41;
	border: 0;
	padding: 3px;
}

form#inloggen span.remember {
	margin: 5px 20px 0 0;
}

form#inloggen a {
	color: #fff;
}

form#inloggen ol li.optie {
	margin: 5px 40px 0 0;
}


/* Filterform vraag een expert
------------------------------------------------------------------*/

form#expert-form {
	width: 300px;
	margin-bottom: 20px;	
}

form#expert-form ul {
	list-style: none;	
}

form#expert-form ul li {
	margin-right: 0px;	
}

form#expert-form ul li label {
	display: block;
	width: 180px;
	color: #00af41;
	font-weight: bold;
	margin: 0;
}

form#expert-form ul li input,
form#expert-form ul li select {
	border: 1px solid #00af41;
	width: 180px;
	height: 12px;
	padding: 2px 2px;
}

form#expert-form ul li select {
	width: 200px;
	height: 20px;
}

form#expert-form ul li input.button {
	height: auto;
	width: auto;
}

form#expert-form ul li input.submit {
	float: right;
	width: 18px;
	height: 20px;
	background: url(/img/sprite.png) no-repeat;
	margin: 21px 96px 0 0;
	border: none;
	padding: 0;
}

/* vraag een expert - stel een vraag
------------------------------------------------------------------*/
form#steleenvraag ul li label {
	display: block;
	float: left;
	width: 150px;
	color: #00af41;
	font-weight: bold;
}

form#steleenvraag ul li label#jouwvraag {
	height: 30px;
	padding: 20px 0 0 0;
	margin: 0;
	background: url(/img/arrow_background.gif) no-repeat right 20px;
}

form#steleenvraag ul li input#public {
	width: 20px;
	margin: 4px 0 0 150px;
	border: 0;
}

form#steleenvraag ul li label#public {
	float: right;
	margin: 0 80px 0 0;
	color: #000;
	font-weight: normal;
}

form#steleenvraag ul li {
	margin-bottom: 10px;
}

form#steleenvraag ul li select,
form#steleenvraag ul li input {
	border: 1px solid #00af41;
	padding: 2px;
	width: 200px;
	margin: 0;
}

form#steleenvraag ul li select {
	width: 206px;	
}

form#steleenvraag ul li a#submit,
form#steleenvraag ul li input#submit {
	background: #00af41;
	border: 0;
	padding: 2px;
	color: #fff;
	font-weight: bold;
	width: 80px;
}

form#steleenvraag ul li input#submit {
	margin-left: 150px;	
}

form#steleenvraag ul li a#submit {
	display: block;
	float: right;
	text-align: center;
	margin-right: 80px;
	padding: 0;
}

form#steleenvraag ul li a#submit:hover {
	text-decoration: none;	
}

form#steleenvraag ul li textarea {
	width: 255px;
	height: 250px;
	border: 0;
	background: #d9f3e3;
	padding: 5px;
	margin: 0;
	float: left;
	font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
	font-size: 12px;
}

/* Form in rechterkolom
------------------------------------------------------------------*/
form.form_rechts ul li select,
form.form_rechts ul li input {
	border: 1px solid #00af41;
	padding: 2px;
	width: 180px;
	margin: 0;
}

form.form_rechts ul li label {
	display: block;
	font-weight: bold;
	color: #00af41;	
}

form.form_rechts ul li input.submit {
	background: #00af41;
	border: 0;
	padding: 2px;
	color: #fff;
	font-weight: bold;
	width: 80px;
	margin-top: 20px;
}

/* My Route Ga naar (google maps)
------------------------------------------------------------------*/
form#myroute_ganaar {
	float: right;
	margin-left: 10px;
}

form#myroute_ganaar fieldset {
	margin: 0;
	padding: 0;
	width: 137px;	
}

form#myroute_ganaar input {
	border: 1px solid #00af41;
	color: #999;
	padding: 2px;
	font-size: 10px;	
}

form#myroute_ganaar input.submit {
	background: #00af41;
	border: 0;
	color: #fff;
	font-weight: bold;	
}

/* Filterform googlemaps
------------------------------------------------------------------*/
form#filter fieldset {
	padding: 0;
}

form#filter input {
	border: none;	
}

form#filter dt {
	color: #ec7404;
	font-weight: bold;
	margin-bottom: 10px;
}

form#filter dl {
	width: 160px;
	float: left;
	margin-bottom: 20px;
}

form#filter dl.breed {
	width: 300px;	
}

form#filter dd ul {
	list-style: none;	
}

form#filter dd ul li label {
	color: #00af41;
	margin: 0 0 0 10px;
	width: 100px;
	float: none;
}

form#filter dl.breed dd ul li {
	color: #00af41;	
}

form#filter dl.breed dd ul li span {
	display: block;
	float: left;
	width: 30px;	
}

form#filter dl.breed dd ul li select {
	border: 1px solid #00af41;	
	margin: 0 10px 3px 0;
}

form#filter dl.breed dd ul li input {
	margin: 0 10px 5px 0;
}

form#filter dl dd ul li select.breed {
	border: 1px solid #00af41;	
	margin-right: 10px;
	padding: 0 0 0 3px;
	width: 200px;
}


/* Nieuwe route googlemaps
------------------------------------------------------------------*/

div#newroute form fieldset {
	padding: 0;
	margin: 0;	
}

div#newroute form label {
	float: left;
	width: 100px;	
}

div#newroute form select,
div#newroute form input {
	border: 0 none;
	padding: 2px;
	width: 150px;	
}

div#newroute form textarea {
	width: 199px;
	height: 52px;
	border: 0;
	padding: 4px;
	font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
	font-size: 11px;
}

div#newroute form a.submit,
div#newroute form input.submit {
	display: block;
	background: #00af41;
	border: 0;
	color: #fff;
	font-weight: bold;
	float: right;
	text-align: center;
	width: 80px;
	margin-left: 10px;
}

div#newroute form a.submit:active,
div#newroute form a.submit:hover {
	text-decoration: none;	
}

div#newroute form ul {
	float: left;
	width: 310px;
}

div#newroute form ul li {
	margin-bottom: 10px;	
}

/* overzicht controls
------------------------------------------------------------------*/

div.overzicht-controls form fieldset {
	margin: 0;
	padding: 0;	
}

div.overzicht-controls form select,
div.overzicht-controls form input {
	border: 0;
	width: 40px;
	margin: 0 20px 0 5px;
}

/* MyRun Instellingen
------------------------------------------------------------------*/
form#instellingen {
	margin: 40px 0 0 0;	
}

form#instellingen dl dt {
	padding: 7px 0 0 10px;
	background: #00af41;
}

form#instellingen dl ul {
	margin-bottom: 20px;	
}

form#instellingen dl ul li {
	padding: 7px 0 7px 10px;
	border-bottom: 1px solid #ccc;
}

form#instellingen dl ul li.no-border { border: 0; }

form#instellingen dl ul li label {
	display: block;
	width: 170px;
	float: left;
	color: #ec7404;
	font-weight: bold;
}

form#instellingen dl ul li input {
	width: 200px;
	border: 1px solid #00af41;
	padding: 2px;
}

form#instellingen dl ul li input.checkbox {
	width:auto;
}

form#instellingen dl ul li input.gewicht {
	width: 30px;	
}

form#instellingen dl ul li input.submit {
	width: 130px;
	background: #00af41;
	border: 0;
	color: #fff;
	font-weight: bold;
	cursor:pointer;
}

form#instellingen dl ul li select {
	border: 1px solid #00af41;
	padding: 2px;	
}

form#instellingen dl ul li span.foto {
	margin: 20px 180px 0 0;
	font-weight: bold;
}

/* Filter events
------------------------------------------------------------------*/
form.filter-events {
	margin-bottom: 20px;	
}

form.filter-events ul {
	float: left;
	width: 200px;
	margin-right: 20px;
}

form.filter-events ul li label {
	display: block;
	color: #00af41;
	font-weight: bold;	
}

form.filter-events ul li select {
	width: 200px;
	border: 1px solid #00af41;
	padding: 2px;	
}

form.filter-events ul li input {
	width: 170px;
	border: 1px solid #00af41;
	padding: 3px 2px 1px 2px;	
}

form.filter-events ul li input.submit {
	width: 20px;
	height: 20px;
	border: 1px solid #00af41;
	background: #00af41 url(/img/sprite.png) no-repeat;
	padding: 0;
	margin: 0;
}

form.filter-events div#tab-nav {
	width: 660px;
	border-bottom: 2px solid #00af41;
	margin-top: 0;
}

form.filter-events div#tab-nav a.tab {
	display: block;
	float: left;
	width: 100px;
	height: 20px;
	margin-right: 20px;
	background: #bdbaba;	
	padding: 5px 0 5px 10px;
	color: #fff;
	font-weight: bold;
}

form.filter-events div#tab-nav a.tab img {
	vertical-align: middle;
	margin-right: 10px;
}

form.filter-events div#tab-nav a.active,
form.filter-events div#tab-nav a.tab:hover,
form.filter-events div#tab-nav a.tab:active {
	background: #00af41;	
	text-decoration: none;
}

form.filter-events div#tab-nav select {
	float: right;
	border: 1px solid #00af41;
	padding: 2px;	
}

form.filter-events input.filter-toepassen {
	/*margin-top: 22px;*/
	width: auto;
}

form.filter-events li.datum-select select {
	width:auto;
}

/* Webbeheer-formulieren
------------------------------------------------------------------*/
form.webbeheer-formulier fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

form.webbeheer-formulier legend {
	display: none;
}

form.webbeheer-formulier ul.velden {
 	margin: 0;
	padding: 0;
	list-style: none;
}
form.webbeheer-formulier ul li {
	overflow: hidden;
	height: 1%;
	margin-bottom: .5em;
}
form.webbeheer-formulier ul li label {
	width: 180px;
	float: left;
}
form.webbeheer-formulier ul li input {
	float: left;
	margin: 0;
	padding: .1em .2em;
}
form.webbeheer-formulier ul li input.checkbox {
	border: 0;
}
form.webbeheer-formulier ul li.form-input-checkbox label {
	margin-left:10px;
	width:auto
}
form.webbeheer-formulier ul li fieldset.radiogrouper {
	float: left;
}

form.webbeheer-formulier fieldset.radiogrouper div {
	overflow: hidden;
	height: 1%;
}

form.webbeheer-formulier ul li fieldset.radiogrouper label {
	width: auto;
}

p.melding.melding-ok {
	background: #00AF41;
	color: #fff;
	font-weight: bold;
	padding: 5px;	
	text-align: center;
}

table.inschrijfgeld {
	width: 400px;
}

/*	Evenementen */
ul.fields label { width: 280px; }

div.box_middle label {
	width: 170px;
	float: left;
	margin-right: 12px;
	font-weight: bold;
}

div.box_middle form li { margin-bottom: 1em; overflow: hidden; }

div#expert-container {
	height: 400px;
	line-height: 200%;
	width: 400px;	
}

div#expert-container div.links {
	width: 150px;	
}

div#expert-container th { text-align: left; }
div#expert-container h3 { margin: 15px 0 0 0; }
div#expert-container div.navigatie { overflow: hidden; }
div#expert-container div.navigatie a.vorige { float: left; background:transparent url(/img/pijl-vorige.gif) no-repeat scroll 0 0; padding-left: 22px;}
div#expert-container div.navigatie a.volgende { float: right; background:transparent url(/img/pijl-volgende.gif) no-repeat scroll right 0; padding-right: 22px; }

h3.collapsable {
	background: url(/img/sprite.png) no-repeat scroll 0 0px;
	padding-left: 20px;
}

h3.collapsable.expanded {
	background: url(/img/sprite.png) no-repeat scroll 0 -20px;
}

p#noscript {
	background-color: #fff5b0;
	border: 3px solid #ffc91e;
	border-top: 0;
	display: block;
	padding: 6px 3px 3px 3px;
	text-align: center;
}

#my-lb-overlay {
	background-image: url(/img/lightwindow/black-70.png);
	background-repeat: repeat;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}

#my-lb-container {
	position: absolute;
	width: 500px;
	height: 400px;
	margin: -200px 0 0 -250px;
	top: 50%;
	left: 50%;
	background: #fff;
	overflow: auto;
	padding: 10px;
}

#my-lb-close {
	float: right;
	color: #000;
}