@charset "utf-8";
/* CSS Document */

/* Default settings */
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, img, form, fieldset, blockquote {  
	margin:0px; padding:0px; border:0px;   
}  
html, body {
	min-height: 100%;
	min-width: 1200px;
	background: url(../images/bgzon.jpg) bottom fixed;
	font: 8pt/20px Verdana;
}
#main {
	position: relative;
	min-height: 100%;
	margin-bottom: -30px;
}

/* ------ Begin header ------ */
#header {
	overflow: hidden;
	height: 65px;
	padding: 0px 20px 0px 30px;
	background: url(../images/header.png) no-repeat;
}
p#klok {
	width: 50%;
	padding-top: 20px;
	float: right;
	text-align: right;
	color: #e7e0e0;
}
/* ------ Einde header ------ */

/* ------ Begin content ------ */
#content {
}
#col1 {
	position: relative;
	width: 230px;
	top: 0px;
	margin-left: 25px;
	float: left;
	background: url(../images/bgoosterkamp.png) no-repeat;
}
#col3, col4, col5 {
	position: relative;
	width: 200px;
	float: left;
}
#col2 {
	position: relative;
	width: 200px;
	top: 15px;
	margin-left: 15px;
	float: left;
}
#col3 {
	position: relative;
	top: 15px;
	margin-left: 30px;
	float: left;
}
#col4 {
	position: relative;
	top: 15px;
	margin-left: 30px;
	float: left;
}
#col5 {
	position: relative;
	top: 15px;
	margin-left: 30px;
	float: left;
}

.column {
	padding: 5px 10px 10px 10px;
	margin-bottom: 15px;
	background-image: url(../images/zwart2.png);
}
.column a {color: #cbb4b4; text-decoration: none;}
.column a:hover, a:active {color: #cccccc; text-decoration: underline;}
.column h3 {padding: 6px 0px 0px 0px; color: #FFCC00;}

.column1 {padding: 18px 25px 25px 25px; margin-bottom:15px;}
.column1 a {color: #f1eeee; text-decoration: none;}
.column1 a:hover, a:active {color: #ffffff; text-decoration: underline;}
.column1 h3 {padding: 0px; color: #f1eeee;}
.column1 img {padding: 8px 0px 0px 0px;}
/* ------ Einde content ------ */

/* ------ Begin footer ------ */
.clearfooter {clear: both; height: 30px;}
#footer {
	position: relative;
	overflow: hidden;
	height: 25px;
	padding: 5px 20px 0px 20px;
	background-image: url(../images/zwart.png);
	color:#cbb4b4;
	font-size: 7pt;
}
#footer a {color: #cbb4b4; text-decoration:none;}
#footer a:hover, a:active {color: #CCCCCC; text-decoration:underline;}
#copyright {width: 50%; float: left; text-align: left;}
#credits {width: 50%; float: right; text-align: right;}
/* ------ Einde footer ------ */