body {
    font-family: Arial;
    font-size: 12px;
    color: #fff;
}

#logosLogo {
    display: none;
}

header {
    width: 100%;
    height: 140px;
    position: relative;
    border-bottom: 1px solid #dddddd;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
    margin-bottom:10px;
    /*box-shadow: 0 0 9px #ddd;*/
}

header .topheader {
        box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, 0.35);
}
header .topheader #menu4-item-link-29{
    background: url("../images/bt-winkelwagen.png") transparent no-repeat;
    background-position: left center !important;
    padding-left:22px;
}
header .topheader #menu4-item-link-29:hover {
    background: url("../images/bt-winkelwagen-hover.png") transparent no-repeat;
}

    header #logo {
        width: 172px;
        height: 72px;
        float: left;
        margin:14px 0px;
    }

    header .logo1 {
        background: url("../images/bg-logo12015.png") no-repeat;
    }

    header .logo2 {
        background: url("../images/bg-logo22015.png") no-repeat;
    }

    header .logo3 {
        background: url("../images/bg-logo32015.png") no-repeat;
    }

    header .logo4 {
        background: url("../images/bg-logo42015.png") no-repeat;
    }

    header .logo5 {
        background: url("../images/bg-logo52015.png") no-repeat;
    }

    header .logo6 {
        background: url("../images/bg-logo6.png") no-repeat;
    }

    header aside {
        position: absolute;
        right: 10px;
        bottom: 10px;
    }

        header aside ul {
        }

            header aside ul li {
            }

                header aside ul li a {
                }

                    header aside ul li a.active {
                        font-weight: bold;
                    }

    header nav {
        width: 1140px;
        margin: 0 auto;
    }

        header nav #navContainer {
            width: auto;
            display: block;
            float: left;
            margin: 25px 0 0 20px;
        }

#iframeAT {
    width: 0%;
    position: absolute;
    right: 0px;
    top: -10px;
    overflow: hidden;
    height: 100%;
    z-index: 1000;
    background: #EEEEEE;
}

#iframeContainer {
    height: 100%;
    width: 100%;
    position: relative;
    display: none;
}

.ticketATClose {
    color: #fff;
    position: absolute;
    right: 0px;
    top: -50px;
    font-weight: 200;
    text-decoration: none;
    background: #5cace5;
    padding: 5px 0;
    width: 48px;
    height: 38px;
    display: block;
    text-align: center;
    transition: none;
    border: 1px solid #5cace5;
}

    .ticketATClose:hover, .ticketATClose.active {
        color: #5cace5;
        background: #ffffff;
        transition: none;
    }

#iframeAT iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

#iframeAT .align-center {
    text-align: center;
    width: 100%;
}

    #iframeAT .align-center img {
        height: 100%;
    }

#iframeAT a.next-image {
    color: #fff;
    position: absolute;
    left: 48px;
    top: -50px;
    font-weight: 200;
    text-decoration: none;
    width: 48px;
    height: 49px;
    display: block;
    text-align: center;
    transition: none;
    background: url("../images/bt-agenda-overzicht-slider-hover.png") top right no-repeat;
    background-color: #5cace5;
}

    #iframeAT a.next-image:hover {
        background: url("../images/bt-agenda-overzicht-slider.png") top right no-repeat;
        background-color: white;
    }

#iframeAT a.previous-image {
    color: #fff;
    position: absolute;
    left: 0px;
    top: -50px;
    font-weight: 200;
    text-decoration: none;
    width: 48px;
    height: 49px;
    display: block;
    text-align: center;
    transition: none;
    background: url("../images/bt-agenda-overzicht-slider-hover.png") top left no-repeat;
    background-color: #5cace5;
}

    #iframeAT a.previous-image:hover {
        background: url("../images/bt-agenda-overzicht-slider.png") top left no-repeat;
        background-color: white;
    }

	.addthis_32x32_style .at-icon {
		fill-opacity:0;
	}

#kruimel {
    width: 100%;
    float: left;
}

    #kruimel ul li {
        float: left;
    }

    #kruimel a {
        color: #d6d6d6;
        border: 1px solid #d6d6d6;
        display: block;
        text-decoration: none;
        height: 40px;
        float: left;
        padding: 0 15px;
        line-height: 40px;
        margin: 10px 5px 0;
    }

        #kruimel a.active {
            color: #538eb7;
            border: 1px solid #538eb7;
        }


        #kruimel a:hover {
            color: #fff;
            border: 1px solid #5cace5;
            background: #5cace5;
        }

#Menu1 {
    float: left;
}

#GenreMenu {
    float: left;
}

#Menu2 {
    float: left;
}

#Menu3 {
    float: left;
}

header nav ul {
    float: left;
}

    header nav ul li {
        float: left;
        padding: 0 16px;
    }

header nav #navContainer ul li a {
    text-decoration: none;
    color: #333;
    font-size: 18px;
}

    header nav #navContainer ul li a.active, header nav #navContainer ul li a:hover {
        color: #f25555;
    }

    header nav #navContainer #Menu4 ul li {
        margin-top:3px;
    }

    header nav #navContainer #Menu4 ul li a{
        text-transform:uppercase;
        font-size:12px;
        font-family:roboto;
    }
    header .mobile-menu {
        display:none;
    }

.ms {
    float: left;
}

#masonryBox {
    position: relative;
    height: 1200px;
    /* transition: all 0.5s ease-out 0.5s;
    // -webkit-transition: all 0.5s ease-out 0.5s;
    // -moz-transition: all 0.5s ease-out 0.5s;
    // -o-transition: all 0.5s ease-out 0.5s;*/
}

    #masonryBox.facebookBox {
        min-height: 840px;
    }

.blok {
    text-decoration: none;
    margin: 10px;
    float: left;
    color: #fff;
    position: relative;
    box-shadow: 0 0 9px #ddd;
    /*overflow: hidden;*/
}

.slide .aantal {
    width: 10px;
    height: 10px;
    display: block;
    float: left;
    margin: 0 0 0 5px;
    background: url("../images/bt-slide.png") repeat;
    cursor: pointer;
}

.blok .imgOverlay {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
    background: #fff;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
}

.gast .imgOverlaySmall {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
    background: #fff;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
}


.gast:hover .imgOverlaySmall {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
}

.gast:hover img {
    transform: scale(1.1);
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
}

.gast img {
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
}

.blue .gast:hover {
    background: #66befc;
    color: #fff;
}

.red .gast:hover {
    background: #f05454;
    color: #fff;
}

.green .gast:hover {
    background: #3ed6ad;
    color: #fff;
}

.yellow .gast:hover {
    background: #f9af1e;
    color: #fff;
}

.purple .gast:hover {
    background: #9191d1;
    color: #fff;
}

.gastContainer {
    width: 140px;
    float: left;
}

.lineVertGast {
    width: 0px;
    height: 100%;
    position: absolute;
    left: 46%;
    display: none;
    top: 0px;
    border-right: 1px solid #d6d6d6;
}


.gast {
    width: 100%;
    display: block;
    min-height: 120px;
    float: left;
    color: #333;
    position: relative;
    border-bottom: 1px solid #D6D6D6;
    overflow: hidden;
}

.poster {
    float: left;
    width: 100%;
}

#MainContent_pnlFilm {
    position: relative;
}

.filmContainer {
    position: relative;
    float: left;
    width: 100%;
}

#containerGasten, #contianerSocialGasten {
    position: relative;
    float: left;
    width: 100%;
}

.addThisSocial {
    position: relative;
    width: 100%;
    display: block;
    padding: 20px 0;
    float: left;
    border-bottom: 1px solid #D6D6D6;
}
/*
    .addThisSocial.gasten {
        position: absolute;
        bottom: 0px;
        right: 0px;
        width: 50%;
        display: block;
        z-index: 20;
        padding: 44px 0;
        border-bottom: 1px solid #D6D6D6;
        margin-bottom: -1px;
    }
    */
.blok .imgSmall, .blok .imgLarge {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
}

.blok:hover .imgOverlay {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transition: all 0.6s ease-in-out 0s;
    -webkit-transition: all 0.6s ease-out 0s;
    -moz-transition: all 0.6s ease-out 0s;
    -o-transition: all 0.6s ease-out 0s;
}

.blok .hover {
    width: 100%;
    background: url("../images/bg-trans-bl.png") repeat;
    position: absolute;
    left: 0px;
    z-index: 10;
}

#contact {
    width: 260px;
    position: absolute;
    left: 50%;
    top: 0px;
    overflow: hidden;
    height: auto;
    margin: 0 0 0 290px;
    box-shadow: 0px 1px 3px #333;
}

.blok.small .hover {
    top: 0px;
    overflow: hidden;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
}
/*.blok.small:hover .hover {
    top: 0px;
    height: 80px;    
    overflow: hidden;
    transition: all 0.4s ease-in-out 0s;
}*/

.moviebox .blok.small .hover {
    top: 0px;
    height: 100%;
    overflow: hidden;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
}

.moviebox .blok.small:hover .hover {
    top: 0px;
    height: 80px;
    overflow: hidden;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
}

.facebook_list .albums .blok.small .hover {
    top: 0px;
    height: 100%;
    overflow: hidden;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
}

.facebook_list .albums .blok.small:hover .hover {
    top: 0px;
    height: 80px;
    overflow: hidden;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
}

#iframeContainer h2.photo-titel {
    text-decoration: none;
    color: #333;
    font-size: 16px;
    font-weight: normal;    
    max-width: 600px;
    margin: 15px auto;
}

.blok.big .hover {
    bottom: 0px;
}



.blok.slide .hover {
    bottom: 0px;
}

.blok.slide.live .hover {
    top: 0px !important;
    bottom: auto;
}

.blok .hover .blokTekst {
    max-height: 0px;
    display: block;
    overflow: hidden;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
}

    .blok .hover .blokTekst span {
        color: inherit !important;
    }

.blok:hover .hover .blokTekst {
    max-height: 200px;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
}

.blok .hover .blokTicket {
    padding: 0 15px;
    text-decoration: none;
    color: #ffffff;
    border: 1px solid #d6d6d6;
    line-height: 31px;
    display: block;
    float: right;
    margin: 0 10px 0 0;
}

    .blok .hover .blokTicket:hover {
        background: rgba(255, 255, 255, 1);
        color: #333;
    }

.facebook, .google, .twitter {
    width: 32px;
    height: 32px;
    display: block;
    float: left;
    margin: -6px 0 0 5px;
}

    .facebook:hover {
        background: url("../images/bt-social.png") #fff no-repeat;
        background-position: left -32px !important;
    }

    .google:hover {
        background: url("../images/bt-social.png") #fff repeat;
        background-position: center -32px !important;
    }

    .twitter:hover {
        background: url("../images/bt-social.png") #fff repeat;
        background-position: right -32px !important;
    }

.facebook {
    background: url("../images/bt-social.png") no-repeat;
    background-position: left 0px !important;
}

.google {
    background: url("../images/bt-social.png") repeat;
    background-position: center 0px !important;
}

.twitter {
    background: url("../images/bt-social.png") repeat;
    background-position: right 0px !important;
}

.addthis_toolbox {
    width: 200px;
    float: left;
    height: 32px;
}

#agendaRight .addthis_toolbox {
    width: 210px;
}

.addthis_toolbox a {
    float: left;
    margin: 0 10px;
}

#agendaRight .addthis_toolbox a {
    margin: 0 18px;
}

.at300bs:hover, .at300b:hover {
    opacity: 1 !important;
}

.addthis_toolbox .addthis_button_facebook span {
    background: url("../images/bt-social.png") no-repeat !important;
    background-position: left top !important;
}

.addthis_toolbox .addthis_button_twitter span {
    background: url("../images/bt-social.png") repeat !important;
    background-position: right top !important;
}

.addthis_toolbox .addthis_button_google_plusone_share span {
    background: url("../images/bt-social.png") repeat !important;
    background-position: center top !important;
}

.red .addthis_toolbox .addthis_button_facebook span, .bg1 .addthis_toolbox .addthis_button_facebook:hover span {
    background: url("../images/bt-social-red.png") no-repeat !important;
    background-position: left -32px !important;
}

.red .addthis_toolbox .addthis_button_twitter span, .bg1 .addthis_toolbox .addthis_button_twitter:hover span {
    background: url("../images/bt-social-red.png") no-repeat !important;
    background-position: right -32px !important;
}

.red .addthis_toolbox .addthis_button_google_plusone_share span, .bg1 .addthis_toolbox .addthis_button_google_plusone_share:hover span {
    background: url("../images/bt-social-red.png") no-repeat !important;
    background-position: center -32px !important;
}

.blue .addthis_toolbox .addthis_button_facebook span, .bg2 .addthis_toolbox .addthis_button_facebook:hover span {
    background: url("../images/bt-social-blue.png") no-repeat !important;
    background-position: left -32px !important;
}

.blue .addthis_toolbox .addthis_button_twitter span, .bg2 .addthis_toolbox .addthis_button_twitter:hover span {
    background: url("../images/bt-social-blue.png") no-repeat !important;
    background-position: right -32px !important;
}

.blue .addthis_toolbox .addthis_button_google_plusone_share span, .bg2 .addthis_toolbox .addthis_button_google_plusone_share:hover span {
    background: url("../images/bt-social-blue.png") no-repeat !important;
    background-position: center -32px !important;
}

.green .addthis_toolbox .addthis_button_facebook span, .bg3 .addthis_toolbox .addthis_button_facebook:hover span {
    background: url("../images/bt-social-green.png") no-repeat !important;
    background-position: left -32px !important;
}

.green .addthis_toolbox .addthis_button_twitter span, .bg3 .addthis_toolbox .addthis_button_twitter:hover span {
    background: url("../images/bt-social-green.png") no-repeat !important;
    background-position: right -32px !important;
}

.green .addthis_toolbox .addthis_button_google_plusone_share span, .bg3 .addthis_toolbox .addthis_button_google_plusone_share:hover span {
    background: url("../images/bt-social-green.png") no-repeat !important;
    background-position: center -32px !important;
}

.purple .addthis_toolbox .addthis_button_facebook span, .bg4 .addthis_toolbox .addthis_button_facebook:hover span {
    background: url("../images/bt-social-purple.png") no-repeat !important;
    background-position: left -32px !important;
}

.purple .addthis_toolbox .addthis_button_twitter span, .bg4 .addthis_toolbox .addthis_button_twitter:hover span {
    background: url("../images/bt-social-purple.png") no-repeat !important;
    background-position: right -32px !important;
}

.purple .addthis_toolbox .addthis_button_google_plusone_share span, .bg4 .addthis_toolbox .addthis_button_google_plusone_share:hover span {
    background: url("../images/bt-social-purple.png") no-repeat !important;
    background-position: center -32px !important;
}

.yellow .addthis_toolbox .addthis_button_facebook span, .bg5 .addthis_toolbox .addthis_button_facebook:hover span {
    background: url("../images/bt-social-yellow.png") no-repeat !important;
    background-position: left -32px !important;
}

.yellow .addthis_toolbox .addthis_button_twitter span, .bg5 .addthis_toolbox .addthis_button_twitter:hover span {
    background: url("../images/bt-social-yellow.png") no-repeat !important;
    background-position: right -32px !important;
}

.yellow .addthis_toolbox .addthis_button_google_plusone_share span, .bg5 .addthis_toolbox .addthis_button_google_plusone_share:hover span {
    background: url("../images/bt-social-yellow.png") no-repeat !important;
    background-position: center -32px !important;
}

.red .addthis_toolbox .addthis_button_facebook span:hover, .bg1 .addthis_toolbox .addthis_button_facebook span {
    background: url("../images/bt-social-red.png") #f25555 no-repeat !important;
    background-position: left top !important;
    opacity: 1 !important;
}

.red .addthis_toolbox .addthis_button_twitter span:hover, .bg1 .addthis_toolbox .addthis_button_twitter span {
    background: url("../images/bt-social-red.png") #f25555 no-repeat !important;
    background-position: right top !important;
    opacity: 1 !important;
}

.red .addthis_toolbox .addthis_button_google_plusone_share span:hover, .bg1 .addthis_toolbox .addthis_button_google_plusone_share span {
    background: url("../images/bt-social-red.png") #f25555 no-repeat !important;
    background-position: center top !important;
    opacity: 1 !important;
}

.blue .addthis_toolbox .addthis_button_facebook span:hover, .bg2 .addthis_toolbox .addthis_button_facebook span {
    background: url("../images/bt-social-blue.png") #66befc no-repeat !important;
    background-position: left top !important;
    opacity: 1 !important;
}

.blue .addthis_toolbox .addthis_button_twitter span:hover, .bg2 .addthis_toolbox .addthis_button_twitter span {
    background: url("../images/bt-social-blue.png") #66befc no-repeat !important;
    background-position: right top !important;
    opacity: 1 !important;
}

.blue .addthis_toolbox .addthis_button_google_plusone_share span:hover, .bg2 .addthis_toolbox .addthis_button_google_plusone_share span {
    background: url("../images/bt-social-blue.png") #66befc no-repeat !important;
    background-position: center top !important;
    opacity: 1 !important;
}

.green .addthis_toolbox .addthis_button_facebook span:hover, .bg3 .addthis_toolbox .addthis_button_facebook span {
    background: url("../images/bt-social-green.png") #3bcca5 no-repeat !important;
    background-position: left top !important;
    opacity: 1 !important;
}

.green .addthis_toolbox .addthis_button_twitter span:hover, .bg3 .addthis_toolbox .addthis_button_twitter span {
    background: url("../images/bt-social-green.png") #3bcca5 no-repeat !important;
    background-position: right top !important;
    opacity: 1 !important;
}

.green .addthis_toolbox .addthis_button_google_plusone_share span:hover, .bg3 .addthis_toolbox .addthis_button_google_plusone_share span {
    background: url("../images/bt-social-green.png") #3bcca5 no-repeat !important;
    background-position: center top !important;
    opacity: 1 !important;
}

.purple .addthis_toolbox .addthis_button_facebook span:hover, .bg4 .addthis_toolbox .addthis_button_facebook span {
    background: url("../images/bt-social-purple.png") #9595d7 no-repeat !important;
    background-position: left top !important;
    opacity: 1 !important;
}

.purple .addthis_toolbox .addthis_button_twitter span:hover, .bg4 .addthis_toolbox .addthis_button_twitter span {
    background: url("../images/bt-social-purple.png") #9595d7 no-repeat !important;
    background-position: right top !important;
    opacity: 1 !important;
}

.purple .addthis_toolbox .addthis_button_google_plusone_share span:hover, .bg4 .addthis_toolbox .addthis_button_google_plusone_share span {
    background: url("../images/bt-social-purple.png") #9595d7 no-repeat !important;
    background-position: center top !important;
    opacity: 1 !important;
}

.yellow .addthis_toolbox .addthis_button_facebook span:hover, .bg5 .addthis_toolbox .addthis_button_facebook span {
    background: url("../images/bt-social-yellow.png") #ffb31f no-repeat !important;
    background-position: left top !important;
    opacity: 1 !important;
}

.yellow .addthis_toolbox .addthis_button_twitter span:hover, .bg5 .addthis_toolbox .addthis_button_twitter span {
    background: url("../images/bt-social-yellow.png") #ffb31f no-repeat !important;
    background-position: right top !important;
    opacity: 1 !important;
}

.yellow .addthis_toolbox .addthis_button_google_plusone_share span:hover, .bg5 .addthis_toolbox .addthis_button_google_plusone_share span {
    background: url("../images/bt-social-yellow.png") #ffb31f no-repeat !important;
    background-position: center top !important;
    opacity: 1 !important;
}

.blok.big .addthis_toolbox .addthis_button_google_plusone_share span, .blok.big .addthis_toolbox .addthis_button_twitter span, .blok.big .addthis_toolbox .addthis_button_facebook span {
    background-color: transparent !important;
}



.blok.small {
    width: 260px;
    height: 260px;
}

.blok.big {
    width: 540px;
    height: 540px;
}

.blok.slide {
    width: 820px;
    height: 540px;
    padding: 0px;
}

.blok.agenda {
    width: 540px;
    padding: 0px;
}

a.blok:hover .btOpen {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transition: all 0.4s ease-in 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
}

a.blok:hover .btOpenImg {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transition: all 0.4s ease-in 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
}

a.blok:hover .btOpenHover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    transition: all 0.4s ease-in 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
}

.btOpenHover {
    width: 33px;
    height: 33px;
    position: absolute;
    bottom: 10px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    right: 10px;
    background: url("../images/bt-open-hover.png") center center no-repeat;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
}

.btOpen {
    width: 33px;
    height: 33px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: url("../images/bt-open.png") center center no-repeat;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
}

.btOpenImg {
    width: 33px;
    height: 33px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: url("../images/bt-open-img.png") center center no-repeat;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
}

.line {
    height: 40px;
    line-height: 0px;
    font-size: 0px;
    display: block;
    width: 240px;
    margin: 0 0 0 -10px;
}

.lineWhite {
    width: 100%;
    line-height: 0px;
    font-size: 0px;
    display: block;
    border-top: 1px #fff solid;
}

.lineGrey {
    width: 100%;
    line-height: 0px;
    font-size: 0px;
    display: block;
    border-top: 1px #d6d6d6 solid;
}

.line11, .line12, .line13, .line14, .line15, .line16 {
    background: url("../images/bg-line-1a2015.png") left 0px repeat-x;
}

.line21, .line22, .line23, .line24, .line25, .line26 {
    background: url("../images/bg-line-2a2015.png") left 0px repeat-x;
}

.line31, .line32, .line33, .line34, .line35, .line36 {
    background: url("../images/bg-line-3a2015.png") left 0px repeat-x;
}

.line41, .line42, .line43, .line44, .line45, .line46 {
    background: url("../images/bg-line-4a2015.png") left 0px repeat-x;
}

.line51, .line52, .line53, .line54, .line55, .line56 {
    background: url("../images/bg-line-5a2015.png") left 0px repeat-x;
}

.line61, .line62, .line63, .line64, .line65, .line66 {
    background: url("../images/bg-line-6a2015.png") left 0px repeat-x;
}

.line71, .line72, .line73, .line74, .line75, .line76 {
    background: url("../images/bg-line-7a2015.png") left 0px repeat-x;
}

.line81, .line82, .line83, .line84, .line85, .line86 {
    background: url("../images/bg-line-8a2015.png") left 0px repeat-x;
}

.line12, .line22, .line32, .line42, .line52, .line62, .line72, .line82, .red .line {
    background-position: left -40px;
}

.line13, .line23, .line33, .line43, .line53, .line63, .line73, .line83, .blue .line {
    background-position: left -80px;
}

.line14, .line24, .line34, .line44, .line54, .line64, .line74, .line84, .green .line {
    background-position: left -120px;
}

.line15, .line25, .line35, .line45, .line55, .line65, .line75, .line85, .purple .line {
    background-position: left -160px;
}

.line16, .line26, .line36, .line46, .line56, .line66, .line76, .line86, .yellow .line {
    background-position: left -200px;
}

.blok.big .line {
    width: 520px;
}

.blok.slide .line {
    width: 800px;
}

.blok.agenda .line {
    width: 100%;
    margin: 0 0 0 0;
}

#agendaContainer {
    width: 100%;
    float: left;
    position: relative;
    display: block;
}

    #agendaContainer .lineVert {
        display: none;
    }


#agendaLeft {
    width: 540px;
    float: left;
}

#agendaRight {
    width: 540px;
    float: left;
    border-top: 1px solid #D6D6D6;
}

.agendaKoopTickets {
    width: 130px;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    text-align: center;
    display: block;
    top: -60px;
    right: 20px;
    color: #333;
    background: #fff;
    position: absolute;
}

.blue .agendaKoopTickets {
    color: #5cace5;
    border: 1px #5cace5 solid;
}

    .blue .agendaKoopTickets:hover {
        color: #fff;
        background: #67c0ff;
    }

.red .agendaKoopTickets {
    color: #fff;
    background: #f25555;
    z-index: 1000;
}

    .red .agendaKoopTickets:hover {
        color: #f25555;
        border: 1px #f25555 solid;
        background: #fff;
    }

.yellow .agendaKoopTickets {
    color: #ffb31f;
    border: 1px #ffb31f solid;
}

    .yellow .agendaKoopTickets:hover {
        color: #fff;
        background: #ffb31f;
    }

.purple .agendaKoopTickets {
    color: #5cace5;
    border: 1px #5cace5 solid;
}

    .purple .agendaKoopTickets:hover {
        color: #fff;
        background: #9595d7;
    }

.green .agendaKoopTickets {
    color: #3bcca5;
    border: 1px #3bcca5 solid;
}

    .green .agendaKoopTickets:hover {
        color: #fff;
        background: #3fd9b0;
    }


.agendaKoopTickets .btOpenSmall, .agendaKoopTickets .btOpenSmallHover {
    display: none;
}

.btOpenSmall {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 15px;
    height: 16px;
    z-index: 10;
    display: block;
    background: url("../images/bt-open-small.png") center center no-repeat;
}

.agendaKoopTickets:hover .btOpenSmall, .gast:hover .btOpenSmall {
    transition: all 0.4s ease-in 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
}

.btOpenSmallHover {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 15px;
    height: 16px;
    display: block;
    background: url("../images/bt-open-small-hover.png") center center no-repeat;
}

.linkOverlay {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 40px;
    width: 467px;
    z-index: 100;
    background: url("../images/bg-empty.png") center center no-repeat;
}

    .linkOverlay.Big {
        width: 467px;
    }

.links a, .links .tweet_text {
    color: #333;
    text-decoration: none;
    padding: 0 0 0 10px;
    line-height: 18px;
    display: block;
}

.links .tweet_name a {
    text-decoration: underline;
}

.links .tweet_name {
    margin-top: 20px;
    display: block;
    padding: 0 0 0 10px;
    background: url("../images/bt-links.png") left 5px no-repeat;
}

    .links .tweet_text a, .links .tweet_name a {
        background: none;
        display: inline;
        padding: 0px;
        text-decoration: underline;
    }

.links .green {
    padding: 0 0 0 10px;
    display: block;
}

.blue .links a:hover {
    color: #5cace5;
}

.red .links a:hover {
    color: #f25555;
}

.green .links a:hover {
    color: #3bcca5;
}

.yellow .links a:hover {
    color: #ffb31f;
}

.purple .links a:hover {
    color: #9595d7;
}

.w65 {
    width: 65px;
    display: block;
    float: left;
}

.ticketFilm {
    position: relative;
    width: 100%;
    display: block;
}

.filmTickets {
    height: 26px;
    line-height: 26px;
    padding: 0 5px;
    color: #333;
    border: 1px solid #D6D6D6;
    display: block;
    position: absolute;
    right: 5px;
    top: 6px;
    transition: all 0.25s ease-out 0s;
    -webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
}

.filmContainer {
    /*border-bottom: 1px solid #d6d6d6;*/
}

.red .ticketFilm:hover .filmTickets {
    color: #fff;
    background: #f25555;
    border: 1px solid #f25555;
    transition: all 0.25s ease-out 0s;
    -webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
}

.blue .ticketFilm:hover .filmTickets {
    color: #fff;
    background: #66befc;
    transition: all 0.25s ease-out 0s;
    -webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
    border: 1px solid #66befc;
}

.green .ticketFilm:hover .filmTickets {
    color: #fff;
    background: #3bcca5;
    border: 1px solid #3bcca5;
    transition: all 0.25s ease-out 0s;
    -webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
}

.purple .ticketFilm:hover .filmTickets {
    color: #fff;
    background: #9595d7;
    border: 1px solid #9595d7;
    transition: all 0.25s ease-out 0s;
    -webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
}

.yellow .ticketFilm:hover .filmTickets {
    color: #fff;
    background: #ffb31f;
    border: 1px solid #ffb31f;
    transition: all 0.25s ease-out 0s;
    -webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
}

.w80 {
    width: 80px;
    display: block;
    float: left;
}

.w100 {
    width: 100px;
    display: block;
    float: left;
    overflow: hidden;
    height: 37px;
    position: relative;
}

.agendaItemHome {
    line-height: 37px;
    display: block;
    position: relative;
    overflow: hidden;
    height: 40px;
}

.agendeHomeContainer .item, .agendeDetailContainer .item {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    height: 80px;
    background: #F25555; /*#C2C2C2;*/
    transition: all 0.25s ease-out 0s;
    -webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
}

.agendeDetailContainer .item {
    background: #fff;
}

.agendeHomeContainer:hover .item, .agendeHomeContainer.active .item, .agendeDetailContainer:hover .item, .agendeDetailContainer.active .item {
    top: -40px;
    transition: all 0.25s ease-out 0s;
    background: #F25555; /*#A8A8A8;*/
}

.agendeDetailContainer:hover .item, .agendeDetailContainer.active .item {
    background: #ccc;
}

.imgContainer {
    line-height: 0px;
    position: relative;
    font-size: 0px;
    clear: both;
    overflow: hidden;
}

    .imgContainer img {
        float: left;
        width: 100%;
        height: inherit;
    }

#zoekVeld {
    border: none;
    height: 60px;
    width: 455px;
    float: left;
    font-size: 24px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    padding: 0 0 0 20px;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    color: #fff;
    background: #5cace5;
}

    #zoekVeld:focus {
        background: #FFF;
        color: #9f9f9f;
        transition: all 0.2s ease-in 0s;
    }

#zoekButton {
    width: 65px;
    background: url("../images/bt-zoek-hover.png") center center #5cace5 no-repeat;
    border: 0px;
    height: 60px;
    float: right;
    cursor: pointer;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
}

    #zoekButton:hover {
        background: url("../images/bt-zoek.png") center center #fff no-repeat;
        transition: all 0.4s ease-in 0s;
        -webkit-transition: all 0.4s ease-out 0s;
        -moz-transition: all 0.4s ease-out 0s;
        -o-transition: all 0.4s ease-out 0s;
    }

#keuzeAgenda li {
    float: left;
}

#keuzeAgenda a {
    color: #538eb7;
    border: 1px solid #538eb7;
    display: block;
    text-decoration: none;
    height: 40px;
    float: left;
    padding: 0 15px;
    line-height: 40px;
    margin: 0 5px 0;
}

    #keuzeAgenda a.active {
        color: #fff;
        border: 1px solid #5cace5;
        background: #5cace5;
    }


    #keuzeAgenda a:hover {
        color: #fff;
        border: 1px solid #5cace5;
        background: #5cace5;
    }

#maanden {
    display: none;
}

.bgRed {
    width: 100%;
    float: left;
    background: #D34545;
}

.agendeHomeContainer:hover .bgRed, .agendeHomeContainer.active .bgRed, .agendeDetailContainer:hover .bgRed, .agendeDetailContainer.active .bgRed {
    background: #f25555;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
}

.blue .bgRed {
    width: 100%;
    float: left;
    background: #61b6f2;
}

.blue.agendeHomeContainer:hover .bgRed, .blue.agendeHomeContainer.active .bgRed, .blue.agendeDetailContainer:hover .bgRed, .blue.agendeDetailContainer.active .bgRed {
    background: #5cace5;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
}

.green .bgRed {
    width: 100%;
    float: left;
    background: #3bcca5;
}

.green.agendeHomeContainer:hover .bgRed, .green.agendeHomeContainer.active .bgRed, .green.agendeDetailContainer:hover .bgRed, .green.agendeDetailContainer.active .bgRed {
    background: #3ed6ad;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
}

.yellow .bgRed {
    width: 100%;
    float: left;
    background: #f2ab1d;
}

.yellow.agendeHomeContainer:hover .bgRed, .yellow.agendeHomeContainer.active .bgRed, .yellow.agendeDetailContainer:hover .bgRed, .yellow.agendeDetailContainer.active .bgRed {
    background: #ffb31f;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
}

.purple .bgRed {
    width: 100%;
    float: left;
    background: #8b8bc9;
}

.purple.agendeHomeContainer:hover .bgRed, .purple.agendeHomeContainer.active .bgRed, .purple.agendeDetailContainer:hover .bgRed, .purple.agendeDetailContainer.active .bgRed {
    background: #9595D7;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
}

.blue {
}

.green {
}

.red {
}

.yellow {
}

.purple {
}

.itemLink {
    line-height: 37px;
    display: block;
    width: 100%;
    float: left;
    position: relative;
    height: 40px;
    overflow: hidden;
}

    .itemLink span {
        height: 39px;
    }

.agendaSlideContainer {
    left: 0px;
    top: 0px;
    position: absolute;
    height: 400px;
}

.agendaDetailSlides .agendaSlideContainer {
    height: 845px;
}

.agendeHomeContainer, .agendeDetailContainer {
    overflow: hidden;
}

    .agendeHomeContainer:hover, .agendaItemHome:hover {
    }



    .agendeHomeContainer .blokTicket, .agendeDetailContainer .blokTicket {
        padding: 0 10px;
        text-decoration: none;
        color: #f25555;
        border: 1px solid #f25555;
        line-height: 27px;
        display: block;
        position: absolute;
        right: 10px;
        bottom: 6px;
        transition: all 0.4s ease-out 0s;
        -webkit-transition: all 0.4s ease-out 0s;
        -moz-transition: all 0.4s ease-out 0s;
        -o-transition: all 0.4s ease-out 0s;
        background: transparent;
    }

        .agendeHomeContainer .blokTicket:hover, .agendeDetailContainer .blokTicket:hover {
            background: rgb(242, 85, 85);
            color: #fff;
        }

    .agendeHomeContainer.red .blokTicket:hover, .agendeDetailContainer.red .blokTicket {
        border-color: rgb(255, 255, 255);
        color: #fff;
    }

        .agendeHomeContainer.red .blokTicket:hover, .agendeDetailContainer.red .blokTicket:hover {
            color: #f25555;
            background: rgb(255, 255, 255);
        }

    .agendeHomeContainer.red .blokTicket:hover, .agendeDetailContainer.blue .blokTicket {
        border-color: rgb(255, 255, 255);
        color: #fff;
    }

        .agendeHomeContainer.blue .blokTicket:hover, .agendeDetailContainer.blue .blokTicket:hover {
            color: #5cace5;
            background: rgb(255, 255, 255);
        }

    .agendeHomeContainer.red .blokTicket:hover, .agendeDetailContainer.yellow .blokTicket {
        border-color: rgb(255, 255, 255);
        color: #fff;
    }

        .agendeHomeContainer.yellow .blokTicket:hover, .agendeDetailContainer.yellow .blokTicket:hover {
            color: #ffb31f;
            background: rgb(255, 255, 255);
        }

    .agendeHomeContainer.red .blokTicket:hover, .agendeDetailContainer.green .blokTicket {
        border-color: rgb(255, 255, 255);
        color: #fff;
    }

        .agendeHomeContainer.green .blokTicket:hover, .agendeDetailContainer.green .blokTicket:hover {
            color: #3bcca5;
            background: rgb(255, 255, 255);
        }

    .agendeHomeContainer.red .blokTicket:hover, .agendeDetailContainer.purple .blokTicket {
        border-color: rgb(255, 255, 255);
        color: #fff;
    }

        .agendeHomeContainer.purple .blokTicket:hover, .agendeDetailContainer.purple .blokTicket:hover {
            color: #9595d7;
            background: rgb(255, 255, 255);
        }


#agendaHomePrev, #agendaHomeNext {
    width: 48px;
    height: 49px;
    display: block;
}

#agendaHomePrev {
    float: left;
    background: url("../images/bt-agenda-home.png") top left no-repeat;
}

.arrow {
    width: 25px;
    height: 40px;
    display: block;
    float: left;
    background: url("../images/bt-agenda-item.png") 3px center no-repeat;
}

.arrowInactive {
    width: 22px;
    height: 40px;
    display: block;
    float: left;
    position: absolute;
    left: 15px;
    top: 0px;
    background: url("../images/bt-agenda-item.png") 3px center no-repeat;
}


.arrowActive {
    width: 17px;
    height: 9px;
    display: block;
    float: left;
    position: absolute;
    left: 13px;
    top: 21px;
    background: url("../images/bt-agenda-item-active.png") left center no-repeat;
}

.subItem:hover .arrowInactive {
    background: url("../images/bt-agenda-item-white.png") left center no-repeat;
}

.arrow.white {
    background: url("../images/bt-agenda-item-white.png") 3px center no-repeat;
}

.itemHolder {
    position: relative;
    width: 100%;
    height: 80px;
}

.containerInfo {
    line-height: normal;
    position: relative;
}

    .containerInfo a.infoLink:hover {
        border: 1px solid #f25555;
        color: #fff;
        background: #f25555;
    }

    .containerInfo a.infoLink {
        border: 1px solid #f25555;
        color: #f25555;
        display: block;
        float: right;
        height: 32px;
        line-height: 32px;
        margin: 0 10px 0 0;
        padding: 0 15px;
        text-decoration: none;
    }

.blue .containerInfo a.infoLink:hover {
    border: 1px solid #5cace5;
    color: #fff;
    background: #5cace5;
}

.blue .containerInfo a.infoLink {
    border: 1px solid #5cace5;
    color: #5cace5;
    display: block;
    float: right;
    height: 32px;
    line-height: 32px;
    margin: 0 10px 0 0;
    padding: 0 15px;
    text-decoration: none;
}


.yellow .containerInfo a.infoLink:hover {
    border: 1px solid #ffb31f;
    color: #fff;
    background: #ffb31f;
}

.yellow .containerInfo a.infoLink {
    border: 1px solid #ffb31f;
    color: #ffb31f;
    display: block;
    float: right;
    height: 32px;
    line-height: 32px;
    margin: 0 10px 0 0;
    padding: 0 15px;
    text-decoration: none;
}

.green .containerInfo a.infoLink:hover {
    border: 1px solid #3bcca5;
    color: #fff;
    background: #3bcca5;
}

.green .containerInfo a.infoLink {
    border: 1px solid #3bcca5;
    color: #3bcca5;
    display: block;
    float: right;
    height: 32px;
    line-height: 32px;
    margin: 0 10px 0 0;
    padding: 0 15px;
    text-decoration: none;
}

.purple .containerInfo a.infoLink:hover {
    border: 1px solid #9595d7;
    color: #fff;
    background: #9595d7;
}

.purple .containerInfo a.infoLink {
    border: 1px solid #9595d7;
    color: #9595d7;
    display: block;
    float: right;
    height: 32px;
    line-height: 32px;
    margin: 0 10px 0 0;
    padding: 0 15px;
    text-decoration: none;
}


#agendaHomePrev:hover, #agendaHomeNext:hover {
    background-color: #f25555;
}

#agendaHomeNext {
    float: right;
    background: url("../images/bt-agenda-home.png") top right no-repeat;
}

.agendaControls #agendaHomePrev {
    background: url("../images/bt-agenda-overzicht-slider.png") top left no-repeat;
}

.agendaControls #agendaHomeNext {
    background: url("../images/bt-agenda-overzicht-slider.png") top right no-repeat;
}

.agendaControls #agendaHomePrev:hover {
    background: url("../images/bt-agenda-overzicht-slider-hover.png") top left no-repeat;
    background-color: #5cace5;
}

.agendaControls #agendaHomeNext:hover {
    background: url("../images/bt-agenda-overzicht-slider-hover.png") top right no-repeat;
    background-color: #5cace5;
}

.agendaSlides {
    width: 100%;
    height: 400px;
    display: block;
    overflow: hidden;
    position: relative;
}

.agendaDetailSlides {
    width: 820px;
    height: 845px;
}

.agendaSlidesContainer {
    height: 400px;
    display: block;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
}

.flexslider .sliderImage {
    width: 820px;
    height: 540px;
    background-position: top center;
    background-size: cover;
}

.flexDetail .flex-control-nav {
    display: none;
}

#agendaHomeControls #slideNrContainer {
    width: 424px;
    height: 100%;
    text-align: center;
    float: left;
}

#agendaHomeControls .slideNr {
    width: 11px;
    height: 11px;
    display: inline-block;
    background: #B92A2A;
    cursor: pointer;
    text-indent: -9999px;
    margin: 0 3px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}

.agenda #agendaHomeControls .slideNr {
    background: #9B9B9B;
}

#agendaHomeControls .slideNr.active {
    background: #fff;
}

#agendaHomeControls .slideNr:hover {
    background: #b92a2a;
}

#agendaHomeControls.agendaControls .slideNr.active, #agendaHomeControls.agendaControls .slideNr:hover {
    background: #69b3e7;
}

header #submenu {
    /*position: absolute;
    right: 20px;
    top: 19px;*/
    height: 40px;
    float: right;
}

    header #submenu ul {
        /*float: left;*/
        height: 40px;
    }
    header #submenu .social {
        float:left;
        position:relative;
        /*top:-9px;*/
        margin-left:6px;
        padding: 10px 0;
    }

        header #submenu ul li a {
            font-family: 'Roboto',sans-serif;
            font-size: 15px;
            color: #fff;
            font-weight: 400;
            display: inline-block;
            height: 40px;
            line-height: 40px;
        }

            header #submenu ul li a:hover {
                color: #333333;
            }

        header #submenu ul li {
            padding: 0 10px;
            height: 40px;
        }

.agendaSlide {
    width: 540px;
    height: 400px;
    display: block;
    float: left;
    overflow: hidden;
    position: relative;
}

.agendaDetailSlide {
    width: 540px;
    height: 845px;
    display: block;
    float: left;
    overflow: hidden;
    position: relative;
}

section {
    margin: 0 auto;
    width: 1120px;
    position: relative;
}

    section #content {
    }


footer {
    margin: 0 auto;
    position: relative;
}

    footer a {
        color: #fff;
    }

    footer .closeContact {
        cursor: pointer;
        position: absolute;
        top: 10px;
        right: 10px;
        width: 30px;
        height: 30px;
        display: block;
        color: #fff;
        background: url("../images/bt-contact-close.png") center center #f25555 no-repeat;
    }

        footer .closeContact:hover {
            background: url("../images/bt-contact-close-hover.png") center center no-repeat #fff;
        }

        footer .closeContact.active {
            background: url("../images/bt-contact-open.png") center center #f25555 no-repeat;
        }

            footer .closeContact.active:hover {
                background: url("../images/bt-contact-open-hover.png") center center no-repeat #fff;
            }



div.form span.validation {
    display: none;
}

.detail-divider {
    width: 560px;
    float: left;
}

.detail-tekst {
}

    .detail-tekst h2, .detail-tekst b {
        color: #333333;
        padding: 10px 0 5px 0;
        font-weight: 300;
    }

    .detail-tekst h3 {
        padding: 0 0 15px 0;
        color: #333333;
        font-weight: 500;
    }

    .detail-tekst h4 {
        padding: 0 0 15px 0;
        color: #333333;
        font-weight: 500;
    }

    .detail-tekst h5 {
        padding: 0 0 15px 0;
        color: #333333;
        font-weight: 500;
    }

    .detail-tekst h6 {
        padding: 0 0 15px 0;
        color: #333333;
        font-weight: 500;
    }

    .detail-tekst ol {
        padding-left: 26px;
        padding-bottom: 20px;
    }

        .detail-tekst ol li ol {
            padding-bottom: 0px;
        }

        .detail-tekst ol li {
            list-style-type: decimal;
        }

    .detail-tekst ul {
        padding-left: 25px;
        padding-bottom: 20px;
        list-style-type: disc;
    }

        .detail-tekst ul li ul {
            padding-bottom: 0px;
            list-style-type: circle;
        }

        .detail-tekst ul li {
            list-style-type: disc;
        }

    .detail-tekst p {
        color: #333333;
        padding: 0 0 20px 0;
    }

        .detail-tekst p a {
            color: #333333;
        }

    .detail-tekst a {
        color: #333333;
    }

    .detail-tekst blockquote {
        padding: 0 0 20px 40px;
    }

    .detail-tekst code {
        display: block;
        padding: 0 0 20px;
    }

    .detail-tekst table {
        width: 100%;
    }

    .detail-tekst .t4 h2 {
        font-family: 'Roboto',sans-serif;
        font-size: 24px;
        font-weight: 200 !important;
        line-height: 36px;
    }

        .detail-tekst .t4 h2 strong {
            font-weight: 200 !important;
        }
        .detail-tekst img {
            max-width: 100% !important;
            height:auto !important;
        }
.subItem {
    position: relative;
    height: 40px;
    line-height: 40px;
    width: 100%;
    display: block;
    border-top: 1px solid #D6D6D6;
    cursor: pointer;
    overflow: hidden;
    background: #fff;
}

    .subItem .subTitel:hover {
        background: #f25555;
        color: #fff;
        transition: all 0.4s ease-out 0s;
        -webkit-transition: all 0.4s ease-out 0s;
        -moz-transition: all 0.4s ease-out 0s;
        -o-transition: all 0.4s ease-out 0s;
    }

    .subItem.active .subTitel:hover {
        background: #fff;
        color: #f25555;
        transition: all 0.4s ease-out 0s;
        -webkit-transition: all 0.4s ease-out 0s;
        -moz-transition: all 0.4s ease-out 0s;
        -o-transition: all 0.4s ease-out 0s;
    }

.subTekst {
    position: relative;
    line-height: normal;
    display: block;
}

.subItem .arrowActive {
    display: none;
    top: 14px;
}

.subContainerSize {
    display: block;
}

#gmap {
    width: 100%;
    height: 400px;
}

#sponsors {
    width: 100%;
    height: 80px;
    float: right;
    display: block;
    background: url("../images/bg-sponsor.jpg") no-repeat center right / contain;
}

#gshadowContainer {
    width: 100%;
    height: 400px;
    position: relative;
    overflow: hidden;
}

#gshadow {
    width: 110%;
    height: 20px;
    display: block;
    position: absolute;
    left: -10px;
    top: 0px;
    z-index: 100;
    box-shadow: 0 5px 4px 0 #333 inset;
    opacity: 0.3;
}

@media only screen and (min-width: 1420px) {

    .linkOverlay.Big {
        width: 747px;
    }


    .poster {
        border-bottom: 1px solid #D6D6D6;
    }

    .filmContainer {
        border-bottom: none;
    }

    #agendaRight .addthis_toolbox {
        width: 200px;
    }

        #agendaRight .addthis_toolbox a {
            margin: 0 17px;
        }

    #MainContent_pnlFilm {
        border: none;
    }

    .size12 {
        width: 100%;
    }

    #zoekVeld {
        width: 735px;
    }

    #agendaHomeControls.agendaControls #slideNrContainer {
        width: 704px;
    }

    .agendaDetailSlides .agendaDetailSlide {
        width: 820px;
        height: 845px;
    }

    .agendaKoopTickets {
        width: 100%;
        height: 70px;
        line-height: 70px;
        text-decoration: none;
        text-align: center;
        display: block;
        color: #333;
        position: relative;
        top: 0;
        right: 0;
        border: none !important;
        border-bottom: 1px solid #d6d6d6 !important;
    }

        .agendaKoopTickets .btOpenSmall, .agendaKoopTickets .btOpenSmallHover {
            display: block;
        }

    #agendaContainer .lineVert {
        width: 0px;
        height: 100%;
        position: absolute;
        left: 559px;
        display: block;
        top: 0px;
        border-right: 1px solid #d6d6d6;
    }

    .addThisSocial.gasten {
        position: relative;
        width: 100%;
        display: block;
        padding: 20px 0;
        float: left;
        border-bottom: 1px solid #D6D6D6;
    }

    .gast {
        width: 100%;
    }

    #agendaRight {
        width: 260px;
    }

    #agendaLeft {
        width: 560px;
    }

    .blok.agenda {
        width: 820px;
    }

    section, header nav {
        width: 1400px;
    }

        header nav #navContainer ul li a {
            font-size: 20px;
        }


    #contact {
        margin: 0 0 0 430px;
    }
}

@media only screen and (min-width: 1140px) and (max-width: 1419px) {
    section, header nav {
        width: 1120px;
    }

    .agendaDetailSlides {
        width: 540px;
        height: 845px;
    }

    header nav #navContainer ul li a {
        font-size: 18px;
    }

    .lineVertGast {
        display: block;
        left: 100%;
    }

    .flexslider .slides > li img {
        margin-left: -140px;
    }
}

@media only screen and (min-width: 860px) and (max-width: 1139px) {

    .agendaDetailSlides {
        width: 540px;
        height: 845px;
    }

    #contact {
        margin: 0 0 0 150px;
    }

    .flexslider .slides > li img {
        margin-left: -140px;
    }

    .agendeHomeContainer .blokTicket, .agendeDetailContainer .blokTicket {
        display: none;
    }

    .linkOverlay, .linkOverlay.Big {
        width: 100%;
    }

    .alignRight {
        text-align: right;
    }

    .alignLeft {
        text-align: left;
    }

    .size23 {
        width: 66.66%;
    }

    .gone-1024 {
        display: none;
    }

    section, header nav {
        width: 840px;
    }

    .lineVertGast {
        left: 100%;
        display: block;
    }

    /*header nav #navContainer {
            float: right;
            margin: 15px 0 0;
        }

            header nav #navContainer ul li {
                padding: 0 6px;
            }

            header nav #navContainer #submenu {
                top: 45px;
                right: 10px;
            }

                header nav #navContainer #submenu ul li {
                    padding: 0 6px;
                }*/





    /*temp*/
   /* #btSmall {
        width: 45px;
        height: 45px;
        cursor: pointer;
        margin: 0px 0 0;
        float: right;
        display: block;
        background: url("../images/bt-menu-small.png") right center no-repeat;
    }

        #btSmall.active {
            background: url("../images/bt-menu-small-active.png") center right no-repeat;
        }

    #navContainer {
    }

    #Menu1 {
        float: left;
    }

    #GenreMenu {
        float: left;
    }

    #Menu2 {
        float: left;
    }

    .menuContainer {
        float: left;
        margin: 16px 0 0;
        display: block;
        background: #fff;
        color: #333;
        position: relative;
        box-shadow: 0 4px 5px #DDDDDD;
    }

    header nav #navContainer {
        width: 260px;
        overflow: hidden;
        position: absolute;
        z-index: 110;
        right: -5px;
        top: 14px;
        margin: 0px;
        padding: 0 15px 15px;
        height: 45px;
    }

    header nav ul {
        float: left;
    }

        header nav ul li {
            float: left;
            width: 260px;
            display: block;
            padding: 0;
        }

    header nav #navContainer ul li a {
        text-decoration: none;
        color: #333;
        line-height: 40px;
        padding: 0 14px;
        display: block;
        font-size: 18px;
        text-align: center;
        border-top: 1px #dddddd solid;
    }

    header nav #navContainer #Menu1 ul li:first-child a {
    }

    header nav #navContainer ul li a.active, header nav #navContainer ul li a:hover {
        color: #fff;
        border-top: 1px #f25555 solid;
        background: #f25555;
    }

    header nav #navContainer #submenu {
        position: relative;
        right: 0;
        top: 0;
    }

        header nav #navContainer #submenu ul li a {
            font-family: 'Roboto',sans-serif;
            font-size: 18px;
            color: #333;
            font-weight: 400;
            padding: 0 14px;
            text-align: center;
        }

            header nav #navContainer #submenu ul li a:hover, header nav #navContainer #submenu ul li a.active {
                color: #fff;
                border-top: 1px #f25555 solid;
                background: #f25555;
            }

        header nav #navContainer #submenu ul li {
            padding: 0;
        }*/



    /*temp*/
}


@media only screen and (min-width: 0px) and (max-width: 859px) {

    #contact {
        margin: 0 0 0 10px;
    }

    .flexslider .slides > li img {
        margin-left: -140px;
    }

    .agendaDetailSlides {
        width: 540px;
        height: 845px;
    }


    .agendeHomeContainer .blokTicket, .agendeDetailContainer .blokTicket {
        display: none;
    }

    .linkOverlay, .linkOverlay.Big {
        width: 100%;
    }

    #btSmall {
        width: 45px;
        height: 45px;
        cursor: pointer;
        margin: 0px 0 0;
        float: right;
        display: block;
        background: url("../images/bt-menu-small.png") right center no-repeat;
    }

        #btSmall.active {
            background: url("../images/bt-menu-small-active.png") center right no-repeat;
        }

    #navContainer {
    }

    #Menu1 {
        float: left;
    }

    #GenreMenu {
        float: left;
    }

    #Menu2 {
        float: left;
    }

    .menuContainer {
        float: left;
        margin: 30px 0 0;
        display: block;
        background: #fff;
        color: #333;
        position: relative;
        box-shadow: 0 4px 5px #DDDDDD;
    }
    header {
        height:100px;
    }
    header .mobile-menu {
        display:block;
    }
    header .topheader {
        display:none;
    }
    header nav #navContainer {
        width: 540px;
        overflow: hidden;
        position: absolute;
        z-index: 110;
        right: -5px;
        top: 25px;
        margin: 0px;
        padding: 0 15px 25px;
        height: 45px;
    }

    header nav ul {
        float: left;
    }

        header nav ul li {
            float: left;
            width: 540px;
            display: block;
            padding: 0;
        }

    header nav #navContainer ul li a, header nav #navContainer #Menu4 ul li a {
        text-decoration: none;
        color: #333;
        line-height: 40px;
        padding: 0 14px;
        display: block;
        font-size: 18px;
        text-align: center;
        border-top: 1px #dddddd solid;
        text-transform:initial;
    }

    header nav #navContainer #Menu1 ul li:first-child a {
    }

    header nav #navContainer ul li a.active, header nav #navContainer ul li a:hover {
        color: #fff;
        border-top: 1px #f25555 solid;
        background: #f25555;
    }

    header nav #navContainer #submenu {
        position: relative;
        right: 0;
        top: 0;
    }

        header nav #navContainer #submenu ul li a {
            font-family: 'Roboto',sans-serif;
            font-size: 18px;
            color: #333;
            font-weight: 400;
            padding: 0 14px;
            text-align: center;
        }

            header nav #navContainer #submenu ul li a:hover, header nav #navContainer #submenu ul li a.active {
                color: #fff;
                border-top: 1px #f25555 solid;
                background: #f25555;
            }

        header nav #navContainer #submenu ul li {
            padding: 0;
        }

    .blok.slide .line {
        width: 520px;
    }

    .size13 {
        width: 50%;
    }

    .size23 {
        width: 50%;
    }

    .size14,.size24{
        text-align:center;
        width:100%;
    }

    .gone-1024 {
        display: none;
    }

    section, header nav {
        width: 560px;
    }

    .blok.slide {
        width: 540px;
    }

    .flexslider .slides img {
        margin: 0 0 0 -130px;
    }
}

.tekstContact {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 300;
}

    .tekstContact h3 {
        font-family: 'Roboto',sans-serif;
        font-size: 16px;
        font-weight: 400;
        padding-top: 10px;
    }

.meerweten {
    font-family: 'Roboto',sans-serif;
    border: 1px solid #fff;
    color: #fff;
    display: block;
    float: left;
    height: 40px;
    line-height: 40px;
    margin: 5px 0;
    padding: 0 15px;
    text-decoration: none;
    width: 189px;
    background-color: #FFB31F;
    font-size: 14px;
}

    .meerweten:hover, .meerweten:focus {
        background-color: #fff;
        color: #FFB31F;
        transition: all 0.4s ease-in-out 0s;
        -webkit-transition: all 0.4s ease-out 0s;
        -moz-transition: all 0.4s ease-out 0s;
        -o-transition: all 0.4s ease-out 0s;
    }

input[type=submit].meerweten {
    margin-top: 16px;
    width: 110px;
    float: right;
    cursor: pointer;
}

.textfieldInvalidFormatState input.meerweten, .textfieldRequiredState input.meerweten {
    background-color: #F25555;
    color: white;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: white !important;
}

::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: white !important;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: white !important;
}

::-ms-input-placeholder { /* Internet Explorer 10+ */
    color: white !important;
}

.textfieldValidState input.meerweten {
    background-color: #3FD9B0;
    color: white;
}

.validationText {
    display: none !important;
}

.inactive {
    opacity: 0.5;
    cursor: default;
}

.volledigeagenda {
    border: 1px solid #fff;
    color: #fff;
    display: block;
    float: right;
    height: 40px;
    line-height: 40px;
    margin: -5px -10px 0;
    padding: 0 15px;
    text-decoration: none;
    opacity: 0.8;
}

    .volledigeagenda:hover {
        color: #F25555;
        background-color: #FFF;
        opacity: 1;
    }

.nounderline {
    text-decoration: none;
}

.moviebox .blok {
    overflow: visible;
    /*max-height:1100px;*/
    min-height: 260px;
}

.moviebox #zoekVeld {
    width: 175px;
}

.moviebox #maanden_chosen {
    margin-top: 20px;
}

ul#vidLijst li a {
    background: url("../images/bt-agenda-item-white.png") no-repeat -10px center white;
    /*background: url("../images/bt-agenda-item.png") no-repeat scroll 15px center rgba(0, 0, 0, 0);*/
    padding: 0px 20px 0px 25px;
}

    ul#vidLijst li a:hover {
        background: url("../images/bt-agenda-item-white.png") no-repeat 10px center #5CACE5;
    }

        ul#vidLijst li a:hover .cl3, ul#vidLijst li a:hover .cl6 {
            color: white !important;
        }