@import url("contact.css");
@import url("klanten.css");

/*SITE*/
* {margin:0; padding:0;list-style:none;outline:0;}
html {overflow-y: scroll; height:100%; background: url(../images/interface/background.png) repeat;}
body {/*height:100%;*/ margin:0; padding:0; text-align:center; font: 12px/18px Arial,Verdana,Helvetica,sans-serif; background:url(../images/interface/gras.png) repeat-x;}
a {color:#234777; text-decoration:none;}
a:hover {text-decoration:underline;}
#active, a#activepage {cursor: default;}
/*span {visibility:hidden;}*/
.pointer {cursor: default}
img {border:0}
hr {height:0;border:0;border-top:1px solid #d4e0ef;}

.img_right {float: right;padding-left: 16px;}
.img_left {float: left;padding-right: 16px;}

/*BACKGROUND*/
#background {width:auto; height:100%; background: url(../images/interface/molen.png) no-repeat;}

#background1 {background: url(../images/interface/gras.png1) repeat-x;position:absolute;height:700px;width:500px;z-index:0;}


/*CONTAINER*/
#container {text-align:left; margin:0px auto 0; padding-top:20px; width:754px;}


/*CONTAINER MAINS*/
#main_container_top, #main_container_bottom {height:21px; width:100%;}
#main_container_top {background:url(../images/interface/maintopround.png);}
#main_container {background:url(../images/interface/main.png) repeat-y; padding:0 12px 0px;}
#main {height:auto; width:100%;}
#main_container_bottom {background:url(../images/interface/mainbottomround.png) 1px 0;}


/*HEADER*/
#header {width:729px; height:57px; background:#95b6df url(../images/interface/header_bg.jpg) no-repeat; position:relative;}
#header .brand {
	width:212px;
	height:117px;
	background:url(../images/interface/logo.png) no-repeat;
	position:absolute;
	top:-35px;
	right:512px;
	z-index:1;
}
#header .brand a, .brand a:hover {display: block; height:117px; width:212px; text-decoration:none;}
#header .brand span {visibility:hidden;}
#header .navhead {width:100%; height:57px; position:relative; overflow:hidden;}
#header .navhead ul {position:absolute; top:35px; right:-4px;}
#header .navhead ul a {color:white;}
#header .navhead li {font-size:11px; color:white; float:left; padding:0 8px; border-right:white 1px solid;}


/*NAVMAIN*/
#navmain {
height:35px;
font: 14px/32px Arial,Verdana,Helvetica,sans-serif;
text-transform: uppercase;
letter-spacing:0;
background:white;
width:729px;
float:left;
position:relative;
}

#navmain ul {
	background:#d4e0ef url(../images/interface/space.gif) repeat-x;
	width:100%;
	position:absolute;
	text-align:center;
}

#navmain ul li {
	position: relative;
	display: inline;
	float:left;
}

#navmain ul li a {
display: block;
overflow: hidden;
padding: 0 20px;
border-top:3px solid white;
}

#navmain ul li a:hover {
background:#d4e0ef;
text-decoration: none;
border-top:3px solid #ef4523;
}

#navmain ul li a#active {
border-top:3px solid #ef4523;
}



#navmain ul li ul {
	position: absolute;
	padding-top:3px;
	display: none;
	z-index:100;
	width:170px;
}

#navmain ul li ul li {
	float:none;
	display:block;
	text-align:left;
	border-bottom:2px solid white;
	border-left:2px solid white;
	border-right:2px solid white;
}

#navmain ul li ul li a {
	border:0;
	padding-left:18px;
}

#navmain ul li ul li a:hover {
	border:0;
	border-left:3px solid #ef4523;
	padding-left:15px;
	background:none;
}

#picture {
height:180px;
width:729px;
margin-top:3px;
}

/*NAV CONTENT*/
#navcontent {
font: 12px/20px Arial,Verdana,Helvetica,sans-serif;
text-transform:uppercase;
float:left;
width:200px;
overflow:hidden;
padding:20px 0px 20px 17px;
border-left:3px solid #ffffff;
}

#navcontent ul {background: url(../images/interface/nav_content_bottom.gif) bottom no-repeat; padding-bottom:20px;}

#navcontent li {border-left:3px solid #ffffff; border-bottom:2px solid #ffffff;}

#navcontent li a, .navgap {
color: #234777;
display:block;
padding:8px 4px 8px 12px;
background:#eaeff8;
border-left:3px solid #ffffff;
/*white-space:nowrap;
overflow:hidden;*/
}

#navcontent li a:hover {
background:#ffffff;
text-decoration:none;
border-left:3px solid #ef4523;
padding-left:12px;
}

#navcontent li#activepage a, #navcontent li#activepage a:hover {
background:#eaeff8;
text-decoration:none;
border-left:3px solid #ef4523;
padding-left:12px;
cursor:default;
}

#navcontent .nav_head {padding:30px 0 9px 20px;}

/*CONTENT*/
#content {
	color:#4d4d4d;
	min-height:200px;
	padding-bottom:0px;
	padding:20px 20px;
	background:none;
	border:0px solid red;
	float:right;
	width:465px;
}

#content ul li {
	padding:0 0 0.25em 24px; background: url(../images/interface/bullet.png) no-repeat 4px 7px;
}

#content ul li ul, #content ul li ol, #content ol li ul, #content ol li ol {
	margin:0.5em 0;
}

#content ul li ol li {
	background:none;
}

#content ol li {
	padding:0 0 0.25em 24px;
	list-style:decimal inside;
}

#content img, #content ul, p {
	margin-bottom:18px;
}

#content a {
	text-decoration:underline;
}

#content a:hover {
	text-decoration:none;
}

#content a.external {
	background:transparent url(../images/external.png) no-repeat right center;
	padding-right:13px;
}

h1, h2, h3, h4, h5, h6 {font:normal 24px/1em Arial,Verdana,Helvetica,sans-serif;color:#234777;margin-bottom:0;text-transform: uppercase;}
h1 {
	font-weight: normal;
	letter-spacing:-1px;
	font-size:32px;
	padding-bottom:12px;
}

h2 {
	font-size:24px;
	font-weight:normal;
/*	padding:30px 0 12px 0;*/
	padding-bottom:12px;
}

h3 {
	font-size:17px;
	padding:16px 0 8px;
}

h4 {
	font-size:14px;
	padding:12px 0 4px 0;
}

h5 {
	font-size:12px;
	padding-top:12px;
}

h6 {
	font-size:10px;
	padding-top:12px;
}

a.knop {
/*	display:block;*/
	padding:0.5em;
	background:#234777;
	color:white;
	border:0.5em solid #234777;
	border-left-width:1.5em;
	border-right-width:1.5em;
	text-decoration:none !important;
	text-transform: uppercase;
}

a.knop:hover {
	text-decoration:underline !important;
}

#content b {
	color:#333333;
	color:#1A1A1A;
}

#content q {
	font:italic 13px/20px Georgia, Times, Serif;
}

#content q:before,
#content q:after {
	content:'';
}

table {
	border-collapse: collapse;
}

table tr {
	
}

table tr td {
	vertical-align:top;
	padding-right:1em;
}

table h1, table h2, table h3, table h4, table h5, table h6 {
	padding:0;
}

/*COLOMN FIX*/
.fix, #fix {clear: both;}


#copyright {
	font: normal 11px/18px Arial,Verdana,Helvetica,sans-serif;
	height:50px;
	width:100%;
	text-align:center;
	margin: 0 8px;
	padding:8px 0 0 0px;
}

#copyright a {
	color:black;
}

#copyright span {
	display:none;
}

/******************************/

fieldset {
	text-align:center;
}


#quick {
	display:none;
	clear:both;
	margin:0 11px;
	padding:40px 0 10px;
	font:normal 13px/18px Arial, Helvetica, sans-serif;
}

#quick h4 {
	font-size:14px;
	margin:0 9px 0 9px;
	padding:16px 0 6px;
	border-top:1px solid #ddd;
	color:#111;
}

#quick ul {
	margin:0 9px 0 9px;
	overflow:hidden;
	position:relative;
	height:1.5em;
}

#quick li {
	background: no-repeat left center;
	padding-left:18px;
/*	position:relative;*/
	position:absolute;
	white-space:nowrap;
}

#quick a { color:black; text-decoration:none; }

#quick a:hover { text-decoration:underline; }

#quick span { font-size:11px; /*font-style:italic;*/ color:gray; }