/*
    Document   : style
    Created on : 29-sep-2009, 17:00:05
    Author     : CL
    Description: BLiS.biz general stylesheet - plemp hier je zooi

*/

/*
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
BODY {
    font-family: verdana, arial, helvetica, verdana, sans-serif;
    font-size: 12px;
    line-height: 18px;
    margin: 0px;
    padding: 5px;
    background-color: #FFFFFF;
    background-image: url('../images/interface/body_bg.jpg');
}
IMG {
    border: none;
}
A:link, A:visited, A:active {
    color: #000000;
    text-decoration: none;
}
A:hover {
    text-decoration: underline;
    cursor: pointer;
}
.clear {
    clear: both;
    height: 0px;
    margin: 0px;
    padding: 0px;
}
.left_arrow {
    float: left;
}
#sitewrapper {
    width: 980px;
    margin: 0px auto;
    position: relative;
}

/* Begin CSS Header website */
#headwrapper {
    width: 980px;
    height: 91px;
}
#header_left {
    float: left;
    width: 140px;
    height: 100%;
}
#header_right {
    float: right;
    width: 16px;
    height: 100%;
    background-image: url('../images/interface/header_right.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
}
#header_middle {
    float: left;
    width: 824px;
    height: 100%;
    background-color: #000000;
}
#header_middle_top {
    width: 100%;
    height: 54px;
    padding-top: 5px;
}
#header_middle_bottom {
    background-image: url('../images/interface/header_bottom.png');
    background-repeat: repeat-x;
    width: 100%;
    height: 32px;
    padding: 5px;
    color: #d7eff4;
}

#mainmenu {
    float: left;
    padding-top: 10px;
    padding-left: 10px;
}
    #mainmenu UL {
        list-style-type: none;
        float: left;
        border-right: 1px solid #3a362f;
    }
    #mainmenu UL LI {
        float: left;
        padding: 5px 10px;
        border-left: 1px solid #3a362f;
    }
    #mainmenu A:link, #mainmenu A:active, #mainmenu A:visited {
        color: #FFFFFF;
        font-weight: bold;
        text-transform: uppercase;
    }
    #mainmenu A:hover, #mainmenu .selected a {
        text-decoration: underline;
    }
#zoekbox {
    float: right;
    margin-top: 15px;
}

#themas {
    float: left;
    width: 560px;
    font-size: 11px;
}
    #themas UL {
        list-style-type: none;
        float: left;
        margin: 0px;
        padding: 0px;
    }
    #themas LI {
        float: left;
        padding: 0px 10px;
        font-weight: bold;
        text-transform: uppercase;
    }
#regiofilter {
    float: right;
    margin-right: 5px;
    width: 240px;
}
    #regiofilter .selected {
        color: #FFFFFF;
        margin-left: 30px;
        text-transform: uppercase;
        font-weight: bold;
        float: left;
        font-size: 11px;
        width: 105px;
        cursor: pointer;
    }
    #regiofilter IMG {
        padding: 5px 0px 0px 10px;
        cursor: pointer;
        float: left;
    }
    #regiofilter_lijst {
        position: absolute;
        right: 10px;
        top: 91px;
        background-color: #41311F;
        padding: 5px;
        z-index: 100;
    }
    #regiofilter_lijst UL  {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }
    #regiofilter_lijst LI {
        padding-top: 3px;
        padding-bottom: 3px;
        border-top: 1px solid #6D6658;
    }
    #regiofilter_lijst A:link, #regiofilter_lijst A:active, #regiofilter_lijst A:visited {
        color: #FFFFFF;
        font-weight: bold;
        text-transform: uppercase;
        
    }
    #regiofilter_lijst A:hover, #regiofilter_lijst .selected {
        text-decoration: underline;
    }
.filter_selected A {
    text-decoration: underline;
}
/* Einde CSS Header website */


/* Begin CSS Content website */
#contentwrapper {
    background-image: url('../images/interface/content_bg.png');
    background-repeat: repeat-y;
    padding: 16px;
}
.content_heading {
    font-size: 16px;
    font-weight: bold;
}
#content_left {
    float: left;
    width: 410px;
    font-family: arial, helvetica, verdana, sans-serif;
}
#content_midden {
    width: 285px;
    float: left;
    height: 100%;
    margin: 0px 16px;
}
#content_rechts {
    width: 220px;
    float: right;
    height: 100%;
    border-top: 3px solid #81623f;
    padding-top: 9px;
    font-family: arial, helvetica, verdana, sans-serif;
}
    #content_rechts A {
        font-weight: bold;
        font-size: 12px;
    }
    #content_rechts .login_blok {
        background-image: url('../images/interface/login_blok.png');
        background-repeat: no-repeat;
        height: 77px;
        width: 186px;
        padding-left: 35px;
        padding-top: 16px;
        font-weight: bold;
        font-size: 14px;
    }
    #content_rechts .login_status {
        color: black;
        font-size: 12px;
        margin-top: 10px;
    }
    #content_rechts .login_screenname {
        color: white;
        font-size: 16px;
    }
    #content_rechts .login_openid {
        border-bottom: 1px dotted #81623f;
    }
    #content_rechts .login_arrow {
        margin-top: 4px;
        background-position: 0px 5px;
        background-repeat: no-repeat;
        padding-left: 20px;
        line-height: 18px;
    }
    .recht_banners {
        margin-top: 10px;
    }
    #content_rechts .rechts_koppeling {
        color: #6ba0a5;
        font-weight: bold;
        font-size: 14px;
        line-height: 22px;
        padding: 15px 0px;
        border-bottom: 1px dotted #81623f;
        margin-bottom: 10px;
    }
    #content_rechts .koppeling_titel {
        color: #000000;
    }
    .GeschrevenArtikel {
        margin-bottom: 5px;
    }
/* Einde CSS Content website */

/* Begin CSS Ffooter website */
#footer_left {
    background-image: url('../images/interface/footer_left.png');
    background-repeat: no-repeat;
    height: 46px;
    width: 92px;
    float: left;
    font-size: 11px;
}
#footer_right {
    border-top: 7px solid #473522;
    background-color: #0d0b0c;
    height: 29px;
    width: 828px;
    float: right;
    color: #FFFFFF;
    padding: 10px 20px 0px 40px;
    font-size: 11px;
}
#footer_right_copyright {
    float: left;
    width: 25%;
}
#footer_right_right {
    float: right;
    text-align: right;
    width: 75%;
}
#footer_right_right .footer_float {
    float: right;
    width: 120px;
}
#footer_right_right A {
    color: #FFFFFF;
}
/* Einde CSS Footer website */

/* Main Carrousel wrapper */
#carrouselWrapper {
    float: left;
    clear: none;
    width: 980px;
    height: 309px;
    position: relative;
}
    #carrouselTopLeft {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 1;
        width: 11px;
        height: 13px;
        background-image: url('../images/interface/carrousel/top_left.png');
    }
    #carrouselTop {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 0;
        float: left;
        clear: none;
        width: 980px;
        height: 296px;
        background-image: url('../images/interface/carrousel/background.jpg');
    }
    
        #carrouselTopImage {
            float: left;
            clear: none;
            width: 442px;
            height: 296px;
        }
        
            #carrouselTopImage img{
                width: 442px;
                height: 296px;
            }
        #carrouselTopContentBox {
            float: right;
            clear: none;
            width: 275px;
            height: 276px;
            padding: 10px 5px;
            background-image: url('../images/interface/carrousel/content_vlak.jpg');
        }
        #carrouselTopContent {
            float: left;
            clear: none;
            width: 240px;
            height: 276px;
            padding: 10px;
            padding-left: 10px;
            padding-right: 15px;
            background-image: url('../images/interface/carrousel/content_vlak.jpg');
        }

            .carrouselTopContentItem {
                border-top: White solid 4px;
                float: left;
                width: 240px;
                height: auto;
                padding-top: 10px;
                background-color: transparent;
                background-image:none;
            }

                .carrouselTopContentItemTitle {
                    padding-top: 5px;
                    padding-bottom: 15px;
                    float: left;
                    width: 240px;
                    height: auto;
                    font-weight: bold;
                    font-size: 24px;
                    line-height: 26px;
                    font-family: arial, verdana, helvetica, sans-serif;
                }

                .carrouselTopContentItemContent {
                    border-top: White dotted 1px;
                    float: left;
                    width: 240px;
                    height: auto;
                    color: Black;
                    font-size: 11px;
                }

                .carrouselTopContentItemBottom {
                    float: left;
                    width: 240px;
                    height: auto;
                }

                .carrouselTopContentItemBottomLink {
                    float: left;
                    clear: none;
                    padding: 5px;
                    height: 20px;
                    cursor: pointer;
                    padding-left: 15px;
                    padding-right: 25px;
                    background-position: 0px 11px;
                    background-repeat: no-repeat;
                    font-family: arial, verdana, helvetica, sans-serif;
                    font-weight: bold;
                }

        #carrouselTopRechts {
            float: right;
            clear: none;
            width: 253px;
            height: 296px;
        }

            .carrouselTopRechtsItem {
                clear: none;
                color: #FFFFFF;
                cursor: pointer;
                height: 60px;
                float: left;
                padding-left: 15px;
                padding-right: 15px;
                width: 223px;
            }

            .carrouselTopRechtsItemSel {
                background-image: url('../images/interface/carrousel/content_vlak.jpg');
                background-position: -285px 0px;
                background-repeat: no-repeat;
                clear: none;
                cursor: pointer;
                float: left;
                height: 52px;
                padding: 8px;
                padding-left: 15px;
                padding-right: 15px;
                width: 223px;
            }

                .carrouselItemThema {
                    float: left;
                    clear: none;
                    color: White;
                    padding: 2px;
                    font-weight: bold;
                    padding-left: 10px;
                    padding-right: 10px;
                }

                .carrouselItemContent {
                    float: left;
                    clear: none;
                    width: 223px;
                    line-height: 16px;
                    padding-top: 4px;
                }

            .carrouselTopRechtsItemSelSchaduw {
                float: left;
                clear: none;
                width: 253px;
                height: 8px;
                background-image: url('../images/interface/carrousel/schaduw.png');
            }

                

    #carrouselBottom {
        position: absolute;
        bottom: 0px;
        float: left;
        clear: none;
        width: 980px;
        height: 13px;
        background-image: url('../images/interface/carrousel/bottom.png');
    }

    #carrouselBottomSchaduw {
        float: left;
        clear: none;
        width: 728px;
        height: 10px;
        background-image: url('../images/interface/carrousel/schaduw.png');
    }

    
/* Einde Main Carrousel wrapper */


/* Begin Themas Left */
#left_themas {
    float: left;
    width: 410px;
    height: 100%;
    font-size: 11px;
    line-height: 21px;
}
.thema_blok {
    margin-bottom: 20px;
}
.thema_item_blok {
    margin-bottom: 5px;
    padding-bottom: 10px;
}
.thema_item_image {
    float: left;
    width: 166px;
    height: 100px;
    text-align: left;
}

.thema_item_title {
    float: left;
    width: 226px;
    height: 83px;
    margin-left: 16px;
    padding-top: 13px;
    font-size: 18px;
    font-weight: bold;
    font-family: 'arial black', arial, verdana, helvetica, sans-serif;
}
.thema_item_title TABLE {
    vertical-align: middle;
    height: 100%;
}
.thema_item_introtekst {
    margin-top: 5px;
}
.thema_item_introtekst .thema_item_date {
    padding-right: 8px;
    margin-right: 6px;
    border-right: 1px solid #000000;
}
.thema_item_row .thema_item_date {
    font-size: 11px;
    font-weight: normal;
    padding-right: 8px;
    margin-right: 6px;
    border-right: 1px solid #000000;
}
.thema_item_row {
    padding: 8px 0px 10px 0px;
    font-weight: bold;
    font-size: 12px;
    line-height: 11px;
}
#left_themas .themameer {
    float: left;
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding-left: 15px;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    font-family: arial, verdana, helvetica, sans-serif;
    margin-right: 20px;
}
/* Einde */

/* Agenda Small */
#agendablok {
    width: 285px;
    font-weight: bold;
}
#agenda_top {
    height: 35px;
    width: 285px;
    background-image: url('../images/interface/agenda/agenda_bloktop.png');
    background-repeat: no-repeat;
    margin: 0px auto;
}
#agenda_content {
    background-color: #FFFFFF;
    border-bottom: 10px solid #F5FAFE;
    margin-bottom: 10px;
}
#agendablok .agendaknoppen {
    background-color: #000000;
    width: 243px;
    color: #FFFFFF;
    font-size: 11px;
    margin: 0px auto;
    padding-left: 10px;
}
#agendablok .vorige_datum, #agendablok .volgende_datum {
    float: left;
    width: 25px;
    background-color: #000000;
}
#agendablok .gekozen_datum {
    float: left;
    width: 165px;
    text-align: center;
    text-transform: uppercase;
}
#agendablok .huidige_datum {
    float: left;
    width: 25px;
}
#agenda_content #agenda_kopdagen {
    background-color: #483622;
    background-image: url('../images/interface/agenda/top_smallagenda.jpg');
    background-repeat: no-repeat;
    border-top: 1px solid #7B705F;
    color: #D7EFF4;
    font-size: 10px;
    width: 253px;
    margin: 0px auto;
}
#agenda_content .agendakopdag {
    float: left;
    width: 35px;
    height: 20px;
    text-align: center;
    margin-right: 1px;
}
#agenda_content .agendadag {
    float: left;
    width: 33px;
    height: 18px;
    text-align: center;
    margin-right: 1px;
    padding-top: 1px;
    border: 1px solid #91d3e0;
    background-image: url('../images/interface/agenda/dag_achtergrond.jpg');
}
#agenda_content .agendaselected {
    background-color: #000000;
    color: #FFFFFF;
    height: 17px;
    width: 31px;
    float: left;
    text-align: center;
    margin-right: 1px;
}
#agenda_content #agendadagen {
    width: 253px;
    margin: 0px auto 5px auto;
    padding: 2px 0px;
    font-size: 10px;
    font-weight: bold;
}
#agendaitems {
    width: 253px;
    margin: 10px auto;
    border-top: 2px solid #000000;
}
#agendaitems .agendaitem0 {
    background-color: #e9f6f9;
    border-bottom: 1px dotted #000000;
    padding: 14px 5px;
}
#agendaitems .agendaitem1 {
    background-color: #f5fbfc;
    border-bottom: 1px dotted #000000;
    padding: 14px 5px;
}
#agendaitems .agendaitem_datum {
    font-size: 11px;
    line-height: 11px;
}
.agendaitem_datum .agenda_vandaag {
    color: #81623f;
    font-style: italic;
}
#agendaitems .agendaitem_titel {
    font-size: 11px;
    line-height: 15px;
    margin-bottom: 5px;
}
#agendaoverzicht {
    width: 253px;
    margin: 0px auto;
    padding: 5px 0px;
}

/* Artikel detailpagina */
#artikelLinks {
    float: left;
    clear: none;
    border-top: 3px solid;
    padding-top: 25px;
    width: 410px;
}

    #artikelLinksTitel {
        float: left;
        clear: none;
        width: 410px;
        font-size: 30px;
        font-weight: bold;
        line-height: 35px;
        padding-bottom: 20px;
        border-bottom: 1px solid;
        font-family: 'arial black', arial, verdana, sans-serif;
    }
    
    #artikelLinksIntro {
        float: left;
        clear: none;
        padding-top: 10px;
        padding-bottom: 15px;
        color: Black;
        line-height: 20px;
    }

    #artikelLinksOverzicht {
        float: left;
        clear: none;
        background-repeat: no-repeat;
        background-position: 0px 5px;
        width: 160px;
        height: 16px;
        padding-left: 20px;
        cursor: pointer;
        padding-bottom: 15px;
        font-family: arial, verdana, sans-serif;
        font-weight: bold;
    }

    #artikelLinksSchuif {
        float: left;
        clear: none;
       background-repeat: no-repeat;
        background-position: 0px 5px;
        width: 210px;
        height: 16px;
        padding-left: 20px;
        cursor: pointer;
        padding-bottom: 15px;
        font-family: arial, verdana, sans-serif;
        font-weight: bold;
    }

    #artikelLinksFull {
        float: left;
        clear: none;
        border-top: 1px solid;
        padding-top: 3px;
        width: 410px;
        color: Black;
        font-size: 11px;
        line-height: 20px;
    }

    #artikelLinksTv {
        float: left;
        clear: none;
        padding-top: 3px;
        width: 410px;
        height: 346px;
        background-image: url('../images/interface/tv.png');
        background-repeat: no-repeat;
        color: Black;
    }

    #mediaPlayer {
        display: block;
        padding-top: 40px;
        padding-left: 5px;
        width: 400px;
        height: 298px;
    }

    .artikelAlbumImagesVideos {
        float: left;
        clear: none;
        width: 410px;
        height: auto;
        padding-top: 6px;
        padding-bottom: 6px;
    }
        .artikelAlbumImagesRij, .artikelAlbumVideosRij {
            float: left;
            clear: none;
            width: 410px;
        }

        .artikelAlbumImagesRij {
            border-bottom: dotted Black 1px;
        }

        .artikelAlbumVideosRij {
            padding-top: 10px;
        }

        .artikelAlbumImages, .artikelAlbumVideos {
            float: left;
            clear: none;
            padding: 8px;
            cursor: pointer;
            height: 75px;
        }
        
            .artikelAlbumImages img {
                border: White solid 3px;
            }

            .artikelAlbumVideos {
                padding: 11px;
                padding-top: 13px;
                background-image: url('../images/interface/mediaFilmRand.jpg');
                background-position: 7px 7px;
                background-repeat: no-repeat;
                text-align: center;
            }
                .artikelAlbumVideosImage {
                    padding-bottom: 3px;
                    height: 80px;
                }
            .artikelAlbumImagesTitel {
                text-align: center;
                height: auto;
                font-size: 11px;
                font-weight: bold;
                line-height: 14px;
                font-family: arial, verdana, sans-serif;
            }

        .artikelAlbumVideos {
            float: left;
            clear: none;
            width: 114px;
            height: auto;
        }

    #artikelAlbums {
        float: left;
        clear: none;
        width: 410px;
        height: auto;
        background-color: White;
        background-image: url('../images/interface/mediaRand.jpg');
        background-repeat: no-repeat;
        padding-top: 14px;
        padding-bottom: 10px;
    }

        .artikelAlbumsAlbum {
            float: left;
            clear: none;
            width: 100px;
            height: 45px;
            padding-top: 40px;
            margin: 10px;
            background-repeat: no-repeat;
            background-position: 34px 8px;
            text-align: center;
            cursor: pointer;
            border: dashed #ffffff 1px;
        }

        
            .artikelAlbumsAlbumTitel {
                width: 100px;
                height: 28px;
                font-size: 11px;
                font-weight: bold;
                line-height: 14px;
                font-family: arial, verdana, sans-serif;

            }
                .artikelAlbumsAlbumTitel:hover {
                    text-decoration: underline;
                }
                
            .artikelAlbumsAlbumDatum {
                width: 100px;
                height: 20px;
                color: Black;
                font-size: 9px;
            }

        .artikelAlbumsAlbum.gerelateerd {
            border: dashed #6ba0a5 1px;
        }

    #artikelAlbumsFooter {
        float: left;
        clear: none;
        width: 400px;
        height: 34px;
        background-color: White;
        border-top: dotted 1px Black;
        padding-left: 10px;
        padding-top: 14px;
    }
        #artikelAlbumsFooter a {
            padding-left: 18px;
            background-repeat: no-repeat;
            background-position: 0px 3px;
            font-weight: bold;
        }
        .artikelAlbummediaPaginas {
            background-color: #FFFFFF;
            text-align: center;
            margin-bottom: 10px;
            border-bottom: 1px dotted #000000;
        }
/* Einde artikel detailpagina */


/* Agenda Maand */
#agendablok_main {
    width: 711px;
    font-weight: bold;
    float: left;
}
#agenda_top_main {
    height: 48px;
    width: 711px;
    background-image: url('../images/interface/agenda/agendatop_maand.png');
    background-repeat: no-repeat;
    margin: 0px auto;
}
#agenda_filter {
    background-color: #FFFFFF;
    font-family: arial, verdana, helvetica, san-serif;
    font-weight: bold;
    padding-bottom: 5px;
}
#agenda_toon {
    float: left;
    padding-left: 10px;
    width: 140px;
}
#agenda_toonweek {
    float: left;
    padding-left: 20px;
    width: 200px;
    background-repeat: no-repeat;
    background-position: 0px 3px;
}
#agenda_toonmaand {
    float: left;
    padding-left: 20px;
    width: 200px;
    background-repeat: no-repeat;
    background-position: 0px 3px;
}
#agenda_content_maand {
    width: 711px;
}
#agendablok_main .agendaknoppen {
    background-color: #000000;
    width: 711px;
    color: #FFFFFF;
    font-size: 12px;
    padding-top: 4px;
    height: 30px;
}
#agendablok_main .agendaknoppen_center {
    margin: 0px auto;
    width: 240px;
}
#agendablok_main .vorige_datum, #agendablok_main .volgende_datum {
    float: left;
    width: 25px;
    background-color: #000000;
}
#agendablok_main .gekozen_datum {
    float: left;
    width: 165px;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
}
#agendablok_main .huidige_datum {
    float: left;
    width: 25px;
}
#agenda_content_maand #agendakopdagen {
    background-color: #483622;
    border-top: 1px solid #797061;
    color: #FFFFFF;
    width: 711px;
    margin: 0px auto;
    font-size: 10px;
}
#agenda_content_maand .agendakopdag {
    float: left;
    width: 99px;
    height: 20px;
    text-align: center;
    margin-right: 3px;
}
#agenda_content_maand #agendadagen {
    width: 711px;
    margin: 2px auto 5px auto;
}
#agenda_content_maand #agendadagenweek {
    width: 711px;
    margin: 2px auto 5px auto;
    font-size: 10px;
}
#agenda_content_maand .agendadag {
    float: left;
    width: 77px;
    height: 50px;
    margin-right: 3px;
    padding-top: 20px;
    padding-left: 20px;
    border: 1px solid #91d3e0;
    background-image: url('../images/interface/agenda/dag_maandachtergrond.jpg');
}
#agenda_content_maand .agendaselected {
    background-color: #000000;
    color: #FFFFFF;
    height: 48px;
    width: 75px;
    float: left;
    padding-top: 20px;
    padding-left: 20px;
    margin-right: 3px;
}

#agenda_content_maand .dagweergave {
    width: 699px;
    border-left: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
    background-color: #FFFFFF;
    background-image: url('../images/interface/agenda/dagweergave.jpg');
    background-repeat: no-repeat;
    clear: both;
    padding: 2px 5px;
}
#agenda_content_maand .dag_regel {
    padding: 10px 5px;
    border-bottom: 1px dotted #81623F;
    background-image: none;
    background-repeat: repeat-x;
    font-size: 11px;
    line-height: 11px;
}
#agenda_content_maand .dag_regel_naam {
    float: left;
    width: 474px;
    background-position: 5px 5px;
    background-repeat: no-repeat;
    padding-bottom: 10px;
    padding-left: 15px;
}
#agenda_content_maand .dag_regel_organisatie {
    float: left;
    width: 100px;
    font-weight: normal;
}
#agenda_content_maand .dag_regel_plaats {
    float: left;
    width: 100px;
    font-weight: normal;
}
#agenda_content_maand .agenda_media {
    width: 155px;
    height: 100px;
    background-repeat: no-repeat;
    float: left;
    margin-left: 5px;
}
#agenda_content_maand .regel_item {
    padding-top: 5px;
}
#agenda_content_maand .agenda_omschrijving {
    width: 300px;
    margin-left: 10px;
    margin-right: 10px;
    float: left;
    font-weight: normal;
    font-size: 12px;
    line-height: 21px;
}
#agenda_content_maand .agenda_omschrijving P {
    margin-top: 0px;
}
#agenda_content_maand .agenda_right {
    float: left;
    width: 190px;
    margin-left: 10px;
    font-family: arial, verdana, helvetica, san-serif;
    font-size: 12px;
    line-height: 21px;
    margin-top: 5px;
}
.agenda_arrow {
    margin-top: 4px;
    background-position: 0px 5px;
    background-repeat: no-repeat;
    padding-left: 20px;
}
#agendablok_main .dag_geenitems {
    border: 1px solid #91d3e0;
    background-image: url('../images/interface/agenda/weekdag_background.jpg');
    width: 698px;
    height: 21px;
    padding-left: 11px;
    margin-bottom: 2px;
}
#agendablok_main .dag_heeftitems {
    border: 1px solid #000000;
    padding-bottom: 5px;
    background-color: #FFFFFF;
    margin-bottom: 2px;
}
#agendablok_main .dagtitel {
    border-bottom: 1px solid #91d3e0;
    background-image: url('../images/interface/agenda/weekdag_background.jpg');
    width: 698px;
    height: 21px;
    padding-left: 11px;
}

/* Kaartje */
.blokTitel, #reactiePlaatsenTitel {
    float: left;
    clear: none;
    width: 253px;
    padding: 11px;
    font-weight: bold;
    font-size: 16px;
}

#kaartjeBlok {
    float: left;
    clear: none;
    padding: 11px;
    padding-top: 25px;
    background-image: url('../images/interface/kaartjeTop.jpg');
    background-position: 11px 0px;
    background-repeat: no-repeat;
    background-color: White;
    width: 263px;
    height: 276px;
}

    #map_canvas {
        float: left;
        clear: none;
        width: 263px;
        height: 211px;
        border: solid 1px #6ba0a5;
        margin-bottom: 5px;
    }
    
    #logocontrol, #map_canvas span, .gmnoprint.terms-of-use-link {
        display: none;
    }

    #kaartjeBottom {
        float: left;
        clear: none;
        border-top: dotted 1px Black;
        width: 263px;
        margin-top: 5px;
        padding-top: 5px;
        padding-bottom: 14px;
        height: 22px;
    }
    
    #kaartjeBottom a {
        background-position: 0px 3px;
        background-repeat: no-repeat;
        padding-left: 18px;
        font-weight: bold;
    }

/* Einde kaartje */


/* Begin projecten blok */
#projectenblok  {
    background-color: #FFFFFF;
    margin-bottom: 16px;
    padding: 10px 0px;
    width: 285px;
}
#projectenblok #projectenTop {
    background-image: url('../images/interface/small_project_top.jpg');
    background-repeat: no-repeat;
    text-align: center;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: bold;
    width: 260px;
    margin: 0px auto;
}
#projectenblok .projectblok {
    background-image: url('../images/interface/projectenBlokBG.jpg');
    background-repeat: no-repeat;
    width: 260px;
    height: 70px;
    margin: 20px auto 0px auto;
    padding-top: 30px;
}
.projectblok .Projectimg {
    width: 100px;
    float: left;
    text-align: center;
}
.projectblok .Projecttekst {
    width: 160px;
    float: left;
    font-family: 'arial black', arial, verdana, sans-serif;
    font-size: 13px;
}
#projectenblok #ProjectenFooter {
    border-top: 1px dotted #000000;
    padding-top: 10px;
    width: 255px;
    margin: 20px auto 0px auto;
    font-weight: bold;
}
.link_arrow {
    background-position: 0px 3px;
    background-repeat: no-repeat;
    padding-left: 20px;
}
/* Eind projecten */


/* Begin reactieBlok */

#reactieBlok {
    float: left;
    clear: none;
    background-image: url('../images/interface/reactieStreep.jpg');
    background-repeat: repeat-y;
    width: 285px;
}

    #reactieTop {
        float: left;
        clear: none;
        background-image: url('../images/interface/reactieTop.jpg');
        width: 285px;
        height: 9px;
    }

    .reactieItem {
        float: left;
        clear: none;
        background-image: url('../images/interface/reactieBlok.png');
        background-position: 18px 2px;
        background-repeat: no-repeat;
        width: 225px;
        padding: 10px 25px 10px 45px;
    }
    
        .reactieFoto {
            float: left;
            clear: none;
            width: 50px;
            padding-right: 10px;
        }

        .reactieItemDatum {
            float: left;
            clear: none;
            width: 155px;
            font-size: 9px;
            vertical-align: top;
        }

        .reactieItemNaam {
            float: left;
            clear: none;
            width: 155px;
            font-size: 9px;
            font-weight: bold;
        }

        .reactieItemTekst {
            float: left;
            clear: none;
            width: 215px;
            margin-top: 5px;
            padding-top: 8px;
            border-top: dotted 1px Black;
        }
        
        .reactieBottom {
            float: left;
            clear: none;
            width: 285px;
            height: 9px;
        }
    
    #reactiePaginering {
        float: left;
        clear: none;
        width: 260px;
        height: 36px;
        padding-left: 25px;
        background-image: url('../images/interface/reactiePaginering.jpg');
    }

        .reactiePagineringLinks {
            float: left;
            padding: 7px;
        }

        .reactiePagineringNummer {
            float: left;
            padding: 7px;
            font-weight: bold;
        }
        
        .reactiePagineringNummer a {
            text-decoration: underline;
        }

        .reactiePagineringNummer.selected a {
            color: White;
            text-decoration: none;
        }

        .reactiePagineringRechts {
            float: left;
            padding: 7px;
        }
    
    #reactiePlaatsenBlok {
        float: left;
        clear: none;
        width: 285px;
        background-color: White;
    }

        #reactiePlaatsenVak, #reactiePlaatsenTogo {
            float: left;
            clear: none;
            padding: 11px;
            padding-top: 0px;
        }

            #reactiePlaatsenVak textarea {
                border: 1px solid #6ba0a5;
                width: 263px;
                height: 90px;
            }
        
        #reactiePlaatsenKnop {
            float: left;
            clear: none;
            padding: 11px;
            padding-top: 0px;
            padding-left: 28px;
            background-position: 11px 5px;
            background-repeat: no-repeat;
            font-weight: bold;
        }
        #reactieInloggen {
            padding: 11px;
            padding-top: 0px;
        }
/* Einde reactieBlok */


/* Adressen pagina */
#adressen {
    float: left;
}
#adressen_kaartTop {
    background-image: url('../images/interface/adressen_background.jpg');
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    padding: 10px 10px 20px 10px;
    position: relative;
}
#adressen_filter {
    margin-bottom: 10px;
}
#adressen_filter .links {
    float: left;
    width: 220px;
    font-weight: bold;
    font-family: arial, verdana, sans-serif;
    line-height: 14px;
}
#adressen_filter .themas {
    float: left;
    width: 130px;
    margin-right: 20px;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
}
#adressen_filter .rubrieken {
    float: left;
    width: 150px;
    font-weight: bold;
    text-transform: uppercase;
}
#adressen_filter .regios {
    float: left;
    width: 150px;
    font-weight: bold;
    text-transform: uppercase;
}
#regiofilter_adreslijst {
    position: absolute;
    right: 58px;
    top: 45px;
    background-color: #41311F;
    padding: 5px;
    z-index: 100;
}
#themafilter_lijst {
    position: absolute;
    left: 228px;
    top: 45px;
    background-color: #41311F;
    padding: 5px;
    z-index: 100;
}

.filter_lijst UL  {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.filter_lijst LI {
    padding-top: 3px;
    padding-bottom: 3px;
    border-top: 1px solid #6D6658;
}
.filter_lijst A:link, .filter_lijst A:active, .filter_lijst A:visited {
    color: #FFFFFF;
    font-weight: bold;
    text-transform: uppercase;

}
.filter_lijst A:hover, .filter_lijst .selected {
    text-decoration: underline;
}
#canvas_map {
    Width:  679px;
    height: 352px;
    clear: none;
    border: solid 1px #6ba0a5;
}
#adressen_menu {
    width: 702px;
    margin-top: 35px;
    font-family: 'arial black', arial, verdana, sans-serif;
    font-size: 14px;
    line-height: 24px;
}
#menu_bar {
    margin-top: 20px;
    font-family: verdana, arial, san-serif;
    font-size: 12px;
    line-height: 30px;
}
#menu_bar .adres_naam {
    float: left;
    width: 290px;
    padding-left: 20px;
    padding-right: 10px;
    font-weight: bold;
}
#menu_bar .adres_plaats {
    float: left;
    width: 150px;
}
#menu_bar .adres_site {
    float: left;
    width: 150px;
}
#adressen_filter .selected {
    text-transform: uppercase;
    font-weight: bold;
    float: left;
    cursor: pointer;
}
#adressen_filter .themas img{
    padding-top: 5px;
    cursor: pointer;
}
#adres_logo {
    width: 400px;
    height: 220px;
    border: 2px solid #000000;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: center center;
}
#adresgegevens {
    font-weight: bold;
    font-family: verdana, arial;
    font-size: 12px;
    line-height: 20px;
    padding-bottom: 10px;
}
#adresgegevens H2 {
    font-size: 30px;
    line-height: 35px;
    font-family: 'arial black', arial, verdana, sans-serif;
}
#adresgegevens .naam {
    line-height: 30px;
}
#adresgegevens .float {
    float: left;
    width: 200px;
}
#adresgegevens .adres_tekst {
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
    line-height: 20px;
}
.adres_artikelen {
    margin-top: 10px;
}
.adres_artikelen_kop {
    font-weight: bold;
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-family: 'arial black', arial, verdana, sans-serif;
    font-size: 14px;
    line-height: 24px;
}
.artikel_row {
    padding: 7px 0px;
    font-weight: bold;
    line-height: 11px;
}
.artikel_row SPAN {
    font-weight: normal;
    border-right: 1px solid #000000;
    padding-right: 5px;
    margin-right: 5px;
}

/* Projecten */
#content_top {
    margin-bottom: 10px;
}
#projecten_logo {
    background-color: #FFFFFF;
    background-position: center center;
    background-repeat: no-repeat;
    border: 2px solid #000000;
    float: left;
    height: 225px;
    margin-right: 16px;
    width: 410px;
}
#projectgegevens {
    float: left;
    font-family: verdana, arial;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 10px;
    width: 518px;
}
#projectgegevens .titel {
    font-size: 20px;
    line-height: 25px;
    font-family: 'arial black', arial, verdana;
    padding-bottom: 10px;
    margin-top: 15px;
}
#projectgegevens .omschrijving {
    font-size: 12px;
    font-family: verdana, 'arial black', arial;
    font-weight: normal;
}
.project_artikelen {
    margin-bottom: 20px;
}
.project_artikelen_kop {
    font-weight: bold;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

/* Begin media pagina */
#media_artikel {
    margin-top: 20px;
}
#media_artikel .titel {
    font-size: 30px;
    line-height: 35px;
    font-family: 'arial black', arial, verdana, sans-serif;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.media_titel {
    font-size: 18px;
    line-height: 22px;
    font-family: 'arial black', arial, verdana, sans-serif;
}
.mediablok {
    background-image: url('../images/interface/kaartjeTop.jpg');
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    background-position: 50% 0px;
    padding: 10px;
    margin: 10px 0px 20px 0px;
}

.mediablok .mediaitem {
    margin-top: 10px;
    font-size: 11px;
    line-height: 14px;
    border-bottom: 1px dotted #000000;
    padding-bottom: 10px;
}
.mediablok .mediaafb {
    float: left;
    width: 105px;
}
.mediablok .mediacontent {
    float: left;
    width: 150px;
}
.mediablok .mediasoort {
    color: #000000;
    font-style: italic;
}
.mediablok .mediapaginas {
    text-align: center;
    font-weight: bold;
    padding-top: 3px;
    height: 32px;
}
.mediablok .current {
    text-decoration: underline;
}
.mediapaginas .vorige_button {
    height: 30px;
    width: 25px;
    background-position: 0px 2px;
    background-repeat: no-repeat;
    display: block;
    float: left; 
    margin-left: 5px;
}

.mediapaginas .volgende_button {
    height: 30px;
    width: 25px;
    background-position: 0px 2px;
    background-repeat: no-repeat;
    display: block;
    float: right;
    margin-right: 5px;
}
.pagina_knoppen .prevPage, .nextPage {
    float: left;
    width: 204px;
    text-align: center;
    padding: 6px 0px 0px 0px;
}
.pagina_knoppen a:hover {
    text-decoration: none;
}
.pagina_knoppen .disabled IMG{
    display: none;
}

.scrollable {
    position:relative;
    overflow:hidden;
    width: 410px;
    height: 120px;
    float: left;
    margin-right: 5px;
}

.scrollable .items {
    position:absolute;
    width: 20000em;
}
.pagina_knoppen {
    background-color: #FFFFFF;
    border-bottom: 1px dotted #000000;
    border-top: 1px dotted #000000;
    margin-top: 10px;
}
#zoek_form {
    margin-top: 10px;
}
#zoek_input {
    border: 1px solid #000000;
    padding: 2px;
    width: 180px;
}
#zoek_knop {
    background-color: #ec008c;
    border: none;
    color: #FFFFFF;
    font-family: 'arial black', arial, verdana, sans-serif;
    font-size: 11px;
    line-height: 14px;
    padding: 3px 6px;
}
.media_zoekresultaat {
    border-bottom: 1px dotted #000000;
    font-size: 13px;
    margin-top: 20px;
}
/* Einde media pagina */

/* Begin Projecten */
#left_projecten {
    float: left;
    width: 410px;
    font-size: 11px;
    line-height: 21px;
}
.project_blok {
    margin-bottom: 20px;
}
.project_item_blok {
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.project_item_image {
    float: left;
    width: 166px;
    height: 100px;
    background-repeat: no-repeat;
    margin-top: 20px;
}
.project_item_title {
    float: left;
    width: 226px;
    height: 83px;
    margin-left: 16px;
    margin-top: 20px;
    padding-bottom: 13px;
    font-size: 18px;
    font-weight: bold;
    font-family: 'arial black', arial, verdana, helvetica, sans-serif;
}
.project_item_title TABLE {
    vertical-align: middle;
    height: 100%;
}
.project_item_introtekst .project_item_date {
    padding-right: 8px;
    margin-right: 6px;
    border-right: 1px solid #000000;
}
.project_item_row .project_item_date {
    font-size: 11px;
    font-weight: normal;
    padding-right: 8px;
    margin-right: 6px;
    border-right: 1px solid #000000;
}
.project_item_row {
    padding: 8px 0px 10px 0px;
    font-weight: bold;
    font-size: 12px;
    line-height: 11px;
}
.project_item_blok .leesmeer A, .thema_item_blok .leesmeer A, #adressen_blok .leesmeer A, #meeradressen A {
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding-left: 20px;
}
/* Einde projecten */

#adressen_blok {
    float: left;
    clear: none;
    padding: 22px;
    padding-top: 15px;
    background-image: url('../images/interface/kaartjeTop.jpg');
    background-position: 11px 0px;
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    width: 241px;
}
#adressen_blok #adressen_logo {
    background-repeat: no-repeat;
    background-position: center center;
    width: 235px;
    height: 125px;
}
#adressen_blok #adressen_titel {
    margin-top: 5px;
    padding-left: 20px;
}
#adressen_blok #meeradressen {
    border-top: 1px dotted #000000;
    margin-top: 22px;
    padding-top: 22px;
}
#adressen_blok_h3 {
    margin-top: 38px;
    padding-left: 40px;
}

#login_screenname {

}
.login_titel {
    border-bottom: 1px dotted #81623F;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 2px;
    padding: 5px 0;
}
#login p {
    margin: 3px 0;
}
#login label {
    clear: both;
    float: left;
    margin: 2px 0;
    width: 75px;
}
#login input {
    border: 1px solid #81623F;
    float: right;
    margin: 2px 0;
    width: 125px;
}
#login .submit {
    clear: both;
    float: right;
    width: auto;
}

.openid_button {
    background: white;
    border: 1px solid #777;
    display: block;
    float: left;
    margin: 0 8px;
    height: 40px;
    text-align: center;
    width: 90px;
}
#openid_input {
    display: none;
    margin: 0 8px;
}
#openid_input input {
    margin-top: 5px;
    float: left;
    width: 180px;
}
#openid_identifier {
    background: white url('../images/openid/openid.png') no-repeat 2px 1px;
    padding: 2px;
    padding-left: 20px;
    border: 1px solid #ccc
}

/* Begin Sitemap */
#sitemap {
    float: left;
    width: 700px;
}
#sitemap .floatLeft {
    float: left;
    width: 334px;
    margin-right: 16px;
}
#sitemap .floatRight {
    float: right;
    width: 334px;
}
#sitemap H2, #sitemap H2 A {
    color: #ED9100;
    font-size: 15px;
}
/* Einde Sitemap */

/* register */
#register {
    float: left;
    padding-right: 16px;
    width: 556px;
}

#register h2 {
    border-bottom: 2px solid #81623f;
    margin-top: 0px;
    padding: 5px 0;
    width: 100%;
}

#register .middle {
    padding-top: 4px;
    padding-bottom: 10px;
}

#register .defaultBold {
    font-weight: bold;
}
#register .itempad {
    font-size: 10px;
    line-height: 14px;
}
#register .tableCellTwo,#register .tableCellOne {
    padding-bottom: 4px;
}

/* einde register */

/* Stukje twitter */
.twitterBlok {
    float: left;
    width: 285px;
}
    .twitterHead {
        float: left;
        width: 200px;
        font-size: 18px;
        font-weight: bold;
        padding-left: 85px;
        padding-top: 18px;
        height: 42px;
        background: url('../images/interface/tweet_head.gif') no-repeat 0px 0px;
    }

    .twitterItemEen, .twitterItemEven, .twitterItemOnEven {
        background-color: White;
    }

        .twitterFoto  {
            padding:10px;
            padding-bottom: 0px;
            float: left;
        }

        .twitterNaam  {
            float:left;
            padding-top: 10px;
            font-weight: bold;
            width: 200px;
        }

        .twitterDatum  {
            float:left;
            font-size: 10px;
            line-height: 12px;
            width: 200px;
        }

        .twitterFunctie  {
            float:left;
            font-size: 10px;
            line-height: 12px;
            font-style: italic;
            color: #925f34;
            width: 200px;
        }
        
        .twitterItemOnEven .twitterNaam, .twitterItemOnEven .twitterDatum, .twitterItemOnEven .twitterFunctie {
            text-align: right;
        }

        
        .twitterItemOnEven .twitterFoto, .twitterItemEven .twitterFoto {
            padding: 10px;
            padding-top: 0px;
        }

        .twitterItemOnEven .twitterNaam, .twitterItemEven .twitterNaam {
            padding-top: 0px;
        }

        .twitterItemOnEven .twitterFoto {
            padding-right: 10px;
        }
        
        .twitterComment {
            float:left;
            width: 230px;
            padding-left: 20px;
            padding-right: 25px;
        }
        
        .twitterItemEen .twitterComment {
            background: url('../images/interface/twitter_ballon_zwart.gif') no-repeat 10px -3px;
            padding-top: 27px;
            height: 70px;
            color: White;
        }
        
        .twitterItemOnEven .twitterComment {
            background: url('../images/interface/twitter_ballon_rechts.gif') no-repeat 10px 0px;
            padding-top: 10px;
            height: 87px;
            color: Black;
        }
        
        .twitterItemEven .twitterComment {
            background: url('../images/interface/twitter_ballon_links.gif') no-repeat 10px 0px;
            padding-top: 10px;
            height: 87px;
            color: Black;
        }

        .twitterBalkDik {
            float:left;
            height: 1px;
            border-bottom: Black solid 3px;
            width: 255px;
            margin-left: 10px;
            margin-top: 6px;
            margin-bottom: 10px;
        }

        .twitterBalkStippel {
            float:left;
            height: 1px;
            border-bottom: Black dashed 1px;
            width: 255px;
            margin-left: 10px;
            margin-top: 6px;
            margin-bottom: 10px;
        }

    .twitterBottom  {
        float: left;
        width: 275px;
        font-weight: bold;
        padding-left: 10px;
        height: 32px;
        background-color: white;
    }

/* Einde stukje twitter */

.titel_geld {
    font-size: 16px;
    line-height: 18px;
    font-family: 'arial black', arial, verdana;
    padding-bottom: 10px;
    margin-top: 0px;
}

.document {
    margin-bottom: 10px;
}
.pdf {
    background-image: url('../images/interface/pdf.gif');
    background-repeat: no-repeat;
    padding-bottom: 5px;
    padding-left: 30px;
    padding-top: 5px;
}
/* Formulier elementen */
.panelWhiteLarge {
    float: left;
    width: 444px;
}

    .panelWhiteLarge .middle, .formIntro {
        float: left;
        width: 444px;
        padding-top: 6px;
        padding-bottom: 10px;
    }

    .tableCellTwo .defaultBold {
        color: Black;
        font-weight: bold;
    }

    .tableCellTwo .itempad {
        font-size: 11px;
    }

    .panelWhiteLarge .button, .button {
        cursor: pointer;
    }

    #TB_ajaxContent {
        background-color: #D7EFF4;
    }

    div.fieldset span.legend {
        -x-system-font:none;
        background-color:#D7EFF4;
        color:#666666;
        font-family:Arial,Helvetica,sans-serif;
        font-size:14px;
        font-size-adjust:none;
        font-stretch:normal;
        font-style:normal;
        font-variant:normal;
        font-weight:700;
        line-height:normal;
        padding:3px;
        top:-30px;
    }

    div.fieldset {
        border:1px solid #AFE14C;
        margin:10px 0;
        padding:20px 10px;
    }

    div.flash {
        -moz-border-radius-bottomleft:5px;
        -moz-border-radius-bottomright:5px;
        -moz-border-radius-topleft:5px;
        -moz-border-radius-topright:5px;
        border-color:#666666;
        margin:10px 5px;
        width:230px;
    }

    .progressWrapper {
            width: 230px;
            overflow: hidden;
    }

    .progressContainer {
            margin: 5px;
            padding: 4px;
            border: solid 1px #E8E8E8;
            background-color: #F7F7F7;
            overflow: hidden;
    }

    .progressName {
            font-size: 8pt;
            font-weight: 700;
            color: #555;
            width: 196px;
            height: 14px;
            text-align: left;
            white-space: nowrap;
            overflow: hidden;
    }

    .progressBarInProgress,
    .progressBarComplete,
    .progressBarError {
            font-size: 0;
            width: 0%;
            height: 2px;
            background-color: blue;
            margin-top: 2px;
    }

    .progressBarComplete {
            width: 100%;
            background-color: green;
            visibility: hidden;
    }

    .progressBarError {
            width: 100%;
            background-color: red;
            visibility: hidden;
    }

    .progressBarStatus {
            margin-top: 2px;
            width: 190px;
            font-size: 7pt;
            font-family: Arial;
            text-align: left;
            white-space: nowrap;
    }

    a.progressCancel {
            font-size: 0;
            display: block;
            height: 14px;
            width: 14px;
            background-image: url(../images/cancelbutton.gif);
            background-repeat: no-repeat;
            background-position: -14px 0px;
            float: right;
    }

    a.progressCancel:hover {
            background-position: 0px 0px;
    }

/* Einde formulier elementen */


/* Begin Cilio Geld */
.GeldRow {
    clear: both;
    margin-bottom: 10px;
}
.GeldLabel {
    float: left;
    width: 250px;
    padding-right: 10px;
}
.redAsterisk {
    color: #FF0000;
}
.GeldError {
    color: #FF0000;
    font-size: 11px;
    font-weight: bold;
    margin-left: 260px;
}
.GeldSucces {
    color: #8DC635;
    font-weight: bold;
    text-align: center;
    width: 600px;
}
/* Einde Cilio Geld */