/* ============================================ */
/* fiets-en-win.nl                           		*/
/* Website styles                               */
/* Medium: screen                            		*/
/* ============================================ */

@charset "UTF-8";

/* ==================== common HTML styles ==================== */

/* headings */
h1, h2, h3, h4, h5, h6 {
	font-weight: normal; 
	color: #23b0d9;
}
h1 { font-size: 1.5em; margin-top: 1em; margin-bottom: 1em; letter-spacing:1px; }
h2 { font-size: 1.3em; margin-top: 1.5em; }
h3 { font-size: 1.2em; font-weight: bold; }
h4, h5, h6 { font-size: 1.1em; font-weight: bold; font-style: italic; }
h1#pageTitle { margin-top: .3em; margin-bottom: .5em; font-size: 2.8em; color: #23b0d9; }

/* default links */
a:link, a:visited {
	color: #23b0d9;
	text-decoration: underline;
	}
	a:hover {
		color: #000;
		text-decoration: underline;
	}

/* listings */
ul, ol {
	margin: 0;
	margin-left: .7em;
	padding: 0;
	padding-left: .7em;
}
li { line-height: 1.3em; }

/* table */
table { border-collapse: separate; }
td { vertical-align: top; font-size: 100%; }
td p { margin-top: 0; }

/* form and related tag styles */
form {
	margin: 0;
	padding: 0;
}
input, textarea {
	margin: 0;
	padding: 1px 1px 1px 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000;
	border: 1px solid #b2b2b2;
}
textarea { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em; 
}
select {
	margin: 0;
	padding: 0;
	font-size: 1em;
	color: #000;
}

/* ==================== generic custom styles ==================== */

.small { font-size: 70%; }
.medium { font-size: 90%; }
.bold { font-weight: bold; }
.aqua { color: #23b0d9; } 
.red { color: #f32837; }
.green { color: #009a3d; }
.grey { color: #888; }
.noWrap { white-space: nowrap; }
.noBorder { border: none; }
.center { text-align: center; }
img.border { border: 1px solid #daf2f9; }

/* hr and separation lines */
hr, div.hr {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	border-top: 1px solid #23b0d9;
}
div.hr_dotted {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	border-top: 2px dotted #23b0d9;
}

/* ---------- table styles ---------- */

.TBL_data { 
	background-color: #fff;
	border: 1px solid #23b0d9; 
}
.TBL_data th { 
	padding: 5px;
	color: #fff;
	font-weight: bold;
	text-align: left;
	background-color: #23b0d9;
}
.TBL_data td { padding: 5px; }
.TBL_data td.data { background-color: #e5e5e5; }
.TBL_data td.label { background-color: #daf2f9; }

/* lines and spacers */
tr.redBorder td { border: 2px solid red; }
td.spacerLine_aqua {
	height: 1px;
	padding: 0px;
	margin: 0px;
	background-color: #23b0d9;
}
td.spacerLineGrey {
	height: 1px;
	padding: 0px;
	margin: 0px;
	background-color: #b2b2b2;
}

/* ---------- buttons ---------- */

.buttonBorder, input.buttonBorder { 
	font-weight: bold;
	color: #000;
	letter-spacing: 1px;
	margin: 1em 0 1em 0;
	padding: 5px;
}
input.buttonBorder { 
	font-size: 9pt;
	line-height: .9em;
	padding-bottom: 3px 5px 3px 5px;
	border: 3px double #23b0d9;
	background: #daf2f9;
}
a.buttonBorder {
	display: inline-block; 
	margin: 0; 
	font-size: 1em;
	color: #23b0d9; 
	padding: 5px; 
	text-decoration: none; 
	border: 3px double #23b0d9;
	background-color: #fff;
	}
	a.buttonBorder:hover {
		color: #fff; 
		text-decoration: none;
		border: 3px double #daf2f9;
		background-color: #23b0d9; 
	}

/* delete button */
.butDelete {
	float: left;
	margin: 0;
	padding: 0;
	width: 14px;
	height: 14px;
	background-image: url(../images/icons/icon_delete.png);
	opacity: 0.6;
	filter: alpha(opacity=60);
	cursor: pointer;
	}
	.butDelete:hover {
		background-position: 0 14px;
		opacity: 1;
		filter: alpha(opacity=100);
	}


/* ======================================================= */
/* ==================== custom styles ==================== */
/* ======================================================= */

.block_aqua { 
	padding: 5px; 
	font-size: 1em;
	background-color: #daf2f9; 
}
.block_blue { 
	padding: 5px; 
	font-size: 1em;
	color: #fff;
	background-color: #23b0d9; 
}
.block_blue a { color: #fff; text-decoration: none; }

/* toggle triggers */
.toggle_trigger {
	padding: 5px 5px 5px 30px;
	background: url(../images/but_arrow_right_white.png) no-repeat;
	background-position: 10px 50%;
	background-color: #23b0d9;
	}
	.toggle_trigger a {
		color: #fff;
		text-decoration: none;
		display: block;
	}
	.toggle_trigger a:hover { color: #ffff00; }
	.active { 
		background: url(../images/but_arrow_down_white.png) no-repeat; 
		background-position: 10px 50%;
		background-color: #23b0d9;
	} 
.toggle_container {
	margin-bottom: 1em;
	clear: both;
}

p.toggle_trigger { background: url(../images/but_arrow_right_aqua.png) no-repeat; background-position: 5px .6em; }
p.toggle_trigger a { color: #23b0d9; }
p.toggle_trigger a:hover { color: #23b0d9; text-decoration: underline; }
p.active { background: url(../images/but_arrow_down_aqua.png) no-repeat; background-position: 5px .6em; }

/* winkansen inzetten: button */
div.winkansen_inzetten { 
	float: right;
	position: relative;
	top: 10px;
	right: 50px;
	width: 61px;
	height: 61px;
	margin: 0;
	padding: 0;
	background: url(../images/prijzenpot_winkansen_inzetten_off.png) no-repeat;
	}
	div.winkansen_inzetten:hover { background: url(../images/prijzenpot_winkansen_inzetten_on.png) no-repeat; }
/* winkansen inzetten: thermometer */
div.winkansen_inzetten_thermometer { 
	float: left;
	position: relative;
	width: 300px;
	margin: 0;
	padding: 0;
}

/* left column: winkansen */
#TBL_leftColumn_winkansen {
	position: relative;
	top: 5px;
	width: 195px;
	font-size: 1.2em; 
	font-weight: bold;
	color: #fff;
	vertical-align: middle; 
}
#TBL_leftColumn_winkansen td.winkans {
	width: 89px;
	height:48px;
	font-size: 2em;
	font-weight: bold;
	color: #23b0d9;
	background-image: url("../images/winkansen_collected_bg.png"); 
	background-position-x: center;
	background-repeat: no-repeat;
}

/* fietsenstallingen: winkansen */
.TBL_fietsenstallingen_winkansen_week {
	border-bottom: 2px solid #23b0d9;
	background-color: #daf2f9;
}
.TBL_fietsenstallingen_winkansen_week th { 
	padding: 10px 0px 10px 0px; 
	font-size: .9em;
	font-weight: normal;
}
.TBL_fietsenstallingen_winkansen_week td { 
	font-weight: bold;
	color: #1890c5;
	font-size: 1.2em;
	vertical-align: middle;
}
.TBL_fietsenstallingen_winkansen_week td.dagkans {
	width: 54px;
	height:39px;
	background-image: url("../images/winkansen_dagkans_bg.png");
	background-position-x: center;
	background-repeat: no-repeat;
}

/* prijzenpot: Trekkingstitel */
h2.title { 
	display: block;
	padding: 5px 10px 5px 10px;
	color: #fff;
	background-color: #23b0d9;
}