@font-face {
    font-family: 'clear_sansregular';
    src: url('/fonts/ClearSans-Regular-webfont.eot');
    src: url('/fonts/ClearSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/ClearSans-Regular-webfont.woff') format('woff'),
    url('/fonts/ClearSans-Regular-webfont.ttf') format('truetype'),
    url('/fonts/ClearSans-Regular-webfont.svg#clear_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'clear_sans_lightregular';
    src: url('/fonts/ClearSans-Light-webfont.eot');
    src: url('/fonts/ClearSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/ClearSans-Light-webfont.woff') format('woff'),
    url('/fonts/ClearSans-Light-webfont.ttf') format('truetype'),
    url('/fonts/ClearSans-Light-webfont.svg#clear_sans_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


select::-ms-expand {
    display: none;
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
    font-family: 'clear_sans_lightregular';
}

.clear {
    clear: both;
}

.container-fluid {
    margin: 0 4%;
    padding: 0 !important;
}

.main-header {
    height: 160px;
    position: relative;
}

.logo {
    display: block;
    margin: 50px 0 0;
    padding: 0;
}

.logo a,
.logo a:link,
.logo a:hover,
.logo a:active,
.logo a:visited {
    color: #000;
    text-decoration: none;
}

.logo h1 {
    margin: 0;
    padding: 0;
    font-size: 30px;
    font-weight: 100;
    color: #000;
    text-transform: uppercase;
    line-height: 32px;
    letter-spacing: 3px;
    font-family: 'clear_sansregular';
}

.logo-title {

}

#talen {
    position: absolute;
    right: 0px;
    top: 10px;
}

#language_options {
    float: right;
    padding: 26px 25px 0 0;
    width: 50px;
}


#language_dd {
    margin: 0;
    padding: 0;
    width: 50px;
    height: 28px;
    background: url(/images/dropdown_arrow.png) right bottom no-repeat;
}

.desc {
    color: #444444;
}

.desc a {
    color: #444444;
}

.dropdown dd, .dropdown dt, .dropdown ul {
    margin: 0px;
    padding: 0px;
}

.dropdown dd {
    position: relative;
}

.dropdown a, .dropdown a:visited {
    color: #444444;
    text-decoration: none;
    outline: none;
}

.dropdown a:hover {
    color: #444444;
}

.dropdown dt a:hover {
    color: #444444;
}

.dropdown dt a {
    no-repeat: scroll right center;
    display: block;
}

.dropdown dt a span {
    cursor: pointer;
    display: block;
    padding: 5px;
}

.dropdown dd ul {
    background: none repeat scroll 0 0;
    color: #444444;
    display: none;
    left: 0px;
    padding: 0px;
    position: absolute;
    top: 0px;
    width: auto;

    list-style: none;

}

.dropdown img.value {
    display: none;
}

.dropdown dd ul li a {
    display: block;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.dropdown dd ul li a:hover {

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.dropdown img.flag {
    border: none;
    vertical-align: middle;
    margin: 8px;
}

.flagvisibility {
    display: inline;
}


.main-nav {
    margin: 90px 0 0;
    padding: 0;
    background: #FFF;
    color: #4d4d4d;
    font-size: 18px;
    text-transform: uppercase;
}

.main_nav_list {
    display: table;
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.sub_nav_list {
    padding: 0;
    margin: 0;
}

#backToOverview {
    float: right;
    display: none;
}

.main_nav_list li {
    display: table-cell;
    list-style-type: none;
    padding-right: 0;
    text-align: center;
    font-style: normal;
}

#main7 {
    width: 0.09%;
    text-align: left !important;
}

#main4 {
    width: 0.16%;
}

#main2 {
    width: 0.20%;
}

#main3 {
    width: 0.20%;
}

#main5 {
    width: 0.19%;
}

#main6 {
    width: 0.10%;
    text-align: right !important;
}

.main_nav_list li a,
.main_nav_list li a:link,
.main_nav_list li a:active,
.main_nav_list li a:visited {
    color: #4d4d4d;
    text-decoration: none;
    display: block;
}


.main_nav_list li.active a,
.main_nav_list li a:hover {
    color: #000;
}

.main_nav_list .sub_nav_list {
    display: none;
}


.subnav {
    margin: 0;
    padding: 0;
    background: #FFF;
    color: #4d4d4d;
    font-size: 18px;
    text-transform: uppercase;
}

.sub_nav_list li {
    margin: 0;
    padding: 30px 0;
    list-style-type: none;
    font-style: normal;
    background: url(/img/submenu_devider.gif) left top no-repeat;
}

.sub_nav_list li:first-child {
    padding-top: 0 !important;
    background: none !important;
}

.sub_nav_list li a,
.sub_nav_list li a:link,
.sub_nav_list li a:visited,
.sub_nav_list li a:active {
    color: #4d4d4d;
    text-decoration: none;
}

.sub_nav_list li.active a,
.sub_nav_list li a:hover {
    color: #000;
}

.main_content {
    margin: 0;
    padding: 0;
}

#content {
    font-size: 18px;
    line-height: 28px;
}

#content .content-title {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

#content p {
    margin: 0;
    padding: 10px 0 20px;
    font-size: 18px;
    line-height: 28px;
    max-width: 875px;
}

#content a,
#content a:link,
#content a:active,
#content a:visited {
    color: #000;
    text-decoration: none;
}

#content a:hover {
    color: #000;
    text-decoration: underline;
}

#single-img img {
    max-width: 49%;
    height: auto;
    width: auto \9; /* ie8 */
}

.first_home {
    margin-right: 15px;
}

@media only screen and (max-width: 1199px) {
    #single-img img {
        max-width: 100%;
        height: auto;
        width: auto \9; /* ie8 */
    }

    .second_home {
        display: none;
    }
}


#contactform {
    max-width: 875px;
}

form legend {
    color: #333;
    padding: 0 0 20px 0;
    text-transform: uppercase;
}

form {
    padding: 10px 0 20px 0;
}

form input, form textarea {
    margin: 5px 0;
    padding: 3px 8px;
    display: inline-block;
    border: 0;
    box-sizing: border-box;
    background: #f3f3f3;
}

.verplicht {
    border: 1px solid green;
}

form p {
    position: relative;
    margin: 10px 0;
}

form p label {
    position: absolute;
    top: 0;
    left: 0;
}

form p br {
    display: none;
}

#contactform button,
form #submit-button {
    width: 100%;
    height: 40px;
    color: #FFF;
    text-transform: uppercase;
    box-sizing: border-box;
    border: 0;
    background: #363636;
}

#contactform button:hover,
form #submit-button:hover {
    background: #000000;
}


.news-items {
    margin: 0;
    margin-top: -20px;
    padding: 0;
    list-style-type: none;
    max-width: 875px;
}

li.news-item {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    border-bottom: 1px solid #cecece;
}

li.news-item-press {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
}

.news-items li {
    margin: 0;
    padding: 0 0 15px;
}

.news-items li .item-date {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #646464;
    text-transform: uppercase;
    font-weight: 100;
}

.news-items li .item-title {
    margin: 0;
    padding: 0;
    font-size: 22px;
    color: #000;
    font-weight: 100;
}

.news-items li .item-desc {
    margin: 0;
    padding: 6px 0 16px !important;
    font-size: 18px;
    color: #636363;
    font-weight: 100;


}

.item-desc-press {
    color: #a6a6a6;
    font-size: 0.9em;
    line-height: 1.2em;
    margin-top: 10px;
}

.press-items {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.press-items li {
    margin: 0 30px 30px 0 !important;
    padding: 0;
    display: inline-block;
    width: 330px;
    box-sizing: border-box;
    float: left;
}

.press-items li.news-item {
    margin: 0 30px 30px 0 !important;
}

.pdf_cont {
    width: 330px;
    height: 230px;
    background-size: cover !important;
}

.press-items li a {
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

.press-items li a:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

.press-items li img {
    left: 165px;
    top: 115px;
    margin-left: -49px;
    margin-top: -49px;
    position: relative;
}

.press-items li .item-date,
.press-items li .item-title {
    display: none;
}

.artImage {
    padding-top: 40px;
}

img.alignright {
    float: right;
    margin: -2em 0 1em 1em
}

img.alignleft {
    float: left;
    margin: -2em 1em 1em 0
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.show_foto {
    margin-bottom: 30px;
    text-align: center;
}

.show_desc_nav {
    margin-bottom: 30px;
    font-size: 1.2em;
    color: #a6a6a6;
}

.show_desc {
    margin-bottom: 30px;
    margin-top: 2px;
    /* float: left;*/
}

.show_nav {
    float: right;
}

.ui-widget-error {
    padding: 10px;
    color: #cd0a0a;
    background-color: #fef1ec;
    max-width: 875px;
    display: none;
}

.ui-widget {
    padding: 10px;
    color: #000000;
    background-color: #fbf9ee;
    max-width: 875px;
}

#overlay {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.90);
    width: 100%;
    height: 100%;
    z-index: 99;
    display: none;
}

#overlay_content {
    margin-top: 15%;
    width: 600px;
    min-height: 200px;
    margin-left: auto;
    margin-right: auto;
}

.text_link {
    cursor: pointer;
}

#top_button {
    display: none;
    position: fixed;
    bottom: 0px;
    right: 10px;
    background-color: white;
    padding: 5px 8px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 1px solid #cccccc;
    cursor: pointer;
}

.ck_kopje {
    color: #636363;
    font-size: 1.5em;
}

.ck_grijze_tekst {
    color: #a6a6a6;
}

#language_options {
    float: right;
    padding: 26px 25px 0 0;
    width: 50px;
}


#polyglotLanguageSwitcher, #polyglotLanguageSwitcher * {
    margin: 0;
    padding: 0;
    outline: none;
}

#polyglotLanguageSwitcher ul {
    list-style: none;
}

#polyglotLanguageSwitcher {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #444;
    line-height: normal;
    position: relative; /* sets the initial position for the drop-down menu */
    z-index: 100;
}

#polyglotLanguageSwitcher form {
    display: none;
}

/* ---------------------------------------------------------------------- */
/* JS-created Code
/* ---------------------------------------------------------------------- */
#polyglotLanguageSwitcher a {
    box-sizing: border-box;
    text-decoration: none;
    display: block;
    padding: 0.5em 6px 0.5em; /* 6px 6px 6px 28px */
    color: #444;
    width: 100px; /* 84px; total width: 120px */
    background-repeat: no-repeat;
    background-position: 6px center;
}

#polyglotLanguageSwitcher a:hover {
    color: #000;
}

#polyglotLanguageSwitcher a.current:link, #polyglotLanguageSwitcher a.current:visited, #polyglotLanguageSwitcher a.current:active {
    position: relative; /* sets the initial position for the trigger arrow */
    background-color: #FFF;
    border: 1px solid #E5E5E5;
    border-radius: 3px;
    height: auto;
}

#polyglotLanguageSwitcher a.current:hover,
#polyglotLanguageSwitcher ul.dropdown li:hover {
    background-color: #F7F7F7;
}

#polyglotLanguageSwitcher a.active { /* This style is applied as long as the drop-down menu is visible. */
    border-bottom: none !important;
    border-radius: 3px 3px 0 0 !important;
}

#polyglotLanguageSwitcher span.trigger {
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    text-indent: -10000em;
    top: 0.5em; /* 6px */
    right: 6px;
}

#polyglotLanguageSwitcher a.current:link span.trigger, #polyglotLanguageSwitcher a.current:visited span.trigger {
    background: url("/images/dropdown_arrow.png") no-repeat scroll left -8px top -5px;
}

#polyglotLanguageSwitcher a.current:hover span.trigger, #polyglotLanguageSwitcher a.current:active span.trigger, #polyglotLanguageSwitcher a.active span.trigger {

}

/* Read more */
.read-more-button{
    box-sizing: border-box;
    background-color: #FFF;
    border: 1px solid #E5E5E5;
    border-radius: 0 0 3px 3px;
    margin-bottom: 15px;
}
.read-more-conainer-closed{
    overflow: hidden;
    height: 240px;
}

.read-more-conainer-open {
    overflow: auto;
    height: auto;
}


/* JPlayer */

@media screen and (max-width: 500px) {

    /* jplayer */
    .jp-video video, .jp-audio, .jp-controls-holder {
        width: 100% !important;
    }

    .jp-video, .jp-video > div, .jp-video img {
        height: auto !important;
        width: 100% !important;
    }

    /*.jp-video-360p {*/
    /*    max-width: 570px !important;*/
    /*}*/

    .jp-video-270p {
        max-width: 480px !important;
    }

    .jp-progress {
        width: 130px;
    }
}

/* Drop-Down Menu */

#polyglotLanguageSwitcher ul.dropdown {
    box-sizing: border-box;
    display: none;
    position: absolute;
    top: 2.333em; /* 28px */
    left: 0;
    background-color: #FFF;
    border: 1px solid #E5E5E5;
    border-top: none !important;
    border-radius: 0 0 3px 3px;
}

#polyglotLanguageSwitcher ul.dropdown li {
    border-top: 1px dotted #D4D4D4;
}

#polyglotLanguageSwitcher ul.dropdown li:last-child {
    border-radius: 0 0 3px 3px;
}

/*CSS Breakpoints*/
/* All Responsive
================================================== */
@media only screen and (max-width: 1399px) {

}

@media only screen and (max-width: 1199px) {

}

@media only screen and (max-width: 959px) {

}

/* Tablet (Portrait) = Design for a width of 730px
================================================== */

@media only screen and (min-width: 768px) and (max-width: 959px) {

}

/* Mobile (Portrait) = Design for a width of 280px
================================================== */

@media only screen and (max-width: 767px) {
    .logo {
        margin: 30px 0 0;
    }

    .main-header {
        height: auto;
    }

    .main-nav {
        margin: 30px 0 0;
    }

    .subnav {
        float: none;
        width: 100%;
    }

    .main_nav_list {
        margin: 0 0 20px;
        padding: 0;
        list-style-type: none;
        width: 100%;
    }

    .main_nav_list li {
        margin: 0;
        padding: 5px 0;
        display: table;
        text-align: left !important;
        width: 100% !important;
        border-bottom: 1px solid #d1d1d1;
    }

    .sub_nav_list li {
        border-bottom: 0 none !important;
    }


    .sub_nav_list {
        display: none;
    }

    .main_active {

    }

    .main_nav_list .main_active .sub_nav_list {
        display: block;
        margin: 5px 0 0;
        padding: 10px 0;
        border-top: 1px solid #d1d1d1;
    }

    .main_nav_list .main_active .sub_nav_list li {
        border-bottom: 0 none;
        display: table;
        margin: 0;
        padding: 0;
        text-align: left !important;
        width: 100% !important;
        background: none !important;
    }

    .main_nav_list .main_active .sub_nav_list li:first-child {
        border-bottom: 0 none;
        display: table;
        margin: 0;
        padding: 0;
        text-align: left !important;
        width: 100% !important;
        background: none !important;
    }

    .main_nav_list .main_active .sub_nav_list li a {
        padding: 3px 10px;
    }

    .main_nav_list .main_active .sub_nav_list li.sub_actief {
        background: url(/images/subnav_active.png) left bottom 9px no-repeat !important;
    }

    .main_nav_list .main_active .sub_nav_list li.sub_actief a {
        color: #000 !important;
    }

    #main6 {
        text-align: left !important;
    }

    #backToOverview {
        display: block;
    }

    .main_content {
        padding-left: 0 !important;
        padding-top: 0 !important;
    }

}


@media only screen and (max-width: 480px) {


    #main6 {
        width: 0.10%;
        text-align: left !important;
    }

    .content-title {
        display: block;
    }

    img.alignright {
        float: none !important;
        display: block;
        margin: 20px 0 !important;
    }

    #content img {
        height: auto;
        max-width: 100%;
    }

    #backToOverview {
        display: block;
    }

    @-moz-document url-prefix() {
        .sub_nav_list_mobile {
            margin: 0 0 15px 0;
            padding: 3px 0 !important;
            border: 0 !important; /*Removes border*/
            background: transparent url('/images/dropdown_arrow.png') right 4px no-repeat;
            font-size: 16px;
            line-height: 1;
            border: 0;
            border-radius: 0;
            height: 34px;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
        }
    }


}