body {  font-size:0.8em; 
        font-family:Verdana;
        line-height:1.2;
        text-align:center;
        color:#333;
        background-color:#c8c8c8;
        }
strong {font-weight:bold;}
em { font-style:italic;}
p { margin: 5px 0 10px 0; }

a {
    color: #336699;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a img { vertical-align:bottom;}

a.leesmeer:hover img {background:url('/media/images/pijl_lang02.png') top left no-repeat;}

.text_small {font-size:0.9em;}

h1  {font-size:1.4em; 
    font-weight:bold;
    color: #BA011A; 
    line-height:1;
    margin-bottom:10px;
    }
h1 a {color:#BA011A; text-decoration:none;}


h2 {font-size:1.2em; color:#000; font-weight:bold;}
h2.margin {margin-top:5px;}
h2.red {color:#BA011A;}

h3 {font-size:1.1em; 
    color:#BA011A;}
h3 a {color:#BA011A; text-decoration:none;}

h4 {font-size:1.3em; 
    font-family:Georgia; 
    color:#BA011A;
    font-weight:bold;
    }

h5 {  
    font-size:1.0em; 
    font-weight:bold;
    margin:10px 0 5px 0;
    }

.date {font-family:Georgia;font-size:115%;}

hr.stippenlijn { border:0px;
            background-image:url('/media/images/lijn_horizontaal.gif');
            background-repeat:repeat-x;
            margin:0 10px 10px 10px;
}

a.info {
       position:relative; /*this is the key*/
       z-index:24;
       /* background-color:#fff;
       //color:#000; */
       text-decoration:none
       }

a.info:hover { 
       z-index:25;
       background-color:#ddd;
       border:1px solid #000;
       }

a.info span {
       display: none
       }

a.info:hover span {
       /*the span will display just on :hover state*/
       display:block;
       position:absolute;
       top:2em; left:2em; width:15em;
       border:1px solid #000;
       background-color:#ddd;
       text-align: center
}

div#container { width:910px; 
                padding:0 10px 30px 10px;
                margin-bottom:20px;
                margin:auto; 
                text-align:left;
                border-left:1px solid #000;
                border-right:1px solid #000;
                background-color:white;
                }

/************ HEADER **************/

div#header {margin-top:10px; float:left;}

div#header_date {
    float:right;
    text-align:right;
    color:#BA011A;
    font-weight:bold;
    font-family:georgia;
    }
    
ul#header_menu {float:left; margin-left:4px;}
ul#header_menu li {display:inline; padding: 0 25px 0 0;  }
ul#header_menu li a {font-family:Georgia; font-size:1em; font-weight:bold; text-decoration:none; color:#AAB3C4;}
ul#header_menu li a:hover {color:#BA011A;}

div#banner {clear:both; float:left; margin-top:5px; width:100%;}
div#banner div.header_box {float:left; margin-right:3px;
    width:309px;
    height:248px;
    overflow:hidden;
    background-repeat:no-repeat;
}

div#banner div#header_foto {
		margin-left: 3px;
}

div#banner div#header_citaat {
                color:#fff;
                height: 227px;
                float:left;
                width:263px;
                font-size:1.9em;
                padding:10px;
                background-image:url('/media/images/rood_vlak.gif');
                }

div#banner div#header_citaat div.alt {display:none;}
/**************** content ********************/

div#content {float:left; margin-top:5px;}

/******************** middle artikel inhoud *******************/

div#main_col {
    position:relative;
    float:left;
    width:515px;
    padding:0px 15px 20px 0px;
    line-height:1.3;
}


div.artikel {
    position:relative;
    float:left;
    width:425px;
    padding-bottom:50px;
    padding-left:83px;
    margin-top: 15px;
    margin-left:20px; 
    background-image:url('/media/images/lijn_horizontaal.gif'); 
    background-position:bottom; 
    background-repeat:repeat-x; 
    line-height:1.3;
   }

div.artikel p {
    width:425px;
}

div#artikeldatum {
    position: absolute;
    margin-left:-90px;
}

div#artikelbody { font-size: 90%; margin-top:10px;}

div.artikel img.image {margin:5px 15px 15px 0px; float:left }

ul.section {}
ul.section li {margin-bottom:10px;}
div.link_group {margin-bottom:20px;}

div.link {
    width:250px;
    line-height: 1.5;
}

img.screenshot { position: absolute; margin-left:300px;}
div.extra_info {
    /*width:100px;*/
    font-size:0.85em;
    margin-bottom:5px;
    line-height:1;
}

div#artikeltwee {
    float:left;
    width:425px;
    padding-top: 15px;
    padding-bottom:15px;
    padding-left:83px;
    margin-top: 15px;
    margin-left:20px; 
    background-image:url('/media/images/lijn_horizontaal.gif'); 
    background-position:top; 
    background-repeat:repeat-x; 
    line-height:1.3;
   }

div#artikeltwee img.image {margin:0 15px 15px 0px; float:left }

/************ abc ************************/

div#abcheader {
    float:left;
    width:425px;
    padding-bottom:0px;
    padding-left:83px;
    margin-top: 15px;
    margin-left:20px; 
    background-position:bottom; 
    background-repeat:repeat-x; 
    line-height:1.3;
   }


div.abcitem {
    float:left;
    width:425px;
    padding-bottom:0px;
    padding-left:83px;
    margin-top: 0px;
    margin-left:20px; 
    background-image:url('/media/images/lijn_horizontaal.gif'); 
    background-position:bottom; 
    background-repeat:repeat-x; 
    line-height:1.3;
    font-size: 0.9em;
   }
div.abcitem img.image {margin:0 15px 15px 0px; float:left }


div#artikelletter {position:absolute; margin-left:-98px;}

div.letterartikelbody { font-size: 90%; margin-top:10px;}

/* letterlinks onder alfabetartikel(s) */
a.abcletter {font-size:1.3em; 
    font-family:Georgia; 
    color:#BA011A;
    font-weight:bold;
    }

div#abcfooter {
    float:left;
    width:425px;
    padding-bottom:10px;
    padding-left:83px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left:20px; 
    background-image:url('/media/images/lijn_horizontaal.gif'); 
    background-position:bottom; 
    background-repeat:repeat-x; 
    line-height:1.3;
   }


/************** tv-gennez **************/

div#tvlogo {
    position:absolute;
    margin-top:5px;
    margin-left:-98px;
}


div.tvartikel {float:left; width:425px; padding-bottom:30px; padding-left:83px; margin-left:20px; 
     background-image:url('/media/images/lijn_horizontaal.gif'); 
    background-position:bottom; 
    background-repeat:repeat-x; 
    line-height:1.3;
   }

/************* agenda *************/

div.agendatitel {
    float:left;
    width:425px;
    padding-left:83px;
    padding-bottom:10px;
    margin-bottom:10px;
    margin-left:20px; 
    background-image:url('/media/images/lijn_horizontaal.gif'); 
    background-position:bottom; 
    background-repeat:repeat-x; 
    line-height:1.3;
}

div#agendalogo {
    position:absolute;
    margin-top:15px;
    margin-left:-83px;
}

div.agendaitem {
    float:left;
    width:425px;
    padding-bottom:5px;
    padding-left:83px;
    margin-left:20px; 
    background-image:url('/media/images/lijn_horizontaal.gif'); 
    background-position:bottom; 
    background-repeat:repeat-x; 
    line-height:1.3;
    font-size: 0.9em;
   }
h4.agendaitem {
    font-size: 1.2em;
    font-weight: normal;
    color: black;
}

div.agendaitem h1 {
    color: #336699;
    font-size: 1.3em;
    margin-bottom: 0px;
}

div.agendarechtsactiefkortbij {
    font-family:Georgia; 
    color:#BA011A;
    font-weight:bold;
    line-height:1.8em;
    }

div.agendarechtsinactiefkortbij {
    font-family:Georgia; 
    color:#676767;
    font-weight:bold;
    line-height:1.8em;
}

div.agendarechtsactiefveraf {
    font-family:Georgia; 
    color:#BA011A;
    line-height:1.8em;
}

div.agendarechtsinactiefveraf {
    font-family:Georgia; 
    color:#676767;
    line-height:1.8em;
}



/***************** onder het artikel *****************/
div#extra { margin-top:15px; float:left; background-image:url('/media/images/line_divide_extra2.gif'); background-position:57% 0%; background-repeat:repeat-y; width:425px; padding:0 0 0 83px; }

div.col_extra { float:left; padding-left:20px; width:170px; } 
div.col_extra2 {float:left; margin-left:100px; width:135px;}
a.extra_col_button {position:absolute; margin-left:-98px;}


/********************* rechte kolom *********************/

div#right_column {float:right; width:150px; margin-left:20px;}
div.right_column_item {font-size:0.9em; margin-bottom:5px; float:left;}
div.right_column_item img.small {margin-bottom:0px;}
div.right_column_item div.right_item_content {background-image:url('/media/images/bk_gradiant.gif'); 
    width:133px;
    background-repeat:repeat-x; 
    float:left; 
    padding:0px 5px 20px 12px;
    }

div#rechterlijst h3 {
    margin-top:15px;
    font-size:1em; 
    color:#BA011A;
    font-weight:bold;
    margin-bottom: 10px;
    padding-left:10px;
}
div#rechterlijst ul { padding-left:10px;}
div#rechterlijst li {
    font-size:0.88em;
    margin-bottom: 8px;
}

/************************ linker kolom **********************/

div#col1 { width:210px; float:left;}
div#col1 div {margin-bottom:10px;}


div#col1_mijn_gedacht {
    padding:8px;
    width:194px;
    background:#AAB3C4;
    cursor:pointer;
    }

div#col1_biografie {
    padding:8px;
    width:194px;
    background:#AAB3C4;
    cursor:pointer;
    }
div#col1_biografie img.foto{
}


div.col1_widget {
    padding:0 8px 0 8px; 
    }

/*********** breadcurmbs *********/
ul#breadcrumbs { border:1px solid #DDD6D5; padding:9px 0 9px 0; margin:0px;}

ul#breadcrumbs li {display:inline; padding:10px 20px 10px 20px; color:#828282;
    background-image:url('/media/images/breadcrumb_pijl.gif');
    background-position:left;
    background-repeat:no-repeat;
    margin:0px;
}

ul#breadcrumbs li a {color:#828282; text-decoration:none;}

div#goto { margin-top:3px; height:10px; padding-left:10px; }

div#footer { margin-top:5px; background-image:url('/media/images/bk_footer.gif'); padding:10px 0 10px 0;}
div#footer div#first_footer { margin-left:4px;}
/**>div#footer div#first_footer {margin:10px;}*/


div#footer div {width:127px; margin-left:10px; float:left; margin-right:10px; overflow:hidden;}
div#footer li {line-height:1.3; width:400px;}
div#footer li a {color:#828282; text-decoration:none; font-size:0.8em; }
div#footer li a:hover {color:#000;}

/****************** comments *****************/

li.comment_odd { background:#CACACA; padding:4px 0 2px 5px;}
li.comment_even { padding:4px 0 2px 5px;}

.comment label { display:block; margin-top:4px;}
.comment input  {  
    border:1px solid #C4C5C0;
    width: 50%;
    padding:1px 5px 1px 3px;
}
.comment textarea {
    border:1px solid #C4C5C0;
    width: 95%;
    padding:1px 5px 1px 3px;
    }

.comment .errorlist { color:red; margin-top:5px;}

.comment .message { padding:5px; border:1px solid gray; color:red; text-align:center; }

.commentItem { margin-top:10px; font-size:80%; margin-bottom:20px;}
.commentItem h3 { width:100%; background:#AAB3C4; color:#fff; padding:2px 0 2px 3px; margin-bottom:5px; margin-top:5px;}
.commentItem .antwoord { padding-left:10px;}
.commentItem h4 {width:100%; background:#000; color:#fff; padding:2px 0 2px 3px; margin-bottom:5px; margin-top:5px; }



/***************** paginator *****************/
div.paginator {text-align:right; font-size:1em;}
div.paginator a {text-decoration:none; color:#000; }
div#paginator_info {font-size:0.7em; }

img.photo { float:left;
		border:20px solid #000;
	    margin:0 10px 10px 0px;
	    padding:0;
		}