@charset "utf-8";

body {
	font-family: verdana;
	font-size: 11px;
	line-height:13px;
	color:#000000;
	background-color:#ffffff;
}

div#site_wrapper {
	width:900px;
	height:auto;
	margin:10px auto;
}

/* -- header with banner -- */
div#header {
	position:relative;
	width:inherit;
	height:176px;
	background:url(background_header.png) no-repeat;
}
h1 {
	float:left;
	display:block;
	height:inherit;
	width:170px;
}
h1 a {
	display:block;
	margin:27px 10px 0;
	padding:5px;
	border:1px solid transparent;
	height:111px;
	width:138px;
	text-indent:-999px;
	overflow:hidden;
	background:url(logo.jpg) no-repeat 5px 5px;
}
h1 a:hover, h1 a:focus {
	border:1px dotted #e80000;
}
div#banner {
	position:relative;
	float:left;
	margin:13px 20px 13px 0;
	height:150px;
	width:710px;
}
div#banner_window {
	height:inherit;
	width:inherit;
	overflow:hidden;
}
div#banner_slider {
	height:auto;
	width:inherit;
}
div#banner_controlbar {
	position:relative;
	top:-12px;
	left:600px;
	height:20px;
	width:50px;
	border:1px solid #e80000;
	background-color:#ffffff;
	color:#000000;
	text-align:right;
}
div#banner_controlbar span {
	display:inline-block;
	height:inherit;
	width:25px;
	line-height:20px;
	text-align:center;
}
span#vorige {
	float:left;
}
span#volgende {
	float:right;
}

/* -- sidebar with navigation -- */
div#sidebar {
	float:left;
	height:528px;
	width:148px;
	border-left:1px solid #e80000;
	border-bottom:1px solid #e80000;
	border-right:1px solid #e80000;
	background:url(background_sidebar.png) no-repeat bottom;
}
ul#navigation {
	margin:0;
	padding:0 0 0 19px;
	width:inherit;
	height:auto;
	list-style-type:none;
	margin-bottom:247px;
}
ul#navigation li{
	display:block;
	margin-bottom:13px;
	width:130px;
	height:20px;
}
ul#navigation a {
	display:block;
	border:1px solid #e80000;
	padding-left:8px;
	width:120px;
	height:18px;
	background-color:#ffffff;
	font-size: 13px;
	line-height:18px;
	color:#000000;
	text-decoration:none;
}
ul#navigation a:hover, ul#navigation a:focus, div#banner_controlbar span:hover, div#banner_controlbar span:focus {
	color:#ffffff;
	background-color:#e80000;
	cursor:pointer;
}

/* -- content -- */
div#content_wrapper {
	float:right;
	margin-bottom:20px;
	padding:0 20px 20px 0;
	width:710px;
	height:auto;
	background:url(background_content_wrapper.png) no-repeat bottom right;
}
div#content {
	position:relative;
	width:669px;
	min-height:478px;
	padding:30px 20px 20px;
	text-align:left;
	border-left:1px solid #e80000;
	background:url(background_content.png) no-repeat;
}
div#content_bottom {
	width:710px;
	height:1px;
	background:url(background_content_bottom.png) no-repeat;
}

/* -- footer -- */
div#footer {
	clear:both;
	margin:10px 0;
	height:20px;
	width:inherit;	
	font-size:10px;
	line-height:20px;
	text-align:center;
}
div#footer img {
	border:0;
	vertical-align:middle;
}


/* -- content styles -- */
/* titels */
div#content h2 {
	position:relative;
	left:-20px;
	display:block;
	padding-left:20px;
	margin-bottom:30px;
	width:689px;
	height:23px;
	font-size:14px;
	line-height:23px;
	font-weight:bold;
	color:#ffffff;
	text-align:left;
	background-color:#e80000;
}
div#content h3 {
	font-size:12px;
	font-weight:bold;
	margin:30px 0 13px 0;
}

/* lijsten */
div#content ul, div#content ol {
	margin:10px 30px;
	list-style-type:disc;
	list-style-position:inside;
	text-align:left;
}
div#content ol {	
	list-style-type:decimal;
}

/* paragrafen */
div#content p + p {
	margin-top:10px;
}

/* links */
div#content a {
	color:#000000;
	font-style:italic;
	text-decoration:none; 
}
div#content a:hover, div#content a:focus {
	text-decoration:underline; 
}

/* google maps */
dl#googlemaps {
	float:right;
	height:auto;
	width:402px;
}
dl#googlemaps  dt {
	height:402px;
	width:inherit;
}
dl#googlemaps  dd {
	margin-top:10px;
	width:inherit;
	height:auto;
	text-align:center;
}
dl#googlemaps  iframe {
	height:400px;
	width:400px;
	border:1px  solid #e80000;
}

/* - referenties tabel - */
table {
	table-layout:fixed;
	border-collapse:collapse;
	empty-cells:hide;
	width:669px;
}
th, td {
	padding:7px 5px;
	text-align:left;
	vertical-align:top;
}
td {
	padding:5px;
}
th#col_1 {
	width:80px;
}
th#col_2 {
	width:210px;
}
th#col_3 {
	width:20px;
}
th#col_4 {
	width:320px;

}
tr {
	margin-bottom:5px;
	border-top:1px dotted #e80000;
	border-bottom:1px dotted #e80000;
}