/* @import url("http://fonts.googleapis.com/css?family=Muli"); */
/*
@font-face {
	font-family:'Muli-Regular';
	src: url('/fonts/Muli_gdi.eot');
	src: url('/fonts/Muli_gdi.eot?#iefix') format('embedded-opentype'),
		url('/fonts/Muli_gdi.woff') format('woff'),
		url('/fonts/Muli_gdi.ttf') format('truetype'),
		url('/fonts/Muli_gdi.otf') format('opentype'),
		url('/fonts/Muli_gdi.svg#Muli-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+000D-FB04;
}

@font-face {
	font-family:'Muli-Bold';
	src: url('/fonts/Muli-Bold_gdi.eot');
	src: url('/fonts/Muli-Bold_gdi.eot?#iefix') format('embedded-opentype'),
		url('/fonts/Muli-Bold_gdi.woff') format('woff'),
		url('/fonts/Muli-Bold_gdi.ttf') format('truetype'),
		url('/fonts/Muli-Bold_gdi.otf') format('opentype'),
		url('/fonts/Muli-Bold_gdi.svg#Muli-Bold') format('svg');
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+000D-FB04;
}
*/
* {
    text-shadow: none !important
    }
html {
    height: 100%
    }
body {
    /*	background: url('img/background.png') 50% 0 fixed no-repeat;
    	background-size: 100% auto;
    	background-attachment:fixed*/
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    padding: 0;
    margin: 0;
    font-size: 16px;
    font: 16px "Open Sans", sans-serif !important;
    background-color: #d2232a
    }
div, p, a, li, td {
    -webkit-text-size-adjust: none
    }
body, html body h1, html body h2, html body p, html body li a, #page .filter h2, #page .filter ul li, #page h1, #page .content .item .summary, #page .content .item h2, body nav.menu li a, body nav.menu li a:visited {
    font-family: "Open Sans", sans-serif !important;
    font-weight: 400;
    /*	font-family: 'Trebuchet MS', 'Muli', 'Lucida Grande' !important;*/
    letter-spacing: 0.5px;
    -webkit-font-smoothing: antialiased
    }
#background {
    height: 0;
    overflow: visible;
    /* 	width: 100%; */
    left: 0;
    right: 0;
    top: 0;
    position: fixed;
    margin-left: auto;
    margin-right: auto
    }
#background .holder {
    margin-left: auto;
    margin-right: auto;
    background: url(img/background.png) 50% 0 no-repeat;
    background-size: 100% auto;
    width: 100%;
    min-width: 1400px;
    display: block;
    height: 2000px
    }
#page {
    background-color: #94767c;
    /*	margin-left: auto;
    	margin-right: auto;*/
    width: 900px;
    margin-left: -450px;
    display: block;
    min-height: 100%;
    position: absolute;
    clear: both;
    z-index: 2;
    top: 0;
    /* 	bottom: 0; */
    left: 50%
    }
#page #minimal-outer {
    display: block;
    text-align: left;
    clear: both;
    padding: 50px 10px 10px 10px
    }
#page #minimal-inner {
    background-color: white;
    display: block;
    min-height: 980px
    }
#page #minimal-inner h1 {
    color: #500a0c
    }
#page-logo {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 15px
    }
#page .hr {
    background: url(img/hr.png) 50% 0 no-repeat;
    height: 16px;
    width: 233px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4px;
    margin-bottom: 16px;
    display: block
    }
#map-canvas {
    height: 600px;
    width: 860px;
    margin: 0;
    padding: 0
    }
#page .content {
    display: block;
    margin-left: 21px;
    margin-right: 21px;
    width: auto;
    padding-bottom: 21px
    }
#page .content .item {
    display: block;
    background-color: #fabfb7;
    margin-bottom: 12px;
    /* 8px @ 107dpi */
    position: relative;
    text-align: left;
    padding: 0;
    border: 0;
    overflow: hidden
    }
#page .content .item .thumbnail {
    /*	width: 170px;
    	height: 142px;*/
    float: left;
    border: 0;
    margin: 0 10px 0 0;
    padding: 0
    }
#page .content .item .gallery {
    /*	width: 170px;
    	height: 142px;*/
    float: left;
    display: none;
    border: 0;
    margin: 12px 5px 0 0;
    padding: 0
    }
#page .content .item {
    padding: 8px
    }
#page .content .item .summary {
    font-weight: bold
    }
#page .programma .content .item {
    min-height: 142px;
    /* 95px @ 107dpi */
    padding: 0
    }
#page h1 {
    font-weight: bold;
    font-size: 24px;
    text-transform: uppercase;
    color: #cd1618;
    text-shadow: 0 0 0.5px #cd1618;
    margin: 8px;
    padding: 0
    }
#page .filter {
    background-color: #785da8;
    display: block;
    margin-bottom: 16px;
    padding: 2px;
    margin-left: 21px;
    margin-right: 21px
    }
#page .filter h2 {
    color: #fabfb7;
    padding: 3px 0 3px 0;
    font-weight: bold;
    /* 	letter-spacing: 2px; */
    font-size: 20px;
    text-transform: uppercase;
    cursor: pointer
    }
#page .filter .filters {
    display: none
    }
#page .filter ul {
    list-style: none;
    overflow: hidden
    }
#page .filter ul li {
    float: left;
    width: 279px;
    color: #c5b6b8;
    font-weight: bold;
    list-style: none;
    letter-spacing: 1px;
    font-size: 15px;
    padding: 5px 0 5px 0;
    text-align: left;
    cursor: pointer;
    background: url(/img/box.png) 25% 5px no-repeat
    }
#page .filter ul li span.caption {
    padding-left: 100px
    }
#page .filter ul li.active {
    background: url(/img/ticked.png) 25% 5px no-repeat
    }
#page .content .item h2 {
    font-weight: 700;
    font-size: 24px !important;
    line-height: 29px;
    text-transform: uppercase;
    padding-top: 4px;
    color: #cd1618;
    line-height: 100%;
    text-shadow: 0 0 0.5px #cd1618;
    margin-right: 86px
    }
#page .programma .content .item h2, #page .kaart .content .item h2 {
    margin-left: 180px;
    display: block
    }
#page .programma .content .item .intro, #page .programma .content .item .summary {
    margin-left: 180px;
    margin-right: 82px;
    font-size: 16px !important;
    /* 	line-height: 150%; */
    }
#page .programma .content .item .intro {
    margin-bottom: 0;
    padding-bottom: 0
    }
#page .programma .content .item .summary {
    margin-top: 0;
    padding-top: 0
    }
#page .programma .content .item p {
    margin: 3px 4px 3px 0;
    padding: 2px 4px 2px 0
    }
#page .over .content .item {
    padding: 8px 8px 0 16px
    }
#page .over .content .item h2 {
    padding-bottom: 0
    }
#page .content .item .detail {
    margin-left: 180px;
    margin-top: 0;
    margin-right: 102px;
    /* 	padding-bottom: 0.8em; */
    padding-top: 0.5em;
    display: none;
    /* 	line-height: 150%; */
    }
#page .content .gm-style-iw .item .detail {
    display: block;
    margin-bottom: -0.5em
    }
#page .content .gm-style-iw .item .detail :last-child {
    margin-bottom: 0;
    padding-bottom: 0
    }
#page .content .item .more {
    text-align: right;
    position: absolute;
    bottom: 8px;
    right: 8px;
    position: block;
    color: #785da8;
    cursor: pointer
    }
#page .content .item .edit {
    position: absolute;
    bottom: 8px;
    right: 64px;
    position: block;
    color: #cd1618;
    cursor: pointer
    }
#page .content .item .edit a, #page .content .item .edit a:visited, #page .content .item .more a, #page .content .item .more a:visited {
    color: #cd1618;
    font-weight: bold
    }
#page .content .item:nth-child(even) {
    background-color: #c5b6b8
    }
#page .content .item-even {
    background-color: #c5b6b8 !important
    }
#page .content .item-odd {
    background-color: #fabfb7 !important
    }
#page .content .item .tick {
    background-color: #cd1618;
    background-image: url(img/bookmark.png);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 70px;
    background-repeat: no-repeat;
    background-position: center 45px;
    border-left: solid #94767c 12px;
    cursor: pointer
    }
#page .content .item.bookmark .tick {
    background-image: url(img/bookmarked.png)
    }
#page .content #item-letop {
    min-height: 2em;
    padding: 0;
    margin-bottom: 18px
    }
#page .kaart #item-letop, #page .programma #item-letop {
    min-height: 142px
    }
#page .content #item-letop h2 {
    color: #cd1618
    }
#page .content #bookmark-intro {
    background-color: #bfa8db
    }
#page .content #bookmark-intro h3.back {
    cursor: pointer;
    text-transform: none;
    color: #cd1618;
    font-weight: bold
    }
.over .content a {
    text-decoration: underline;
    font-weight: bold;
    color: inherit
    }
#page .gallery .thumbnail {
    background: #f9beb7 !important;
    border-color: transparent;
    border: 0;
    padding: 2px;
    margin: 8px
    }
#menu {
    position: fixed;
    width: 100%;
    overflow: visible;
    top: 0;
    left: 0;
    height: 0;
    z-index: 3
    }
#menu h2 {
    background-color: white;
    color: #896e75 !important;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 46px;
    line-height: 46px;
    width: 120px;
    cursor: pointer;
    text-align: left;
    margin: 0;
    padding: 0;
    z-index: 2;
    background-color: white
    }
#menu h2 span {
    padding-left: 15px
    }
#menu h2 .icon {
    display: inline-block;
    padding: 0 5px 0 10px;
    -webkit-transform: scale(1.5, 1);
    -moz-transform: scale(1.5, 1);
    -ms-transform: scale(1.5, 1);
    -o-transform: scale(1.5, 1);
    transform: scale(1.5, 1);
    cursor: pointer
    }
#menu .flag {
    z-index: 5
    }
#menu .container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 900px;
    overflow: visible;
    height: 0
    }
#menu .lang {
    right: 115px;
    top: 0;
    width: 50px;
    height: 46px;
    background-color: white;
    position: absolute;
    display: block;
    z-index: 2
    }
#menu .lang .flag {
    cursor: pointer;
    display: block
    }
#menu .lang .flag-nl {
    display: none
    }
#menu .lang img {
    margin: 8px 10px 0 10px
    }
#menu #menu-bookmarks {
    display: none;
    position: absolute;
    width: 220px;
    height: 70px;
    background-color: white;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0
    }
#menu #menu-bookmarks-btn {
    width: auto;
    top: 38px;
    color: #cd1618 !important;
    text-transform: uppercase;
    z-index: 3;
    background-color: transparent;
    padding: 3px;
    padding-right: 12px;
    height: 1em;
    line-height: 1em
    }
nav.menu .line {
    border-bottom: #c5b6b8 solid 0;
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
    }
nav.menu .menu-container {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    height: 46px;
    background-color: white
    }
body nav.menu ul {
    height: 60px;
    padding: 0
    }
body nav.menu li a, body nav.menu li a:visited {
    line-height: 44px;
    height: 44px;
    padding: 0 1em 0 1em;
    font-weight: bold !important;
    text-transform: uppercase;
    font-weight: normal;
    color: #cd1618 !important
    }
body nav.menu li a:hover {
    color: #000 !important;
    text-shadow: 0 0 3px #ccc
    }
body #page .logos p {
    font-size: 18px;
    color: #f8c6c0;
    line-height: 120%
    }
.logos {
    padding: 10px;
    text-align: center
    }
.start .logos {
    padding-top: 80px
    }
.logos table {
    margin: auto;
    width: 700px
    }
/* ------------------------------------------------------------ *\
|* ------------------------------------------------------------ *|
|* Template
|* ------------------------------------------------------------ *|
\* ------------------------------------------------------------ */
body {
    overflow-x: hidden
    }
#wrapper {
    position: relative;
    z-index: 10;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
    }
.mask {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 15;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6)
    }
/* ------------------------------------------------------------ *\
|* ------------------------------------------------------------ *|
|* Menus
|* ------------------------------------------------------------ *|
\* ------------------------------------------------------------ */
/* general style for all menus */
nav.menu {
    position: fixed;
    z-index: 20;
    background-color: transparent;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
    }
nav.menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0
    }
nav.menu a, nav.menu a:visited {
    font-weight: 300;
    color: #785da8
    }
/*button.close-menu {
    background-color: #3184a1;
    color: #fff;
}
button.close-menu:focus {
    outline: none
}*/
body.pml-open #wrapper {
    left: 300px
    }
body.pmr-open #wrapper {
    left: -300px
    }
/* slide menu top and bottom */
nav.slide-menu-top, nav.slide-menu-bottom, nav.push-menu-top, nav.push-menu-bottom {
    top: 0;
    left: 0;
    width: 100%;
    height: 46px
    }
nav.slide-menu-top ul, nav.slide-menu-bottom ul, nav.push-menu-top ul, nav.push-menu-bottom ul {
    text-align: center;
    padding: 25px 0 0 0;
    width: 100%
    }
nav.slide-menu-top li, nav.slide-menu-bottom li, nav.push-menu-top li, nav.push-menu-bottom li {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    /* IE7 hack */
    /* IE7 hack */
    }
nav.slide-menu-top a, nav.slide-menu-bottom a, nav.push-menu-top a, nav.push-menu-bottom a {
    display: inline-block;
    line-height: 50px;
    padding: 0 10px;
    font-size: 18px
    }
nav.slide-menu-top button.close-menu, nav.slide-menu-bottom button.close-menu, nav.push-menu-top button.close-menu, nav.push-menu-bottom button.close-menu {
    display: block;
    line-height: 50px;
    margin: 0;
    padding: 0 10px
    }
nav.slide-menu-top, nav.push-menu-top {
    top: -100px
    }
nav.slide-menu-bottom, nav.push-menu-bottom {
    bottom: -100px
    }
body.smt-open nav.slide-menu-top, body.pmt-open nav.push-menu-top {
    top: 0
    }
body.smb-open nav.slide-menu-bottom, body.pmb-open nav.push-menu-bottom {
    bottom: 0
    }
body.pmt-open #wrapper {
    top: 100px
    }
body.pmb-open #wrapper {
    top: -100px
    }
/* ------------------------------------------------------------ *\
|* ------------------------------------------------------------ *|
|* Media Queries
|* ------------------------------------------------------------ *|
\* ------------------------------------------------------------ */
@media all and (max-width: 860px) {
    .buttons br {
        display: none
        }
    .buttons button {
        padding: 10px 20px
        }
    }
@media all and (max-width: 660px) {
    /* slide menu top and bottom */
    nav.slide-menu-top ul, nav.slide-menu-bottom ul, nav.push-menu-top ul, nav.push-menu-bottom ul {
        padding: 35px 0 0 0
        }
    nav.slide-menu-top a, nav.slide-menu-bottom a, nav.push-menu-top a, nav.push-menu-bottom a {
        line-height: 30px;
        padding: 0 2px;
        font-size: 12px
        }
    nav.slide-menu-top button.close-menu, nav.slide-menu-bottom button.close-menu, nav.push-menu-top button.close-menu, nav.push-menu-bottom button.close-menu {
        line-height: 30px;
        padding: 0 2px
        }
    }
@media all and (max-width: 330px) {
    nav.slide-menu-left, nav.slide-menu-right, nav.push-menu-left, nav.push-menu-right {
        top: 0;
        width: 100%
        }
    nav.slide-menu-left, nav.push-menu-left {
        left: -100%
        }
    nav.slide-menu-right, nav.push-menu-right {
        right: -100%
        }
    body.sml-open nav.slide-menu-left, body.pml-open nav.push-menu-left {
        left: 0
        }
    body.smr-open nav.slide-menu-right, body.pmr-open nav.push-menu-right {
        right: 0
        }
    body.pml-open #wrapper {
        left: 100%
        }
    body.pmr-open #wrapper {
        left: -100%
        }
    }