@charset "UTF-8";
/**
 * "ZOZ - (X)HTML/CSS Framework"
 *
 * @copyright       Copyright 2008, Arjan Terol
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 * @link            http://www.zetozet.nl
 * @package         zoz
 * @version         0.8
 * @revision        $Revision: 118 $
 * @lastmodified    $Date: 2008-12-27 16:18:42 +0200 (Sun, 27 Dec 2008) $
 */
/* @group Reset */
html,body,iframe,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td,embed,object {margin:0;padding:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
table {border-collapse:separate;border-spacing:0;display:table;}
table,caption,td,th,thead,tbody,tfoot {vertical-align:middle;text-align:left;font-weight:400;}
tr {display:table-row;}
thead {display:table-header-group;}
tbody {display:table-row-group;}
tfoot {display:table-footer-group;}
col {display:table-column;}
colgroup {display:table-column-group;}
caption {display:table-caption;}
form label {cursor:pointer;}
fieldset,img,abbr,form,button,a img {border:none;}
input, select, textarea {font-size:100%;font-family:inherit;}
textarea {font:100%/1.5em Arial, Helvetica, "Liberation sans", "Bitstream Vera Sans", sans-serif;}
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var {font-style:normal;font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after {content:'';}
dir, menu {list-style:none;}
:active,:focus,:hover {outline:none;}
img {background:transparent url(/i/photo-loader.gif) 50% 50% no-repeat;border:0;outline:none;display:inline-block;vertical-align:bottom;}
/* Trying to find old html markup.. displayed as red */
u {text-decoration:none;}
font,center,div[align],p[align],table[align],font[color],u {color:#cd0000;font-weight:700;background:#eecc11;margin:10px;padding:10px;border:2px dashed #cd0000;font-size:2em;}
font {font:inherit !important;color:inherit !important;font-size:inherit !important}
/*div {border:1px solid #fff;}*/
/* @end */
/* @group Defaults */
body {background:#1e3c68 url(../images/bg-website.jpg) repeat-x 0 0;color:#2d2f31;font:75%/1.5em Arial, Helvetica, "Liberation sans", "Bitstream Vera Sans", sans-serif;position:relative;}
/* @group Type */
h1 {font-size:2em;font-weight:700;margin:0 0 0.75em;}
h2 {font-size:1.5em;margin:0 0 1em;}
h3 {font-size:1em;margin:0 0 1.285em;}
h4 {font-size:1em;margin:0 0 1.5em;}
h5 {font-size:0.8333em;margin:0 0 1.8em;}
h6 {font-size:0.666em;margin:0 0 2.25em;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
a {color:inherit;text-decoration:underline;}
a:hover,a:focus {text-decoration:none;}
abbr,acronym {border-bottom:1px dotted;cursor:help;font-variant:small-caps;}
address,cite,em,i {font-style:italic;}
blockquote p {background:#eee;margin:0 1.5em 1.5em;padding:0.75em;}
code,kbd,tt {font:1em/1.5em monospace, "Courier New", Courier;}
del {text-decoration:line-through;}
dfn {border-bottom:1px dashed;font-style:italic;}
dl {margin:0 0 1.5em;}
dt {font-weight:700;}
dd {padding-left:1.5em;}
ins {text-decoration:overline;}
p {font-weight:300;margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
pre {font:1em/1.5em "Courier New", Courier, monospace;margin:0 0 1.5em;padding:0 0 0 1.5em;}
sub {bottom:-0.4em;font-size:0.85em;line-height:1em;position:relative;vertical-align:baseline;}
sup {font-size:0.85em;line-height:1em;position:relative;top:-0.4em;vertical-align:baseline;}
strong,b,h3 {font-weight:700;}
/* Indentation instead of line shifts for sibling paragraphs. 
p + p {text-indent:2em;margin-top:-1.5em;}
form p + p {text-indent:0;} */
/* Don't want this in forms. */
/* Best used on prepositions and ampersands. */
.alt {color:#666;font-family:"Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;font-style:italic;font-weight:normal;}
/* For great looking quote marks in titles, replace "asdf" with: <span class="dquo">&#8220;</span>asdf&#8221; */
.dquo {margin-left:-.5em;}
/* This could be used for side notes. */
p.incr, .incr p {font-size:10px;line-height:1.44em;margin-bottom:1.5em;}
.caps {font-variant:small-caps;letter-spacing:1px;text-transform:lowercase;font-size:1.2em;line-height:1%;font-weight:bold;padding:0 2px;}
/* @group Type Exceptions */
.firstParagraphArticle:first-letter {float:left;font-size:3.2em;font-weight:700;line-height:1em;margin-bottom:-0.2em;padding:0.125em 0.1em 0 0;}
#header h1 {float:left;font-size:12px;color:#fff;text-indent:-999999px;}
h2.hometitle {width:429px;height:64px;background:transparent url(../images/tit-home.png) 0 0 no-repeat;text-indent:-999999px;display:block;}
h2.stappentitle {width:341px;height:67px;background:transparent url(../images/tit-stappen.png) 0 0 no-repeat;text-indent:-999999px;display:block;}
h2.helptitle {width:244px;height:28px;background:transparent url(../images/tit-help.png) 0 0 no-repeat;text-indent:-999999px;display:block;}
h2.hamertitle {width:197px;height:29px;background:transparent url(../images/tit-hamer.png) 0 0 no-repeat;text-indent:-999999px;display:block;}
h2.cursustitle {width:120px;height:24px;background:transparent url(../images/tit-cursus.png) 0 0 no-repeat;text-indent:-999999px;display:block;}
h2.campagnetitle {width:123px;height:30px;background:transparent url(../images/tit-campagne.png) 0 0 no-repeat;text-indent:-999999px;display:block;}
h2.sitemaptitle {width:97px;height:31px;background:transparent url(../images/tit-sitemap.png) 0 0 no-repeat;text-indent:-999999px;display:block;}
h2.privacytitle {width:210px;height:29px;background:transparent url(../images/tit-privacy.png) 0 0 no-repeat;text-indent:-999999px;display:block;}
h2.kortingtitle {width:157px;height:30px;background:transparent url(../images/tit-korting.png) 0 0 no-repeat;text-indent:-999999px;display:block;}
h2.contacttitle {width:92px;height:24px;background:transparent url(../images/tit-contact.png) 0 0 no-repeat;text-indent:-999999px;display:block;}
h2.fouttitle {width:167px;height:26px;background:transparent url(../images/tit-fout.png) 0 0 no-repeat;text-indent:-999999px;display:block;}
h2.maattitle {width:270px;height:30px;background:transparent url(../images/tit-maat.png) 0 0 no-repeat;text-indent:-999999px;display:block;}
h2.vraagtitle {width:241px;height:29px;background:transparent url(../images/tit-vragen.png) 0 0 no-repeat;text-indent:-999999px;display:block;}
h2.watertitle {width:298px;height:27px;background:transparent url(../images/tit-water.png) 0 0 no-repeat;text-indent:-999999px;display:block;}
h2.medetitle {width:196px;height:32px;background:transparent url(../images/tit-mede.png) 0 0 no-repeat;text-indent:-999999px;display:block;}
h2.glastitle {width:156px;height:31px;background:transparent url(../images/tit-glas.png) 0 0 no-repeat;text-indent:-999999px;display:block;}
/* @end */
/* @end */
/* @group Listing */
ol li {list-style:inside decimal;}
ul,ol {margin:0 0 1.5em;padding:0;}
li ul,li ol {margin:0;}
ul li {list-style:inside disc;}
li li {padding-left:1.5em;}
/* @group Listing Exceptions */
#header ul.navigation {float:right;list-style:none;color:#fff;text-transform:uppercase;margin:65px 9px 0 0;}
#header ul.navigation li {float:left;list-style:none;display:inline;margin-right:22px;height:44px;padding:9px 7px 0;line-height:1.44em;}
#header ul.navigation li span {padding-top:4px;}
#header ul.navigation li.active {background:#fff;}
ul.teaser {width:429px;overflow:hidden;padding:8px 0;background:#c9def3;list-style:none;margin-bottom:0;}
ul.teaser li {float:left;list-style:none;display:inline;margin-left:8px;}
ol.stappenoverzicht {width:666px;overflow:hidden;padding:20px 0;background:#c9def3;list-style:none;margin-bottom:0;}
ol.stappenoverzicht li {float:left;width:182px;height:340px;list-style:none;display:inline;margin:0 20px;text-align:left;}
ol.stappenoverzicht li strong {color:#222;font-size:14px;}
#help #content-text ol {margin-left:128px;}
ul.kortingsactie {width:666px !important;background:#c9def3;list-style:none;padding:20px 0;}
ul.kortingsactie li {list-style:none;margin-right:20px;height:94px;margin-left:248px;margin-bottom:20px;display:block;}
ul.kortingsactie li p.aside-left {clear:left;float:left;margin:0 1.5em 0 -228px;width:202px;}
ul.kortingsactie li p.aside-left img {position:relative;float:right;}
#help ol {margin-bottom:0;}
#help ol li {margin-bottom:20px;}
ul#submenu {position:absolute;list-style:none;width:202px;top:268px;padding:0;margin-left:36px;}
ul#submenu li {list-style:none;height:30px;width:202px;display:inline;float:left;}
ul#submenu li.active {list-style:none;background:url(../images/submenu.png) 0 0 no-repeat}
#map ul li {color:#e22122;}
#footer-text ul {float:right;list-style:none;color:#fff;margin-top:6px;margin-right:6px;}
#footer-text ul li {float:left;list-style:none;display:inline;margin-left:16px;}
/* @end */
/* @end */
/* @group Table */
table {border-collapse:collapse;border-spacing:0;margin:0 0 1.5em;padding:0;}
caption {font-style:italic;text-align:left;}
tr.alt td {background:#eee;}
td {border:1px solid #000;padding:0.333em;vertical-align:middle;}
th {font-weight:700;padding:0.333em;vertical-align:middle;}
/* @group Table Exceptions */
/* @end */
/* @end */
/* @group Forms */
form button {cursor:pointer;display:block;font-size:1em;height:2em;line-height:1.5em;margin:1em 0 0;padding:0 0.5em;}
form fieldset {border:0;margin:0 0 1.5em;position:relative;}
form fieldset fieldset {clear:both;margin:1.5em 0 0;padding:0 0 0 1.5em;}
form input {background:#eee;border:0;font-size:1em;height:1.5em;line-height:1.5em;padding:0.375em 0;width:100%;}
form input[type=file] {height:2.25em;padding:0;}
form textarea {background:#eee;border:0;margin:0;padding:0.375em 0;width:100%;}
form select {font-size:1em;height:2.25em;line-height:2.25em;margin:0;padding:0;}
form option {font-size:1em;height:1.5em;line-height:2.25em;padding:0;}
form label {cursor:pointer;display:block;margin:1.5em 0 0;padding:0;width:100%;}
form label input {background:0;margin:0 0.5em 0 0;padding:0;vertical-align:top;width:auto;}
form legend {font-size:1.1666em;font-weight:700;left:0;margin:0;padding:0;}
/* @group Forms Exceptions */
.horizontalForm {width:666px;margin-top:0;padding-bottom:20px;}
.horizontalForm button {clear:left;float:left;}
.horizontalForm input,.horizontalForm textarea {float:left;margin:1.5em 0 0;width:49%;background:#fff;border:1px solid #c9def3;}
.horizontalForm select {float:left;margin:1.5em 0 0;}
.horizontalForm label {clear:left;float:left;padding:0.375em 0;width:20%;}
.horizontalForm label input {height:1em;line-height:1;margin:0.25em 0.5em 0 0;width:auto;}
.horizontalForm label.singleLine {clear:both;float:none;margin-top:0;padding:1.5em 0 0;width:100%;}
/* @end */
/* @end */
/* @group  Misc classes */
.fixed:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.fixed{display:block;}
/*\*/.fixed {min-height:1%;}
* html .fixed {height:1%;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.highlight {background:#ff0;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
p.bottom {padding-bottom:14px !important;}
.amp {font-family:Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", "URW Chancery L", Gentium, serif;font-style:italic;}
.aside-left {clear:left;float:left;margin:0 1.5em 0 0;}
img.aside-left {clear:left;float:left;margin:0 1.5em 0 -128px;}
.aside-right {clear:right;float:right;margin:0 0 0 1.5em;}
.quo {font-family:Georgia, Gentium, "Times New Roman", Times, serif;}
.lquo {font-family:Georgia, Gentium, "Times New Roman", Times, serif;margin:0 0 0 -0.55em;}
.section {position:relative;}
.error {background:#fee;border:1px solid red;margin:1.5em;padding:0.666em;text-align:center;}
.notice {background:#eef;border:1px solid #00f;margin:1.5em;padding:0.666em;text-align:center;}
.success {background:#efe;border:1px solid #0f0;margin:1.5em;padding:0.666em;text-align:center;}
.warning {background:#ffe;border:1px solid #ff0;margin:1.5em;padding:0.666em;text-align:center;}
.strech {height:60px;margin-bottom:30px;display:block;}
.strech-half {height:35px;margin-bottom:30px;display:block;}
img.actie {margin-bottom:20px;}
.stappenoverzicht img {display:block;vertical-align:bottom;position:absolute;top:440px;}
/* @end */
/* @group Links */
#header ul.navigation li a, #header ul.navigation li a:visited, #header ul.navigation li a:hover, #footer-text a, #footer-text a:visited {color:#fff;text-decoration:none;display:block;}
#header ul.navigation li a {text-align:center;font-weight:700 !important;font-family:Arial, "Arial Black", Helvetica, "Liberation sans", "Bitstream Vera Sans", sans-serif;} 
#header ul.navigation li a:hover {color:#fbb100;text-decoration:none;}
#header ul.navigation li a.navigation-align {padding-top:6px !important;}
#header ul.navigation li.active a, #header ul.navigation li.active a:visited, #header ul.navigation li.active a:hover {color:#000;font-weight:700}
#content-text a, #content-text a:link {color:#1a355b;}
#content-text a:visited {color:#000;}
#content-text a:hover {text-decoration:none;}
.teaser {margin:0 auto 20px;}
.teaser a.but-readon, .teaser a.but-readon:visited, .teaser a.but-readon:hover {display:block;width:106px;height:40px;text-indent:-999999px;background:transparent url(../images/but-leesverder.png) 0 0 no-repeat;margin-top:13px;}
#content-text a.but-stappen, #content-text a.but-stappen:visited, #content-text a.but-stappen:hover {display:inline;width:180px;height:40px;text-indent:-999999px;background:transparent url(../images/but-helpen.png) 0 0 no-repeat;margin-top:31px;float:right;margin:20px 40px 20px 0;overflow:hidden;}
#content-text a.but-help, #content-text a.but-help:visited, #content-text a.but-help:hover {display:inline;width:180px;height:40px;text-indent:-999999px;background:transparent url(../images/but-help.png) 0 0 no-repeat;margin-top:31px;float:right;margin:20px 0;overflow:hidden;}
#content-text a.but-actie, #content-text a.but-actie:visited, #content-text a.but-actie:hover {display:inline;width:138px;height:40px;text-indent:-999999px;background:transparent url(../images/but-actie.png) 0 0 no-repeat;margin-top:31px;float:right;margin:20px 0;overflow:hidden;}
ul#submenu li a, ul#submenu li a:visited {text-decoration:none;color:#222;line-height:2.8em;margin-left:28px;font-weight:700;}
ul#submenu li a:hover {color:#1c3a65;}
#map ul li a, #map ul li a:visited, #map ul li a:hover {font-style:normal !important;}
#footer-text a:hover {color:#fff;text-decoration:underline;}
/* @end */
/* @end */
/* @group Grid */
#container {width:991px;margin:0 auto;background:transparent url(../images/bg-wrapper.png) 0 0 repeat-y;overflow:hidden;}
#header {width:991px;height:122px;margin:0;background:#0f1d33 url(../images/bg-header.jpg) 0 0 no-repeat;font-weight:bold;letter-spacing:-0.01em;}
#content {width:991px;background:transparent url(../images/bg-content.jpg) 0 0 no-repeat;overflow:hidden;}
#content-text {width:707px;background:transparent url(../images/bg-content-text.png) 0 0 repeat-y;margin:68px 27px 30px 258px;padding:20px 17px;display:block;text-align:justify;}
#stappen #content-text, #help #content-text, #hamer #content-text, #map #content-text, #korting #content-text, #home #content-text {width:707px;background:transparent url(../images/bg-content-stappen.png) 0 0 repeat-y;margin:68px 27px 30px 258px;padding:20px 17px 0;display:block;text-align:justify;}
#help #content-text #text, #hamer #content-text #text, #korting #content-text #text {width:665px;}
#map #content-text #text,  #home #content-text #text, #help #content-text #text {width:665px;padding-bottom:20px;}
#content-text .content-text-left {float:left;width:429px;padding:0;margin:0;display:inline;}
#content-text .content-text-right {float:right;width:180px;padding:0;margin-right:40px;display:inline;}
#footer {width:991px;height:56px;background:transparent url(../images/bg-footer.png) 0 0 no-repeat;}
#footer-text {width:991px;margin:0 auto 16px;}

/* @end */