/* Ontwikkelaar: Concept7 (www.concept7.nl) */
/* Datum: december 2006 */
/* Format: screen */

/* Globals
=================================================================*/
body,
html {
	background:#d7d7d7;
	color:#000;
	margin:0;
	padding:0;
	font:normal 11px verdana,arial,sans-serif;
	}

body { min-width:950px;}

div#wrapper {
	width:950px;
	margin:0 auto;
	padding:0;
	background:#fff;
	}

img { border:0;}

p { line-height:150%;}

*:focus { outline: none} 

/* Top (service menu + zoeken + logo)
=================================================================*/
div#top {
	height:96px;
	color:#fff;
	background:url(../images/ronding-top.gif) no-repeat;
	}

div#service {
	background:#ed1b24;
	width:564px;
	height:43px;
	float:right;
	}

ul#navserv {
	margin:14px 0 0 8px;
	padding:0;
	float:left;
	}

ul#navserv li {
	list-style-type:none;
	display:inline;
	}

ul#navserv a {
	text-decoration: none;
	color:#fff;
	padding:0 10px 0 12px;
	}

ul#navserv a:hover {
	text-decoration:underline;
	}

div#top fieldset {
	border:0;
	margin:11px 20px 0 0;
	padding:0;
	float:right;
	}

* html div#top fieldset {
	margin:9px 8px 0 0;
	}

.zoekformulier input {
	font:normal 11px verdana,arial,sans-serif;
	padding:2px 2px 2px 20px;
	width:130px;
	background:#fff url(../images/vergroot.gif) no-repeat 2px 1px;
	border:1px solid #959595
	}

#btnzoek {
	background:url(../images/btn-zoek.gif) no-repeat;
	border:0;
	color:#fff;
	width:51px;
	cursor:pointer;
	padding:1px 0 3px 0;
	}

#logosignm {
	position:absolute;
	margin:17px 0 0 20px;
	}

/* Main navigatie
=================================================================*/
div#navcontainer {
	margin:0;
	padding:0;
	height:55px;
	background:#959595;
	overflow: hidden;
}

div#navcontainer ul li { display: inline; }

div#navcontainer ul {
	margin:0;
	padding:0;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	background:#f60;
	}

div#navcontainer ul li a {
	padding:23px 24px 19px 24px;
	color:#fff;
	text-decoration:none;
	float:left;
	border-left:1px solid #aaa;
	margin:0;
	}

div#navcontainer ul li a:hover {
	background:#a5a5a5 url(../images/nav-hover.gif) repeat-x;
	color:#fff;
	}

div#navcontainer li#active a {
	background:#000 url(../images/nav-hover.gif) repeat-x;
	color:#fff;
}

div#navcontainer li.laatste a {
	border-right:1px solid #aaa;}

/* Sub navigatie
=================================================================*/
div#subnavcontainer {
	margin:0;
	padding:5px 0 5px 0;
	background:#000;
	overflow:hidden;
	display:block
}

div#subnavcontainer:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
	}

* html div#subnavcontainer { height:1%;}

div#subnavcontainer ul li { display: inline; }

div#subnavcontainer ul {
	margin:0;
	padding:0;
	color:#fff;
	font-size:11px;
	}

div#subnavcontainer ul li a {
	padding:8px 20px 8px 20px;
	color:#fff;
	text-decoration:none;
	float:left;
	}

div#subnavcontainer ul li { display: inline; }

div#subnavcontainer ul {
	margin:0;
	padding:0;
	color:#fff;
	font-size:11px;
	}

div#subnavcontainer ul li a {
	padding:8px 14px 8px 14px;
	color:#fff;
	text-decoration:underline;
	float:left;
	}

div#subnavcontainer ul li a:hover {
	background:#276692;
	color:#fff;
	}

div#subnavcontainer li#subaan a {
	background:#ed1c24;
	color:#fff;
	text-decoration:none!important;
}

/* Eyecatcher (rood vlak en grote foto)
=================================================================*/
div#bgWrapAfb {
	background:url(../images/bg-eyecatch.gif) repeat-y;
	}

div#wrapafb {
	height:185px;
	background: url(../images/hoekje.gif) no-repeat 358px 160px;
	overflow:hidden;
	}

div#roodvlak {
	width:347px;
	float:left;
	padding:20px;
	color:#fff;
	}

div#roodvlak h1 {
	margin:0;
	padding:0;
	font-size:18px;
	font-weight:normal;
	}

div#roodvlak a {
	font-weight:bold;
	text-decoration:underline;
	color:#fff;
	}

div#roodvlak a:hover {
	color:#000;
	}

.allemog {
	background:url(../images/bullet-cirkel.gif) no-repeat;
	padding:3px 0 5px 30px;
	}

div#afbtop {
	width:563px;
	float:left;
	}

div#afbtop h1 {
	background:#fff;
	color:#000;
	margin:80px 0 0 0;
	padding:4px 20px 4px 4px;
	font:bold 18px verdana,arial,sans-serif;
	position:absolute;
	text-align:right;
	width:539px;
	}

div#afbtop h1 span {
	background:#ed1b24;
	color:#fff;
	font-size:24px;
	padding:4px 10px;
	}

/* Content
=================================================================*/
div#wrapContent {
	background:url(../images/bg-stippel-vert.gif) repeat-y 387px 0;
	border-top:12px solid #fff;
	border-bottom:12px solid #fff;
	overflow:hidden;
	display:block;
	padding:15px 0 30px 0;
	}

div#wrapContent:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}

* html #wrapContent {
	height:1%;
}

div#wrapContent h1 {
	color:#ed1b24;
	font-size:18px;
	font-weight:normal;
	margin:0;
	padding:0;
	clear:both;
	}

div#wrapContent h2 {
	margin:0 0 -10px 0;
	padding:0;
	color:#000;
	font:bold 12px verdana,arial,sans-serif;
	}

div#wrapContent a {
	color:#ed1b24;
	text-decoration:underline;
	}


div#wrapContent a:hover {
	color:#276692;
	}

div#cLinks {
	width:348px;
	float:left;
	padding:0 20px;
	}

div#cLinks div {
	padding-bottom:15px;
	background:url(../images/bg-stippel-horz.gif) bottom repeat-x;
	margin-bottom:25px;
	}

.rood {
	color:#ed1b24;
	text-decoration:underline;
	background:url(../images/bull-rood.gif) no-repeat 0 4px;
	padding:0 0 0 10px;
	}

ul.refs {
	padding:0;
	width:340px;
	margin:0;
	}

ul.refs img { display:block;}
	
ul.refs li {
	width:100px;
	height:auto;
	padding:2px;
	float:left;
	list-style:none;
	border:1px solid #ddd;
	margin:0 5px 5px 0;
	}

div#cRechts {
	width:524px;
	float:left;
	padding:0 20px 0 18px;
	}

ul#kruimel {
	margin:0 0 25px 0;
	padding:0;
	}

ul#kruimel li {
	list-style-type:none;
	display:inline;
	}

ul#kruimel li#waar {
	font-weight:bold;}

ul#kruimel a {
	text-decoration:underline;
	color:#ed1b24;
	padding:0 10px 0 0;
	margin-right:2px;
	background:url(../images/bullet-kruimel.gif) right no-repeat;
	}

ul#kruimel a:hover {
	text-decoration:underline;
	}
	
dt {
	font-weight:bold;
	}

dd {
	margin:2px 0;
	padding:0;
	}

dd.zoekkruimel {
	padding:5px 0 15px 0;}

.contentlist {
	margin:0;
	padding:0;
	}
	
.contentlist li {
	list-style:none;
	background:url('../images/bull-rood.gif') no-repeat 0 4px;
	padding:0 0 3px 10px;
	}
	
.contentlist li ul li {
	padding-left:10px;
	background:url('../images/bullet-clist-sub.gif') no-repeat 0 5px;
	}

div.afbR {
	float:right;
	border:1px solid #ccc;
	margin:15px 0 6px 10px;
	}

div.afbR img, div.afbL img {
	vertical-align:bottom;
	padding:3px;
	}

div.afbL {
	float:left;
	border:1px solid #ccc;
	margin:15px 10px 6px 0;
	}

.vglas {
	position:absolute;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}

.alleAfb {
	display: block;
	clear: both;
	font-size:11px;
	padding:0 0 25px 10px !important;
	background:url(../images/bull-rood.gif) no-repeat 0 6px;
	margin:0!important;
	}

div#feas {
	margin-top:30px;
	background:url(../images/bg-stippel-horz.gif) repeat-x;
	padding:12px 0 0 0;
	}

div#feas ul {
	margin:0;
	padding:0;
	}

div#feas ul li {
	list-style:none;
	display:inline;
	padding:0px 20px 0px 0px;
	}

div#feas ul li a {
	color:#595959!important;
	}

.printen {
	background:url('../images/icon-print.gif') no-repeat;
	background-position:0 3px;
	padding:0px 20px 5px 20px;
	}
	
.mailen {
	background:url('../images/icon-mail.gif') no-repeat;
	background-position:0 3px;
	padding:0px 0px 5px 20px;
	}

/* Formulieren
=================================================================*/
.formulier {
	background-color:#ebebeb;
	margin-bottom:10px;
	width:478px;
	}
	
.formulier input,
.formulier select {
	width:220px;
	}
	
.formulier div {
	padding:4px 0px;
	border-bottom:1px solid #fff;
	clear:both;
	overflow:auto;
	height:1%;
	}
	
.formulier #postcode {
	width:60px;
	}
	
.formulier fieldset {
	border:0px;
	padding:3px 10px;
	}
	
.formulier textarea {
	width:220px;
	overflow:auto;
	}
	
.formulier label,
.formulier span.labelfake {
	float:left;
	display:block;
	padding:2px 15px 0 0;
	color:#000;
	width:100px;
	cursor:pointer;
	text-align:right;
	}
	
.buttons {
	clear:both;
	text-align:right;
	border:0;
	}
	
.buttons input {
	width:auto;
	color:#fff;
	border:0px;
	cursor:pointer;
	background:#000;
	padding:2px 8px 2px 8px;
	margin-right:115px;
	}
	
.formulier small {
	display:block;
	color:#df0024;
	width:190px;
	margin-left:124px;
	font-size:0.8em;
	}
	
.formulier h3 {
	font-size:1.1em;
	padding:4px 10px;
	background-color:#a8a7a7;
	color:#fff;
	}

.formulier div.errorfield {
	border:1px solid #f00;
	padding:6px 9px 8px 9px;
	margin:10px 10px 6px 10px;
	background-color:#fff;
	}

.formulier big {
	display:block;
	color:#df0024;
	font-weight:bold;
	padding:3px 0px 6px 20px;
	background:url(../images/alert.gif) no-repeat 0px 3px;
	}
	
.formulier big span {
	font-size:0.7em;
	display:block;
	font-weight:normal;
	}


/* Footer
=================================================================*/
div#footer {
	clear:both;
	color:#959595;
	padding:0;
	background:url(../images/ronding-footer.gif) right bottom no-repeat;
	}

div#footer p {
	background:url(../images/bg-stippel-horz.gif) repeat-x;
	margin:0;
	padding:18px 0 18px 20px;
	}
	
/* Documenten
=================================================================*/
.documenten a:link,
.documenten a:visited,
.documenten a:hover,
.documenten a:visited:hover {
	display:block;
	padding:2px 10px 6px 27px;
	margin:15px 0 15px 0;
	border-top:1px solid #e8eef8;
	border-bottom:1px solid #e8eef8;
	font-weight:bold;
	}
.documenten a:link,
.documenten a:visited {
	background-repeat:no-repeat;
	background-position:0 3px;
	}
.documenten a:hover,
.documenten a:visited:hover {
	background-color:#fff;
	}
.docgif {
	background-image:url('../gfx/icons/icon_gif.gif');
	}
.docjpg {
	background-image:url('../gfx/icons/icon_jpg.gif');
	}
.docbmp {
	background-image:url('../gfx/icons/icon_bmp.gif');
	}
.docpdf {
	background-image:url('../gfx/icons/icon_pdf.gif');
	}
.docdoc {
	background-image:url('../gfx/icons/icon_doc.gif');
	}
.docxls {
	background-image:url('../gfx/icons/icon_xls.gif');
	}
.doczip {
	background-image:url('../gfx/icons/icon_zip.gif');
	}
.doctxt {
	background-image:url('../gfx/icons/icon_txt.gif');
	}
.docwmp {
	background-image:url('../gfx/icons/icon_wmp.gif');
	}