/* ============================================ */
/* fiets-en-win.nl                              */
/* Website structural styles: layout div's      */
/* Medium: screen                               */
/* ============================================ */

html,body { 
	margin: 0;
	padding: 0;
}
body { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #000;
	background-color: #fff;
}

/* pageWrapper contains whole page: centered */
#pageWrapper {
	position: relative;
	width: 970px;
	margin: 0 auto;
	padding: 0;
}

/* logo" overlay for header */
#gemeenteLogo {
	position: absolute;
	right: 0;
	top: 36px;
	width: 290px;
	height: 55px;
	text-align: center;
}
#gemeenteLogo #logo	{ 
	clear: both; 
	height: 110px; 
	position: relative; 
	top: 50%;
}

/* header */
#header {
	position: relative;
	width: 970px;
	height: 292px;
	margin: 0;
	padding: 0;
	background-image: url(../images/header_stationary.jpg);
	background-repeat: no-repeat;
}


/* ---------- content ---------- */

/* down from header: contentWrapper wraps leftColumn, content en rightColumn */
#contentWrapper {
	position: relative;
	float: right;
	width: 902px;
	min-height: 450px;
	margin: 0;
	padding: 0;
	font-size: 1.2em;
}

#leftColumn {
	position: absolute;
	left:0;
	margin: 0;
	padding: 0;
	width: 191px;
	font-size: .9em;
}

#rightColumn {
	position: absolute;
	right: 0;
	top: 45px;
	width: 190px;
	font-size: .9em;
}

#content {	
	position: relative;
	width: 470px;
	margin-left: 220px;
	font-size: 1em;
}

/* ---------- left column styles ---------- */

/* left column blue */
.leftColumn_blue {
	width: 191px;
	min-height: 280px;
	margin: 0;
	padding: 0;
	background-image: url("../images/leftColumn_blue_bg.jpg");
	background-repeat: no-repeat;
	background-color: #0091c6;
}
.leftColumn_blue h1 {
	margin-top: 0;
	color: #fff;
	font-size: 2.1em;
	line-height: 1.1em;
}
.leftColumn_blue .text { font-size: 1.1em; padding: 14px 14px 14px 9px; }
.leftColumn_blue_bottom {
	margin-top: -14px;
	height: 20px;
	background-image: url("../images/leftColumn_blue_bottom.jpg");
	background-repeat: no-repeat;
}
.leftColumn_blue a.register {
	float: right;
	width: 131px;
	height: 32px;
	margin-top: 7px;
	margin-right: -20px;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 32px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	background-image: url("../images/leftColumn_register.png");
	background-repeat: no-repeat;
}
.leftColumn_blue a.register:hover { color: yellow }

/* left column red */
.leftColumn_red {
	width: 191px;
	margin: 0;
	padding: 0;
	background-color: #ae1b13;
}
.leftColumn_red h1 {
	margin-top: 0;
	padding: 14px 14px 14px 9px;
	color: #fff;
	font-size: 2.2em;
	line-height: 1em;
}
.leftColumn_red .text { padding: 0 14px 0 14px; border-right: 2px solid #dedede; }
.leftColumn_red_top {
	height: 71px;
	background-image: url("../images/leftColumn_red_top.jpg");
	background-repeat: no-repeat;
	border-bottom:1px solid #fff;
}
.leftColumn_red_bottom {
	height: 13px;
	background-image: url("../images/leftColumn_red_bottom.jpg");
	background-repeat: no-repeat;
}

/* winkansen */
.winkansen_today { 
	position: relative;
	top: 5px;
	width: 195px;
	margin-left: -5px;
	font-size: 1.2em; 
	font-weight: normal;
	color: #fff;
	vertical-align: middle; 
}
.winkansen_today td.dagkans {
	width: 51px;
	height:39px;
	font-size: 2em;
	font-weight: bold;
	color: #ae1b13;
	background-image: url("../images/winkansen_dagkans_bg.png");
	background-position-x: center;
	background-repeat: no-repeat;
}

/* ---------- right column styles ---------- */

/* right column aqua */
.rightColumn_aqua { 
	width: 189px;
	margin: 0;
	padding: 0;
	background-color: #daf2f9;
}
.rightColumn_aqua .text { padding: 0 14px 0 14px; }
.rightColumn_aqua h1 {
	margin-top: 0;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: normal;
}
.rightColumn_aqua_top {
	height: 10px;
	background-image: url("../images/rightColumn_aqua_top.png");
	background-repeat: no-repeat;
}
.rightColumn_aqua_bottom {
	height: 10px;
	background-image: url("../images/rightColumn_aqua_bottom.png");
	background-repeat: no-repeat;
}

/* ---------- footer ---------- */

#footer {
	position: relative;
	width: 480px;
	margin-left: 288px;
	padding-top: 2em;
	text-align: center;
	font-size: .9em;
	color: #999;
	border-top: 3px double #b2b2b2;
}
#footer li {
	display: inline;
	list-style-type: none;
	padding: 0 10px 0 10px;
	border-left: 1px solid #b2b2b2;
}
#footer li:first-child {
	border-left: none;
}
#footer li a:link, #footer li a:visited { color: #999; text-decoration: none; }
#footer li a:hover, #footer li a.selected { color: #000; text-decoration: none; }


/* ==================== misc ==================== */

.clear {
	clear: both; 
	line-height: 0; 
	height: 4em;
}

/* modal window */
.loading {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -8px;
		margin-left: -8px;
	}