/**********************************************************************************
 * 
 * Deze code is met veel plezier geschreven, getest en met trots 
 * opgeleverd door Vije Internetproducties.
 *
 * Voor vragen kunt u contact opnemen per e-mail (team@vije.nl) of per 
 * telefoon (074-2673400).
 *
 * Meer informatie over Vije Internetproducties vindt u op http://www.vije.nl
 *
 **********************************************************************************/
 
/***********************************************************************************
 * STYLE RESETS
 **********************************************************************************/
 
    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
        margin:0;
        padding:0;
    }
    table {
        border-collapse:collapse;
        border-spacing:0;
    }

    fieldset,img {
        border:0;
    }

    address,caption,cite,code,dfn,em,th,var {
        font-style:normal;
        font-weight:normal;
    }

    ol,ul {
        list-style:none;
    }

    caption,th {
        text-align:left;
    }

    h1,h2,h3,h4,h5,h6 {
        font-size:100%;
        font-weight:normal;
    }

    abbr,acronym {
        border:0;
    }
 
/***********************************************************************************
 * GENERIEKE STYLES
 **********************************************************************************/
 
    body {
        text-align: center;
        /*background: #ccc url(/img/bg.gif) repeat-x center top;*/
    }

    body, td, input, textarea, table {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        /* color: #444; */
    }

        table {
            color: #0078C1;
        }

    h1 {
        font-size: 24px;
    }

    h2 {
        font-size: 17px;
        font-weight: bold;
    }

    h3 {
        font-size: 15px;
        margin: 5px 0;
    }

    h4 {
        font-size: 13px;
    }

    a:link, a:visited, a:active, a:hover {
        text-decoration: none;
        outline: none;
    }
 
/***********************************************************************************
 * GLOBALE LAYOUT
 **********************************************************************************/
 
    div#wrapper {
        width: 900px !important;
        width: 900px;
        /*
        height: 570px !important;
        height: 600px;
        */
        margin: 0 auto;
        text-align: left;
        padding: 15px 25px;
        overflow: hidden;
    /*    border: 1px solid #999; */
        background: #fff;
    }

    div#wrapper div#content {
        padding-top: 15px;
    }

    div#wrapper div#menu {
        float: left;
        position: relative;
        top:10px;
        margin: 0 20px;
        margin-bottom: 10px;
    }

    div#wrapper div#menu ul {}

    div#wrapper div#menu ul li {
        display: inline;
        color: #0078C1;
    }

    div#wrapper div#menu ul li a {
        padding: 0 5px;
        text-transform: uppercase;
        font-weight: bold;
        color: #0078C1;
        font-size: 12px;
    }

    div#wrapper div#menu ul li a.active, div#wrapper div#account ul li a.active {
        color: #E31836;
    }

    div#wrapper div#account {
        float: right;
        position: relative;
        margin: 10px 60px 0 0 !important;
        margin: 10px 0px 0 0;
    }

    div#wrapper div#account ul {}

    div#wrapper div#account ul li {
        display: inline;
        color: #0078C1;
    }

    div#wrapper div#account ul li a {
        padding: 0 5px;
        text-transform: uppercase;
        font-weight: bold;
        color: #0078C1;
        font-size: 12px;
    }
 
/***********************************************************************************
 * MODULE- EN PAGINA SPECIFIEKE LAYOUT
 **********************************************************************************/

    div.mainContent > a {
        color: #0078C1;
        font-weight: bold;
    }

    div.mainContent > a:hover {
        color: #E31836;
    }

    div.mainContent h2 {
        padding: 5px 0;
    }
 
     /***************************************************************
     * STARTPAGINA
     **************************************************************/

         #startpagina #fotobanner {
             margin-left: 15px;
            margin-top: 15px;
         }

        div#wrapper div#content div#startpagina {}

        div#wrapper div#content div#startpagina div#leftColumn {
            float: left;
            position: relative;
            width: 504px;
        }

        div#wrapper div#content div#startpagina div#leftColumn div#hoofdStelling {
            position: relative;
            width: 464px !important;
            width: 504px;
            height: 207px !important;
            height: 257px;
            padding: 35px 15px 15px 25px;
            overflow: hidden;
        }

/************ BIG BOX ************/
        div#wrapper div#content div#startpagina div#leftColumn div#hoofdStelling h1 {
            font-size: 36px;
            line-height: 41px;
            font-weight: bold;
            }
        div#wrapper div#content div#startpagina div#leftColumn div#hoofdStelling .datum {
            position: absolute;
            top: 170px;
            left: 25px;
            }
            div#wrapper div#content div#startpagina div#leftColumn div#hoofdStelling h2 {
                font-size: 18px;
                font-weight: normal;
                line-height: 22px;
                margin-top: 2px;
                }

        div#wrapper div#content div#startpagina div#leftColumn div#hoofdStelling .reageerLink {
            text-transform: uppercase;
            position:absolute;
            right:15px;
            top:15px;
        }
        
        div#content div#startpagina div#leftColumn div#hoofdStelling div.stellingNav {  
            position: absolute;
            width: 464px;
            bottom: 5px;
            left: 25px;
            line-height: 25px;
            height: 25px;
            font-size: 10px;
        }
        
        div#wrapper div#content div#startpagina div#leftColumn div#hoofdStelling div.stellingNav a {            
            text-transform: uppercase;
        }

        div#wrapper div#content div#startpagina div#leftColumn div#hoofdStelling div.stellingNav a#prev {
            float: left;
            position: relative;
        }   
        
        div#wrapper div#content div#startpagina div#leftColumn div#hoofdStelling div.stellingNav a#next {   
            float: right;
            position: relative;
        }
        
        div#wrapper div#content div#startpagina div#leftColumn div#hoofdStelling div.stellingNav a#all {
            float: right;
            position: relative; 
            margin-left: 25px;
        }
        
/******   RED   ******/
        div.redBigBox  {
            background: url(/img/hoofdblok_xrood.gif) no-repeat left top;
        }

        div.redBigBox a h1,
        div.redBigBox a h2,
        div.redBigBox .reageerLink,
        div.redBigBox div.stellingNav a {            
            color: #fff;
        }
        div.redBigBox div.stellingNav {
                border-top:1px dashed #fff;
        }
/****** RED NOBG******/
        div.redBigBoxNoBG {
            background: url(/img/hoofdblok_rood.gif) no-repeat left top;
        }
        
        div.redBigBoxNoBG a h1,
        div.redBigBoxNoBG a h2,
        div.redBigBoxNoBG .reageerLink, 
        div.redBigBoxNoBG div.stellingNav a {            
            color: #E31836;
        }
        div.redBigBoxNoBG div.stellingNav {
            border-top:1px dashed #E31836;
        }
/******  BLUE   ******/
        div.blueBigBox  {
            background: url(/img/hoofdblok_xblauw.gif) no-repeat left top;
        }

        div.blueBigBox a h1,
        div.blueBigBox .reageerLink,
        div.blueBigBox div.stellingNav a {            
            color: #fff;
        }
        div.blueBigBox div.stellingNav {
                border-top:1px dashed #fff;
        }
/******BLUE NOBG******/
        div.blueBigBoxNoBG {
            background: url(/img/hoofdblok_blauw.gif) no-repeat left top;
        }
        
        div.blueBigBoxNoBG a h1,
        div.blueBigBoxNoBG .reageerLink, 
        div.blueBigBoxNoBG div.stellingNav a {            
            color: #0078C1;
        }
        div.blueBigBoxNoBG div.stellingNav {
            border-top:1px dashed #0078C1;
        }
/********************/
        div#wrapper div#content div#startpagina div#leftColumn div#staticLeft {
            float: left;
            position: relative;
            width: 158px;
        }

        div#wrapper div#content div#startpagina div#leftColumn div#staticLeft div#contactInfo {
            width: 158px;
            height: 136px;
            margin: 15px 0 0 0;
            overflow:hidden;
        }

        div#contactInfo div#contactGegevens {
            line-height: normal !important;
        }

        div#contactInfo div#contactGegevens a {
            color: #fff;
        }

        /* BUGFIX: overflow hidden gemaakt zodat in IE het contactblok niet met de content mee groeit...BMP/31/10/2007*/
        div#contactInfo .tl .tr .bl{
            overflow:hidden;
        }

        div#wrapper div#content div#startpagina div#leftColumn div#staticLeft  div#logo {
            margin: 15px 0 0 0;
            width: 158px;
        }

        div#wrapper div#content div#startpagina div#leftColumn div#newsContainer {
            float: left;
            position: relative;
            margin: 15px 0 0 15px;
            color: #0078C1;
            width: 331px;
            min-height: 257px;
            height: auto;
            _height: 257px;
        }

        div#wrapper div#content div#startpagina div#leftColumn div#newsContainer h2 {
            font-size: 17px;
            font-weight: bold;
            color: #0078C1;
            text-transform: uppercase;
        }

        div#wrapper div#content div#startpagina div#rightColumn {
            float: left;
            position: relative;
            width: 351px;
        }

    /***************************************************************
     * SUBPAGINA GENERIEKE STYLES
     **************************************************************/

         div#wrapper div#content div#subpagina {}

         div#wrapper div#content div#subpagina div#leftColumn {
             float: left;
            position: relative;
            width: 158px;
         }

        div#wrapper div#content div#subpagina div#leftColumn div#leftColumnBlocks {
            height: 290px;
        }

        div#wrapper div#content div#subpagina div#leftColumn div#staticLeft div#contactInfo {
            width: 158px;
            height: 136px;
            margin: 15px 0;
        }


         div#content div#subpagina div#mainColumn {
             float: left;
            position: relative;
            width: 504px;
            margin-left: 15px;
            height: auto;
            min-height: 530px;
            _height: 530px;
         }


        div#wrapper div#content div#subpagina div#mainColumn div.mainContent {
            padding: 0 15px 15px 15px ;
            line-height: 16px;
        }

        div#wrapper div#content div#subpagina div#mainColumn div.mainContent div.topline {
            margin-bottom: 5px;
        }

        div#wrapper div#content div#subpagina div#mainColumn div.mainContent div#submenu{
            position:relative;
        }

        div#wrapper div#content div#subpagina div#mainColumn div.mainContent div#submenu ul{
            top:0px;
            margin:0px;
            text-align:right;
        }


        div#wrapper div#content div#subpagina div#mainColumn div.mainContent div#submenu ul li{
            display: inline;
        }

        div#wrapper div#content div#subpagina div#mainColumn div.mainContent div#submenu ul li a{
            padding: 0 5px;
            text-transform: uppercase;
            font-weight: normal;
            color: #0078C1;
        }

        div#wrapper div#content div#subpagina div#mainColumn div.mainContent div#submenu ul li a.active{
            color: #E31836;
        }



        div#wrapper div#content div#subpagina div#mainColumn div.mainContent h1 {
            font-weight: bold;
            font-size: 26px;
            margin: 10px 0;
        }

         div#wrapper div#content div#subpagina div#rightColumn {
             margin: 0pt 50px 0pt 0pt
         }

    /***************************************************************
     * NIEUWS: OVERZICHT
     **************************************************************/

        div#wrapper div#content div#startpagina div#leftColumn div#newsContainer ul {}

        div#wrapper div#content div#startpagina div#leftColumn div#newsContainer ul li {
            border-bottom: 1px dashed #0078C1;
            padding: 10px 0;
        }

        div#wrapper div#content div#startpagina div#leftColumn div#newsContainer ul li.first {
            padding-top: 0;
        }

        div#wrapper div#content div#startpagina div#leftColumn div#newsContainer ul li h3 {
            font-size: 12px;
            line-height: 15px;
            font-weight: bold;
        }

        div#wrapper div#content div#startpagina div#leftColumn div#newsContainer ul li div.newsContent {
            line-height: 16px;
        }

        div#wrapper div#content div#startpagina div#leftColumn div#newsContainer ul li div.newsContent a {
            font-weight: bold;
            color: #0078C1;
        }
        div#wrapper div#content div#startpagina div#leftColumn div#newsContainer ul li .newsContent .inner a {
            color: #f00;
            font-weight: normal;
            }

    /***************************************************************
     * DEBAT: OVERZICHT
     **************************************************************/

        div#wrapper div#content div#subpagina div#mainColumn div.mainContent div.debatNavTop {}

        div#wrapper div#content div#subpagina div#mainColumn div.mainContent div.debatNavTop a.currentCategory {
            float: left;
            position: relative;
        }

        div#wrapper div#content div#subpagina div#mainColumn div.mainContent div.debatNavTop a.otherCategory {
            float: right;
            position: relative;
        }

        div#wrapper div#content div#subpagina div#mainColumn div.mainContent div.online a.otherCategory {
            color: #0078C1;
        }

        div#wrapper div#content div#subpagina div#mainColumn div.mainContent div.offline a.otherCategory {
            color: #E31836;
        }

        div#wrapper div#content div#subpagina div#mainColumn div.mainContent ul.debatOverzicht {
            margin: 0;
            padding: 0;
        }

        div#wrapper div#content div#subpagina div#mainColumn div.mainContent ul.debatOverzicht li {
            position: relative;
            padding:  0px;
            margin: 0;
            height: 120px;
        }

        div#wrapper div#content div#subpagina div#mainColumn div.mainContent ul.online li {
            background: url(/img/stippellijn_dubbel_rood.gif) repeat-x left bottom;
        }

        div#wrapper div#content div#subpagina div#mainColumn div.mainContent ul.offline li,
        div#wrapper div#content div#subpagina div#mainColumn div.mainContent ul.oplocatie li {
            background: url(/img/stippellijn_dubbel_blauw.gif) repeat-x left bottom;
        }

        div#wrapper div#content div#subpagina div#mainColumn div.mainContent ul.debatOverzicht li a.bekijk {
            position: absolute;
            top: 10px;
            right: 0;
            text-transform: uppercase;
        }

        div#wrapper div#content div#subpagina div#mainColumn div.mainContent ul.debatOverzicht li.online {
            color: #E31836;
        }

        div#wrapper div#content div#subpagina div#mainColumn div.mainContent ul.debatOverzicht li.offline {
            color: #0078C1;
        }

        div#wrapper div#content div#subpagina div#mainColumn div.mainContent ul.debatOverzicht li.online a.bekijk {
            color: #E31836;
        }

        div#wrapper div#content div#subpagina div#mainColumn div.mainContent ul.debatOverzicht li.offline a.bekijk {
            color: #0078C1;
        }

        div#wrapper div#content div#subpagina div#mainColumn div.mainContent ul.debatOverzicht li h2.debatOverzichtTitel {
            font-size: 24px;
            font-weight: bold;
            line-height: 24px;
            margin: 0;
            margin-top: 0px;
            white-space: nowrap;
            }
            div#wrapper div#content div#subpagina div#mainColumn div.mainContent ul.debatOverzicht li .datum {
                position: absolute;
                bottom: 8px;
                left: 0px;
                }
                div#wrapper div#content div#subpagina div#mainColumn div.mainContent ul.debatOverzicht li h3 {
                    font-size: 11px;
                    font-weight: normal;
                    line-height: 12px;
                    }

        div#wrapper div#content div#subpagina div#mainColumn div.mainContent ul.debatOverzicht li div.meningen {
            position: absolute;
            bottom: 10px;
            right: 0;
            font-size: 10px;
        }

        div#wrapper div#content div#subpagina div#mainColumn div.mainContent ul.debatOverzicht.offline li a {
            color: #0078C1;
        }

        div#wrapper div#content div#subpagina div#mainColumn div.mainContent ul.debatOverzicht.online li a {
            color: #E31836;
        }

        a.offlineUpArrow {
            color: #0078C1;
            font-weight: bold;
            background: url(/img/pijl_blauw_up.gif) no-repeat 100% 49%;
            padding-right: 10px;
        }

        a.offlineDownArrow {
            color: #0078C1;
            font-weight: bold;
            background: url(/img/pijl_blauw_down.gif) no-repeat 100% 49%;
            padding-right: 10px;
        }

        a.onlineUpArrow {
            color: #E31836;
            font-weight: bold;
            background: url(/img/pijl_rood_up.gif) no-repeat 100% 49%;
            padding-right: 10px;
        }

        a.onlineDownArrow {
            color: #E31836;
            font-weight: bold;
            background: url(/img/pijl_rood_down.gif) no-repeat 100% 49%;
            padding-right: 10px;
        }

    /***************************************************************
     * DEBAT: DETAILS
     **************************************************************/

        div#wrapper div#content div#subpagina div#mainColumn div.mainContent div.debatNavTop {}

        div#wrapper div#content div#subpagina div#mainColumn div.mainContent div.debatNavTop div.debatDetailNav {
            float: right;
            position: relative;
        }

        div#wrapper div#content div#subpagina div#mainColumn div.mainContent div.debatNavTop div.debatDetailNav a {
            margin-right: 10px;
        }

        div#wrapper div#content div#subpagina div#mainColumn div.mainContent div.stelling {
            position: relative;
            /* background: url(/img/stippellijn_dubbel_rood.gif) repeat-x left bottom; */
        }

        div#wrapper div#content div#subpagina div#mainColumn div.mainContent div.stelling a.bekijk {
            position: absolute;
            top: 10px;
            right: 10px;
            text-transform: uppercase;
        }

        div#wrapper div#content div#subpagina div#mainColumn div.mainContent div.stelling.online {
            color: #E31836;
        }

        div#wrapper div#content div#subpagina div#mainColumn div.mainContent div.stelling div.dubbelelijnRood {
            height: 7px;
            background: url(/img/stippellijn_dubbel_rood.gif) repeat-x left bottom;
        }

        div#wrapper div#content div#subpagina div#mainColumn div.mainContent div.stelling.offline,
        div#wrapper div#content div#subpagina div#mainColumn div.mainContent div.stelling.oplocatie {
            color: #0078C1;
        }

        div#wrapper div#content div#subpagina div#mainColumn div.mainContent div.stelling div.dubbelelijnBlauw {
            height: 7px;
            background: url(/img/stippellijn_dubbel_blauw.gif) repeat-x left bottom;
        }

        div#wrapper div#content div#subpagina div#mainColumn div.mainContent div.stelling.online a.bekijk {
            color: #E31836;
        }

        div#wrapper div#content div#subpagina div#mainColumn div.mainContent div.stelling.offline a.bekijk,
        div#wrapper div#content div#subpagina div#mainColumn div.mainContent div.stelling.oplocatie a.bekijk {
            color: #0078C1;
        }

        div#wrapper div#content div#subpagina div#mainColumn div.mainContent div.stelling h1.debatOverzichtTitel {
            font-size: 30px;
            font-weight: bold;
            line-height: 40px;
            margin-top: -5px;height:110px;
            white-space:nowrap;
        }

        div#wrapper div#content div#subpagina div#mainColumn div.mainContent div.stelling div.meningen {
            position: absolute;
            top: 100px;
            right: 10px;
        }

        div.reactie {
            margin-top: 10px;
        }

        .reactie p{
            color: #0078c1;
        }





/***********************************************************************************
 * OVERIGE OPMAAK
 **********************************************************************************/
 
     .online {
         color: #E31836;
     }

    .offline, .oplocatie {
        color: #0078C1;
    }
 
    p.notice {
         color: #E31836;
    }

    p.notice a {
         color: #E31836;
    }

    div.stippellijnRood {
        border-top: 1px dashed #E31836;
        height: 1px;
        margin-top: 6px;
    }

    .redBox .top .tl .tr .bottom .br .blockContent .stippellijnRood {
        position: relative;
        top: 0px;
        height: 0px;
        border-top: 1px dashed #fff;
    }
    .redBox .top .tl .tr .bottom .bl .blockContent .stippellijnRood {
        position: relative;
        top: 0px;
        height: 0px;
        border-top: 1px dashed #fff;
    }
    .redBox .top .tl .bottom .bl .br .blockContent .stippellijnRood {
        position: relative;
        top: 0px;
        height: 0px;
        border-top: 1px dashed #fff;
    }
    .redBox .top .tr .bottom .bl .br .blockContent .stippellijnRood {
        position: relative;
        top: 0px;
        height: 0px;
        border-top: 1px dashed #fff;
    }

    div.stippellijnBlauwDubbel {
        margin: 10px 0;
        border-top: 1px dashed #0078C1;
        border-bottom: 1px dashed #0078C1;
        height: 5px;
        overflow: hidden;
    }
    div.stippellijnBlauw {
        position: relative;
        padding-top: 4px;
        top: 2px;
        height: 0px;
        border-top: 1px dashed #0078C1;
    }

    .blueBox .top .tr .bottom .bl .br .blockContent .stippellijnblauw {
        position: relative;
        padding-top: 4px;
        top: 2px;
        height: 0px;
        border-top: 1px dashed #fff;
    }
    .blueBox .top .tl .bottom .bl .br .blockContent .stippellijnblauw {
        position: relative;
        padding-top: 4px;
        top: 2px;
        height: 0px;
        border-top: 1px dashed #fff;
    }
    .blueBox .top .tl .tr .bottom .br .blockContent .stippellijnblauw {
        position: relative;
        padding-top: 4px;
        top: 2px;
        height: 0px;
        border-top: 1px dashed #fff;
    }

    div.stippellijnBlauwDubbel {
        margin: 10px 0;
        border-top: 1px dashed #0078C1;
        border-bottom: 1px dashed #0078C1;
        height: 5px;
        overflow: hidden;
    }

    /***************************************************************
     * BLOKKEN
     **************************************************************/
        div.singleblock{
            width: 158px;
            height: 121px !important;
            height: 121px;
            margin: 0 0 15px 15px;
            overflow: hidden;
        }

        div.singleblock .blockContent{
            height: 121px;
            overflow:hidden;
        }
        div.doubleblock {
            height: 257px !important;
            height: 256px;
            width: 158px;
            margin: 0 0 15px 15px;
        }

        div.doubleblock div div div div div div div{
            height: 257px !important;
            height: 256px;
            overflow:hidden;
        }

        div.imageBlock  div div div div div div div {
        }

        div.imageBlock  div div div div div div div img{
            margin: -15px 0 0 0;
        }

        div.redBox, div.redBox .stellingLink {
            background: #E31836;
            color: #fff;
        }

        div.redBox div.tl { background: url(/img/corners/corner_red_tl.gif) no-repeat left top; }
        div.redBox div.tr { background: url(/img/corners/corner_red_tr.gif) no-repeat right top; }
        div.redBox div.bl { background: url(/img/corners/corner_red_bl.gif) no-repeat left bottom; }
        div.redBox div.br { background: url(/img/corners/corner_red_br.gif) no-repeat right bottom; }

        div.redNoBGBox{
            background: url(/img/corners/redbox_nobg_mid_small.gif) repeat-y left top;
            color: #E31836;
        }

        div.redNoBGBox .stellingLink {
            color: #E31836;
        }


        div.redNoBGBox div.tl { background: url(/img/corners/corner_nobg_red_tl.gif) no-repeat left top; }
        div.redNoBGBox div.tr { background: url(/img/corners/corner_nobg_red_tr.gif) no-repeat right top; }
        div.redNoBGBox div.bl { background: url(/img/corners/corner_nobg_red_bl.gif) no-repeat left bottom; }
        div.redNoBGBox div.br { background: url(/img/corners/corner_nobg_red_br.gif) no-repeat right bottom; }
        div.redNoBGBox div.top{ background: url(/img/corners/redbox_nobg_bar.gif) no-repeat left top;}
        div.redNoBGBox div.bottom{ background: url(/img/corners/redbox_nobg_bar.gif) no-repeat left bottom;}

        div.blueBox {
            background: #0078C1;
            color: #fff;
        }

        div.blueBox div.tl { background: url(/img/corners/corner_blue_tl.gif) no-repeat left top; }
        div.blueBox div.tr { background: url(/img/corners/corner_blue_tr.gif) no-repeat right top; }
        div.blueBox div.bl { background: url(/img/corners/corner_blue_bl.gif) no-repeat left bottom; }
        div.blueBox div.br { background: url(/img/corners/corner_blue_br.gif) no-repeat right bottom; }

        div.blueNoBGBox {
            background: url(/img/corners/bluebox_nobg_mid_small.gif) repeat-y left top;
            color: #0078C1;
        }

        div.blueNoBGBox div.tl { background: url(/img/corners/corner_nobg_blue_tl.gif) no-repeat left top; }
        div.blueNoBGBox div.tr { background: url(/img/corners/corner_nobg_blue_tr.gif) no-repeat right top; }
        div.blueNoBGBox div.bl { background: url(/img/corners/corner_nobg_blue_bl.gif) no-repeat left bottom; }
        div.blueNoBGBox div.br { background: url(/img/corners/corner_nobg_blue_br.gif) no-repeat right bottom; }
        div.blueNoBGBox div.top{background: url(/img/corners/bluebox_nobg_bar.gif) no-repeat left top;}
        div.blueNoBGBox div.bottom{background: url(/img/corners/bluebox_nobg_bar.gif) no-repeat left bottom;}

        div.blueNoBGBox a{color:#0078C1;}

        div.tl, div.tr, div.bl, div.br {
            width: 100%;
            height: 100%;
        }

        div.blockContent {
            padding: 15px;
            line-height: 16px;
            overflow: hidden;
        }

        div.blockContent ul li{
            float:left;
            display: inline;
        }

        div.blockContent H2.StellingTitel{
            font-size: 14px;
            height:74px;
            line-height: 16px;
            position: relative;
            }
            div.blockContent H2.StellingTitel small {
                display: block;
                font-size: 10px;
                line-height: 13px;
                font-weight: normal;
                position: absolute;
				left: 0px;
                bottom: 0px;
                }
        div.blockContent H2.quote{
            font-style: italic;
            font-size: 13px;
            line-height: 17px;
            }
        div.blockContent .auteur {
            font-size: 11px;
            line-height: 13px;
            }


        .reageerLink {
            margin-top: 2px;
            float:right;
        }

        div.blockContent a.inschrijfLink{
            float:right;
        }
        div.redNoBGBox .reageerLink {
            float:right;
            color: #E31836;
        }
        div.redBox .reageerLink {
            float:right;
            color: #FFF;
        }

        div.bluebox a {
            color: #fff;
        }

        div.mainBlueBox {
            position: relative;
            background: url(/img/corners/bluebox_nobg_mid.gif) repeat-y left top;
            color: #0078C1;
        }

        div.mainBlueBox div.top {
            width: 504px;
            height: 16px;
            background: url(/img/corners/bluebox_nobg_top.gif) no-repeat left top;
        }

        div.mainBlueBox div.bottom {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 504px;
            height: 16px;
            background: url(/img/corners/bluebox_nobg_bottom.gif) no-repeat left top;
        }

        div.mainRedBox {
            position: relative;
            background: url(/img/corners/redbox_nobg_mid.gif) repeat-y left top;
            color: #0078C1;
        }

        div.mainRedBox div.top {
            width: 504px;
            height: 16px;
            background: url(/img/corners/redbox_nobg_top.gif) no-repeat left top;
        }

        div.mainRedBox div.bottom {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 504px;
            height: 16px;
            background: url(/img/corners/redbox_nobg_bottom.gif) no-repeat left top;
        }

        #MiddleSubColumn{
            vertical-align:top;
            float:left;
            width: 158px;
            margin: 0;
        }

        #RightSubColumn{
            vertical-align:top;
            float:right;
            width: 158px;
            margin: 0 15px 0 0 !important;
            margin: 0;
        }

        li.agendaLijst {
            border-bottom: 1px dashed #0078C1;
            padding-bottom: 5px;
            width: 120px;
            margin-bottom: 5px;
        }
        li.archiefLijst {
            border-bottom: 1px dashed #0078C1;
            padding-bottom: 5px;
            width: 120px;
            margin-bottom: 5px;
        }

        a.reageerlink, a.bekijk a.inschrijfLink{
            font-size: 10px;
        }
/***********************************************************************************
 * FORMULIEREN
 **********************************************************************************/
 
    div.formRow {
        padding: 3px;
        margin-bottom: 2px;
    }

    label {
        float: left;
        position: relative;
        width: 150px;
    }

    label.unstyled {
        float: none;
        position: inherit;
        width: auto;
    }

    input.textfield {
        border-top: 0;
        border-right: 0;
        border-bottom: 1px dashed #0078C1;
        border-left: 0;
        color: #0078C1;
    }

    div.online textarea {
        border: 1px dashed #E31836;
        color: #E31836;
    }

    div.oplocatie textarea, div#EmailForm textarea {
        border: 1px dashed #0078C1;
        color: #0078C1;
    }

    span.errMsg {
        color: #ff0000;
    }

    .errFld {
        border: 1px solid #ff0000;
    }


    form.loginForm, form.registrationForm{
        width: 400px;
    }

    #EmailForm {
        width:400px;
        padding-bottom:30px;
    }

    #EmailForm .label{
        width:100px;
        float:left;
    }

    #EmailForm .field{
        float:left;
        width: 300px;
        display:inline;
    }

    #EmailForm ul li ul li{
        margin-left:15px;
        padding:5px;
    }

    #EmailForm ul li p{
        padding-top:3px;
    }

    .mainBlueBox .button{
        color:white;
        border:none;
        background-color: transparent;
        top:0px;
        left:0px;
        height:25px;
        width:115px;
        position:absolute;
    }

    .mainRedBox .button{
        color:white;
        border:none;
        background-color: transparent;
        top:0px;
        left:0px;
        height:25px;
        width:115px;
        position:absolute;
    }
    .mainBlueBox  .button_wrapper{
        float: right;
        padding-right: 5px;
        position:relative;
        border:none;
        background:url(/img/button_blue.gif) no-repeat;
        height:30px;
        width:120px;
    }

    .mainRedBox  .button_wrapper{
        float: right;
        padding-right: 5px;
        position:relative;
        border:none;
        background:url(/img/button_red.gif) no-repeat;
        height:30px;
        width:120px;
    }

/***********************************************************************************
 * MODIFIERS
 **********************************************************************************/
 
     .float-left { float: left; }
    .float-right { float: right; }
    .position-relative { position: relative; }
    .spacer { clear: both; }
    .nowrap { white-space: nowrap; }
    .uppercase { text-transform: uppercase; }
    .bold { font-weight: bold;}
    input.button {    cursor: pointer;}




    div.omschrijving a {
        color: #E31836;
    }

    div.omschrijving a:hover {
        text-decoration: underline;
    }

/****** LightBox ***********************************/

#lightbox{    position: absolute;    left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/img/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/img/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%    ; }

#imageData{    padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;    }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;    }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.debatfoto {
    display: block;
    float: left;
    width: 150px;
    margin-bottom: 10px;
    margin-left: 10px;
    height: 100px;
    position: relative;
    }
    .debatfoto span {
        height: 100px;
        width: 150px;
        display: block;
        position: absolute;
        left: 0px;
        top: 0px;
        background: url(/img/fotooverlay_1.png) no-repeat;
        }


.debatfoto_1 {
    margin-left: 0px;
    }

.debatfoto_1 span {
    background: url(/img/fotooverlay_1.png) no-repeat;
    }

.debatfoto_2 span {
    background: url(/img/fotooverlay_2.png) no-repeat;
    }

.debatfoto_3 span {
    background: url(/img/fotooverlay_1.png) no-repeat;
    }