/* @override http://dev.statik.be/stuksite/themes/stuk/styles/theme.css */

@import url('reset.css');
@import url('joppa.css');

/* @group global layout */

    html {
        height: 100%;
        line-height: 67%;
        background: url('../images/background_site_ie_repeat.gif') repeat-y center top;
    }
    
    body {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 67%;
        line-height: 1.4em;
        padding-top: 35px;
        background: transparent;
        color: #464646;
        height: 100%;
        width: 100%;
        background-image: url('../images/background_site.gif');
        background-repeat: no-repeat;
        background-position: center top;
    }
    
    body.background_wt_xxx {
        background-image: url('../images/background_site_sin_xxx.gif');
    }
    
    a {
        color: #2d6883;
        text-decoration: none;
    }
    
    a:hover {
        text-decoration: none;
    }
    
    hr {
        clear: both;
    }

/* @end */

/* @group layout */

    #container {
        font-size: 1.2em;
        padding: 0px;
        margin: 0px auto 0px auto;
        width: 925px; 
    }

/* @end */

/* @group header */

    #branding {
        background: #ffffff;
        margin: 0px 0px 0px 0px;
        padding: 10px 0px;
        float: left;
        width: 925px;
    }

    #branding h1 {
        float: left;
        font-size: 1.8em;
        margin-left: -20px;
        margin-right: 20px;
        position: relative;
    }
    
    #branding h1 a {
        text-indent: -9999px;
        display: block;
        height: 65px;
        width: 65px;
        background: url('../images/logo_stuk.gif') top left no-repeat;
    }
    
    #branding blockquote a {
        float: left;
        text-indent: -9999px;
        width: 53px;
        height: 22px;
        margin-left: 15px;
        background: url('../images/button_start.gif') top left no-repeat;
    }
    
    #branding #optional {
        float: right;
        width: 255px;
    }
    
    #branding #optional #languageSelect {
        float: left;
        margin-right: 10px;
    }
    
    #branding #optional #languageSelect li {
        float: left;
        margin-right: 5px;
        height: 20px;
        padding-top: 5px;
    }
    
    #branding #optional #languageSelect li a {
        color: #2b637a;
        text-decoration: none;
        border-bottom: 1px dotted #2b637a;
    }
    
    #branding #optional #formSearch{
        width: 210px;
        float: left;
    }
    
    #branding #optional #formSearch #formSearchQuery {
        border: 0px;
        background: #eaf0e2;
        width: 145px;
        height: 20px;
        float: left;
    }
    
    #branding #optional #formSearch #formSearchSubmit {
        float: left;
        margin-left: 5px;
        height: 22px;
        width: 55px;
    }
    
/* @end */

/* @group nav lists */

    #navigation {
        margin: 0px;
        padding: 0px;
        width: 780px;
        float: left;
    }
    
    ul.nav a {
        text-decoration: none;
        font-weight: normal;
    }

    ul.nav a:hover {
        text-decoration: underline;
    }

        
    ul.nav li {
        margin-right: 0.5em;
        float: left;
    }
    
    ul.nav li:after {
        margin-left: 0.3em;
        content: ' ';
    }
    
    ul.nav li.last:after {
        content: '';
    }   
    
    ul.nav li.selected, 
    ul.nav li.selected ul li.selected, 
    ul.nav li.selected ul li.selected ul li.selected {
        font-weight: bold;
    }
    
    ul.nav li ul, 
    ul.nav li.selected ul li ul, 
    ul.nav li.selected ul li.selected ul li ul {
        display: normal;
    }
    
    ul.nav li.selected ul, 
    ul.nav li.selected ul li.selected ul, 
    ul.nav li.selected ul li.selected ul li.selected ul {
        display: block;
    }
    
    /* @group nav_primary */
    
        #navigation #nav_primary {
            margin: -35px 0px 0px 80px;
            width: 850px;
            line-height: 1.4em;
            display: block;
            position: relative;
        }
        
        #navigation #nav_primary ul {
            height: 22px;
            float: right;
            width: 469px;
            margin: 0px 0px 0px 3px;
            text-align: right;
        }
         
        #navigation #nav_primary ul li {
            list-style-type: none;
            padding-left: 1px;
            padding-right: 2px;
            font-size: 0.9em;
            display: inline;
            clear: none;
            float: left;
            margin-top: 4px;
            color: #606060;
        }
        
        #navigation #nav_primary ul li a {
            text-decoration: none;
            color: #606060;
        }

        #navigation #nav_primary ul li.today {
            border: 1px solid #CCC;
        }

        #navigation #nav_primary ul li.weekend {
            font-weight: bold;
        }
        
        #navigation #nav_primary p a.next_month {
            float: right;
            background: url('../images/button_volgende_maand.gif') top left no-repeat;
            height: 22px;
            width: 120px;
            text-indent: -9999px;
        }
        
        #navigation #nav_primary p a.previous_month {
            float: left;
            background: url('../images/button_vorige_maand.gif') top left no-repeat;
            height: 22px;
            width: 104px;
            text-indent: -9999px;
        }
        
        
        .nl #navigation #nav_primary p a.previous_month {
            float: left;
            background: url('../images/button_vorige_maand.gif') top left no-repeat;
            height: 22px;
            width: 104px;
            text-indent: -9999px;
        }
        
        .nl #navigation #nav_primary p a.next_month {
            float: right;
            background: url('../images/button_volgende_maand.gif') top left no-repeat;
            height: 22px;
            width: 120px;
            text-indent: -9999px;
        }
        
        .en #navigation #nav_primary p a.next_month {
            background: url('../images/button_next_month.gif') top left no-repeat;
            width: 105px;
        }
        
        .en #navigation #nav_primary p a.previous_month {
            background: url('../images/button_previous_month.gif') top left no-repeat;
            width: 110px;
        }
        
        #navigation #nav_primary p a.this_month {
            float: left;
            margin-left: 10px;
            color: #2b637a;
            text-decoration: none;
            border-bottom: 1px dotted #2b637a;
            margin-top: 4px;
        }
        
        #navigation #nav_primary p a.this_week {
            float: left;
            margin-left: 10px;
            color: #2b637a;
            text-decoration: none;
            border-bottom: 1px dotted #2b637a;
            margin-top: 4px;
        }
    
    /* @end */
    
    /* @group nav_secondary */
    
        #navigation #nav_secondary {
            margin: 0px -2px 10px 0px;
            padding: 10px 10px 12px 10px;
            top: 115px;
            margin-left: 620px;
            width: 260px;
            position: absolute;
        }
        
        #navigation #nav_secondary ul {
            clear: both;
            margin-bottom: 30px;
            display: block;
            line-height: 1.6em;
        }

        #navigation #nav_secondary ul li {
            float: left;
            width: 120px;
            font-weight: normal;
        }
        
        #navigation #nav_secondary ul li:after {
            content: '';
        }
        
        #navigation #nav_secondary ul li.last:after {
            /* display: block; */
            content: ' ';
            margin-bottom: 30px;
        }
        
        #navigation #nav_secondary ul li ul {
            text-align: left; 
            width: 240px;           
        }
        
        #navigation #nav_secondary div.breadcrumbs {
            margin-bottom: 1.0em;
        }
        
        #navication #nav_secondary div#newsblock {
            clear: left;
        }
        
    /*  #navication #nav_secondary li#info a, 
        #navication #nav_secondary li#programma a {
            display: block;
            width: 480px;
        }

        #navigation #nav_secondary #programma, 
        #navigation #nav_secondary #info {
            margin: 0 200px 20px 0;
        }
        
        #navigation #nav_secondary #programma, 
        #navigation #nav_secondary #info {
            color: #2d6883;
            font-size: 1.8em;
            padding: 3px 0px;
            font-weight: bold;
            line-height: 0.6em;
        } */
        
        /** FIXED UP VERSION **/
        #navigation #nav_secondary h3 {
            color: #2d6883;
            font-size: 1.8em;
            display: inline-block;
            padding: 3px 0px;
            margin: 4px 100px 20px 0;
            /* line-height: 0.6em; */
            font-weight: bold;
            position: relative;
        }
        
        #navigation #nav_secondary #menu_menu1Sub1 h3 {
            margin: 0 100px 0 0;
        }
        
        #navigation #nav_secondary #menu_menu1Sub1 ul {
            margin: 20px 0 0 0;
        }
        
        #navigation #nav_secondary #menu_menu1Sub2 h3 {
            margin: 20px 100px 20px 0;
        }
    
        /* ENCAPSULATING HTML COMPONENT BLOCK */
        #navigation #nav_secondary #menu_block {
            position: absolute;
        }
                        
        #navigation #nav_secondary #menu_menu1Sub1 {
            margin: 23px 0 0 0;
        }
                
        /* Safari only */
        @media screen and (-webkit-min-device-pixel-ratio:0) {
            #navigation #nav_secondary h3 {
                margin: 0px 100px 10px 0;
            }
        }
        
        #navigation #nav_secondary h3 a {
            border-bottom: 1px dotted #2d6883;
            font-weight: bold;
        }
                
        /* taking control over the space between the two menu blocks */
        #navigation #nav_secondary #menu_menu1Sub1 li a,
        #navigation #nav_secondary #menu_menu1Sub2 li a {
            color: #333333;
            border-bottom: 1px dotted #333333;
            text-decoration: none;
            /* font-size: 0.5em; */
            font-size: 12px;
            display: inline;
        }
        
        #navigation #nav_secondary #menu_menu1Sub1 li a, 
        #navigation #nav_secondary #menu_menu1Sub2 li a {
            font-weight: normal;
        }
        
        #navigation #nav_secondary #menu_menu1Sub1 li a.selected, 
        #navigation #nav_secondary #menu_menu1Sub2 li a.selected,
        #navigation #nav_secondary #menu_menu1Sub1 a:hover, 
        #navigation #nav_secondary #menu_menu1Sub2 a:hover {
            font-weight: bold;
        }               
        
        #navigation #nav_secondary #nav_secondary_menu {
          height: 230px;
        }
        
        /* MIND THE GAP */
        #navigation #nav_secondary #newsblock {
            margin: /* 150px*/ 0 0 12px 0;
        }
        
        /* Safari only */
        @media screen and (-webkit-min-device-pixel-ratio:0) {
            #navigation #nav_secondary #newsblock {
                margin: /* 150px */ 0 0 12px 0;
            }
        }
        
        #navigation #nav_secondary ul.newsoverview {
            margin: 0 0 18px 0;
        }
        
        #navigation #nav_secondary ul.newsoverview li {
            float: none;
            width: 100%;
            clear: both;
        }
        
        #navigation #nav_secondary div.newsblock a,
        #navigation #nav_secondary ul.newsoverview li a {
            border-bottom:1px dotted #333333;
            color:#333333;
            display:inline;
            text-decoration:none;
            line-height: 1.6em;
            font-size: 0.9em;
        }
        
        #navigation #nav_secondary div.fixedblocks {
            display: block;
            position: absolute;
            top: 350px;
        }
        
        /* #navigation #nav_secondary #programma, #navigation #nav_secondary #info {
            color: #2d6883;
            font-size: 1.8em;
            display: inline-block;
            padding: 3px 0px;
            margin: 0 100px 20px 0;
            font-weight: bold;
            position: relative;
            line-height: 0.6em;
        } */
        
        /* Safari Only 
        @media screen and (-webkit-min-device-pixel-ratio:0) {
            #navigation #nav_secondary #programma, #navigation #nav_secondary #info {
                margin: 0 200px 20px 0;
            }
        }
        */
            
        /* #navigation #nav_secondary a, #navigation #nav_secondary #info a {
            border-bottom: 1px dotted #2d6883;
            font-weight: bold;
        }
        
        #navigation #nav_secondary #programma a.selected, #navigation #nav_secondary #info a.selected {
            font-weight: bold;
        }
        
        #navigation #nav_secondary #programma a:hover, #navigation #nav_secondary #info a:hover {
            font-weight: bold;
        }
        
        #navigation #nav_secondary #programma ul.nav li a, #navigation #nav_secondary #info ul.nav li a {
            font-weight: normal;
        }
        #navigation #nav_secondary #programma ul.nav li a.selected, #navigation #nav_secondary #info ul.nav li a.selected {
            font-weight: bold;
        } */
        
        /* #navigation #nav_secondary ul li#programma ul, #navigation #nav_secondary ul li#info ul {
            margin-top: 10px;
        }

        #navigation #nav_secondary ul li#programma ul li, #navigation #nav_secondary ul li#info ul li {
            margin: 0px;
            padding: 0px;
            height: 1em;
            float: left;
            display: inline;
            width: 120px;
        }
        
        #navigation #nav_secondary ul li#programma ul li.separator, #navigation #nav_secondary ul li#info ul li.separator {
            width: 200px;
            clear: both;
        }
        
        
        #navigation #nav_secondary ul li#programma ul li a, #navigation #nav_secondary ul li#info ul li a {
            color: #333333;
            border-bottom: 1px dotted #333333;
            text-decoration: none; */
            /* font-size: 0.5em; */
        /*  font-size: 12px;
            display: inline;
        }
        
        #navigation #nav_secondary ul li a:hover {
            text-decoration: none;
        } */
    /* @end */
    
    /* @group upcoming */
    #navigation #nav_secondary p.margin-muziek {
        height: 0px;
        margin-bottom: 325px;
        overflow: hidden;
    }
    
    /* Safari Only */
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        #navigation #nav_secondary p.margin-muziek {
            margin-bottom:355px;
        }
    }
    #navigation #nav_secondary .upcoming {
        margin-bottom: 15px;
    }
    #navigation #nav_secondary .upcoming ul.upcominglist {
        margin-bottom: 0px;
    }
    #navigation #nav_secondary .upcoming ul.upcominglist li {
        display: block;
        width: 100%;
        float: none;
    }
    #navigation #nav_secondary .upcoming h3 {
        font-size: 1.4em;
        letter-spacing: 0.1em;
        margin: 0 0 5px 0;
    }
        
    /* @end */
    
    
    /* @group event */
    #navigation #nav_secondary .event {
        height: 170px;
        width: 255px;
        float: left;
        margin: 0px 20px 0px 0px;
/*      position: absolute;
        top: 320px;*/
        background: #2f6885;
    }
    
    #navigation #nav_secondary .event h3 {
        margin: 0;
        font-size: 1.0em;
    }

    #navigation #nav_secondary .expo .metadata .text h3 a {
        border-bottom: none;
    }
    
    #navigation #nav_secondary .event .image {
        position: absolute;
        float: left;
        z-index:0;
    }
    
    #navigation #nav_secondary .event .image img {
        padding: 0px;
        border: 0;
    }
            
    #navigation #nav_secondary .event .title {
        clear: both;
        background-color: #ffffff;
        padding: 5px;
        max-width: 180px;
        margin-top: 20px;
        margin-left: -20px;
        display: inline-block;
        position: absolute;
    }
    /* Safari Only */
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        #navigation #nav_secondary .event .title  {
            margin-top: 10px;
        }
    }
        
    #navigation #nav_secondary .event .title a {
        color: #464646;
        text-decoration: none;
        position: relative;
    }
                    
    #navigation #nav_secondary .event .metadata {
        display: block;
        margin-top: 115px;
        margin-right: 10px;
        max-height: 50px;
        color: #464646;
    }

    #navigation #nav_secondary .event .metadata span.background{
        -moz-opacity:0.8;
        opacity: 0.8;
        height: 55px;
        display: block;
        position: relative;
        background: #ffffff;
    }
            
    #navigation #nav_secondary .event .metadata span.text {             
        -moz-opacity:1;
        opacity: 1;
        background:  transparent;
        margin-top: -53px;
        max-height: 50px;
        font-weight: bold;
        display: block;
        position: relative;
        padding: 0 20px 0 5px;
        line-height: 1.3em;
    }

    /* @end */

    /* @group navigation buttons */
    
    /* @end */

    /* @group navigation hover, selected */
    
    /* @end */
    
    /* @group navigation submenu2 stuk hover, selected */
        #nav_ternary ul.nav {
            padding-bottom: 25px;
        }
        #nav_ternary ul.nav li {
            margin-bottom: 10px;
        }
        #nav_ternary ul.nav li a {
            border-bottom:1px dotted #333333;
            color:#333333;
            display:inline;
            font-size:1em;
            text-decoration:none;
            font-weight: bold;
            padding-right: 5px;
        }
        #nav_ternary ul.nav li.selected a {
            color: #2d6883;
            border-bottom: none;
            border-bottom:1px dotted #2d6883;
        }
        
        
    /* @end */

/* @end */

/* @group content */

    #content {
        float: right;
        margin: 0px 0px 0px 0px;
        width: 915px;
    }

    /* @group content_primary */

    
        #content #content_primary {
            padding: 10px 10px 50px 50px;
            line-height: 1.0em;
            margin-left: 0px;
            width: 520px;
            min-height: 450px;
            float: left;
        }
        
        #content #content_primary h1 {
            font-size: 2em;
            line-height: 2em;
        }
        
        #content #content_primary h2 {
            font-size: 1.5em;
            line-height: 1.5em;
            margin-bottom: 0.5em;
        }

        #content #content_primary h3 {
            font-size: 1.5em;
            line-height: 1em;
            background-color: #ffffff;
            padding: 5px;
            margin-top: 20px;
            margin-left: -5px;
            color: #464646;
            margin-bottom: 0.8em;
        }
        
        #content #content_primary h4 {
            clear: both;
            font-size: 1.3em;
            line-height: 1.3em;
            margin-bottom: 0.7em;
        }
        
        #content #content_primary h5 {
            font-size: 1.2em;
            line-height: 1.2em;
            margin-bottom: 0.6em;
        }
        
        #content #content_primary h6 {
            font-size: 1.1em;
            line-height: 1.1em;
            margin-bottom: 0.5em;
        }
    
        #content #content_primary p{
            line-height: 1.3em;
            margin-bottom: 1.3em;
        }
    
        #content #content_primary ul {
            margin-left: 0em;
            margin-bottom: 1.0em;
        }
        
        #content #content_primary ol {
            margin-left: 1.4em;
            margin-bottom: 1.0em;
        }
        
        #content #content_primary ol li {
            list-style-type: decimal;
            line-height: 1.2em;
        }
    
        #content #content_primary ul li {
            list-style-type: none;
            line-height: 1.2em;
        }
        
        
        #content #content_primary dl {
            margin-bottom: 10px
        }
        
        #content #content_primary dl dt {
            font-weight: bold;
            margin-bottom: 0.3em;
        }
        
        #content #content_primary dl dd {
            margin-left: 1.0em;
            margin-bottom: 1.0em;
        }
    
        #content #content_primary img {
            border: 0;
            padding: 0;
            margin: 0px 10px 5px 0px;
        }
        
        #content #content_primary table {
            border: 0;
        }
        
        #content #content_primary table tr {
            border-bottom: 1px solid #dadbd5;
            
        }
        
        #content #content_primary table th {
            padding: 5px 10px 5px 0px;
        }
        
        #content #content_primary table td {
            border: 0;
            padding: 5px 10px 5px 0px;          
        }
        
        /* @group fronpage */
        
            #content #content_primary .upcoming_events {
                /* padding-bottom: 40px; */
            }
        
            #content #content_primary .upcoming_events .event {
                height: 190px;
                width: 240px;
                float: left;
                margin: 0px 20px 0px 0px;
                background: #2f6885;
            }
            
            #content #content_primary .upcoming_events .event .image {
                position: absolute;
                float: left;
                z-index:0;
            }
            #content #content_primary .upcoming_events .event .image a { display: block; position: relative; }
              #content #content_primary .upcoming_events .event .image a .play-btn { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent url(../images/play-btn.png) no-repeat center center;  }
            
            #content #content_primary .upcoming_events .event .image img {
                padding: 0px;
                margin: 0;
                border: 0;
            }
            
            #content #content_primary .upcoming_events .event .title {
                clear: both;
                background-color: #ffffff;
                padding: 5px;
                max-width: 200px;
                margin-top: 20px;
                margin-left: -20px;
                display: inline-block;
                position: absolute;
            }
            /* Safari Only */
            @media screen and (-webkit-min-device-pixel-ratio:0) {
                #content #content_primary .upcoming_events .event .title  {
                    margin-top: 10px;
                }
            }
            
            #content #content_primary .upcoming_events .event .title a {
                color: #464646;
                text-decoration: none;
                position: relative;
            }
                    
            #content #content_primary .upcoming_events .event .metadata {
                display: block;
                margin-top: 150px;
                margin-right: 20px;
                max-height: 40px;
                color: #464646;
            }

            #content #content_primary .upcoming_events .event .metadata span.background{
                -moz-opacity:0.8;
                opacity: 0.8;
                height: 40px;
                display: block;
                position: relative;
                background: #ffffff;
            }
            
            #content #content_primary .upcoming_events .event .metadata span.text {
                -moz-opacity:1;
                opacity: 1;
                background:  transparent;
                margin-top: -35px;
                max-height: 40px;
                display: block;
                position: relative;
                padding: 0 5px 0 5px;
                /* line-height: 1.3em; */
            }
            
            #content #content_primary .upcoming_events .event .metadata span.text p {
                line-height: 100%;
                margin-bottom: 0;               
            }
            
            #content #content_primary .upcoming_events .last {
                margin-top: 15px;
                width: 500px;
                color: #ffffff;
                height: 170px;
                padding-bottom: 20px;
                position: relative;
                left: 0;
            }
            
            #content #content_primary .upcoming_events .last .title {
                position: absolute;
                bottom: 5px;
                max-width: 230px;
                line-height: 1em;
                letter-spacing: 0;
            }
            
            #content #content_primary .upcoming_events .last .image img {
                padding: 0px;
                margin-bottom: 0px;
            }
            
            #content #content_primary .upcoming_events .last .metadata {
                margin: 0px 0px 0px 280px;
                padding: 0;
                color: #ffffff;
            }
            
            #content #content_primary .upcoming_events .last span.metadata {
                margin: 0px 0px 0px 230px;
                padding: 0px 10px 0px 0px;
                float: right;
            }

            #content #content_primary .upcoming_events .last span.metadata a.description {
                margin-top: 10px;
                display: block;
                line-height: 1.3em;
                color: #FFF;
            }
            
            
            #content #content_primary .upcoming_events .last span.metadata span.info {
                margin-top: 10px;
                display: block;
            }
                        
        /* @end */
        
        /* @group overview agenda */
    
        /* Safari Only */
        @media screen and (-webkit-min-device-pixel-ratio:0) {
            #content #content_primary div h3 {
                margin-top: 10px;
            }
        }   
            #content #content_primary .stuk_controller ul.overview li,
            #content #content_primary .stuk_controller ul.date li ul li {
                list-style: none;
                float: none;
                margin: 0 0 5px 0;
                padding: 0;
            }
            
            #content #content_primary .stuk_controller ul.date li h4 {
                font-size: 1.2em;               
            }
            
            #content #content_primary .stuk_controller ul.overview li, 
            #content #content_primary .stuk_controller ul.date li ul li {
                list-style: none;
                float: none;
                clear: both;
                background: transparent url('../images/background_event.gif') repeat-y;
                margin-bottom: 10px;
                padding-bottom: 5px;
                min-height: 85px;
            }
                    
            #content #content_primary .stuk_controller ul.overview li .event_image,
            #content #content_primary .stuk_controller ul.date li ul li .event_image {
                display: block;
                float: left;
                /*height: 80px;*/
                width: 120px;
                margin: 0 5px 0 0;
                overflow: hidden;
            }
            
            #content #content_primary .stuk_controller ul.overview li .event_description, 
            #content #content_primary .stuk_controller ul.date li ul li .event_description {
                float: left;
                margin: 0 0 0 10px;
                width: 385px;
                position: relative;
            }
            
            #content #content_primary .stuk_controller ul.overview li img
            #content #content_primary .stuk_controller ul.date li ul li img {
                padding: 0px;
                border: 0px;
                float: left;
                position: relative;
            }
            
            #content #content_primary .stuk_controller ul.overview li h5,
            #content #content_primary .stuk_controller ul.date li ul li h5 {
                margin: 0 0 0 0px;
                font-size: 1em;
            }
            
            #content #content_primary .stuk_controller ul.overview li h5 a,
            #content #content_primary .stuk_controller ul.date li ul li h5 a{
                color: #464646;
                text-decoration: none;
                margin: 10px 0 0 0;
                padding: 0;
            }
            
            #content #content_primary .stuk_controller ul.overview li p,
            #content #content_primary .stuk_controller ul.date li ul li p {
                margin: 0px 0px 0px 0px;
                line-height: 1.5em;
            }

            #content #content_primary .stuk_controller ul.overview li p strong,         
            #content #content_primary .stuk_controller ul.date li ul li p strong{
                font-weight: bold;
                color: #2f6885;
            }           

            #content #content_primary .stuk_controller ul.overview li .keywords,
            #content #content_primary .stuk_controller ul.date li ul li .keywords {
                margin: 0px 0px 0px 0px;
                font-size: 0.975em;
                line-height: 1.5em;
            }
            
            #content #content_primary .stuk_controller ul.overview li .keywords a,
            #content #content_primary .stuk_controller ul.date li ul li .keywords a,
            #content #content_primary .stuk_controller ul.overview li .esro a,
            #content #content_primary .stuk_controller ul.date li ul li .esro a {
                color: #2f6885;
                font-weight: bold;
                text-decoration: none;
                font-size: 0.975em;
                line-height: 1.5em;
            }
            
            #content #content_primary .stuk_controller ul.date li ul li .esro,
            #content #content_primary .stuk_controller ul.overview li .esro {
                float: right;
            }
                        
        /* @end */
        
        /* @group event detail */
        
        
        #content #content_primary .event_detail #event_detail_text {
            min-height: 300px;
        }
        #content #content_primary .event_detail h5  {
            font-size: 1.5em;
            line-height: 1.4em;
            background-color: #ffffff;
            padding: 5px;
            text-transform: capitalize;
            margin-top: 20px;
            margin-bottom: 0px;
            color: #464646;
            margin-left: -5px;
        }
        /* Safari Only */
        @media screen and (-webkit-min-device-pixel-ratio:0) {
            #content #content_primary .event_detail h5  {
                margin-top: 10px;
            }
        }
        
        #content #content_primary .event_detail h6 {
            color: #2d6883;
            font-size: 1.4em;
            line-height: 1.3em;
            margin-top: 5px;
            margin-bottom: 0px;
        }
        
        #content #content_primary .event_detail .performances {
            font-weight: bold;
            line-height: 1em;
            margin: 0px 0px 3px;
        }
        
        #content #content_primary .event_detail .credits {
            color:#808080;
            text-transform:lowercase;
            font-size:10px;
            padding-bottom:5px;
        }
        
        #content #content_primary .event_detail .pricing {
            position: relative;
            margin-top: 15px;
        }
        #content #content_primary .event_detail .pricing table {
            width: 100%;
            border-collapse:collapse;
            position: relative;
        }
        #content #content_primary .event_detail .pricing table tr td {
            text-align: left;
            width: 33%;
        }   
        
        #content #content_primary .event_detail .pricing .ticketing {
            position: absolute;
            top: 0px;
            margin: 0;
            width: 100%;
            left: 467px;
            line-height: 22px;
        }   
        
        #content #content_primary .event_detail .keywords {
            font-weight: bold;
            line-height: 1.3em;
            color: #2d6883;
            margin-bottom: 10px;
        }
        
        #content #content_primary .event_detail .keywords a {
            text-decoration: none;
        }

        #content #content_primary .event_detail .media {
            margin-top: 15px;
            position: relative;
            width: 520px;
            height: 250px;
            margin-bottom: 30px;
        }
        
        #content #content_primary .event_detail #media_container {
            width: 100%;
            height: 260px;
            width: 500px;
            display: block;
            overflow: hidden;
        }   
        
        #content #content_primary .event_detail  span#copyright {
            font-size: 0.85em;
            font-style: italic;
            margin: 0px; // 135px 0px 0px;
        }

        #content #content_primary .event_detail #media_container #main_image {
            float: right;
            overflow: hidden;
        }
        
        #content #content_primary .event_detail #media_container #vimeoplayer,
        #content #content_primary .event_detail #media_container #myytplayer {
            float: right;
            margin-bottom: 10px;
            margin-right: 8px;
        }       
        
        #content #content_primary .event_detail img {
            border: 0;
            padding: 0;
        }
        
        #content #content_primary span.pdf,
        #content #content_primary a.pdf {
            background: url('../images/stuk_pdf.gif') no-repeat left;
            padding: 3px 0 3px 18px;
        }

        #content #content_primary span.word,
        #content #content_primary a.word {
            background: url('../images/stuk_word.gif') no-repeat left;
            padding: 3px 0 3px 18px;
        }
        
        #content #content_primary .event_detail .media_overview {
            height: 250px;
            width: 325px;
            position: absolute;
            bottom: 0;
            margin-left: 520px;
            background: url('../images/background_xxx.gif') repeat-x;
        }
        #content #content_primary .event_detail .media_overview div.mediatype {
//          position: absolute;
            bottom: 0;
            display: block;
        }

        #content #content_primary .event_detail .media_overview span p {
            margin: 0px 0 5px 0;
        }
        
        #content #content_primary .event_detail .media_overview span img {
            margin: 0 10px 0 0;
        }
        
        #content #content_primary .event_detail .media_overview span.video_container {
            width: 100%;
            display: block;
            float: left;
            margin-right: 0px;
            margin-bottom: 5px;
        }
        
        #content #content_primary .event_detail .media_overview span.image_container {
            width: 100%;
            float: left;
            display: block;
            margin-right: 0px;
            margin-bottom: 5px;
        }
        
        #content #content_primary .event_detail .media_overview span.audio_container {
            width: 100%;
            display: block;
            float: left;
            margin-right: 0px;
        }
        
        /* @end */
        
        /* @group Result */
        #content #content_primary .result {
            background: transparent url(../images/background_event.gif) repeat-y;
            margin-bottom: 10px;
            padding: 10px 0 5px 5px;
        }   
        #content #content_primary .result .title {
            margin-bottom: 5px;
            font-size: 1.2em;
        }
        #content #content_primary .result .teaser p {
            margin: 0; padding: 0;
        }
        
        #content #content_primary .more {
            padding: 10px;
        }   

            
        /* @end */
        
        /* @group advanced zoeken */
        #content #content_primary div.stuk_controller form#formAdvancedSearch {
            margin-bottom: 10px;
        }
        
        #content #content_primary #AdvancedSearchResults h4 {
            margin: 15px 0;
        }
        
        #content #content_primary #formAdvancedSearch div {
            margin: 10px 0;
        }
        
        #content #content_primary #formAdvancedSearch div.submit {
            margin: 10px 0 0 0;
        }
        
        /* @end */
        
    /* @end */

    /* @group content_secondary */
    
        #content #content_secondary {
            padding: 10px;
            width: 260px;
            float: right;
        }
        
        #content #content_secondary p {
            margin-bottom: 1.3em;
            line-height: 1.3em;
        }
    
    /* @end */
    
    
    /* @group newsitem */
    
    
    .newsItem h3 {
        margin-top: 10px !important;
    }
    /* Safari Only */
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        .newsItem h3 {
            margin-top: 0px !important;
        }
    }
    /* @end */

/* @end */
/* @group site info */

    #site_info {
        font-size: 1.2em;
        clear: both;
        height: auto;
        margin: 0px auto;
        padding: 15px 10px;
        position: relative;
        width: 784px;
        background: transparent url('../images/background_event.gif') repeat-y;
    }
    
    /* Safari Only */
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        #site_info {
            padding: 15px 10px 0px 10px;
        }
    }
    #site_info ul {
        position: absolute;
        top: 40px;
        background: #fff;
        margin-left: -10px;
    }
    #site_info ul li {
        display: inline;
    }
/* @end */

/* @group joppa-specific */

.clear {
    height: 0px;
}

/* @end */

#nav_secondary_extra h4 {
    color: #2D6883;
}

#formNewsletterPre {
    margin-bottom: 15px;
}

#formNewsletterPre input {
    width: 100px;
}

#videoContainerShadow {
    z-index:777; 
    position:absolute;
    width:100%;
    height:100%;
    top: 0px;
    left: 0px;
/*    background-color: rgba(33,33,33,0.3); */
    background: transparent url(../images/shadow.png);
    display:none;
}
    
#videoContainerBackground {
    position: relative;
}

#videoContainer {
    z-index:999; 
    position:absolute; 
    width:350px;
    height:320px; 
    padding: 15px 15px 30px;
    display:none;
    top: 100px;
    left: 225px;
    margin: 0px auto 0px auto;
    background-color: #FFF;
    text-align: center;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; /* future proofing */
}


#videoContainer p { margin: 1em 0; text-align: center; }

#content #videoContainer p.close { margin: 0 0 5px 0; text-align: right;}

#videoContainer p.close a { border: 1px dotted #2d6883; padding: 0px 3px;}