html, body {
    margin: 0;
    padding: 0;
}
body {
    padding: 18px 0;
    background-color: #09357A;
}
a img {
    border: none;
}

/* main layout */

#wrapper {
    position: relative;
    min-height: 552px;
    min-width: 798px;
    max-width: 1200px;
    margin: 0 auto;
    font: normal normal .88em/1.5em Arial, Helvetica, sans-serif;
    background-color: #FFF;
    color: #09357A;
}
#logo {
    position: absolute;
    top: 27px;
    right: 54px;
    z-index: 9;
}
#content {
    margin: 0 150px 0 1.5em;
    padding: 2.25em 3em .75em 1.5em;
}
#nav {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    min-width: 150px;
    border-left: 9px solid #FFF;
    background-color: #E6EAF1;
}

/* specific blocks */
/*#content #breadcrumb {
    text-transform: uppercase;
    font-size: .72em;
    letter-spacing: .1em;
    word-spacing: .05em;
}
#content #breadcrumb a:link, #content #breadcrumb a:visited {
    border: 0;
}
#content #breadcrumb a:hover {
    border-bottom: 1px dotted #00C;
}*/
.colLeft {
    float: left;
    width: 47%;
}
.colRight {
    float: right;
    width: 47%;
    padding-left: 1.5em;
    border-left: 1px solid #E6EAF1;
}
.colEnd {
    clear: both;
    height: 0;
    line-height: 0;
}
#content h1 {
    text-align: center;
    font: italic normal 2.4em/.625em Arial, Helvetica, sans-serif;
    margin: 0 0 32px;
    height: 69px;
    text-indent: -5000px;
}
#content h2 {
    font-weight: normal;
    margin: 0 0 1em;
    font-size: 1.5em;
    line-height: 1em;
    clear: left;
}
#content h2.insideStory {
    margin-top: 2em;
}
#content h3 {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .1em;
    word-spacing: .1em;
    font-size: .8em;
    color: #B24701;
    margin: 1.8em 0 -1.8em;
}
#content .date {
    font-size: .8em;
    line-height: 1.875em;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .1em;
    word-spacing: .1em;
    color: #B24701;
    float: right;
/*    position: absolute;
    margin-left: -172px;
    width: 150px;
    text-align: right;*/
}
#content p {
    margin: 1.5em 0;
    padding: 0;
}
#content ul, #content ol {
    margin: 1.5em 0;
    padding: 0 0 0 3em;
}
#content .inleiding {
    margin-right: 90px;
}
#content .section {
    position: relative;
    min-height: 100px;
    margin: 0 0 3em 159px;
    border-left: 2px solid #09357A;
    padding: 0 0 0 9px;
}
#content .section:target {
    border-left-color: #B24701;
    background-color: #F7ECE5;
    background-color: rgba(178,71,1,.1);
}
#content .section p {
    margin: 1.5em 0 0;
}
#content .section ul, #content .section ol {
    margin-top: 1.5em;
}
#content .section .previewImages {
    position: absolute;
    top: 0;
    left: -164px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    /* IE 6 & 7 */
    line-height: 0;
}
#content .previewImages a:link, #content .previewImages a:visited, #content .previewImages a:hover, #content .previewImages a:focus {
    border: 0;
}
#content .previewImages img {
    display: block;
}
#content .previewImages li {
    padding: 0 0 20px;
}
#pageBrochure #content .previewImages img {
    border: 1px solid #09375A;
}
#content a:link {
    color: #444FC6;
    color: #2B33C7;
    text-decoration: none;
    border-bottom: 1px dotted #444FC6;
    border-bottom: 1px dotted #2B33C7;
}
#content a:visited {
    color: #6F5991;
    color: #744AA8;
    text-decoration: none;
    border-bottom: 1px dotted #6F5991;
    border-bottom: 1px dotted #744AA8;
}
#content a:hover, #content a:focus {
    color: #00C;
    border-bottom: 1px solid #00C;
}
#content .moreImages {
    display: none;
}
sup {
    line-height: .5;
}
.currency {
    margin-right: .2em;
}
.ondertekening {
/*    text-align: right;*/
    font-style: italic;
/*    color: #B24701;*/
/*    text-transform: uppercase;
    letter-spacing: .1em;
    word-spacing: .1em;
    font-size: .8em;*/
}
form {
    margin: 0;
    padding: 0;
/*    border-left: 2px solid #09357A;*/
}
fieldset {
    border: 0;
    padding: 0;
}
legend {
    display: inline;
    font-weight: normal;
    margin: 0 0 1.5em;
    padding: 0;
    font-size: 1.5em;
    line-height: 1em;
    display: none;
}
.inputTextGroup, textareaGroup, buttonGroup {
    margin: .375em 0;
}
label {
    float: left;
    width: 9em;
    clear: left;
    padding: 0 .75em 0 0;
/*    text-align: right;*/
/*    color: #B24701;*/
}
.required {
    color: #B24701;
    font-size: .67em;
    line-height: 1em;
    vertical-align: .67em;
}
input, textarea {
    width: 18em;
    border: 1px solid #09357A;
    padding: .125em;
    margin: 0;
    font: normal normal 100% Arial, Helvetica, sans-serif;
    background-color: transparent;
    background-color: rgba(255,255,255,.5);
    color: #09357A;
/*    display: block; FF 2 chockes on tis */
}
input[type="hidden"] {
    display: none;
}
input:focus, textarea:focus {
    background-color: #FFF;
}
.buttonGroup {
    padding-top: .375em;
    padding-left: 9.75em;
    font-size: 1em;
}
button {
    margin: 0 0 0 1px;
    border: 0;
    outline: 0;
    background-color: #09357A;
    color: #FFF;
    font-size: 1em;
}
#content fieldset p {
    margin: 1.5em 0 0 0;
}
#content fieldset p .required {
    display: block;
    position: relative;
    left: -1.5em;
    margin-bottom: -1em;
}

.fullWidthImg {
    margin: 1.5em 0;
}
.fullWidthImg img {
    margin: 0 auto;
    display: block;
    border: 1px solid #09357A;
}

/* navigation */
#nav ul {
    margin: 180px 0 0;
    padding: 0;
    list-style-type: none;
    border-top: 1px solid #C1CCDE;
}
#nav li {
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #C1CCDE;
}
#nav a {
    display: block;
    padding: .375em;
    text-decoration: none;
    font-size: 1.5em;
    background: transparent url(/_img/bgNavHome.jpg) no-repeat 5000px;
}
#nav a:link {
    color: #303EBB;
}
#nav a:visited {
    color: #6F5991;
    color: #744AA8;
}

#nav #navZalen {
    background-image: url(/_img/bgNavZalen.jpg);
}
#nav #navZalen:hover, #nav #navZalen:focus, #nav #navZalen.current {
    background-position: 10% 48%;
}
#nav #navBredero {
    background-image: url(/_img/bgNavBredero.jpg);
}
#nav #navBredero:hover, #nav #navBredero:focus, #nav #navBredero.current {
    background-position: 50% 40%;
}
#nav #navVondel {
    background-image: url(/_img/bgNavVondel.jpg);
}
#nav #navVondel:hover, #nav #navVondel:focus, #nav #navVondel.current {
    background-position: 70% 65%;
}
#nav #navDekker {
    background-image: url(/_img/bgNavDekker.jpg);
}
#nav #navDekker:hover, #nav #navDekker:focus, #nav #navDekker.current {
    background-position: 50% 25%;
}
#nav #navRestaurant {
    background-image: url(/_img/bgNavRestaurant.jpg);
}
#nav #navRestaurant:hover, #nav #navRestaurant:focus, #nav #navRestaurant.current {
    background-position: 70% 50%;
}
#nav #navCatering {
    background-image: url(/_img/bgNavCatering.jpg);
}
#nav #navCatering:hover, #nav #navCatering:focus, #nav #navCatering.current {
    background-position: 0 40%;
}
#nav #navLuxeHapjes {
    background-image: url(/_img/bgNavLuxeHapjes.jpg);
}
#nav #navLuxeHapjes:hover, #nav #navLuxeHapjes:focus, #nav #navLuxeHapjes.current {
    background-position: 50%;
}
#nav #navSalades {
    background-image: url(/_img/bgNavSalades.jpg);
}
#nav #navSalades:hover, #nav #navSalades:focus, #nav #navSalades.current {
    background-position: right bottom;
}
#nav #navLunch {
    background-image: url(/_img/bgNavLunch.jpg);
}
#nav #navLunch:hover, #nav #navLunch:focus, #nav #navLunch.current {
    background-position: 50%;
}
#nav #navOpLocatie {
    background-image: url(/_img/bgNavOpLocatie.jpg);
}
#nav #navOpLocatie:hover, #nav #navOpLocatie:focus, #nav #navOpLocatie.current {
    background-position: 0 36%;
}
#nav #navOverOns {
    background-image: url(/_img/bgNavOverOns.jpg);
}
#nav #navOverOns:hover, #nav #navOverOns:focus, #nav #navOverOns.current {
    background-position: 90% 20%;
}
/*#nav #navAdres {
    background-image: url(/_img/bgNavAdres.jpg);
}
#nav #navAdres:hover, #nav #navAdres:focus, #nav #navAdres.current {
    background-position: 50% 49%;
}
#nav #navContact {
    background-image: url(/_img/bgNavContact.jpg);
}
#nav #navContact:hover, #nav #navContact:focus, #nav #navContact.current {
    background-position: 90% 20%;
}*/
#nav #navContact {
    background-image: url(/_img/bgNavContact.jpg);
}
#nav #navContact:hover, #nav #navContact:focus, #nav #navContact.current {
    background-position: 50% 49%;
}
#nav #navRoutebeschrijving {
    background-image: url(/_img/bgNavRoutebeschrijving.jpg);
}
#nav #navRoutebeschrijving:hover, #nav #navRoutebeschrijving:focus, #nav #navRoutebeschrijving.current {
    background-position: 90% 64%;
}
#nav #navBrochure {
    background-image: url(/_img/bgNavBrochure.jpg);
}
#nav #navBrochure:hover, #nav #navBrochure:focus, #nav #navBrochure.current {
    background-position: 35% 50%;
}
#nav #navNieuws {
    background-image: url(/_img/bgNavNieuws.jpg);
}
#nav #navNieuws:hover, #nav #navNieuws:focus, #nav #navNieuws.current {
    background-position: 90% 20%;
}
#nav a:hover, #nav a:focus, #nav .current:link, #nav .current:visited {
    background-position: 50%;
    background-color: #899EBF;
    color: #FFF;
}
#nav .current {
    cursor: text;
}

#nav li ul {
    margin: 0;
    padding: .1875em 0 .375em;
    border: 0;
}
#nav li li {
    padding: 0;
    margin: 1px 0;
    border: 0;
}
#nav li li a {
    display: block;
    padding: .375em .75em .375em 1.5em;
    line-height: 1.5em;
    font-size: 1em;
    font-weight: normal;
    text-decoration: none;
    color: #09357A;
    background-color: transparent;
    /*testje*/
/*    font-size: .8em;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .1em;
    word-spacing: .1em;
    line-height: 1.875em;
    padding: .5em 1em .5em 2em;*/
}

address {
    font: normal normal .63em Arial, Helvetica, sans-serif;
    color: #5A78A6;
    padding: 1.4em 0 0;
    text-transform: uppercase;
    letter-spacing: .1em;
    word-spacing: .05em;
    text-align: center;
}
address a:link, address a:visited {
    color: #7C81DA;
    text-decoration: none;
}
address a:hover, address a:focus {
    color: #AEBCD3;
    border-bottom: 1px dotted #AEBCD3;
}

/* specific pages */
#pageLunch #content .section, #pageVondel #content .section, #pageDekker #content .section, #pageRestaurant #content .section {
    min-height: 340px;
}
#pageZalen .colLeft {
    width: 54%;
}
#pageZalen .colRight {
    width: 40%;
}
#pageContact .colLeft {
    width: 40%;
}
#pageContact .colRight {
    width: 54%;
/*    min-height: 27em;*/
/*    padding-left: 0;*/
/*    border-left: 0;*/
}
#pageContact #content .colLeft h3 {
    margin-bottom: 0;
}
#pageContact #content .colLeft p {
    margin: 0 0 0 6em;
}
#pageContact #content h4 {
    float: left;
    width: 5.25em;
    clear: left;
    font-weight: normal;
    margin: 0;
    text-transform: none;
    letter-spacing: 0;
    word-spacing: 0;
    color: #09357A;
}
#pageBrochure #content .sectBrochure {
    min-height: 150px;
}
#pageNieuws #dd20081124, #pageNieuws #dd20090714 {
    min-height: 220px;
}
#pageNieuws #dd20090728, #pageNieuws #dd20100303 {
    min-height: 340px;
}
#pageNieuws h2 + h3 {
    margin: -1.5em 0 -.3em;
    color: #849abc;
}

/* background and headers on the specific pages */
#pageZalen #wrapper {
    background: #FFF url(/_img/zalen/bgZalen.jpg) no-repeat 0 100%;
}
#pageZalen h1 {
    background: transparent url(/_img/zalen/h1Zalen.png) no-repeat center top;
}
#pageBredero #wrapper {
    background: #FFF url(/_img/zalen/bgBredero.jpg) no-repeat 0 100%;
}
#pageBredero h1 {
    background: transparent url(/_img/zalen/h1Bredero.png) no-repeat center top;
}
#pageVondel #wrapper {
    background: #FFF url(/_img/zalen/bgVondel.jpg) no-repeat 0 100%;
}
#pageVondel h1 {
    background: transparent url(/_img/zalen/h1Vondel.png) no-repeat center top;
}
#pageDekker #wrapper {
    background: #FFF url(/_img/zalen/bgDekker.jpg) no-repeat 0 100%;
}
#pageDekker h1 {
    background: transparent url(/_img/zalen/h1Dekker.png) no-repeat center top;
}
#pageRestaurant #wrapper {
    background: #FFF url(/_img/zalen/bgRestaurant.jpg) no-repeat 0 100%;
}
#pageRestaurant h1 {
    background: transparent url(/_img/zalen/h1Restaurant.png) no-repeat center top;
}

#pageCatering #wrapper {
    background: #FFF url(/_img/catering/bgCatering.jpg) no-repeat 0 100%;
}
#pageCatering h1 {
    background: transparent url(/_img/catering/h1Catering.png) no-repeat center top;
}
#pageSalades #wrapper {
    background: #FFF url(/_img/catering/bgSalades.jpg) no-repeat 0 100%;
}
#pageSalades h1 {
    background: transparent url(/_img/catering/h1Salades.png) no-repeat center top;
}
#pageLuxeHapjes #wrapper {
    background: #FFF url(/_img/catering/bgLuxeHapjes.jpg) no-repeat 0 100%;
}
#pageLuxeHapjes h1 {
    background: transparent url(/_img/catering/h1LuxeHapjes.png) no-repeat center top;
}
#pageLunch #wrapper {
    background: #FFF url(/_img/catering/bgLunch.jpg) no-repeat 0 100%;
}
#pageLunch h1 {
    background: transparent url(/_img/catering/h1Lunch.png) no-repeat center top;
}
#pageOpLocatie #wrapper {
    background: #FFF url(/_img/catering/bgOpLocatie.jpg) no-repeat 0 100%;
}
#pageOpLocatie h1 {
    background: transparent url(/_img/catering/h1OpLocatie.png) no-repeat center top;
}

#pageOverOns #wrapper {
    background: #FFF url(/_img/overOns/bgOverOns.jpg) no-repeat 0 100%;
}
#pageOverOns h1 {
    background: transparent url(/_img/overOns/h1OverOns.png) no-repeat center top;
}
/*#pageAdres #wrapper {
    background: #FFF url(/_img/overOns/bgAdres.jpg) no-repeat 0 100%;
}
#pageAdres h1 {
    background: transparent url(/_img/overOns/h1Adres.png) no-repeat center top;
}*/
#pageContact #wrapper {
    background: #FFF url(/_img/overOns/bgContact.jpg) no-repeat 0 100%;
}
#pageContact h1 {
    background: transparent url(/_img/overOns/h1Contact.png) no-repeat center top;
}
#pageRoutebeschrijving #wrapper {
    background: #FFF url(/_img/overOns/bgRoutebeschrijving.jpg) no-repeat 0 100%;
}
#pageRoutebeschrijving h1 {
    background: transparent url(/_img/overOns/h1Routebeschrijving.png) no-repeat center top;
}
#pageBrochure #wrapper {
    background: #FFF url(/_img/overOns/bgBrochure.jpg) no-repeat 0 100%;
}
#pageBrochure h1 {
    background: transparent url(/_img/overOns/h1Brochure.png) no-repeat center top;
}
#pageNieuws #wrapper {
    background: #FFF url(/_img/overOns/bgNieuws.jpg) no-repeat 0 100%;
}
#pageNieuws h1 {
    background: transparent url(/_img/overOns/h1Nieuws.png) no-repeat center top;
}