@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: block !important;}
.no_print {display: none !important;}

#map {width: 600px; border: 1px solid #fff; outline: 5px solid #e2e2e2; height: 395px; top: 10px; margin: 0 0 20px 0;}
#map span {display: none;}
.adres {height: 150px;}
.route {line-height: 14px;}

/* ////////////////////////////////////////////////// */
     
	 /* PAGINA STRUCTUUR */
	 
body {background: #fafafa url('/img/jpg-sprite.jpg') repeat-x 0 -674px; padding: 0 0 0 0; font: 12px 'Trebuchet MS', sans-serif; color: #555; margin: 0 0 0 0; width: 100%; height: 100%;}
.contentpage {background: #fafafa url('/img/contentpage-back.jpg') repeat-x;}
html {padding: 0 0 0 0;	margin: 0 0 0 0; width: 100%; height: 100%;}

#mainwrap {height: 100%; background: url('/img/slider-back.gif') no-repeat top center;}
.contentpage #mainwrap {background: url('/img/slider-back-content.gif') no-repeat top center;}
body > #mainwrap {height: auto; min-height: 100%;}
#main {}

#content {width: 980px; margin: 0 auto;  position: relative; padding: 0;}

#footerwrap {display: none;} 

/* 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 */

#header {height: 106px; width: 980px; margin: 0 auto; position: relative; padding: 12px 0 0 0;}

h1#logo a {float: left; width: 339px; height: 89px; display: block; background: url('/img/jpg-sprite.jpg') no-repeat 0 -106px; line-height: 0; font-size: 0; text-indent: -10000px; color: transparent;}
img.print {position: absolute;}

#topnav {margin: 0; padding: 0; list-style: none; text-align: right;}
#topnav li {display: inline-block; border-right: 1px solid #555; padding: 0 12px 1px 0; line-height: 10px; margin: 0 0 0 8px;}	
#topnav .sitemap {border: 0; padding: 0 0 1px 0;}
#topnav a {text-decoration: none; color: #555; text-transform: lowercase; font-size: 0.85em; font-style: normal;}

#searchform {height: 42px; width: 270px; float: right; margin: 28px 0 0 0; background: #fff; padding: 1px; border: 1px solid #e2e2e2; position: relative;}
#searchform p {background: url('/img/jpg-sprite.jpg') no-repeat 0 -239px; height: 42px; width: 270px;}
#topsearch {font-style: italic; width: 200px; font-family: 'Trebuchet MS', sans-serif; font-size: 1em; color: #c5c5c5; position: absolute; top: 10px; left: 11px; border: 1px solid #e2e2e2; padding: 4px 5px; background: #fff;}
.search_btn {border: 0; position: absolute; top: 10px; right: 13px; width: 24px; height: 24px; background: url('/img/jpg-sprite.jpg') no-repeat 0 -283px; line-height: 0; font-size: 0; text-indent: -10000px; color: transparent;}
	
/* ////////////////////////////////////////////////// */
     
	/* HOOFDMENU */ 	 
	
.headnav, .headnav * {margin: 0; padding: 0; list-style: none;}
.headnav {line-height: 1.0; width: 980px; margin: 0 auto; height: 40px;}
.headnav ul {position: absolute; top: -999em; width: 200px; background: url('/img/submenu-back.png') repeat; border-top: 1px solid #b1bac4;}
.headnav ul li {width: 100%;}
.headnav li {float: left; position: relative; border-left: 0;}
.headnav a {font-style: normal; display: block; height: 27px; padding: 13px 10px 0 10px; position: relative; letter-spacing: 0.1em; font-size: 1.1em; font-family: 'Arial', sans-serif; color: #dae0e8; text-decoration: none; text-transform: uppercase;}
.headnav ul li {border: 0;}
.headnav li ul a {background: none; text-transform: none; font-family: 'Trebuchet MS', sans-serif; font-size: 0.9em; border-bottom: 1px solid #b1bac4;}

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

	/* CONTENT */

a {color: #ee801b; text-decoration: none; font-style: italic;}

#slider-home {width: 660px; height: 255px; overflow: hidden; float: left;}
#slider-content {width: 980px; height: 162px; overflow: hidden;}

#topcontent {width: 274px; height: 215px; float: left; line-height: 22px; padding: 25px 30px 15px 15px;}
#offerte-img {position: absolute; top: -5px; right: -5px; z-index: 20;}

#column-left {width: 659px; float: left;}
#column-right {width: 279px; float: left; border-left: 1px solid #efefef; border-right: 1px solid #efefef; border-bottom: 1px solid #efefef; background:  #fff; padding: 20px;}

.text h1, .text h2, .text h3, .text h4, .text h5, .text h6 {color: #2d2872; font-family: 'Scala', Times New Roman, serif; font-weight: normal; font-size: 2.2em; margin: 0 0 10px 0; letter-spacing: 1px; border-bottom: 1px dashed #2d2872; padding: 0 0 5px 0;}
.text h2 {color: #2d2872; font-size: 2em;}
.text h3 {color: #2d2872; font-size: 1.8em;}
.text h4 {color: #ee801b; font-size: 1.6em;}
.text h5 {color: #ee801b; font-size: 1.4em;}
.text h6 {color: #ee801b; font-size: 1.2em;}
#topcontent .text h1, #topcontent .text h2, #topcontent .text h3, #topcontent .text h4, #topcontent .text h5, #topcontent .text h6 {letter-spacing: 0; padding: 0; border: 0; color: #ee801b; font-family: 'Scala', Times New Roman, serif; font-weight: normal; font-size: 1.4em; margin: 0 0 7px 0;}

#content .text {line-height: 22px;}
#content .text p {margin: 15px 0;}

.paper-home {width: 284px; height: 165px; background: url('/img/jpg-sprite.jpg') no-repeat 0 -307px; float: left; padding: 5px 10px 10px 10px; position: relative;}
.paper-home h3 {font-size: 1.5em; width: 235px;}
.oneven {float: right; margin: 20px 12px 0 0;}
.even {float: left; margin: 20px 24px 0 0;}
.paper-home .leesmeer {display: block; position: absolute; padding: 0 7px; background: url('/img/jpg-sprite.jpg') no-repeat -27px -284px; color: #fff; bottom: 0; right: 0;}

.contentpage #column-left .text {position: relative; padding: 20px; border: 1px solid #e2e2e2; margin: 20px 20px 0 0; font-size: 0.9em; min-height: 208px;}
.contentpage #column-left .text strong {color: #2d2872;}
.contentpage #column-left .text .corner {position: absolute; top: -1px; right: -1px; display: block; width: 57px; height: 59px; background: url('/img/jpg-sprite.jpg') no-repeat 0 -488px;}

#services a {font-style: normal; padding: 5px 10px; background: url('/img/jpg-sprite.jpg') repeat-x 0 -631px; display: block; text-transform: uppercase;}
#services ul {border: 1px solid #f2f2f2;}
#services ul a {background: #fff; text-transform: none; color: #555; font-size: 0.9em;}
#services a.selected {color: #fff; background: url('/img/jpg-sprite.jpg') repeat-x 0 -589px;}

.contentpage .fancybox img {float: right; margin: 10px 0 15px 20px; border: 1px solid #fff; outline: 5px solid #e2e2e2;}

.contentpage #column-left .text ul {margin: 10px 0 10px 30px; padding: 0; list-style: square;}
.contentpage #column-left .text ul li {padding: 0 0 0 5px;}
.contentpage #column-left .text ol {margin: 10px 0 10px 35px; padding: 0; list-style: decimal;}

.contentpage #column-left .text table {width: 100%; margin: 10px 0;}
.contentpage #column-left .text td {padding: 5px; background: #fff; border: 1px dashed #e2e2e2;}

.contentpage #column-left .text hr {background: #e2e2e2; border: 0; height: 1px; width: 100%; margin: 10px 0;}

.contentpage #column-left .text h3 {border-bottom: 0; padding: 0;}
.contentpage #column-left .text h4 {border-bottom: 0; padding: 0;}

#rssfeed {list-style: square; margin: 0 0 0 20px; line-height: 26px;}
#rssfeed a {color: #555;}

#column-right .text {margin: 0 0 20px 0;}

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

	/* FORMULIER */	
#mailform p {margin: 5px 0 !important;}
label {display: inline-block; width: 150px; vertical-align: top;}
textarea, input {width: 200px; padding: 5px; background: #fff; border: 1px solid #e2e2e2; font-size: 11px; font-family: 'Trebuchet MS', sans-serif; color: #555;}
textarea:focus, input:focus {border: 1px solid #2d2872; color: #2d2872;}
.send-button {color: #fff; background: url('/img/jpg-sprite.jpg') repeat-x 0 -589px; width: auto; margin: 10px 0 0 0; padding: 5px 10px; font-weight: bold; border: 1px solid #fff;}
.send-button:focus {color: #fff; border: 1px solid #ee821f;}
.radio-check {border: 0 !important; width: 15px !important; background: none !important;}
span.error {font-weight: bold; color: #cc0000; margin: 0 0 0 10px;}
input.error, textarea.error {border: 1px solid #cc0000;}

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

	/* FOOTER */

#footer {display: none;}

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

	/* FANCYBOX */	

#fancybox-loading {position: fixed;	top: 50%; left: 50%; height: 40px; width: 40px;	margin-top: -20px; margin-left: -20px; 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; 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%; 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; 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;}