/*

	CSS Lekker op het station

	Changelog:

	1R001 28 augustus 2007		Tekst in blokken bold, actieve link onderstreept en bij mouseover niet
	1R000

*/

body {
	background-color: black;
}

#mainWrapper {
	position: relative;
	display: block;
	width: 900px;
	height: 600px;
	overflow: hidden;
	text-align: left;
}

/*****************************************************************************************
kleuren
*****************************************************************************************/

.blue {
	color: #004e94;
}
.yellow {
	color: #fbd800;
}
.red {
	color: #bc2c21;
}
.black {
	color: #131111;
}
.white {
	color: #ffffff;
}

.block_blue {
	display: block;
	width: 150px;
	height: 150px;
	overflow: hidden;
	background-color: #004e94;
	color: #ffffff;
}
.block_blue a {
	color: #fbd800;
	text-decoration: none;
}
.block_blue a:hover {
	text-decoration: underline;
}
.block_yellow {
	display: block;
	width: 150px;
	height: 150px;
	overflow: hidden;
	background-color: #fbd800;
	color: #ffffff;
}
.block_yellow a {
	color: #131111;
	text-decoration: none;
}
.block_yellow a:hover {
	text-decoration: underline;
}
.block_red {
	display: block;
	width: 150px;
	height: 150px;
	overflow: hidden;
	background-color: #bc2c21;
	color: #131111;
}
.block_red a {
	color: #fbd800;

}
.block_red a:hover {

}
.block_black {
	display: block;
	width: 150px;
	height: 150px;
	overflow: hidden;
	background-color: #131111;
	color: #ffffff;
}
.block_black a {
	color: #fbd800;
	text-decoration: none;
}
.block_black a:hover {
	text-decoration: underline;
}

.page_blue {
	background-color: #004e94;
	color: white;
}
.page_blue a, .page_blue .altcolor {
	color: #fbd800;
}

.page_yellow {
	background-color: #fbd800;
	color: #131111;
}
.page_yellow a, .page_yellow .altcolor {
	color: #bc2c21;
}

.page_red {
	background-color: #bc2c21;
	color: white;
}
.page_red a, .page_red .altcolor {
	color: #fbd800;
}

.page_black {
	background-color: #131111;
	color: #ffffff;
}
.page_black a, .page_black .altcolor {
	color: #fbd800;
}

/*****************************************************************************************
block_posities
*****************************************************************************************/
#block01, #block02, #block03, #block04, #block05, #block06,
#block07, #block08, #block09, #block10, #block11, #block12,
#block13, #block14, #block15, #block16, #block17, #block18,
#block19, #block20, #block21, #block22, #block23, #block24 {
	position: absolute;
	width: 150px;
	height: 150px;
	overflow: hidden;
	z-index: 10;
}
#block01, #block07, #block13, #block19 {
	left: 0px;
}
#block02, #block08, #block14, #block20 {
	left: 150px;
}
#block03, #block09, #block15, #block21 {
	left: 300px;
}
#block04, #block10, #block16, #block22 {
	left: 450px;
}
#block05, #block11, #block17, #block23 {
	left: 600px;
}
#block06, #block12, #block18, #block24 {
	left: 750px;
}
#block01, #block02, #block03, #block04, #block05, #block06 {
	top: 0px;
}
#block07, #block08, #block09, #block10, #block11, #block12 {
	top: 150px;
}
#block13, #block14, #block15, #block16, #block17, #block18 {
	top: 300px;
}
#block19, #block20, #block21, #block22, #block23, #block24 {
	top: 450px;
}


/*****************************************************************************************
block_link
*****************************************************************************************/

.block_link_wrapper {
	background-color: yellow;
	cursor: pointer;
	font-weight: bold;
}
.block_link_wrapper a {
	display: block;
	width: 150px;
	height: 150px;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	font-family: arial, helvetica, sans-serif;
}

.block_link_wrapper a.active {
	font-weight: bold;
	text-decoration: underline;
}

.block_link_wrapper a.active:hover {
	text-decoration: none;
}

.block_link_wrapper a .linktext {
	display: block;
	padding-top: 65px;
	text-transform: uppercase;
}
.block_link_wrapper a .linktext small {
	font-size: 13px;
	font-weight: bold;

}
.block_link_wrapper a:hover {
	text-decoration: underline;
}

/*****************************************************************************************
block_image
*****************************************************************************************/

.block_image_wrapper {

}

.block_image_wrapper .block_black a:hover, .block_image_wrapper .block_red a:hover,
.block_image_wrapper .block_blue a:hover, .block_image_wrapper .block_yellow a:hover {
	text-decoration: none;
}

.block_image_wrapper a {
	display: block;
	width: 150px;
	height: 150px;
	overflow: hidden;
	cursor: default;
}

.block_image_wrapper a .block_image {
	display: block;
	width: 150px;
	height: 150px;
	overflow: hidden;
}
.block_image_wrapper a .block_image_text {
	display: none;
}
.block_image_wrapper a.over .block_image {
	display: none;
}
.block_image_wrapper a.over .block_image_text {
	display: block;
	text-decoration: none;
	padding-top: 65px;
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}
.block_image_wrapper a.over .block_image_text small {
	font-size: 13px;
	font-weight: bold;
}



/*****************************************************************************************
HOMEPAGECONTENT
*****************************************************************************************/

#block_homepagecontent {
	position: absolute;
	left: 150px;
	top: 150px;
	width: 600px;
	height: 150px;
	background-color: black;
	z-index: 20;
	background-image: url(images/title.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

#block_homepagecontent a {
	display: block;
	width: 600px;
	height: 150px;
}

/*****************************************************************************************
PAGECONTENT
*****************************************************************************************/

#block_pagecontent {
	position: absolute;
	left: 150px;
	top: 150px;
	width: 600px;
	height: 300px;
	z-index: 20;
	overflow: auto;
}

#block_pagecontent .content {
	display: block;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: justify;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-weight: bold;
}

#block_pagecontent .content h1,
#block_pagecontent .content h2,
#block_pagecontent .content h3,
#block_pagecontent .content h4,
#block_pagecontent .content h5,
#block_pagecontent .content h6 {
	padding: 0;
	margin: 0;
	padding-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

#block_pagecontent .content p {
	padding: 0;
	margin: 0;
	padding-bottom: 5px;
}

#block_pagecontent .content form {
	padding: 0;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	clear: both;
}

#block_pagecontent .content form .label {
	display: block;
	float: left;
	width: 150px;
}

#block_pagecontent .content form .field {
	display: block;
	float: left;
	width: 250px;
}

#block_pagecontent .content form .wide {
	display: block;
	width: 400px;
}

#block_pagecontent .content form .divider {
	display: block;
	clear: both;

	height: 4px;
}

#block_pagecontent .content form input.inputField {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	width: 100%;
	border: 1px solid #131111;
}

#block_pagecontent .content form select.selectField {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #131111;
}

#block_pagecontent .content form input.checkbox {
}

#block_pagecontent .content form input.radio {
}

#block_pagecontent .content form textarea.inputField {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	width: 100%;
	height: 70px;
	border: 1px solid #131111;
}


#block_pagecontent .content form input.submitButton {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	float: right;
	border: 1px solid #131111;
	background-color: #fbd800;
	font-weight: bold;
}

#block_pagecontent .content form label:hover {
	text-decoration: underline;
}

#block_pagecontent .content a {
	text-decoration: none;
}

#block_pagecontent .content a:hover {
	text-decoration: underline;
}

#block_pagecontent .content .backlink {
	display: block;
	padding-top: 15px;
}