﻿/* ================= Kleurcodes ================= */
/* Donkerblauw achtergrond:	#123352 */
/* Grijs van navigatie:		#555555 */
/* Geel:					#fbfc1c */
/* Oranje:					#c64708 */
 
/* ================= Global ================= */
body, html {
	margin:0;
	padding:0;
	background:#123352 url('../../images/bg-main.gif') repeat-x;
}

body {
	min-width:900px;
}

#container {
	width:900px;
	margin:0 auto;
	padding:0;
	font:normal 11px verdana,arial,sans-serif;
}

img {
	border:0;
}

/* ================= Top ================= */
#top {
	background:url('../../images/logo.gif') no-repeat;
	background-position:19px 0;
	height:109px;
}

#top ul {
	margin:0 8px 0 0;
	padding:0;
	list-style-type:none;
	float:right;
}

#top ul li {
	display:block;
	float:left;
	padding:0;
	margin:0;
}

#top ul li a {
	background:#cfd9dc url('../../images/ster.gif') no-repeat;
	background-position:9px 15px;
	width:83px;
	height:24px;
	padding:14px 0 0 35px;
	margin:0 0 0 1px;
	color:#555;
	text-decoration:none;
	display:block;
	font:bold 11px verdana,arial,sans-serif;
}

#top ul li a:hover {
	color:#fff;
	background:#123352;
	border-bottom:6px solid #4a6774;
}

#top ul li#topaan a {
	color:#fff;
	background:#123352;
	border-bottom:6px solid #4a6774;
}

/* ================= Wrapper Content ================= */
#wrapper {
	background:#555555 url('../../images/bg-nav.gif') repeat-y;
	padding:0 8px;
	border-bottom:8px solid #fff;
}

.clearfloat {
	display:block;
}

* html .clearfloat {
	height:1%;
}

.clearfloat {
	display:block;
}

.clearfloat:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* ================= Content ================= */
#content {
	float:left;
	width:698px;
}

#wrapBesch {
	height:167px;
	margin:8px 0 1px 0;
	background:#c64708 url('../../images/afb-home.jpg') no-repeat;
}

#besch {
	float:right;
	margin:0;
	border-left:1px solid #fff;
	width:272px;
	height:167px;
	background:url('../../images/bg-besch.gif') repeat-x;
}

#besch a {
	text-decoration:underline;
	font-weight:bold;
	color:#fff;
	background:url('../../images/bullet-besch.gif') no-repeat;
	padding-left:15px;
	background-position:0 4px;
}

#besch p {
	width:254px;
	height:129px;
	background:url('../../images/bg-huizen.gif') right bottom no-repeat;
	margin:0 0 0 18px;
	color:#fff;
	line-height:150%;
}

#besch h1 {
	color:#fff;
	margin:10px 0 6px 16px;
	padding:0;
	font:bold 18px verdana,arial,sans-serif;
}

#mainContent {
	background:#fff url('../../images/bg-geel.gif') repeat-x;
	_height:460px;
	min-height:460px;
}

#mainContent h1 {
	margin:0;
	color:#c64708;
	background:url('../../images/bg-h1.gif') no-repeat;
	font:bold 18px verdana,arial,sans-serif;
	padding:12px 0 32px 45px;
	background-position:25px 0;
	letter-spacing:-1px;
}

#mainContent p {
	line-height:150%;
	margin:15px 45px 0 45px;
}

#mainContent a {
	text-decoration:underline;
	color:#c64708;
}

p#feas {
	text-align:right;
	border-top:1px solid #555;
	padding:10px 0 30px 0;
	margin:15px 20px 0 46px;
}

.top {
	margin-left:30px;
	background:url('../../images/icon-top.gif') no-repeat;
	background-position:0 3px;
	padding-left:15px;
	padding-bottom:3px;
}

.print {
	background:url('../../images/icon-print.gif') no-repeat;
	background-position:0 3px;
	padding-left:18px;
	padding-bottom:3px;
}

#adres {
	display:none;
}

.afbR {
	background:url('../../images/bg-afb.gif') no-repeat;
	height:163px;
	width:191px;
	padding: 24px 0 0 20px;
	float:right;
	margin:15px 15px 0 11px;
}

.afbRT {
	background:url('../../images/bg-afb.gif') no-repeat;
	height:163px;
	width:191px;
	padding: 24px 0 0 20px;
	margin:15px 15px 0 11px;
}

#kruimels a {
	padding-right:18px;
	margin-right:10px;
	background:url('../../images/bullet-kruimel.gif') right no-repeat;
}

.bullKruimel {
	margin:0 13px;
}

ul.opsommSub {
	list-style-type:none;
	margin:6px 30px;
}

ul.opsommSub li a {
	padding-left:15px;
	color:#333;
	font-weight:normal!important;
}

ul.opsomm {
	list-style:none;
	margin:16px 0 20px 45px;
	padding:10px 0 6px 0;
	font-weight:bold;
	line-height:150%;
}

h2 {
	margin:22px 0 0 45px;
	padding:0;
	font:bold 11px verdana,arial,sans-serif;
	color:#c64708;
}

.links {
	_height:110px;
	min-height:110px;
	margin:20px 45px 0 45px;
	line-height:150%;
}

.afbLinks {
	float:right;
	border:1px solid #888;
}

#cForm {
	width:460px;
	border:0;
	font-weight:bold;
	margin:20px 0 0 42px;
}

label {
	cursor:pointer;
}

#aanhef {
	font-weight:normal!important;
	padding-bottom:15px;
}

.veld {
	background:#7fa2b0!important;
	border:0;
	font:normal 11px verdana,arial,sans-serif;
	color:#fff;
	width:200px;
	padding:5px;
	height:20px;
	margin:0 0 8px 5px;
}

#opm {
	margin:0 0 8px 5px;
	overflow:auto;
	font:normal 11px verdana,arial,sans-serif;
	color:#fff;
	width:200px;
	background:#7fa2b0;
	border:0;
	padding:5px;
	height:100px;
}

#frmKnop {
	background:#c64708;
	border:0;
	font:normal 11px verdana,arial,sans-serif;
	color:#fff;
	margin:0 0 0 5px;
	width:160px;
	height:30px;
	cursor:pointer;
}

form {
	margin:0;
	padding:0;
}

#related {
	border-top:1px solid #555;
	margin:40px 20px 0 46px;
	padding-top:15px;
	line-height:150%
}

#related a {
	display:block;
}

#related h1 {
	color:#c64708;
	background:none;
	margin:0 0 8px 0;
	padding:0;
	font:bold 11px verdana,arial,sans-serif;
	letter-spacing:0;
}

/* ================= Navigatie linkerkant ================= */
#navigatie {
	float:left;
	width:178px;
	margin-right:8px;
	background:url('../../images/logo-hoekje.gif') no-repeat;
	padding-top:40px;
}

/* Root = Verticaal, Secondary = Verticaal */
ul#navmenu, ul#navmenu li, ul#navmenu ul {
	margin:0;
	border:0 none;
	padding:0;
	width:178px; /*voor KHTML*/
	list-style:none;
}

ul#navmenu li {
	display:block !important; /*voor goeie browsers*/
	display:inline; /*voor IE*/
	position:relative;
	float:left;
	width:100%;
}

/* Root Menu */
ul#navmenu a {
	border-bottom:1px solid #888;
	padding:10px 10px 10px 28px;
	display:block;
	color:#fff;
	text-decoration:none;
	height:auto !important;
	height:1%; /*voor IE*/
	background:url('../../images/bullet-nav.gif') no-repeat;
	background-position:12px 14px;
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a {
	background:#c64708;
	color:#fff;
}

/* Root Menu laten zie wat keuze is */
ul#navmenu li#knopaan a {
	background:#c64708;
}

/* 2nd Menu */
ul#navmenu li:hover li a, ul#navmenu li.iehover li a {
	background:#cfd9dc;
	color:#555;
}

ul#navmenu li.subaan a {
	background:#cfd9dc!important;
	color:#555!important;
}

ul#navmenu li.subaan a:hover {
	background:#c64708!important;
	color:#fff!important;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a, ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover li.iehover a {
	background:#c64708;
	color:#fff;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a, ul#navmenu li.iehover li.iehover li a {
	background:#cfd9dc;
	color:#555;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover, ul#navmenu li:hover li:hover li:hover a, ul#navmenu li.iehover li.iehover li a:hover, ul#navmenu li.iehover li.iehover li.iehover a {
	background:#c64708;
	color:#fff;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a, ul#navmenu li.iehover li.iehover li.iehover li a {
	background:#EEE;
	color:#666;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover, ul#navmenu li.iehover li.iehover li.iehover li a:hover {
	background:#CCC;
	color:#FFF;
}

ul#navmenu ul, ul#navmenu ul ul, ul#navmenu ul ul ul {
	display:none;
	position:absolute;
	top:0;
	left:178px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul {
	display:none;
}

ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul {
	display:block;
}

/* ================= Footer ================= */
#footer {
	border-top:7px solid #4a6774;
	background:#7fa2b0;
	color:#fff;
	text-align:right;
	padding:20px
}

#footer a {
	margin-left:20px;
	border-left:1px solid #fff;
	padding-left:20px;
	color:#fff;
	text-decoration:none;
}

.lightboxfoto {
	border:5px solid #C64708;
	margin:0 24px 24px 0;
}