@import url("magnific-popup.css");

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #ffcc00;
    text-shadow: none;
}

::selection {
    background: #ffcc00;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px dashed #666;
    margin: 1em 0;
    padding: 0;
}

body#tinymce h1{
    color:red;
}
/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

.imgresponsive{
    width: 100%;
    height: auto;
}
/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

@font-face {
    font-family: 'DINProFF';
    src: url('../fonts/DINWebPro.eot');
    src: url('../fonts/DINWebPro.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DINWebPro.woff') format('woff'),
         url('../fonts/DINCompPro.ttf') format('truetype'),
         url('../fonts/DINCompPro.svg#DINpro') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINProBoldFF';
    src: url('../fonts/DINWebPro-Bold.eot');
    src: url('../fonts/DINWebPro-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DINWebPro-Bold.woff') format('woff'),
         url('../fonts/DINCompPro-Bold.ttf') format('truetype'),
         url('../fonts/DINCompPro-Bold.svg#DINproBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dederon_d_otbold_italic_ff';
    src: url('../fonts/deddotbi-webfont.eot');
    src: url('../fonts/deddotbi-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/deddotbi-webfont.woff') format('woff'),
         url('../fonts/deddotbi-webfont.ttf') format('truetype'),
         url('../fonts/deddotbi-webfont.svg#dederon_d_otbold_italic') format('svg');
    font-style: italic;
    font-weight: bold;
    font-stretch: normal; 
}

@font-face {
    font-family: 'dederon_serif_stdMdIt_ff';
    src: url('../fonts/deddotmi-webfont.eot');
    src: url('../fonts/deddotmi-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/deddotmi-webfont.woff') format('woff'),
         url('../fonts/deddotmi-webfont.ttf') format('truetype'),
         url('../fonts/deddotmi-webfont.svg#dederon_serif_stdMdIt') format('svg');
    font-style: italic;
    font-weight: normal;
    font-stretch: normal; 
}

@font-face {
    font-family: 'dederon_d_otbold_ff';
    src: url('../fonts/dededotb-webfont.eot');
    src: url('../fonts/dededotb-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dededotb-webfont.woff') format('woff'),
         url('../fonts/dededotb-webfont.ttf') format('truetype'),
         url('../fonts/dededotb-webfont.svg#dederon_d_otbold') format('svg');
    font-style: normal;
    font-weight: bold;
    font-stretch: normal; 
}

@font-face {
    font-family: 'dederon_serif_stdsemibold_ff';
    src: url('../fonts/dededotm-webfont.eot');
    src: url('../fonts/dededotm-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dededotm-webfont.woff') format('woff'),
         url('../fonts/dededotm-webfont.ttf') format('truetype'),
         url('../fonts/dededotm-webfont.svg#dederon_serif_stdmedium') format('svg');
    font-style: normal;
    font-weight: 500;
    font-stretch: normal; 
}

@font-face {
    font-family: 'dederon_serif_stdlight_ff';
    src: url('../fonts/dedelotl-webfont.eot');
    src: url('../fonts/dedelotl-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dedelotl-webfont.woff') format('woff'),
         url('../fonts/dedelotl-webfont.ttf') format('truetype'),
         url('../fonts/dedelotl-webfont.svg#dederon_serif_stdlight') format('svg');
    font-style: normal;
    font-weight: 300;
    font-stretch: normal; 
}

@font-face {
    font-family: 'dederon_serif_stdlight_italic_ff';
    src: url('../fonts/dedlotli-webfont.eot');
    src: url('../fonts/dedlotli-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dedlotli-webfont.woff') format('woff'),
         url('../fonts/dedlotli-webfont.ttf') format('truetype'),
         url('../fonts/dedlotli-webfont.svg#dederon_serif_stdlight_italic') format('svg');
    font-style: italic;
    font-weight: 300;
    font-stretch: normal; 
}

menu, ol, ul {
    padding: 0 0 0 20px;
}

li {
    margin-bottom: 3px;
}


body
{
    font-family: "dederon_serif_stdsemibold_ff", georgia, serif;
    -webkit-font-smoothing: antialiased; 
}

b, strong 
{
	font-family: "dederon_d_otbold_ff", georgia, serif;
}

.bodymarg
{    
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 8px;
}

.diap 
{ 
    background-color: #cc69a6; 
    color: #fff;
}

.topr

hr 
{
    border-top: 1px dashed #666;
}

p
{
    margin: 0px;
}


.monthcolor
{
    color: #cc69a6; 
}

.monthbackcolor
{
    background-color: #cc69a6 !important; 
}

.esrohelptext
{
    margin-top: 20px;
    display: none;
}

.esrohelptextedit
{
    margin-top: 20px;
}

.halfc
{
    width: 50%;
    overflow: hidden;
    float: left;
}

.borderb
{
    width: 100%;
    overflow: hidden;
    float: left;
    border-bottom: 1px dashed #000;
    height: 19px;
    margin-bottom: 30px;
}

.borderbeventhead
{
    height: 15px !important;
}

.content h5, .event h5
{
    font-family: 'DINProFF', Verdana, sans-serif;
    font-size: 100%;
    font-style: normal;
    font-weight: normal;
    font-stretch: normal; 
    margin: 0px;
    text-transform:uppercase;
}

.event h5
{
    color: #777;
}

.nav {
   padding: 0 0 0 0 !important;
}

.nav li {
   list-style: none;
}

.nav li:before {
    content: "\00BB \0020";
}

.eventselectlist h5
{
    font-family: "dederon_serif_stdsemibold_ff";
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    letter-spacing: 0px;


    font-size: 107%;
    line-height: 100%;
    margin: 0px;
    margin-bottom: 10px;
    text-transform: none;
}

.bordert
{
    width: 100%;
    overflow: hidden;
    float: left;
    border-top: 1px dashed #000;
    height: 15px;
    margin-top: 20px;
}

.goog-te-gadget-simple
{
    border-left: 1px solid rgb(255, 255, 255) !important;
    border-top: 1px solid rgb(255, 255, 255) !important;
    border-bottom: 1px solid rgb(255, 255, 255) !important;
    border-right: 1px solid rgb(255, 255, 255) !important;
}

.google_translate_element
{
    float: left; 
    margin-top: -4px; 
    margin-right: 10px; 
    height: 23px; 
    overflow: hidden;
}

.goog-te-menu2
{
    border: 1px solid #000 !important; 
}

.goog-te-menu-frame
{
    -moz-box-shadow:    0 0px 6px 0px #000  !important;
    -webkit-box-shadow: 0 0px 6px 0px #000  !important;
    box-shadow:         0 0px 6px 0px rgb(0, 0, 0)  !important;
    -moz-box-shadow:    0 0px 6px 0px rgba(0, 0, 0, 0.5)  !important;
    -webkit-box-shadow: 0 0px 6px 0px rgba(0, 0, 0, 0.5)  !important;
    box-shadow:         0 0px 6px 0px rgba(0, 0, 0, 0.5)  !important;
}

.eventPhotoText
{
    position: relative;
    height: 18px;
    color: white;
    background: #000;
    background: rgba(0,0,0,0.8);
    margin-top: -22px;
    padding: 2px;
    padding-left: 6px;
    padding-right: 6px;
    font-family: 'DINProFF', Verdana, sans-serif;
    font-size: 90%;
    font-style: normal;
    font-weight: normal;
    font-stretch: normal; 
    margin-right: 39%;
}

.eventbox5
{
    display: none;
}

#searchResults .eventbox3, #searchResults .eventbox4, #searchResults .eventbox5
{
    display: block !important;
}

.eventLabel
{
    position: absolute;
    padding-top: 3px;
    padding-left: 4px;
    padding-right: 4px;
    background: #000;
    background: rgba(0,0,0,0.8);
    font-family: 'DINProFF', Verdana, sans-serif;
    font-size: 90%;
    font-style: normal;
    font-weight: normal;
    font-stretch: normal; 
    color: #fff;
}

.eventLabel.carousel-group {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    background: none;
    padding-top: 0px;
}

.eventLabel.carousel-group .cycle-slide {
    padding-top: 3px;
    padding-right: 4px;
    padding-left: 4px;
    background: rgba(0,0,0,0.8);
}

.eventLabel .cycle-slideshow {
    padding: 0;
    margin: 0;
}

.eventLabel .cycle-slideshow li {
    margin-bottom: 0;
}

.eventLabelMonth
{
    background: rgba(0,0,0,0.8);
}

.main-container h1 
{
    font-family: "dederon_serif_stdsemibold_ff";
    font-style: normal;
    font-weight: 500;
    font-stretch: normal; 
    letter-spacing: 0px;
    font-size: 300%;
    color: #cc69a6;
    margin: 0;
    margin-top: -10px;
}

.content .main-container h1 
{
    line-height: 110%;
    margin-top: -2px;
}

.content .leftbox h1
{
    font-size: 145%;
}

.event .leftbox h1
{
    font-size: 200%;
}

.event .main-container h1
{
    font-size: 200%;
    margin-top: -7px;
}

.eventleftbox a
{
    font-size: 90%;
    margin-bottom: 10px;
}

.linkclearfix
{
    clear: both;
    margin-bottom: 5px;
}

.sizeClose
{
    float: left;
}

.sizeCloseButton
{
    padding-top:5px;
    display:none;
    cursor: pointer;
}

.main-container h2 
{
    font-family: "dederon_serif_stdlight_italic_ff";
    font-style: italic;
    font-weight: 300;
    font-stretch: normal; 
    letter-spacing: 0em;
    font-size: 200%;
    color: #000;
    margin: 0;
}

.main-container h3 
{
    font-family: "dederon_serif_stdsemibold_ff";
    font-style: normal;
    font-weight: 500;
    font-stretch: normal; 
    letter-spacing: 0px;
    font-size: 126%;
    color: #000;
    margin: 0;
}

.main-container h4
{
    font-family: "dederon_serif_stdsemibold_ff";
    font-style: normal;
    font-weight: 500;
    font-stretch: normal; 
    letter-spacing: 0px;
    font-size: 115%;
    color: #000;
    margin: 0;
}

.home .main-container h4
{
    margin-left: 20px;
    margin-right: 20px;
}

.mcolor
{
    color: #cc69a6;
}

.event h4
{
    color: #000 !important;
}

.event h6
{
    font-family: "dederon_serif_stdsemibold_ff";
    font-style: normal;
    font-weight: 500;
    font-stretch: normal; 
    letter-spacing: 0px;
    font-size: 110%;
    color: #cc69a6;
    margin: 0;
}

.main-container a, .headerinfot a
{
    text-decoration: none;
    border-bottom: 1px dashed rgb(151, 151, 151);
    color: #000;
}

.main-container a:hover, .headerinfot a:hover
{
    border-bottom: 1px dashed rgb(0, 0, 0);
}


.addthis_toolbox a
{
	border-bottom: none;
}

.share a:hover
{
    border-bottom: none !important;
}

.backtext
{
    font-family: "dederon_serif_stdsemibold_ff";
    font-style: normal;
    font-weight: 500;
    font-stretch: normal; 
    letter-spacing: 0px;
    font-size: 190%;
    
    position: relative;
    color: #fff;
    margin-left: 20px;
    margin-right: 10px;
    height: 220px;
    margin-bottom: -220px;
    display: none;
}

.header
{
    max-width: 1700px;
    margin: auto;
    height: 400px;
    background-color: #cc69a6; 
    background-size: 100%;
    background-position: center;
}

.header ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
}
.header :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
   opacity:  1;
}
.header ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
   opacity:  1;
}
.header :-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #fff;
}

.headerinfo
{
    height: 200px;
    width: 80%;
    max-width: 444px;
    border-top: 1px dashed black;
    padding-top: 20px;
    margin-top: -300px;
    position: absolute;
    color: black;
    display: none;
}

.headerinfomonth
{
    position: absolute;
    font-family: 'DINProBoldFF', Verdana, sans-serif;
    font-size: 3010%;
    line-height: 107%;
    color: white;
    margin-left: 553px;
    margin-top: -98px;

}

.headtoolbar-container
{
    clear: both;
    max-width: 1700px;
    height: 35px;
    margin: auto;
}

.headtoolbar
{
    color: #cc69a6;
    font-family: 'DINProFF', Verdana, sans-serif;
    font-size: 90%;
    margin-top: 9px;
    float: right;
}

.headtoolbar a
{
    color: #cc69a6;
    text-decoration: none;
}



.event .header, .content .header
{
    background: url(none);
    background-color: #cc69a6;
    height: 125px;
}

.diap .header
{
    background-color: #fff;
    color: #cc69a6;
}

.diap h1
{ 
    color: #fff;
}

.diap .sf-menu li {
    background-color: #cc69a6 !important;
}

.diap hr
{
    border-top: 1px dashed #fff;
}

.event .boxright, .content .boxright
{
    margin-top: 5px;
}

.doublehalve
{
    width: 50%;
    float: left;
    margin-top: 10px;
    overflow: hidden;
    margin-bottom: 10px;
}

.doublehalve img
{
    width: 100%;
}

.maxmenu
{
    max-width: 442px;
}

.doublelm
{
    margin-left: 20px;
}

.doublerm
{
    margin-right: 20px;
}

.margnull
{
    margin-top: 0px;
}

.doublehalvemright
{
    margin-left: 20px;
}

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

.leftbox /* linker box op event pagina */
{
    float: left; 
    width: 735px; 
}

.content .leftbox
{
    float: left; 
    width: 270px; 
    margin-top: 40px;
    position: absolute;
}

.searchpage .leftbox
{
    position: relative;
    /*position: static; */
}

.eventHeader {
    position: relative;
}

.eventHeader .buttonContainer {
    position: absolute;
    right: 0;
    top: 20px;
    height: 100px;
    width: 275px;
}

.eventHeader .buttonContainerExp {
    height: 140px;
}

.ui-menu.ui-autocomplete {
    background-color: #fff;
    padding: 5px;
    box-shadow: 2px 2px 6px rgba(0,0,0,.2);
    border-radius: 0;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active, 
.ui-autocomplete, .ui-autocomplete:hover, 
.ui-menu-item, .ui-menu-item:hover,
.ui-menu-item a, .ui-menu-item a:hover,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active,
.ui-menu .ui-menu-item a
{
    border:0;
    cursor: pointer;
    color: #000;
}

.ui-menu-item.ui-state-focus, .ui-menu.ui-menu-item {
    background-color: #fff !important;
    margin: 0;
    padding: 3px 0 3px .4em;
    font-weight: inherit;
    color: #cc69a6;
    text-shadow: none;
}

#ui-active-menuitem {
    background-color: #fff !important;
    color: #cc69a6;
    text-shadow: none;
    font-weight: inherit;
    margin: 0;
}

.doorsturen#dialog-message, .no-close .ui-dialog-titlebar-close {
    display: none;
}

.leftbox img
{
    width: 445px;
    height: auto;
}

.content .leftbox img {
    width: 270px;
    height: auto;
}

.content .leftexm
{
    margin: 0px;
}

.newmargr
{
    margin-right: 40px !important;
}

.content .boxedcontainer
{
    max-width: 1220px;
}


.content .rightbox
{
    padding-top: 45px;
    margin-right: 10px;
    min-width: 250px;
    overflow: hidden;
}

.content h2
{
    font-size: 140%;
    letter-spacing: 0em;
}

.news-message {
    position: relative;
    width: 33%;
    float: left;
}

.news-container.overzicht .news-message {
    width: 100%;
}

.news-message .inner {
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative;
    margin-left: 85px;
}



.news-container.overzicht .news-message .inner {
    position: relative;
    margin-left: 85px;
}

.news-message .lees-meer {
    font-family: dederon_serif_stdMdIt_ff;
    font-size: 13.8240003585815px;
    position: relative;
    font-family: "dederon_serif_stdMdIt_ff";
    font-style: italic;
    font-weight: normal;
    font-stretch: normal; 
    letter-spacing: 0em;
    text-decoration: none;
    border-bottom: 1px dashed rgb(151, 151, 151);
    color: #000;
}

.news-message img {
    width: 70px;
    height: 70px;
    position: relative;
    float: left;
    margin-right: 10px;
}

.content .news1
{
    margin-top: 20px;
    display: block;
}

.leftboxright
{
    float: right;
    width: 445px;
}

.leftboxleft
{
    float:left; 
    width:245px;
}

.growbox /* rechter fluid box */
{
    margin-left: 755px; 
    max-width: 930px;
}

.growboxhack
{
    height: 1px;
    overflow: hidden;
}


.searchResultsBox
{
    margin-left: 287px;
    margin-right: -20px;
}

.content .growbox /* rechter fluid box */
{
    margin-left: 290px; 
    max-width: 919px;
    margin-top: 40px;
    margin-bottom: 20px;
    margin-right: 10px;
    float: right;
}

.searchpage .boxedcontainer 
{
    max-width: 1750px;
}

.searchpage .growbox 
{
    max-width: 1430px;
    margin-right: -20px;
}

.searchpage .eventbox
{
    height: 381px;
}

.eventselectlist .eventbox
{
    height: 340px;
}


.eventcontainbanner .eventbox4
{
    display:none;
}


.eventselectlist1 .eventbox
{
    width: 100%;
    height: auto;
}

.eventselectlist1 .eventimgcontainer
{
    width: 26%;
    float: left;
}

.eventselectlist2 .eventbox
{
    width: 50%;
}

.eventselectlist2 .eventimgcontainer
{
    width: 45%;
    float: left;
}

.logo
{
    float: left;
    width: 260px;
    height: 78px;
    margin-right: 10px;
    margin-left: 20px;
    margin-top: 309px;
}

.logo img
{
    width: 225px;
    margin: 10px;
}

.event .sidebar-left
{
    width: 45%;
    float: left;
}

.event .main, .content .main
{
    width: 55%;
    float: right;
}

.eventpause
{
    color: #999;
}

.event .logo, .content .logo
{
    margin-top: 35px;
}

.event .menuwrap, .content .menuwrap
{
    margin-top: 53px;    
}

.eventtime
{
    font-family: "dederon_serif_stdsemibold_ff" !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-stretch: normal !important;
    font-size: 110% !important;

    position: relative;
    top: 0px;
}

.main-container h4.eventtime {
    margin-right: 275px;
}

.margl
{
    padding: 10px;
    border-bottom: 1px dashed #000;
}

.marg
{
    padding: 10px;
}

.toptime
{
    float: right;
    font-family: 'DINProBoldFF', Verdana, sans-serif;   
    font-size: 200%;
    line-height: 110%;
    color: white;
    margin-right: 20px;
    margin-top: 1px;
    padding-top: 6px;
    padding-bottom: 2px;
    border-bottom: 1px dashed #fff;
    border-top: 1px dashed #fff;
    cursor: pointer;
}

.toptimem
{
    color: #cc69a6;
}

.toptimel
{
    font-family: 'DINProBoldFF', Verdana, sans-serif;   
    font-size: 600%;
    line-height: 110%;
    color: black;
}

.boxright
{
    font-family: 'DINProFF', Verdana, sans-serif;   
    font-size: 90%;
    margin-left: -400px;
    width: 400px;
    margin-top: 327px;
    position: absolute;
}

.boxrightmenub,
.wishList {
    float: right;
    width: 42px;
    height: 42px;
    overflow: hidden;
    background: #cc69a6;
    margin-right: 20px;
}

.boxrightmenu {
    float: right;
    width: 42px;
    height: 42px;
    overflow: hidden;
    background: #cc69a6;
    margin-right: 20px;
}

.boxrightmenu.lang {
    background: transparent;
    position: relative;
}

.boxrightmenu.lang img {
    width: 30px;
    position: relative;
    margin: auto;
    margin-top: 9px;
}

.content .boxrightmenu.lang img, .event .boxrightmenu.lang img {
    margin-top: 8px;
}

.boxrightmenu.lang:hover {
    background: transparent;
}

.wishList {
    overflow: visible;
}

.wishlist-user {
    margin-left: 20px;
    margin-top: 26px;
    float: right;
    font-family: "dederon_serif_stdsemibold_ff", georgia, serif;
}
.wishlist-user a {
    margin: 0 73px 0 20px;
    color: #000;
    border-bottom: 1px dashed #000;
    text-decoration: none;
}

.loadsavewish b {
    color: #cc69a6;
}

.wishlistAccount a {
    text-decoration: none;
    border-bottom: 1px dashed rgb(151, 151, 151);
    color: #000;
}

.wishlistAccount a:hover {
    border-bottom: 1px dashed rgb(0, 0, 0);
}

.wishheader {
    position: relative;
    width: 100%;
    background-color: #cc69a6;
    color: #fff;
    margin: -10px -10px 10px -10px;
    padding: 10px 10px;
}

.wishheader h2 {
    display: inline-block;
}

.boxrightmenub:hover,
.wishList:hover {
   background-color: #000;
}

.shopbtn,
.wishBtn
{
    background: url(../img/basket.png);
    background-repeat: no-repeat;
    background-size: 42px 42px;
    background-position: 0px -3px;
    width: 41px;
    height: 42px;
    overflow: hidden;
    border: 0px;
    display: block;
    text-decoration: none;
}

.lt-ie9 .shopbtn
{
    background: url(../img/baskets.png);
    background-repeat: no-repeat;
    background-position: 0px -3px;
}

.shoplnl
{
    border-left: 1px solid #fff;
    height: 22px;
    float:left;
    margin-top: 8px;
}

.home .shoplnl
{
    border-left: 1px solid #cc69a6;
}

.shoplnlh
{
    border-left: 1px solid #fff;
    height: 22px;
    float:left;
    margin-top: 8px;
    display: none;
}

.searchb
{
    background: url(../img/search.png);
    background-repeat: no-repeat;
    background-position: 0px 2px;
    background-size: 23px 24px;
	
    width: 23px;
    height: 30px;
    float: left;
    border: 0px solid #fff;
    margin-top: 7px;
}

.searchbox
{
    margin-top: 20px;
    margin-bottom: 30px;
}

.searchfilterbox
{
    margin-top: -20px;
    margin-bottom: 30px;
}

.boxrightmenuz
{
    float: right;
    width: 182px;
    height: 42px;
    overflow: hidden;
    background: #cc69a6;
    margin-right: 20px;
}

.toprighttext
{
    font-family: "dederon_serif_stdsemibold_ff";
    font-style: normal;
    font-weight: 500;
    font-stretch: normal; 
    letter-spacing: -0.1em;
    font-size: 96%;
}

.topright
{
    float:right;
}

.topright .searchbox, .eventlsitmore input
{
    width: 127px;
    height: 21px;
    margin: 9px;
    border: 1px solid #fff;
    color: #fff;
    background: #cc69a6;
    padding:1px 1px 1px 5px;
    float: left;
}

.topright .searchbox {
    box-sizing: content-box;
}

.lt-ie9 .topright .searchbox, .lt-ie9 .eventlsitmore input
{
    width: 125px;
}

.eventlsitmore input
{
    margin-left: 0px;
    margin-top: 0px;
}

.main-container
{
    clear: both;
    max-width: 1700px;
    min-height: 450px;
    margin: auto;
    margin-bottom: 30px;
}

.footer-wrap
{    
    color: #fff;
    font-family: "DINProFF", verdana, sans;
    line-height: 160%;
    max-width: 1700px;
    margin: auto;   
    margin-top: 40px;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 1px;

}

.footer-container
{
    color: #fff;
    clear: both;
    width: 100%;
    margin-top: 20px;

}

footer {
    background-color: #eee;
    background-color: rgba(0,0,0,0.1);
    float:left;
    min-height: 85px;
    width:100%;
    padding: 20px 0px 0px 0px;
}

.footer-item
{
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.footer-item a,
.footerbox a
{
    color: #000;
    color: rgba(0,0,0,0.7);
    text-decoration: none;
}

.footer-item a:hover,
.footerbox a:hover
{
    color: #000;
    text-decoration: none;
    border-bottom: 1px dashed #000;
}

.footer1
{
    font-size: 60%;
    font-family: "DINProFF", verdana, sans;
}

.footer2
{
    font-family: "DINProBoldFF", verdana, sans;
}

.footer3
{
    font-family: "DINProFF", verdana, sans;
}

.footerd
{
    font-family: "DINProBoldFF", verdana, sans;   
}

.menuwrap
{
    height: 39px;
    float: left;
    margin-top: 327px;
}

.photo
{
    width: 100%;
}

.photo img
{
    width: 100%;
}

.eventimgs
{
    width:75px;
}

.eventlistc
{
    cursor: pointer;
}

.eventlistic
{
    width:75px; 
    position: absolute;
}

.eventlisttc
{
    margin-left: 90px;
}


.eventimgcontainer
{
    margin-bottom: 20px;
    margin-right: 20px;
    background-color: #cc69a6;
    min-width: 150px;
    position: relative;
}

.eventlsitmore
{
    position: absolute;
    font-family: 'DINProFF', Verdana, sans-serif;  
    color: #fff;
    top: 0px; bottom: 0px;
    left: 0px; right: 0px;
}

.eventlistaction
{
   font-family: 'DINProFF', Verdana, sans-serif;     
}

.datetable a
{
    border: 1px solid #fff !important;
    width: 20px;
    height: 20px;
}

.eventsc
{ 
    background-color: #cc69a6; 
    color:#fff; 
    font-size: 150%; 
    font-family: 'DINProFF', Verdana, sans-serif;
}

.eventscc
{
    padding-top: 20px; 
    padding-bottom: 20px; 
    margin-left: 10px;
    margin-right: 10px;
}

.eventchooseDate
{
    margin-left: 10px; 
    font-size: 85%;
}

.eventzoekOpDatum
{
    font-size: 70%; 
    height: 10px; 
    overflow:hidden; 
    border-bottom: 1px dashed #fff;
}

.eventbox img
{
    width:100%;
}

.eventbox .textm
{
    padding-right: 15px;
}

.eventslide
{
    width: 735px;
    overflow: hidden;
    float:left;
    margin-bottom: 14px;
}

.eventslidecontainer
{
    width: 735px;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
}

.eventslideitem
{
    width: 100000px;
}

.eventtagline
{
    float:left; 
    width:245px;
}

.eventtaglinea
{
    float:left; 
    width:100%;
    margin-bottom: 20px;
    font-size: 100%;
}


.eventhead
{
    font-family: "dederon_serif_stdsemibold_ff";
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #cc69a6;

    font-size: 150%;
    line-height: 100%;
    margin: 0px;
    margin-bottom: 10px;
    margin-top: 6px !important;
    
}

.inline-block {
    display: inline-block;
}


#golifebuytxtth
{
    display: none;
}

.eventbananaline
{
    position: absolute;
    width: 20px;
    height: 3px;
    margin-left: -20px;
    margin-top: -1px;
    background-color: #fff;
}

.eventbananawish
{
    color: #000;
   /* font-family: 'DINProFF', Verdana, sans-serif;*/
    font-size: 80%;
    font-style: normal;
    font-weight: normal;
    font-stretch: normal; 
    margin-top: 13px;
}

.eventSlideButton
{
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: #000;
    background-color: rgba(0,0,0,0.8);
    border: 1px rgba(255, 255, 255, 0.5) solid;
    color: #fff;
    font-size: 200%;
    text-align: center;
    line-height: 86%;
    /*margin-top: -30px;*/
    cursor: pointer;
    display: none;
}

#eventSlideNext
{
    margin-left: 40px;
}

#eventSlidePrev
{
    
}

#wishContainer {
    width: 100%;
    clear: both;
}

#wishContainer td {
    vertical-align: top;
    border-bottom: 1px dashed #000;
    padding-top: 10px;
    padding-bottom: 10px;
}

#wishContainer tr:last-child td {
    border-bottom: 0;
    padding-bottom: 0;
}

#wishContainer td.img {
    width: 150px;
    padding-right: 10px;
}

#wishContainer td.descr {
    padding-right: 10px;
}

#wishContainer td.descr a {
    font-family: "dederon_serif_stdsemibold_ff";
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    letter-spacing: 0px;
    font-size: 130%;
    color: #cc69a6;
    text-decoration: none;
}

#wishContainer td.descr a.teaser {
    display: block;
    font-size: 85%;
    color: #000;
}

#wishContainer td.buy {
    width: 140px;
}

#wishContainer td.remove {
    width: 20px;
}

#wishContainer .btn {
    display: block;
    /*height: 85px;*/
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    width: 96px;
    padding: 4px 30px 4px 10px;
    background: #000 url(../img/tickedback.png);
    background-repeat: no-repeat;
    background-position: 20px 4px;
    background-size: 100%;
}

#wishContainer .btn:hover {
    background-color: #e52f12;
}

#wishContainer .remove-product {
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: #000;
    font-style: normal;
    font-size: 19px;
    font-family: Arial, Baskerville, monospace;
}

.wishList {
    margin-right: 0;
}

#wishBtn {
    background-image: url('../img/wishlist/wishlisth.png');
    background-size: 34px 34px;
    background-position: 4px 4px;
    background-repeat: no-repeat;
    z-index: 1;
    margin: 0 !important;
    -webkit-transition: background 1s ease;
    -moz-transition: background 1s ease;
    -ms-transition: background 1s ease;
    -o-transition: background 1s ease;
    transition: background 1s ease;
}

.wishCount {
    text-align: center;
    display: block;
    font-size: 14px;
    color: #fad4d0;
    color: #fff;
    line-height: 42px;
    cursor: pointer;
}

#wishBtn.productAdded {
    background-image: url('../img/wishlist/wishlisthfull.png');
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    -ms-transition: background .3s ease;
    -o-transition: background .3s ease;
    transition: background .3s ease;
}

#wishBtn.productAdded .wishCount {
    color: #cc69a6;
}

.wishMenu {
    background-color: #fff;
    padding: 10px;
    max-width: 600px;
    max-height: 500px;
    position: relative;
    margin: 0 auto;
    overflow-y: auto;
    overflow-x: hidden;
}

.wishMenu .wishlistAccount + .mfp-close {
    color: #fff;
}

.wishlistAccount h3 {
    display: inline-block;
}

.buttonContainer {
    position: relative;
}

.eventWishlist {
    position: relative;
    z-index: 1;
}

.eventWishlist .buttons {
    position: absolute;
    right: 210px;
    top: 0;
    padding-left: 15px;
    height: 55px;
    background-color: #fff;
}

.eventWishlist a {
    display: block;
    outline: 0 !important;
    border: 0;
    line-height: 65px;
    text-indent: -99999px;
    background: #fff  url('../img/wishlist/wishlisthfullplusc.png') center center no-repeat;
    background-size: 50px 50px;
    width: 50px;
    height: 50px;
}

.eventWishlist a:hover {
    text-decoration: none;
    border: 0;
    background-image: url('../img/wishlist/wishlisthfullpluscmo.png');
}

.buttonContainerExp .eventWishlist a {
    line-height: 86px;
}

.eventbananawish a
{
    color: #000 !important;
}

.eventbananawish a:hover
{
    color: #e52f12 !important;
}

.eventbananabig,
.eventWishlist a,
#wishContainer .btn {
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.eventbananac
{
    position: absolute;
    right: 0;
    min-height: 2px;
    background-color: #fff;
    width: 200px;
}

.eventbananacc
{
    position: relative;
    top: -20px;
}

.eventbananam
{
    margin-top: 7px;
    margin-left: 11px;
}

.eventbananabiginactive
{
    position:absolute; 
    border-top: 1px solid #fff;
    width:200px; 
    height:66px; 
    color: #fff;
    background: #ccc url(../img/tickedback.png);
    background: rgba(0,0,0,0.5) url(../img/tickedback.png);
    background-size: 100%;
    margin-left:-220px;  
    margin-top:20px;
    z-index: 1;
    right: 0px;
}

.eventbananabig
{
    position:absolute; 
    width: 200px; 
    /*height: 85px;*/
    color: #fff;
    background: #000 url(../img/tickedback.png);
    background-repeat: no-repeat;
    background-size: 100%;
    margin-left: -220px;
    cursor: pointer;
    z-index: 1;
    right: 0px;
    padding:0px 0px 7px 0px;
}

.eventbananabig:hover
{
    background: #e52f12 url(../img/tickedback.png);
    background-repeat: no-repeat;
}

.eventbananabuy
{
    margin-left: 20px;
    margin-top: 10px;
    font-size: 80%;
    color: white;
    
}

.eventbananabig a
{
    color: white;
    border: none;
}

.eventbananaprice
{
    margin-left: 19px;
    margin-top: -3px;
    font-size: 150%; 
}

.eventbanana
{   
    font-family: "dederon_serif_stdsemibold_ff";
    font-style: normal;
    font-weight: 500;
    font-stretch: normal; 
    letter-spacing: -0.1em;
    font-size: 92%;
    
    position: absolute; 
    margin-top: -17px;
    right: 0px;
    width: 95px;
    height: 32px;
    color: #fff;
    
    
    background: #cc69a6 url(../img/bananaArrow.png);
    background-position: right;
    background-repeat: no-repeat;
    
    cursor: pointer;
}

.eventbox:hover
{
    color: #cc69a6;
    
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}
.eventbox.actiebanner:hover {
    color: #000;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    cursor: default;
}

.eventbox
{
    color: #000;
    
    -webkit-transition: all 1.30s ease-in-out;
    -moz-transition: all 1.30s ease-in-out;
    -ms-transition: all 1.30s ease-in-out;
    -o-transition: all 1.30s ease-in-out;
}

.eventbox a
{ 
    font-size: 90%;
    font-family: "dederon_serif_stdMdIt_ff";
    font-style: italic;
    font-weight: normal;
    font-stretch: normal; 
    letter-spacing: 0em;
}

.eventlsitmore a
{
    font-family: 'DINProFF';
    font-weight: normal;
    font-style: normal;
    font-size: 100%;
    letter-spacing: 0.0em;
}

.eventlsitmore .searchb {
    background-position: 0px 1px;
}

.eventlistsmall
{
    color: #000;
    font-size: 90%;
}

.eventsub
{
    font-family: "dederon_serif_stdMdIt_ff" !important;
    font-style: italic;
    font-weight: normal;
    font-stretch: normal; 
    letter-spacing: 0px;
    font-size: 150%;
    line-height: 1.2em;
    margin: 0px;
    margin-bottom: 10px;
    margin-top: 5px;
}

.eventcontain
{
    width: 100%;
    overflow:hidden;
}

.eventlargeitem, .news-container
{
    width: 101.3%;
}

.eventbox
{
    font-family: "dederon_serif_stdsemibold_ff";
    font-style: normal;
    font-weight: 500;
    font-stretch: normal; 
    font-size: 96%;
    width: 20%;
    margin-top: 20px;
    float: left;  
    overflow: hidden;
    cursor: pointer;
}

.sf-menu li li .too_narrow_fix li {
    min-width: initial;
    line-height: 22px;
}

.footerbox
{
    width: 20%;
    float: left;  
    overflow: hidden;
    padding:0px 0px 0px 0px;
}

.footercontent
{
    padding:10px;
    color:#000;
}

.eventResult
{
    width: 32%;
    border: 1px solid #fff;
    
    height: 200px;
    background: #eee;
    float: left;
}

.btntest
{
    border: 1px solid #000;
    background: #eee;
    padding: 2px;
    margin: 10px;
    float: left;
    cursor: pointer;
}

.btntest:hover
{
    background: #aaa;
}

.newslist
{
    margin-top: 15px;
    padding-top: 0px;
    padding-bottom: 20px;
    font-size: 110%;
    border-top: 1px dashed #000;
    border-bottom: 1px dashed #000;
    padding-bottom: 0;
}

.newsdate {
    color:#999;font-size:86%;
}

.newslist a
{
    border-bottom: none;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.newslist a:hover
{
    border-bottom: 1px dashed #000;
}



.news1
{
    float: left;
    color: #999;
    font-size: 70%;
    font-family: "DINProFF", verdana, sans;
    margin-top: 10px;
    margin-bottom: 10px;
}

.news1.right {
    float: right;
}

.news1.right:hover {
    border-bottom: 1px dashed rgb(151, 151, 151);
}

.news2
{
    color: #000;
    font-family: "DINProBoldFF", verdana, sans;
}

.news3
{
    color: #000;
    font-family: "DINProFF", verdana, sans;
}

.newsd
{
    color: #cc69a6;
    font-family: "dederon_serif_stdsemibold_ff";
    font-weight: 500px;
    display: block;
    font-size: 15.3599996566772px;
}

.zoekOpDatumHome
{
    height: 100%;
}

.zoekOpDatumFilters {
    background-color: #cc69a6;
    font-family: 'DINProFF', Verdana, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    cursor: pointer;
    color: #fff;
    display: none;
    margin-top: -15px;
    margin-bottom: 20px;
}

.zoekOpDatumFilters #calendarInner {
    max-width: 400px;
}

#calendarInner 
{

}

#calendarPrev
{
    float: left;
    overflow: hidden;
    margin-left: 17px;
    color: #fff;
    border: 1px #fff;
    width: 16px;
    text-align: center;
    border-radius: 2px;
    line-height: 16px;
    margin-right: 10px;
    background: url('../img/opacity-bg.png');
    font-size: 20px;
    margin-top: 7px;
}

#calendarCurrent 
{
    width: 162px;
    overflow: hidden;
    float: left;
    text-align: left;
    margin-top: 7px;
    margin-right: 0px;
}

#calendarNext
{
    float: left;
    overflow: hidden;
    margin-left: 17px;
    color: #fff;
    border: 1px #fff;
    width: 16px;
    text-align: center;
    border-radius: 2px;
    line-height: 16px;
    background: url('../img/opacity-bg.png');
    font-size: 20px;
    margin-top: 7px;
}

#calendarInner {
    height: 87%;
}

#calendarInner .calendarCol
{
    float: left;
    text-align: center;
    overflow: hidden;
    width: 14%;
    height: 100%;
}

#calendarInner .calDate {
    height: 12%;
    padding-top: 5px;
}

#calendarInner .calHeader {
    font-size: 64%;
    padding-top: 2px;
    height: 19px;
}

#calendarInner .inOtherMonth {
    color: #606060 !important;
    color: rgba(255,255,255,0.5) !important;
}

#calendarInner .inWeekend {
    color: #fff !important;
    font-family: "DINProBoldFF", verdana, sans;  
}

#calendarInner .inWeekendAndOtherMonth {
    color: #606060 !important;
    color: rgba(255,255,255,0.5) !important;
}

#calendarInner .calToday
{
    font-family: "DINProBoldFF", verdana, sans;

    background: url(../img/calline.gif);
    background-position: 50% 90%;
    background-repeat: no-repeat;
}

#calendarInner .calSelected
{
    background: black;
    background: rgba(0,0,0,0.9);
    color: white !important;
}

#calendarInner .calDate:hover {
    color: white !important;
    background: black;
    background: rgba(0,0,0,0.5);
    cursor: pointer;
}

.searchResultHalv
{
    width: 50%;
    float:left;
    height: 200px;
    overflow: hidden;
    margin-top: 10px;
}

.searchResultHalvBox
{
    border-top: 1px dashed #000;
    margin: 10px;
}

#searchResults p span {
    background-color: #eee !important;
    color: #000;
    padding-left: 3px;
    padding-right: 3px;
}

.list-search .list-search-item {
    max-width: 919px;
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px dashed rgb(151, 151, 151);
}

.list-search a {
    display: inline-block;
    border-bottom: 0px;
}

.list-search p {
    margin-top: 5px;
}

.numberOfResults {
    margin-top: 25px;
}

.numberOfResults strong {
    font-size: 130%;
}

.list-search p a {
    color: #999;
    display: block;
    margin-bottom: 5px;
    word-break: break-all;
}

.list-search p a:hover {
    border-bottom: 0;
}

.list-search p a.span {
    background-color: initial !important;
}

.list-search .prefix {
    position: absolute;
    left: 0;
    font-size: 20px;
    margin-top: -3px;
}

.list-search .eventhead {
    font-size: 110%;
}

.list-search .eventhead a {
    color: #cc69a6;
    text-transform: uppercase;
    font-family: "DINProBoldFF", verdana, sans;
    margin-top: 0px !important;
}

.list-search-item {
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}

.list-search .eventhead a:hover {
    border-bottom: 0;
}

.list-search-item {
    -webkit-transition: background 0.2s ease-in;
    -moz-transition: background 0.2s ease-in;
    -o-transition: background 0.2s ease-in;
    transition: background 0.2s ease-in;

    -webkit-transition: background 0.4s ease-out;
    -moz-transition: background 0.4s ease-out;
    -o-transition: background 0.4s ease-out;
    transition: background 0.4s ease-out;
}

.list-search-item:hover {
    background-color: #eee;
    cursor: pointer;
}

.diap .topright .searchbox
{
    border: 1px solid #000;
    background: #fff;
}

.diap .boxrightmenub, .diap .boxrightmenuz {
    background: #fff;
}

.diap .sf-menu a, .diap .sf-menu a:visited
{
    color: #fff;
}

.diap .boxrightmenuz, .content .boxrightmenuz, .event .boxrightmenuz {
    margin-right: 0px;
}

.diap .searchb {
    background: url(../img/searchb.png);
    background-repeat: no-repeat;
    background-position: 0px 2px;
}

.diap .shopbtn,
.diap .wishBtn {
    background: url(../img/basketb.png);
    background-repeat: no-repeat;
    background-size: 42px 42px;
    background-position: 0px -3px;
}

.lt-ie9 .diap .shopbtn
{
    background: url(../img/basketbs.png);
    background-repeat: no-repeat;
    background-position: 0px -3px;
}

.diap .shoplnl {
    border-left: 1px solid #000;
}

.page-header h1
{
    font-size: 200%;
}

.view legend
{
    font-size:90%;
    color: #999;
}

.view .ccm-input-submit
{
    margin-top: 15px;
    margin-bottom: 15px;
    padding:5px;
    color: #fff;
    background-color: #cc69a6; 
    border: 1px solid #000;
}

.control-group
{
    margin-top: 15px;
}


.playbutton
{   
    width: 96px;
    height: 68px;
    color: #000;
    background: #cc69a6 url(../img/play_bl.png);
    background-position: left;
    background-repeat: no-repeat;
    cursor: pointer;
    border-radius: 18px; 
    -moz-border-radius: 18px; 
    -webkit-border-radius: 18px; 
    border: 0px solid #cc69a6;
}

.playbutton:hover
{
    color: #fff;
    background: #000 url(../img/play_w.png);
    background-position: right;
    background-repeat: no-repeat;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}


@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}







/* -------------------------------- datepicker ----------------------------- */
#ui-datepicker-div {
    background-color: #cc69a6;
}
div.datepicker {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 196px;
	height: 147px;
	position: absolute;
	cursor: default;
	top: 0;
	left: 0;
	display: none;
}
.datepickerContainer {
	background: #121212;
	position: absolute;
	top: 10px;
	left: 10px;
}
.datepickerBorderT {
	position: absolute;
	left: 10px;
	top: 0;
	right: 10px;
	height: 10px;
}
.datepickerBorderB {
	position: absolute;
	left: 10px;
	bottom: 0;
	right: 10px;
	height: 10px;
}
.datepickerBorderL {
	position: absolute;
	left: 0;
	bottom: 10px;
	top: 10px;
	width: 10px;
}
.datepickerBorderR {
	position: absolute;
	right: 0;
	bottom: 10px;
	top: 10px;
	width: 10px;
}
.datepickerBorderTL {
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
}
.datepickerBorderTR {
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 10px;
}
.datepickerBorderBL {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 10px;
	height: 10px;
}
.datepickerBorderBR {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 10px;
	height: 10px;
}
.datepickerHidden {
	display: none;
}
div.datepicker table {
	border-collapse:collapse;
}
div.datepicker a {
	color: #eee;
	text-decoration: none;
	cursor: default;
	outline: none;
}
div.datepicker table td {
	text-align: right;
	padding: 0;
	margin: 0;
}
div.datepicker th {
	text-align: center;
	color: #999;
	font-weight: normal;
}
div.datepicker tbody th {
	text-align: left;
}
div.datepicker tbody a {
	display: block;
}
.datepickerDays a {
	width: 20px;
	line-height: 16px;
	height: 16px;
	padding-right: 2px;
}
.datepickerYears a,
.datepickerMonths a{
	width: 44px;
	line-height: 36px;
	height: 36px;
	text-align: center;
}
td.datepickerNotInMonth a {
	color: #666;
}
tbody.datepickerDays td.datepickerSelected{
	background: #136A9F;
}
tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected {
	background: #17384d;
}
tbody.datepickerYears td.datepickerSelected,
tbody.datepickerMonths td.datepickerSelected{
	background: #17384d;
}
div.datepicker a:hover,
div.datepicker a:hover {
	color: #88c5eb;
}
div.datepicker td.datepickerNotInMonth a:hover {
	color: #999;
}
div.datepicker tbody th {
	text-align: left;
}
.datepickerSpace div {
	width: 20px;
}
.datepickerGoNext a,
.datepickerGoPrev a,
.datepickerMonth a {
	text-align: center;
	height: 20px;
	line-height: 20px;
}
.datepickerGoNext a {
	float: right;
	width: 20px;
}
.datepickerGoPrev a {
	float: left;
	width: 20px;
}
table.datepickerViewDays tbody.datepickerMonths,
table.datepickerViewDays tbody.datepickerYears {
	display: none;
}
table.datepickerViewMonths tbody.datepickerDays,
table.datepickerViewMonths tbody.datepickerYears,
table.datepickerViewMonths tr.datepickerDoW {
	display: none;
}
table.datepickerViewYears tbody.datepickerDays,
table.datepickerViewYears tbody.datepickerMonths,
table.datepickerViewYears tr.datepickerDoW {
	display: none;
}
td.datepickerDisabled a,
td.datepickerDisabled.datepickerNotInMonth a{
	color: #333;
}
td.datepickerDisabled a:hover {
	color: #333;
}
td.datepickerSpecial a {
	background: #700;
}
td.datepickerSpecial.datepickerSelected a {
	background: #a00;
}






/* -------------------------------- Superfish ------------------------------ */


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
    
    font-family: "dederon_serif_stdsemibold_ff";
    font-style: normal;
    font-weight: 500;
    font-stretch: normal; 
    font-size: 17px;
    
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
        display: block;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}

.sf-menu a > span.menuitemlabel {

}
.sf-menu a > span:hover {

}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		101;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu ul {
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
}
.sf-menu a {
    padding: 		.75em .1em .75em 1em;
    text-decoration:none;
    border-bottom: none;
}
.sf-menu > li:last-child {
    padding-right: 1em;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#000;
}
.sf-menu li {
	background:		#fff;
}
.sf-menu li li {
	background:		#ddd;
}
.sf-menu li li li {
	background:		#eee;
        min-width: 350px;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
        background: #ccc; 
	outline: 0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}


/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {
	background:		#eee;
	height:			2.5em;
	padding-bottom:	2.5em;
	position:		relative;
}
.sf-navbar ul {
	box-shadow: none;
}
.sf-navbar li {
	background:		#ddd;
 	position:		static;
}
.sf-navbar a {
	border-top:		none;
}
.sf-navbar li ul {
	width:			44em; /*IE6 soils itself without this*/
}
.sf-navbar li li {
	background:		#aaa;
	position:		relative;
}
.sf-navbar li li ul {
	width:			13em;
}
.sf-navbar li li li {
	width:			100%;
}
.sf-navbar ul li {
	width:			auto;
	float:			left;
}
.sf-navbar a, .sf-navbar a:visited {
	border:			none;
}
.sf-navbar li.current {
	background:		#BDD2FF;
}
.sf-navbar li:hover,
.sf-navbar li.sfHover,
.sf-navbar li li.current,
.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active {
	background:		#BDD2FF;
}
.sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li,
.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {
	background:		#D1DFFF;
}
ul.sf-navbar li li li:hover,
ul.sf-navbar li li li.sfHover,
.sf-navbar li li.current li.current,
.sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active {
	background:		#E6EEFF;
}
ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
}
ul.sf-navbar .current ul ul {
	top: 			-999em;
}

.sf-navbar li li.current > a {
	font-weight:	bold;
}

/*** point all arrows down ***/
/* point right for anchors in subs */
.sf-navbar ul .sf-sub-indicator { background-position: -10px -100px; }
.sf-navbar ul a > .sf-sub-indicator { background-position: 0 -100px; }
/* apply hovers to modern browsers */
.sf-navbar ul a:focus > .sf-sub-indicator,
.sf-navbar ul a:hover > .sf-sub-indicator,
.sf-navbar ul a:active > .sf-sub-indicator,
.sf-navbar ul li:hover > a > .sf-sub-indicator,
.sf-navbar ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}


.eventNav
{
    background-color:#fff;    
    font-size: 95%;
    position:absolute;
    font-size: 95%;
    margin:0px;
}
.eventNav.next
{
    padding:5px 10px 0px 20px;
    right:0px;    
}

.hide
{
    display:none;
}

.show
{
    display:block;
}

.eventNav a, .eventNav a:hover
{
    border-bottom:none;
    
}
/* zoekbox label */
.input.homepage span {
  position: absolute;
  right: 185px;
  margin: 12px 0px 0px 0px;
  color: white;
}

.input.contentpage span {
  position: absolute;
  margin: 13px 0px 0px 16px;
  color: white;
}

/* Hack to remove Safari's extra padding. Remove if you don't care about pixel-perfection. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .input input, .input textarea, .input select { padding: 4px; }
}
/* zoekbox label */

.homeknop {
    float:left;
    margin:0;
    background-color: white;
}

.homeknop a {
    margin: 0;
    padding: 0;
    height: 100%;
}

.homeknop a:hover {
    background: none;
}

.boxrightmenub.homeicon
{
    display:none;
}

/* Formulieren */
.ccm-input-button {
    border: 0;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 15px;
    font-family: "dederon_serif_stdsemibold_ff", georgia, serif; /* normalize.css heeft dit gewijzigd naar sans serif */
    color: #fff;
    background-color: #000;
}

.ccm-input-button:hover {
    background-color: #e52f12;
}
/* Uitklap lees meer blok */
.uitklap-blok-leesmeer {
    display: none;
    background-color: rgba(0,0,0,0.1);
    padding: 20px;
    margin-top: 10px;
}
.uitklap-blok-leesmeer .fa-close {
    position: relative;
    margin-bottom: 10px;
    margin-left: 10px;
    float: right;
    cursor: pointer;
}
.uitklap-blok-leesmeer .fa-close:hover {
    color: #cc69a6;
}
.leesmeer-click {
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
}
.monthcolor {
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.monthcolor.open {
    -webkit-transform: rotate(90deg); 
    -moz-transform: rotate(90deg); 
    display: inline-block;
}

/* Camera Slider block */

.camera_caption > div {
    padding: 2px;
    padding-right: 6px;
    padding-left: 6px;
    text-transform: uppercase;
    font-family: 'DINProFF', Verdana, sans-serif;
    font-size: 90%;
    font-style: normal;
    font-weight: normal;
    font-stretch: normal;
}

/* Nieuw zoekoverzicht */

.searchpage .leftbox {
    background-color: rgba(0,0,0,0.1);
    margin-top: 0px;
}

.ui-datepicker .ui-state-active {
    background-color: #cc69a6;
    color: #fff;
}

.ui-datepicker .ui-datepicker-header {
    background: rgba(0,0,0,0.1);
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 2px;
}

.ui-datepicker .ui-state-default.ui-state-hover {
    font-weight: normal;
    background: rgba(0,0,0,0.1);
}

.searchpage .searchbox, .searchpage .checkboxomvat, .searchpage .checkbox-locatie-omvat, .searchpage .checkbox-prijs-omvat {
    padding-left: 15px;
    padding-right: 15px;
    clear: both;
}

.searchpage .searchbox form {
    clear: both;
}

.searchpage .searchbox input {
    border:1px solid #000;
    padding: 5px;
    margin-bottom: 10px;
}

.searchpage .searchbox input[type="search"], .searchpage .searchbox input[type="text"] {
    border-radius: 0;
    -webkit-appearance: none;
}

.searchpage .searchbox .btn {
  display: block;
  border:0;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  width: 96px;
  padding: 4px 30px 4px 10px;
  background: #000;
  background-repeat: no-repeat;
  background-position: 20px 4px;
  background-size: 100%;
}

.searchpage .searchbox .btn:hover {
    background: #cc69a6;
}

.searchpage .searchbox button {
    padding: 5px;
    border: 1px solid #cc69a6;
    background-color: #cc69a6;
    color: #fff;
    margin-left: -5px;
    width:30px;
}

.searchpage .searchbox button:hover {
    background-color: #000;
    border-color: #000;
}

.searchpage input[type="checkbox"] {
    position: absolute;
    border: 1px solid #000;
    margin-top: 3px;
    padding-bottom: 2px;
    cursor: pointer;
}

.searchpage label {
    position: relative;
    display: block;
    margin-left: 25px;
    padding-bottom: 2px;
}

.searchpage .leftbox h5 {
    position: relative;
    float: left;
    margin-bottom: 3px;
}

.searchpage .toonverberg {
    position: relative;
    float: left;
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.searchpage .toonverberg h5 {
    text-align: left;
}

.searchpage .toonverberg .fa {
    color: #cc69a6;
    text-align: right;
    display: block;
}

.searchpage .filters {
    position: relative;
    clear: both;
    display: none;
}

.homeknop {
    width: 49px;
    height: 43px;
    background-image: url('../img/basic_home.png') !important;
    background-size: 24px 24px !important;
    background-repeat: no-repeat !important;
    background-position: 10px 7px !important;
}

.homeicon {
    background: url('../img/basic_home.png');
    background-color: #cc69a6;
    background-image: url('../img/basic_home_w.svg'), none;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: 9px 7px;
}



@media only screen and (max-width: 1700px) {
    .searchResultsBox
    {
        margin-right: 0;
    }

    .header
    {
        margin-top: 0px;
    }
    
    .headtoolbar
    {
        margin-right: -12px;
    }
    
    .eventbox .textm1
    {
        margin-left: 15px;
    }
    
    .leftexm
    {
        margin-left: 15px;
    }
    
    .rightexm
    {
        margin-right: 15px;
    }
}

@media only screen and (max-width: 1540px) {   
    
    .content .rightbox
    {
        margin-left: 290px;
        margin-bottom: 30px;
        float: left;
    }
    
    .newmargr
    {
        margin-right: 0px !important;
    }
    
    .eventlargeitem, .news-container
    {
       width: 101.5%;
    }

    .eventcontainbanner .eventbox3
    {
        display:none;
    }
    
    .eventbox 
    {
        width: 25%;
    }
    .footerbox 
    {
        width: 25%;
    }
       
    .eventbox4
    {
        display: none;
    }
    
    .leftbox /* linker box op event pagina */
    {
        float: left; 
        width: 450px; 
    }
    
    .leftbox img
    {
        width: 100%;
        height: auto;
    }
    
    .eventslidecontainer, .eventslide
    {
        width: 450px; 
    }

    .growbox /* rechter fluid box */
    {
        margin-left: 470px; 
        max-width: 1050px;
    }
    
    .eventtime
    {
        font-size: 95% !important;
    }
    
    .event h1, .event h2
    {
        font-size: 160% !important;
    }
    
    .eventtagline
    {
        float:left; 
        width:100%;
        margin-bottom: 20px;
        font-size: 100%;
    }
    
    .leftboxleft, .leftboxright
    {
        float:left; 
        width:100%;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 1350px) {
   .headerinfomonth
    {
        display: none;
    }
    
}

@media only screen and (max-height: 820px) {
    .header
    {
        height: 335px;
    }
    
    .menuwrap, .boxright  {
        margin-top: 262px;
    }
    
    .logo
    {
        margin-top: 244px;
    }
    
    .headerinfomonth {
        margin-top: -93px;
    }
    
    .headerinfo {
        margin-top: -273px;
        border: none;
    }
    
    .headerinfomonth img
    {
        height: 300px;
    }
}

@media only screen and (max-width: 1280px) {
    #calendarInner .calDate {
        padding-top: 2px;
    }  
    
    .lefticket
    {
        width: 100% !important;
        position: relative !important;
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px dashed #999;
    }
    
    .growboxticket
    {
        width: 100% !important;
        margin: 0 !important;
        float: left !important;
    }
}

@media only screen and (max-width: 1220px) {
    .topright label.input
    {
        display: none;
    }
    .boxrightmenuz
    {
        width: 42px;
    }    
    .searchb
    {
        margin-left: 8px;
    }
}

@media only screen and (max-width: 1150px) {
    
    .doublehalve
    {
        width: 100%;
        float: left;
    }
    
    .doublelm, .doublerm
    {
        margin-left: 0px;
        margin-bottom: 20px;
    }


    .eventcontainbanner .eventbox3, .eventcontainbanner .eventbox4
    {
        display: block;
    }
    .eventcontainbanner .eventbox5
    {
        display: none;
    }

    
    .maxmenu
    {
        max-width: none;
    }

    .doublehalvemright
    {
        margin-left: 0px;
    }
    
    .leftbox /* linker box op event pagina */
    {
        float: left; 
        width: 350px; 
    }
    
    .eventslidecontainer, .eventslide
    {
        width: 350px; 
    }

    .growbox /* rechter fluid box */
    {
        margin-left: 370px; 
        max-width: 1050px;
    }
    
    .logo
    {
        margin-left: 2%;
        margin-top: 284px;
    }
    
    .menuwrap, .boxright {
        margin-top: 302px;
    }
    
    .header
    {
        height: 375px;
    }
    
    .headerinfo
    {
        margin-top: -274px;
    }
    
    .eventlargeitem, .news-container
    {
        width: 103.4%;
    }
    
    .eventselectlist2 .eventbox
    {
        width: auto;
    }

    .eventselectlist2 .eventimgcontainer
    {
        width: auto;
        float: none;
    }
    
    .eventbox
    {
        width: 33% !important;
        margin-bottom: 20px;
    }
    
    .footerbox
    {
        width: 33% !important;
    }
    
    .eventselectlist1 .eventbox
    {
        width: 100% !important;
    }
        
    .eventbox3
    {
        display: block;
    }
    
    .eventbox4
    {
        display: block;
        clear: both;
    }

    #searchResults .eventbox4 {
        clear: none;
    }
    
    .eventbox5
    {
        display: block;
    }
       
    .eventbox .textm1, .eventbox .textm4
    {
        margin-left: 15px;
    }
    
    .headtoolbar-container
    {
        height: 25px;
    }
    
    .headtoolbar
    {
        margin-top: 4px;
        font-size: 92%;
    }
    /*
    .topright .searchbox
    {
        display: none;
    }
    */    
    .boxrightmenuz
    {
        width: 42px;
    }
    
    .content h1
    {
        font-size: 160%;
    }

    .buttonContainer {
        height: 85px;
    }

    .buttonContainerExp {
        height: 105px;
    }
}

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

    #calendarInner .calDate {
        padding-top: 0px;
        height: 13%
    }
    
    .searchGenre
    {
        display: none;
    }
    
    .moviedescription
    {
        margin-left:20px;
    }

    .searchResultsBox {
        /* margin-right: -20px; */
    }
    
    .searchpage .leftbox {
        float: left;
        width: 100%;
        position: relative;
    }
    
    .content .searchpage .leftbox {
        width: 270px;
    }
    
    .searchpage .eventbox {
        height: 408px;
    }

    .searchpage .searchResultsBox #searchResults .eventbox {
        float: left;
    }
    
    .eventslidecontainer
    {
        overflow: auto;
    }
    
    .boxedcontainer {
        /* width: 31%; weggehaald omdat gewone pagaina */
        margin-right: 20px;
    }

    #golifebuytxt
    {
        width: 1px;
        overflow: hidden;
        margin-right: 0px;
    }
    
    #golifebuytxtt
    {
        display: none;
    }
    
    #golifebuytxtth
    {
        display: inline;
    }
    
   
}

@media only screen and (max-width: 924px) {
    .eventHeader .buttonContainer {
        position: relative;
        top: 0px;
        float: right;
    }
    .main-container h4.eventtime {
        margin-right: 0px;
    }
}

@media only screen and (max-width: 800px) {
    .news-message {
        width: 50%;
    }
    .news-message .inner {
        margin-bottom: 20px;
    }
    .newslist {
        border-top:0;
        border-bottom:0;
    }

    .searchpage label {
        padding-bottom: 6px;
    }

    .list-search .list-search-item, .numberOfResults {
        margin-left: 15px;
        margin-right: 15px;
    }

    .searchpage .toonverberg { 
        display: block;
    }

    .searchpage .filters {
        display: none;
    }

    .event h1, .event h2 {
        font-size: 147% !important;
    }
    
    .content .searchpage .leftbox {
        width: 100%;
    }

    .eeeventname
    {
        margin-top:5px !important;
        margin-bottom:5px !important;
    }
    
    .eeeeventname
    {
        margin-top:5px !important;
        margin-bottom:5px !important;
    }

    .boxedcontainer {
        width: 100%;
        margin-right: 0px;
    }
    
    .eventtaglineh
    {
        width: 100% !important;
    }

    .searchfilterbox
    {
        margin-top: 0px;
    }
    
    .event .main-container h1
    {
         width: 65%;
    }

    .event .sizeClose
    {
        height: 1px;
        overflow: hidden;
        border-bottom: 1px dashed #999;
        margin-top: 20px;
    }

    .eventcontainbanner .eventbox3, .eventcontainbanner .eventbox4
    {
        display: none;
    }

    .event .sizeCloseButton
    {
        display:block;
        margin-bottom: 20px;
    }

    #calendarInner .calDate {
        padding-top: 1px;
        height: 13%;
    }

    .bodymarg
    {
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
    }
    
    .eventSlideButton {
        margin-top: -47px;
    }
    
    .searchResultsBox {
        margin-right: 0px;
        margin-left: 0px;
    }
    
    .searchbox
    {
        margin-top: 30px;
        margin-bottom: 30px;
        margin-left: 20px;
    }

    .searchpage .searchbox {
        margin-left: 0px;
    }
    
    .newslist
    {
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 20px;
    }
    
    .leftboxleft, .leftboxright {
        padding-bottom: 20px;
        border-top: dashed #333 0px;
        padding-top: 20px;
        margin-top: 20px;
    }
        
    .eventlsitmore
    {
        font-size: 130%;
    }
    
    .content h1
    {
        font-size: 140%;
    }
   
    .content .leftexm
    {
        margin-left: 20px;
        /*margin-right: 20px;*/
    }
    
    .rightbox .leftexm
    {
        margin-left: 15px;
    }
    
    .leftbox .leftexm 
    {
        margin-left: 15px;
        margin-right: 10px;
    }
    
    .content .leftbox
    {
        width: 100%;
        margin-left: 0px;
        margin-top: 0px;
        margin-bottom: 20px;
        float: left;
        position: static;
    }
    .searchpage .leftbox {
        position: relative;
    }

    .searchpage .searchResultsBox {
        width: 100%;
        position: relative;
        float: left;
    }
    
    .content .leftbox img
    {
        width: 100%;
        height: auto;
    }
    
    .eventslidecontainer
    {
        width: 100%; 
    }
    
    .content .growbox
    {
        width: 100%;
        margin-left: 0px;
        margin-top: 20px;
        float: right;
    }
    
    .content .rightbox
    {
        margin-left: 0px;
        width: 100%;
    }
    
    .content .menuwrap
    {
        margin-top: 2px;    
    }
    
    .eventlargeitem, .news-container
    {
        width: 103%;
    }
    
    .headerinfo {
        margin-top: -241px;
        margin-left: 30px;
    }
    
    .toptimel
    {
        font-size: 420%;
        color: white;
    }
    
    .headerinfot
    {
        display: none;
    }
    
    .leftbox img
    {
        /*margin-bottom: 15px;*/
    }
    
    .eventPhotoText {
        margin-left: 39%;
        margin-right: 0%;
    }
    
    .eventselectlist1 .eventbox
    {
        width: auto;
    }

    .eventselectlist1 .eventimgcontainer
    {
        width: auto;
        float: none;
    }
    
    
    .eventbox
    {
        width: 50% !important;
        margin-top: 0px;
        height: auto;
    }
    
    .footerbox
    {
        width: 50% !important;
    }

    footer .footerbox:nth-child(odd) {
        clear: left;
    }

    .eventselectlist1 .eventbox
    {
        width: 100% !important;
        margin-top: 0px;
        height: auto;
    }
    
    .eventselectlist .eventbox {
         height: auto;
         min-height: 395px;
    }
    
    .eventbox1
    {
        display: block;
        clear: both;
    }
    
    .eventbox3
    {
        display: block;
        clear: both;
    }
    
    .eventbox4
    {
        display: none;
    }
    
    .eventbox5
    {
        display: none;
    }
       
    .eventbox .textm1, .eventbox .textm3, .eventbox .textm5
    {
        margin-left: 15px;
    }
    
    .header
    {
        height: 240px;
    }
    
    
    .sf-menu
    {
        width: 100%;
        margin: 0px;
    }
    
    .sf-menu li
    {
        width: 100%;
        float: none;
        border-bottom: 1px solid #ccc;
    }
    
    .sf-menu ul {
                width: 100% !important;
                position: static;
                display: none;
                border: none;
                background: inherit;
    }

    .sf-menu .sf-hover .level1 li .level2 {
        display: none;
    }
    
    .menuwrap 
    {
        margin-top: 0px;
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }
    
    .event .menuwrap
    {
        margin-top: 0px;
    }
    
    .logo {
        margin-left: 10px;
        margin-bottom: 10px;
        margin-top: 152px;
    }
    .boxright {
        margin-top: 170px;
    }
    
    
    .leftbox {
        clear: both;
        width: 100%;
    }
    
    .growbox /* rechter fluid box */
    {
        margin-left: 0px; 
        position: static;
    }
    
    .event .leftbox .bordert, .event .leftbox .borderb
    {
        display: none;
    }
    
    .rightexm
    {
        margin-right: 15px;
        margin-left: 15px;
    }

    .eventHeader .buttonContainer {
        position: absolute;
        top: 20px;
        float: none;
        border-right: 15px solid #fff;
    }

    .main-container h4.eventtime {
        margin-right: 275px;
    }

    .eventHeader .buttonContainerExp {
        height: 150px;
    }

    .event .leftexm .eeeeventname, .event .leftexm .eeeventname {
        margin-right: 285px;
        width: initial !important;
    }

    .sf-menu > li:last-child {
        padding-right: 0;
    }

    .news-message:nth-child(odd) {
        clear: left;
    }

}

@media only screen and (max-width: 600px) {
    .news-message {
        width: 100%;
    }

    .searchpage .eventbox {
        height: auto;
    }
    .eventHeader .buttonContainer {
        position: relative;
        top: 0px;
        float: right;
        margin-right: 15px;
        border: none;
    }

    .main-container h4.eventtime {
        margin-right: 0;
    }

    .event .leftexm .eeeeventname, .event .leftexm .eeeventname {
        margin-right: initial;
        width: initial !important;
    }

    .zoekOpDatumFilters #calendarInner .calDate {
        padding-top: 9px;
        height: 9%;
    }

    #calendarInner .calDate {
        padding-top: 9px;
        height: 12%;
    }

    .eventlargeitem, .news-container {
        width: 100%;
    }
    
    .eventlsitmore a
    {
        height: 26px;
    }
    
    .eventimgcontainer {
        margin-right: 0px;
    }
    
    .eventbox
    {
        width: 100% !important;
        height: auto;
    }
    .footerbox
    {
        width: 100% !important;
    }
    .footerbox
    {
        width: 100% !important;
    }

    .eventbox .textm
    {
        margin-left: 15px;
    }
}

@media only screen and (max-width: 500px) {
    #calendarInner .calDate {
        padding-top: 9px;
        height: 11%;
    }
    
    .google_translate_element
    {
        display:none;
    }
    #wishContainer td.img {
        display: none;
    }
    .wishlist-user {
        float: left;
        margin: 0;
    }
}

@media only screen and (max-width: 400px) {
    .eventlsitmore
    {
        font-size: 100%;
    }

    #calendarInner .calDate {
        padding-top: 9px;
        height: 9%;
    }
    
    #eventimgcontainerhome
    {
        height: 220px;
    }

    .header
    {
        background-size: cover;
        height: 210px;
    }
    
    .toptimel {
        display: none;
    }
    
    .headtoolbar
    {
        color: #000;
    }
    
    .logo {
        margin-top: 122px;
    }
    
   
       
}

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

    .boxright {
        margin-top:20px;
        margin-left:-230px;
        width:230px;
        position:absolute;
    }
    header .topright .boxright {
        width: 290px;
        margin-left: -290px;
    }
    .topright{
        float:right;
    }

    .event .boxright, .content .boxright
    {
        margin-top: 5px;
    }

    .homeknop {
        display:none;
    }
    .boxrightmenub.homeicon {
        display:block;
    }
}

/* Animations */
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes bounce {
    0%, 100%, 20%, 53%, 80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -5px,

        transform: translate3d(0, -5px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0)
    }
}

@keyframes bounce {
    0%, 100%, 20%, 53%, 80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -10px, 0);
        -ms-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -5px, 0);
        -ms-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -2px, 0);
        -ms-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0)
    }
}
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

#searchResults .eventbox3, #searchResults .eventbox4, #searchResults .eventbox5
{
    display: block !important;
}