@charset "UTF-8";

/* ////////////////////////////////////////////////// */
     
	/* RESET STYLES */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;	padding: 0;	border: 0; outline: 0; font-size: 100%;	vertical-align: baseline; background: transparent;}

body {line-height: 1;}

ol, ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}

del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

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

/* ////////////////////////////////////////////////// */
     
	/* ALGEMEEN */
	 
.clr {clear: both;}

.flt_rgt {float: right;}
.flt_lft {float: left;}

.print {display: none !important;}
.no_print {display: block !important;}

#map {width: 930px; height: 400px; bordeR: 5px solid #e2e2e2;}
#map span {display: none;}
.adres {height: 100px;}
.route {height: 160px;}

/* ////////////////////////////////////////////////// */
     
	 /* PAGINA STRUCTUUR */
	 
body {font: 10px 'Arial', sans-serif; color: #666; padding: 0 0 0 0; margin: 0 0 0 0; width: 100%; height: 100%; background: url('/img/body-background.jpg') repeat;}
html {padding: 0 0 0 0;	margin: 0 0 0 0; width: 100%; height: 100%;}

#mainwrap {height: 100%; position: relative; font-size: 1.1em; background-repeat: no-repeat; background-position: top center;}
body > #mainwrap {height: auto; min-height: 100%;}

#main {padding-bottom: 174px;}

#headerwrap {width: 100%; font-size: 1.1em; background: #fff; height: 87px;}
#header {width: 960px; margin: 0 auto; position: relative;}

#contentwrap {width: 960px; margin: 0 auto; font-size: 1.1em; position: relative; z-index: 2;}

#footerwrap {font-size: 1.1em; position: relative; margin-top: -174px; height: 174px; background: url('/img/jpg-sprite.jpg') repeat-x 0 -204px;} 

/* CLEAR FIX*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

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

	/* HEADER */

.background-img {display: none;}

#next {position: absolute; right: 0; cursor: pointer; top: 228px;}
#prev {position: absolute; left: 0; cursor: pointer; top: 228px;}

#logo a {display: block; background: url('/img/jpg-sprite.jpg') no-repeat 0 0; height: 120px; width: 328px; line-height: 0; font-size: 0; text-indent: -10000px; float: left; margin: 1px 0 0 0;}

#header address {color: #dd0606; font-style: normal; font-size: 1.1em; letter-spacing: 1px; border-bottom: 1px dotted #666; padding: 0 0 5px 12px; width: 310px; float: left; margin: 20px 0 0 0;}
#header address a {color: #dd0606; text-decoration: none;}
#header address a:hover {text-decoration: underline;}

#topnav {border-bottom: 1px dotted #666; padding: 0 0 5px 0; width: 310px; text-align: right; float: right; margin: 20px 0 0 0;}
#topnav li {display: inline-block; margin: 0 10px;}
#topnav a {color: #dd0606; font-style: normal; font-size: 1.1em; letter-spacing: 1px; text-decoration: none;}
#topnav a:hover {text-decoration: underline;}

#tagline {color: #fff; font: 3em 'Arial Black', sans-serif; text-align: right; margin: 95px 70px 0 0; text-shadow: 3px 3px 5px #000;}
	
/* ////////////////////////////////////////////////// */
     
	/* HOOFDMENU */ 	 

#headnav, #headnav * {margin: 0; padding: 0; list-style: none;}
#headnav {line-height: 1.0; width: 632px; background: #dd0606; height: 34px; float: right; text-align: right; margin: 45px 0 0 0;}
#headnav ul {position: absolute; top: -999em; width: 175px; text-align: left;}
#headnav ul li {width: 100%;}
#headnav li:hover {visibility: inherit;}
#headnav li {display: inline-block; position: relative;}
#headnav a {display: block;	position: relative; color: #fff; text-decoration: none; padding: 10px; height: 14px; text-transform: uppercase;}
#headnav li:hover a {color: #dd0606; background: #fff;}
#headnav li:hover ul a {color: #dd0606; background: #fff; text-transform: lowercase;}
#headnav li:hover ul a:hover {color: #fff; background: #dd0606; text-transform: lowercase;}
#headnav li ul a {color: #dd0606; background: #fff; text-transform: lowercase;}
#headnav li ul a:hover {color: #fff; background: #dd0606; text-transform: lowercase;}#headnav li:hover a {color: #dd0606; background: #fff;}
#headnav li ul a {color: #dd0606; background: #fff; text-transform: lowercase;}
#headnav li ul a:hover {color: #fff; background: #dd0606; text-transform: lowercase;}
#headnav li:hover ul, #headnav li.sfHover ul {left: 0; top: 34px; z-index: 99;}
ul#headnav li:hover li ul, ul#headnav li.sfHover li ul {top: -999em;}

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

	/* CONTENT */
	
#content {background: #fff; border-top: 4px solid #dd0606;  margin: 285px 0 0 0; padding: 10px 0 15px 5px; font-size: 0.9em; line-height: 18px;}
#contentwide {background: #fff; border-top: 4px solid #dd0606;  margin: 285px 0 0 0; padding: 10px; font-size: 0.9em; line-height: 18px;}

#topcontent {width: 955px;}
#topcontent .text {width: 217px; float: left; margin: 0 10px; padding: 0 0 10px 0; border-bottom: 1px solid #e2e2e2;}
#topcontent img {border: 2px solid #666; margin: 0 0 8px 0;}
#topcontent img:hover {border: 2px solid #dd0606;}

#leftcontent {margin: 20px 0 0 10px; width: 454px; float: left;}
#middlecontent {margin: 20px 0 0 20px; width: 217px; float: left;}
#rightcontent {margin: 20px 0 0 20px; width: 217px; float: left;}

#contentleft {padding: 8px; width: 671px; float: left;}
#contentright {padding: 8px; width: 237px; float: left; margin: 0 0 0 6px;}

#contentright .text {margin: 0 0 25px 0;}

#contentleft .text {margin: 0 0 20px 0;}

.text a {color: #dd0606; text-decoration: none;}
.text a:hover {text-decoration: underline;}

.text h1, .text h2, .text h3, .text h4, .text h5, .text h6 {color: #dd0606; font-size: 2em; border-bottom: 1px dotted #999; padding: 0 0 5px 0; font-weight: normal; margin: 0 0 10px 0;}
.text h2 {font-size: 1.8em;}
.text h3 {font-size: 1.6em;}
.text h4 {font-size: 1.4em;}
.text h5 {font-size: 1.2em;}
.text h6 {font-size: 1em;}

.text p {margin: 10px 0;}

.text ul {margin: 10px 0 10px 30px; padding: 0; list-style-type: square; list-style-image: url('/img/bullet.jpg');}
.text li {padding: 0 0 2px 0;}

.text ol {margin: 10px 0 10px 30px; padding: 0; list-style: decimal;}

.text td {padding: 5px; border: 1px solid #e2e2e2; background: #fcfcfc;}

.text hr {margin: 10px 0; height: 1px; border: 0px solid #e2e2e2; color: #e2e2e2; background: #e2e2e2;}

.text .fancybox img {float: right; padding: 0px; border: 2px solid #666; margin: 0 0 20px 20px;}
.text .fancybox:hover img {border: 2px solid #dd0606;}
.text .fancybox_gallery img {padding: 3px; border: 1px solid #666; margin: 0 5px;}
.text .fancybox_gallery:hover img {border: 1px solid #dd0606;}

#contentright .fancybox img {float: none; margin: 3px 0 5px 0;}

.text .gallery {margin: 10px 0 0 -5px;}

.latest-news li {font-size: 0.9em;}
.latest-news a {font-size: 1.1em; text-decoration: underline; color: #666;}
.latest-news a:hover {text-decoration: none;}
.latest-news h2 a {float: right; color: #dd0606; text-decoration: none; font-size: 0.6em; margin: 5px 0 0 0;}
.latest-news h2 a:hover {text-decoration: none;}
.latest-news img {margin: 20px 13px;}
.latest-news h3 {color: #666; font-size: 1.1em; border-bottom: 0; padding: 0; font-weight: normal; margin: 0; display: inline;}
.latest-news ul {margin: 10px 0 10px 0; padding: 0; list-style-type: none; list-style-image: none;}

.paging {text-align: right; margin: 10px 0;}
.paging a {margin: 0 5px; padding: 2px 5px 1px 5px; background: #dd0606; color: #fff; text-decoration: none;}
.paging a:hover {background: #666; color: #fff;}
.paging span {display: inline-block; margin: 0 5px; padding: 0 6px; background: #f2f2f2; color: #666; text-decoration: none;}

.teaser {padding: 10px; background: #fafafa; margin: 20px 0;}
.teaser img {padding: 3px; border: 1px solid #666; margin: 0 0 0 10px; float: right;}
.teaser img:hover {border: 1px solid #dd0606;}

#content-bottom {height: 25px; background: #dd0606; margin: 0 0 70px 0;}
#content-bottom a {float: right; color: #fff; text-decoration: none; margin: 5px 10px;}
#content-bottom img {vertical-align: top; margin: 2px 5px;}

#content-bottom address {color: #fff; font-style: normal; font-size: 1em; padding: 5px 10px; float: left;}
#content-bottom address a {color: #fff; text-decoration: none; float: none; margin: 0;}
#content-bottom address a:hover {text-decoration: underline;}

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

	/* FORMULIER */	

label {display: inline-block; width: 150px; vertical-align: top;}
input, textarea {font: 11px 'Arial', sans-serif; color: #666; background: #fafafa; border: 1px solid #e2e2e2; padding: 3px; width: 220px;}
input:focus, textarea:focus {border: 1px solid #666;}
input.error, textarea.error {border: 1px solid #dd0606;}
span.error {color: #dd0606; font-weight: bold; vertical-align: top; margin: 0 0 0 10px;}
.radio-check {border: 0; width: 15px; background: none;}
.button {width: 150px; background: #dd0606; color: #fff; border: 1px solid #fff; cursor: pointer; margin: 10px 0 0 0;}
.button:hover {border: 1px solid #e2e2e2; background: #fafafa; color: #666;}

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

	/* FOOTER */

#footer {width: 960px; margin: 0 auto; position: relative; text-align: center;}

#janssenbo {width: 404px; height: 365px; background: url('/img/png-sprite.png') no-repeat 0 0; position: absolute; top: -290px; left: -120px; z-index: 0;}

#footernav {margin: 0; padding: 15px 0 0 0; list-style: none; position: relative; z-index: 2;}
#footernav li {display: inline;}
#footernav a {color: #fff; font-size: 1.2em; text-decoration: none; margin: 0 10px;}
#footernav a:hover {text-decoration: underline;}

#webdeveloper {text-decoration: none; color: #e33618; letter-spacing: 0.2pt; margin: 120px 0 0 0; display: block;}
#webdeveloper:hover {text-decoration: none;}

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

	/* FANCYBOX */	

#fancybox-loading {position: fixed;	top: 50%; left: 50%; height: 40px; width: 40px;	margin-top: -20px; margin-left: -20px; cursor: pointer;	overflow: hidden; background: transparent; z-index: 1104; display: none;}

#fancybox-loading div {position: absolute; top: 0; left: 0;	width: 40px; height: 480px;	background: transparent url('/img/fancybox.png') no-repeat;}

#fancybox-overlay {position: fixed;	top: 0;	left: 0;  bottom: 0; right: 0; background: #000; z-index: 1100; display: none;}

#fancybox-tmp {padding: 0; margin: 0; border: 0; overflow: auto; display: none;}

#fancybox-wrap {position: absolute;	top: 0;	left: 0; margin: 0;	padding: 20px; z-index: 1101; display: none;}

#fancybox-outer {position: relative; width: 100%; height: 100%; background: #FFF;}

#fancybox-inner {position: absolute; top: 0; left: 0; width: 1px; height: 1px; padding: 0; margin: 0; outline: none; overflow: hidden;}

#fancybox-hide-sel-frame {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent;}

#fancybox-close {position: absolute; top: -15px; right: -15px; width: 30px;	height: 30px; background: url('/img/fancybox.png') -40px 0px; cursor: pointer; z-index: 1103; display: none;}

#fancybox_error {color: #444; font: normal 12px/20px Arial;}

#fancybox-content {height: auto; width: auto; padding: 0; margin: 0;}

#fancybox-img {width: 100%;	height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; -ms-interpolation-mode: bicubic;}

#fancybox-frame {position: relative; width: 100%; height: 100%;	border: none; display: block;}

#fancybox-title {position: absolute; bottom: 0;	left: 0; font-family: Arial; font-size: 12px; z-index: 1102;}

.fancybox-title-inside {padding: 10px 0; text-align: center; color: #333;}

.fancybox-title-outside {padding-top: 5px; color: #FFF;	text-align: center;	font-weight: bold;}

.fancybox-title-over {color: #FFF; text-align: left;}

#fancybox-title-over {padding: 10px; background: url('/img/fancy_title_over.png'); display: block;}

#fancybox-title-wrap {display: inline-block;}

#fancybox-title-wrap span {height: 32px; float: left;}

#fancybox-title-left {padding-left: 15px; background: url('/img/fancybox.png') no-repeat -40px -130px;}

#fancybox-title-main {font-weight: bold; line-height: 29px;	background: url('/img/fancybox-x.png') 0px -36px; color: #FFF;}

#fancybox-title-right {padding-left: 15px; background: url('/img/fancybox.png') no-repeat -55px -130px;}

#fancybox-left, #fancybox-right {position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background-image: url('/img/blank.gif');	z-index: 1102; display: none;}

#fancybox-left {left: 0px;}

#fancybox-right {right: 0px;}

#fancybox-left-ico, #fancybox-right-ico {position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block;}

#fancybox-left-ico {background: url('/img/fancybox.png') -40px -30px;}

#fancybox-right-ico {background: url('/img/fancybox.png') -40px -60px;}

#fancybox-left:hover span {left: 20px;}

#fancybox-right:hover span {left: auto;	right: 20px;}

div.fancy-bg {position: absolute; padding: 0; margin: 0; border: 0;	z-index: 1001;}

div.fancy_bg_n {top: -18px;	width: 100%; height: 18px; background: url('/img/fancybox-x.png');}

div.fancy_bg_ne {top: -18px; right: -13px; width: 13px;	height: 18px; background: url('/img/fancybox.png') -55px -92px;}

div.fancy_bg_e {right: -13px; height: 100%;	width: 13px; background: url('/img/fancybox-y.png') -13px 0px;}

div.fancy_bg_se {bottom: -18px; right: -13px; width: 13px; height: 18px; background: url('/img/fancybox.png') -55px -110px;}

div.fancy_bg_s {bottom: -18px; width: 100%; height: 18px; background: url('/img/fancybox-x.png') 0px -18px;}

div.fancy_bg_sw {bottom: -18px; left: -13px; width: 13px; height: 18px; background: url('/img/fancybox.png') -42px -110px;}

div.fancy_bg_w {left: -13px; height: 100%; width: 13px;	background: url('/img/fancybox-y.png');}

div.fancy_bg_nw {top: -18px; left: -13px; width: 13px; height: 18px; background: url('/img/fancybox.png') -42px -92px;}