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

html {
	height:100%;
}
body {
	color:#c9c8c8;
	background:#000000;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	height:100%;
}
a {
	outline: none;
}

hr {
	border:none;
	color:#ff8800;
	height:1px;
}

h1 {
	font-size:18px;
	color:#6198c6;
}
h2 {
}
h3 {
}
.clear {clear:both;}
.imgb {border:#fff 4px solid;}
#container {
	position:relative;
	width:960px;
	left: 50%;
	margin-left: -425px;
	padding:0;
	height: auto !important; /* Use the correct setting in compliant browsers */
    _height:100%;		/*for IE*/
	min-height:100%;	/*for Firefox*/

	}
#header{
	position:relative;
	width:960px;
	height:200px;
	background:url(images/header.jpg) top center no-repeat;
	}
#header h1 {
	position:absolute;
	text-indent:-99999px;
}
/* ---------------- Navigatie ---------------- */
#menu {
	list-style:none;
	font-size:15px;
	position:absolute;
	left:680px;
	top:150px;
}
#menu li {
	float:left;
}
#menu li a:link {
	padding:3px 10px 3px 10px;
}
#menu li a:visited {
	padding:3px 10px 3px 10px;
}
#menu li a:hover {
	padding:3px 10px 3px 10px;
	color:#FFF;
	text-decoration:none;
}

/* ----------------- Content -----------------*/
#slidebar {
	position:relative;
	width:960px;
	background:url(images/kader-bg.jpg) top left no-repeat;
	height:310px;
	margin:0 0 20px 0;
}
/* Easy Slider */
	#slider{ margin-left:20px;}
	#slider ul, #slider li{
		list-style:none;
		margin:0;
		padding:20px 0 0 0;
		}
	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		overflow:hidden;
		width:920px;
		height:287px;
}
	#slider li img{
		border:none;
	}

	span#prevBtn{
		position:absolute;
		top:115px;
		left:20px;
		width:36px;
		height:72px;
}
	#prevBtn a{
		position:absolute;
		width:100%;
		height:100%;
		text-indent:-9999px;
		background:url(images/previous.png) top left no-repeat;
	}
	span#nextBtn{
		position:absolute;
		top:115px;
		left:905px;
		width:36px;
		height:72px;
}					
	#nextBtn a{
		position:absolute;
		width:100%;
		height:100%;
		text-indent:-9999px;
		background:url(images/next.png) top left no-repeat;
	}

#content {
	position:relative;
	background:url(images/main-top.jpg) top left no-repeat;
	min-height:450px;
}
#leftwide {
	float:left;
	width:690px;
	margin:0 0 0 20px;
}
#leftcolumn {
	float:left;
	margin:0 0 0 20px;
	width:395px;
}
#maincolumn {
	float:left;
	margin:10px 25px 0 25px;
	width:245px;
}
#rightcolumn {
	float:right;
	width:230px;
	margin:0 20px 0 0;
}
/* ------------------ Footer ------------------ */
#footer {
	position:relative;
	background:url(images/footer-bg.jpg) top left no-repeat;
	height:65px;			/*for footer*/
}
#disclaimer {
	float:left;
	width:450px;
	font-size:12px;
	padding:40px 0 0 30px;
}
#copyright {
	float:left;
	text-align:right;
	width:480px;
}
#copyright img {
	border:none;
	margin:30px 30px 0 0;
}
/* ------------------ Algemene links ------------- */
a:link {
	color:#c9c8c8;
	text-decoration:none;
}
a:visited {
	color:#c9c8c8;
	text-decoration:none;
}
a:hover {
	color:#c9c8c8;
	text-decoration:underline;
}
/* ------------------- Contact ------------------*/
#contactform {
	margin-top:40px;
}
#contactform label {
	float:left;
	width:70px;
	display:block;
	margin:3px 0 5px 0;
}
input, textarea, select{
	font-family:Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}
.veld {
	width:300px;
	margin-bottom:8px;
}
.highlight {
	width:300px;
	margin-bottom:8px;
	border:1px solid #eb0e17;
}
.textveld {
	width:430px;
	margin-bottom:8px;
	height:60px;
	overflow:auto;
}
.highlighttextveld {
	width:430px;
	margin-bottom:8px;
	height:60px;
	border:1px solid #eb0e17;
	overflow:auto;
}
.contactbutton {
	float:right;
	margin:15px 55px 0 0;
	width:100px;
	height:30px;
}
.dropveld {
	width:265px;
	margin-bottom:4px;
}
.verzonden{
	border: 1px solid #eb0e17;
	padding:10px;
	background:#FFF;
}