/*  
Theme Name: WordPress Default Case test
Theme URI: 
Description: kees gl 05 (2 kol)
Version: nvt
Author: Kornelis 
Author URI: 

*/
/* classes voor gebruikers */

.imageframe,.links,.rechts,.midden { 
    margin: 0.2em; 
    padding: 0.4em; 
    /* border: solid 2px #3b610f;  */
    border: solid 1px #a2a2a2; 
} 
.imageframe p { 
    margin: 0px; padding: 0px; 
}
.imagecaption {
    padding-left: 0.4em; 
}
.imgalignleft,.links { 
    float: left; 
    display: block; 
    margin-top: 0px; 
    margin-bottom: 2px; 
    margin-right: 10px; 
}
.alignleft {
    float: left; 
    padding-left: 10px; 
    margin-bottom: 2px; 
    margin-right: 10px; 
}
.imgalignright,.rechts { 
    display: block; 
    float: right; 
    margin-top: 0px; 
    margin-bottom: 2px; 
    margin-left: 12px; 
}
.imgaligncenter,.midden { 
    display: block; 
    margin-left: auto; margin-right: auto; 
    margin-bottom: 3px; 
}

.alignright {
    float: right;
    padding-right: 10px; 
    margin-bottom: 2px; 
    margin-left: 12px; 
}

/* style die door wp zelf word aanbevolen voor classes die ergens kunnen worden gegenereeed */
/* elders echter al gedefinieerd en gebruikt .... */
/*
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
*/








h1, h2, h3 {
    font-family: "DejaVu Sans", sans-serif; 
    font-size: 100%; 
}
/* -------------------------------------------- */

/* test artikel stijlen */

#actueel-groen li {
    text-align: left; 
}
#actueel-groen {
    background-color: #99cc99; 
    padding: 5px 15px 5px 15px;  /* b r o l*/
    border: solid 2px #006666;
}
#actueel-groen ul li:before {
     content: "» "; 
}

/* einde artikel stijlen */


/* ++++++++++ Begin misc general stuff ++++++++++ */

body {
    font-family: "Bitstream Charter", Serif;
    background-color: #dedede; 
    color: #333;
    margin: 0px; 
    padding: 0px; 
    padding-bottom: 20px; 
}

small {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 0.9em;
    line-height: 1.5em;
    }

h1, h1 a, h1 a:hover, h1 a:visited, .description {
    text-decoration: none;
    color: white;
    }

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
    color: #333;
    }
ol li  {
    list-style: decimal outside;
    }
small, .nocomments, .postmetadata, strike {
    /* color: #777; */
    color: #589c1c;
    }
.commentlist li, #commentform input, #commentform textarea {
    /* font-size: 0.9em;  */
    font-family: "Bitstream Charter", Serif;
    }

.commentlist li {
    font-weight: bold;
    }

.commentlist cite, .commentlist cite a {
    font-weight: bold;
    font-style: normal;
    /* font-size: 1.1em; */
    }

.commentlist p {
    font-weight: normal;
    line-height: 1.5em;
    text-transform: none;
    }

#commentform p {
    /* font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; */
    font-family: 'Bitstream Charter, Serif';
    }

.commentmetadata {
    font-weight: normal;
    }

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #wp-calendar caption, cite {
    text-decoration: none;
    }
code {
    /* font: 1.1em 'Courier New', Courier, Fixed; */
    font: 110% 'Courier New', Courier, Fixed; 
    }

acronym, abbr, span.caps
{
    /* font-size: 0.9em; */
    letter-spacing: .07em;
    }

a, h2 a:hover, h3 a:hover {
    color: #06c;
    text-decoration: none;
    }

a:hover {
    color: #147;
    text-decoration: underline;
    }


/* ++++++++++ end misc general stuff ++++++++++ */


#page-frame {
    border-left: solid 5px #dedede; 
    border-right: solid 5px #dedede; 
}

#page {
    background-color: #fffbf7;
    text-align: left;
    margin-left: auto; margin-right: auto; 
    padding: 0;
    padding-right: 0.7em; 
    padding-left: 0.7em; 
    overflow: hidden; 
    border: 1px solid #959596;

    /* width: 940px;  */
    /* width: 51.9em; */ /* testkees 1 */
    /* max-width: 68em; 
    min-width: 50em; */ /* nu in de header */

    }

/* Begin header stuff */


#header {
    /* background-repeat: no-repeat; */
    /*background-image: url("images/header_20070418d.jpg"); */
    margin-top: 2px; 
    margin-left: 0.5em; 
    margin-right: 0.5em; 
    border: solid 1px #ade30a; 
    border: solid 1px black; 
    /* background-image: url("images/rotate_headers/001-sneeuw-2009-IMG_3198.jpg"); 
    background-image: url("images/rotate_headers/002-sneeuw-2009-IMG_3181.jpg"); 
    background-image: url("images/rotate_headers/003-sneeuw-2009-IMG_3196.jpg"); 
    background-image: url("images/rotate_headers/004-sneeuw-2009-IMG_3190.jpg"); 
    background-image: url("images/rotate_headers/005-sneeuw-2009-IMG_3188.jpg"); 
    background-image: url("images/rotate_headers/006-sneeuw-haven-IMG_3155.jpg"); */
    background-color:#DEDEDE;
    /* background-repeat: no-repeat; */
    background-image: url("images/rotate_headers/header.cgi"); 
    /*max-width: 1030px; *//* breekt navigatiebalk eronder indien text-only zoom */
    max-width: 68em; 
    min-width: 50em; 
    height: 176px; 
    }
/* #headerimg in aparte stylesheet ! */
/* opmaak van de band zelf */
#topnav { 
    height: 1.5em; 
    padding-bottom: 0.2em; 
    padding-top: 0.2em; 
    background-color: #1e721e; 
    margin-left: 0.5em; 
    margin-right: 0.5em; 
    margin-top: 4px; 
}
/* verwijder defaults van ul */
#topnav ul {
    margin: 0; padding: 0; 
    list-style-type: none; 
    list-style-image: none; 
    /* fix 4: poging tot correctie voor msie 7 engine */
    /* margin-top: 0.3em; */
    /* damn! dat verpest fix 2 en 3 */
}




/* horizontaal menu */
#topnav li {
    float: left; 
    display: block; 
    /* navolgende is nodig om #topnav li ul 
    position: absolute correct te laten werken */
    position: relative;  
    /* #################################### */
    white-space: nowrap; 
    /* probeer submenu goed onder kop te krijgen in msie 7 engine */
    height: 1.4em; /* fix 3 */
    /* ongewest bijeffect: kop tekst niet meer in midden van balk 
       in msie 7 engine TODO */
    /* ########################################################## */
    padding-left: 0.4em; /* maakt fix 1 misschien overbodig */
}
/* margin-left alleen de kop */
#topnav .kop {
    /* margin-left: 1.3em; */ /* beter afstemmen op breedte kop zie li-home etc. */
}
/* opmaak van drop down menu */
#topnav .kop ul li {
    background-color: #fff9f7; 
    border: solid #1e721e;
    border-width: 0px 1px 1px 1px; 
    padding-top: 0.3em; padding-bottom: 0.3em; 
}
#topnav .kop ul li:hover {
    background-color: white; 
}
#topnav .kop ul li a {
    color: #0066cc; 
}
/* bovenste border drop down menu TODO */
/* #topnav .TODO + li {
    border-top: solid 1px #1e721e;
}*/
#topnav .kop a {
    text-decoration:none; 
    font-size: 1em; 
    /* padding-left: 0.5em; */
    /* probleem: msie 7 engine geeft links geen padding TODO fix */
    /* probeer marge dan */
    /* nee dat is nog erger; ik heb een BUG gevonden in msie 7 engine 
       (en dus in msie 7 zelf vermoedelijk). 
       Het heeft iets te maken met dat de elementen naar links zijn gefloat
       misschien? De eerste krijgen geen marge (of padding) de latere wel
        (teveel zelfs?)
       en (zie fix 1) de tekst inhoud van elementen kan in relatie hiermee
       onzichtbaar worden.... TODO
       a is misschien fout, probeer de li -> 
    */
}
#topnav .kop a:hover {
    color: red;
}
#topnav .kop > a {
    color: #ade30a; 
}
#topnav .kop > a:hover {
    background-color: #589838; 
}

/* fix voor foute weergave in msie 7 engine TODO check in winversie? */
/* probleem: de tekst Voorpagina is niet zichtbaar in msie 7 engine */
/* fix: plaats teken naast a in li, verberg teken in achtergrondkleur */
#topnav .kop .fixme-1 {
    color: #1e721e; 
}
#topnav .kop:hover .fixme-1 {
    color: #589838; 
}
/* einde fix 1 */

#topnav .kop:hover {
    background-color: #589838; 
    color: red;
}
/* toggle zichtbaarheid drop down menu */
#topnav li ul {
    display: none; 
    /* zonder deze optie duwt het menu de rest naar beneden */
    /* anders gezegd: het haalt het element uit de normale "flow" */
    position: absolute; 
    /* ########################################################## */
    /* navolgende heeft msie 7 kennelijk nodig */
    /* top: 1.2em; */ /* mag niet meer dan 1em zijn kennelijk */
    /* eerst #topnav li 1.2em maken, dan kan het wel in msie 7 */
    /* fix 2 */
    /* top: 1.2em; */
    /* top: 0.9em; */ /* zie fix 3 en 4; die beïnvloed deze fix weer... */
    top: 1.4em;
    left: 0; 
    /* ######################################### */
}

#topnav li:hover ul {
    display: block; 
}
/* probleem: msie 7 engine houdt hoverende #topnav li:hover ul alleen vast 
   boven tekst in de li ??? cursor naast tekst en menu verdwijnt!!  
   Nee, het is ingewikkelder... als de cursor verschijft van kop naar sub
   verdwijnt het menu als de cursor niet snel genoeg beweegt.... ok, het
   heeft te maken met de top: 1.2em, dat geeft een spleet tussen de kop en de
   sub... maar met 1em overlapt de sub de kop... zie fix 2 en fix 3  
*/

#topnav li ul li { /* naar aanleiding van Opera; correcte css of niet? */
    clear: left; 
}

/* opmaak individuele menu items */
#topnav #li-home, #topnav #Home {
    width: 6em; 
    margin-left: 0.7em; 
    /* voorpagina 10 */
}
#topnav #li-grienlinks  {
    width: 5.5em; 
    margin-left: 1em; 
}
#topnav #li-grienlinks ul li  {
    width: 17.5em; 
}
#topnav #li-agenda {
    width: 5em; 
    margin-left: 1em; 
}
#topnav #li-agenda ul li  {
    width: 13em; 
}
#topnav #li-nieuws {
    width: 5em; 
    margin-left: 0.6em; 
}
#topnav #li-nieuws ul li {
    width: 12.2em; 
}
#topnav #li-foto {
    width: 4em; 
    margin-left: 0.5em; 
}
#topnav #li-foto ul li {
    width: 11em; 
}
#topnav #li-archief {
    width: 4em; 
    margin-left: 0.7em; 
}
#topnav #li-archief ul li {
    width: 12.2em; 
}
#topnav #li-dossiers {
    width: 4em; 
    margin-left: 0.7em; 
}
#topnav #li-dossiers ul li {
    width: 12.2em; 
}

#topnav #li-links {
    width: 4em; 
    margin-left: 1.2em; 
}
#topnav #li-contact {
    width: 5.5em; 
    margin-left: 1em; 
}


/* oud, tijdelijk msie6 */

#topnav .hid {
    color: #f90808;  
    color: white;  
    cursor: default; 
}

/* #topnav  a.vis:hover {
    background-color: #589838; 
    color: red;
}*/


#topnav  a.vis:hover .tekst {
    border: 0px; 
}
#topnav .vis {
    color: #ade30a; 
}
#topnav .vis .tekst {
    /* border-bottom: solid 1px #50aade; 
    border-bottom: solid 1px #ade30a;  */
}

/* einde topnav */
/* begin subtopnav */
/* correct plaatsen werkt niet in msie6; aparte stylesheets gebruiken dan maar?
   of weghalen... ok weghalen */
#subtopnav  {
    height: 1.5em; 
    padding-bottom: 0.3em; 
    padding-top: 0.2em; 
    padding-left: 0.5em; 
    margin-top: 2px; 
    margin-left: 0.5em; 
    margin-right: 0.5em; 
    background-color: white; 
}
#subtopnav ul {
    margin: 0; padding: 0; 
    list-style-type: none; 
    list-style-image: none; 
}
#subtopnav li {
    display: inline; 
    white-space: nowrap; 
}
#subtopnav a {
    text-decoration:none; 
    font-style: italic; 
}
#subtopnav a:hover {
    text-decoration: underline; 
}
#subtopnav a.st:before {
    content: url("images/sub.png"); 
}
#subtopnav div {
    float: left; 
    text-align: left; 
    font-size: 1em; 
}
#subtopnav span {
    font-style: italic; 
    color: #589c1c;
}
#LIwelkom:before {
    content: url("images/sub.png"); 
}
.subactief {
    font-weight: bold; 
}

/* einde subtopnav */








#content {
    width: 100%; margin: 2px 0px 0px 0px; 
    padding: 0px; 
    clear: both; 
    }
#contentleft { 
    text-align: left; 
    /* float: right; */ /* testkees 3 */
    /* width: 620px; */
    /* width: 31em; */ /* testkees 1 */
    width: 77%; 
}
#contentright { 
    /* float: right; * /* testkees 3 */
    /* width: 190px; */
    /* width: 11em; */ /* testkees 1 */
    width: 23%; 
    /* min-width: 120px; */
    text-align: left; 
}
.rechterkolom {
    /* padding:0.1em 0.5em 0.5em; */
    /* border: 2px solid #97BE73; */
    border:2px solid #D2978B;
    margin-bottom: 0.7em;
    color:#333333;
    font-family: "Bitstream Charter", Serif;
    overflow: auto; 
}
/* ++++++++++++ End ??? +++++++++++++ */


/* widgets sidebar: algemene dingen, correcties met id doen*/
.widget, #gl-zoeken, #gl-weblogs, #gl-archief, .categories, #gl-meta {
    margin: 0.6em 1em 0.8em 1.4em; 
    clear: both; 
    height: 100%; /* voor msie 6 (soms?) hoogte nodig - lijkt niet te storen...  */
}
.widget_grienlinkssearch h2.widgettitle, .widget_mijn_categorie h2 {
   display: none;  
}
/* correctie msie 7 in header: #gl-widget-zoeken  */

/* einde widgets sidebar*/


/* ++++++++++ begin sidebar +++++++++++ */

/* eerst wat oude dingen die wel of niet nog ergens gebruikt worden  */
#sidebar ul ul li, #sidebar ul ol li  { color: #777; }
#sidebar form { margin: 0; }
#sidebar ul { margin: 0; padding: 0; }
#sidebar ul ul { margin-bottom: 5px; }
#sidebar ul ol { margin: 0; padding: 0; }
#sidebar ul li { list-style-type: none; list-style-image: none; }
ol li, #sidebar ul ol li { list-style: decimal outside; }
#sidebar ul ul li, #sidebar ul ol li { margin: 0px; padding: 0px; }
#sidebar ul ul li:before { /* content: "\00BB \0020";*/ }
#sidebar #searchform #s { padding: 0px; } /* niet meer nodig denk ik ... */
/* einde oude dingen */


#sidebar h2 {
    font-family: 'Bitstream Charter, Serif';
    text-decoration: none; padding: 0px; margin: 0px; margin-bottom: 0.4em; 
}

#sidebar {  /* de buitenste ul !  was eerder #sidebar .box    */ 
    /* width: 13%;  */ /* breedte nu te bepalen door table td */
    font-family: "Bitstream Charter", Serif;
    background-color: #f0ffda; 
    border: solid 2px #97be73; 
    padding: 0px; 
    margin: 0px; 
    margin-bottom: 10px; 
}
#sidebar, #sidebar li {
        list-style-type:none;
}
/* #li-top-side { padding: 0.4em 0.2em 0.1em 0.5em; height: 100%; }*/

/* li:hover werkt waarschijnlijk niet in msie6, nog iets op bedenken TODO */

#gl-laatste-post li, #gl-widget-laatste-post li {
    border: solid 1px #fdf8f4; 
    padding: 0em 0.3em 0em 0.4em; 
}
#gl-laatste-post, #gl-widget-laatste-post {
    background-color: #fdf8f4; 
    border: solid 1px #608440; 
    padding: 0.5em 0.1em 0.2em 0.4em; 
    margin: 0px 2px 5px 2px; 
    /* voor msie 6 hoogte nodig - lijkt niet te storen...  */
    height: 100%; 
}
#gl-laatste-post a, #gl-widget-laatste-post a {
    text-decoration: none; 
}
#gl-laatste-post li:hover, #gl-widget-laatste-post li:hover {
    background-color: white; 
    border: solid 1px #1e721e;
    padding: 0em 0.3em 0em 0.4em; 
}
#gl-laatste-post h2, #gl-widget-laatste-post h2 {
    padding-left: 0.4em; 
}



#sidebar li {
    font-size: 1em; 
}


/*  form voor zoeken */

#li-zoek {
    /* geen hoogte nodig als ik hierna clear: both; doe */
    overflow: hidden; 
    width: 200px; 
}
#Zoek { 
    /* form */ 
    display: block; 
    white-space: nowrap; 
}

/* de inputs text en submit staan nu apart in divisions, resp. InputZoek en Inputbutton... */
#InputZoek { /* container div */
    /* float: left; */
    display: inline; 
    margin-bottom: 3px; 
}
#InputZoek input {
    display: inline; 
    background-color: #f1f0ef; 
    border: solid 1px #1e721e;
}
#InputZoek input:focus {
    background-color: #e3fbfc; 
}
#InputButton { 
    display: inline; 
    /*clear: both; 
    float: left; */
    /* border: inset #1e721e; */
 }
#InputButton input { 
    border: solid 1px #1e721e;
    background-color: #dcdad5; 
    margin-bottom: 3px; 
}
#a-sitemap {
    display: block; 
    height: 1em; 
    padding-top: 0.15em; 
    padding-bottom: 0.15em; 
    width: 8em; 
    border: solid 1px #f0ffda; 
}
#a-prog {
    display: block; 
    height: 1em; 
    padding-top: 0.15em; 
    padding-bottom: 0.15em; 
    width: 10.5em; 
    border: solid 1px #f0ffda; 
}
#a-sitemap:hover, #a-prog:hover {
    border: solid 1px #1e721e;
    background-color: white; 
    text-decoration: none; 
}
.hover-wit:hover {
    border: solid 1px #1e721e;
    background-color: white; 
}
.hover-wit a:hover {
    text-decoration: none; 
}


#sidebar-acties li {
    padding: 0.4em; 
    font-size: 110%; 
    font-weight: bold; 
    text-align: center; 
}
#sidebar-acties li {
    background-color: white; 
    border: dotted 3px red; 
    margin-bottom: 6px; 
}

#sidebar-acties li:hover {
    background-color:white;
    background-image:url(images/hover-block-link.png);
    background-repeat:repeat;
}

#sidebar-acties li a {
    color: black; 
    display: block; width: 100%; height: 100%; 
}
#sidebar-acties li:hover a {
    color: blue; 
}
#sidebar-acties li:hover {
    border: dotted 3px blue; 
}
#gl-widget-acties h2 {
    text-align: center; 
}



/* sticky naar p/user.css  */


.singlepagina .post {
    padding: 1.1em; 
}
.singlepagina .ma {
    margin: 1em 4em 2em 4em; 
}
/* +++++++++ begin post sections +++++++++++ */

.post {
    border: solid 2px #d2978b; 
    margin-bottom: 0.7em; 
    }
#contentright .post {
    border: solid 2px #97be73; 
    margin-bottom: 0.7em; 
    }
.post .ma {
    padding: 0.7em; 
    padding-top: 0.1em; 
}
.post h2 { 
    text-align: left; 
    margin: 0px; 
    padding: 10px 3px 4px 12px; 
    font-size: 110%; 
}
.post h3 { 
    text-align: left; 
    margin: 2px 0px 2px 0px; 
    padding: 0px; 
    font-size: 100%; /* testkees 2 */
}
.lijst p {
    margin: 0px; padding: 0px; 
}
.lijst h3 {
    margin-top: 10px; 
}
.lijst h4 {
    font-size: 100%; 
    font-weight: bold; 
    margin-top: 4px; margin-bottom: 1px; 
}

.post h2 small { 
    font-family: "Bitstream Charter", Serif;
    font-weight: normal; 
    font-size: 1em; 
}

.entry p a:visited {
    color: #b85b5a;
    }

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

/* +++++++++ end post sections +++++++++++ */






h3.comments {
    padding: 0;
    margin: 40px auto 20px ;
    }




/* Begin footer stuff */ 

#footer {
    /* background: #eee url('images/kubrickfooter.jpg') no-repeat top; */
    border: none;
    }

#footer {
    padding: 0;
    margin: 0 auto;
    /* width: 900px;  */
    /* width: 51.09em; */ /* testkees 1 */
    clear: both;
    }

#footer p {
    margin: 0;
    padding: 20px 0;
    text-align: center;
    }

/* End footer stuff */ 




/* Begin Lists

    Special stylized non-IE bullets
    Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
    margin-left: 0px;
    padding: 0 0 0 30px;
    list-style: none;
    padding-left: 10px;
    text-indent: -10px;
    } 

html>body .entry li {
    margin: 7px 0 8px 10px;
    }


.entry ol {
    padding: 0 0 0 35px;
    margin: 0;
    }

.entry ol li {
    margin: 0;
    padding: 0;
    }

.postmetadata ul, .postmetadata li {
    display: inline;
    list-style-type: none;
    list-style-image: none;
    }

/* End Entry Lists */




/* Begin Form Elements */
#searchform {
    text-align: center;
    float: right; 
    }


.entry form { /* This is mainly for password protected posts, makes them look better. */
    text-align:center;
    }

select {
    }

#commentform input {
    width: 170px;
    padding: 2px;
    margin: 5px 5px 1px 0;
    }

#commentform textarea {
    width: 100%;
    padding: 2px;
    }

#commentform #submit {
    margin: 0;
    float: right;
    }
/* End Form Elements */



/* Begin Comments*/
.alt {
    margin: 0;
    padding: 10px;
    }

.commentlist {
    padding: 0;
    text-align: justify;
    }

.commentlist li {
    margin: 15px 0 3px;
    padding: 5px 10px 3px;
    list-style: none;
    }

.commentlist p {
    margin: 10px 5px 10px 0;
    }

#commentform p {
    margin: 5px 0;
    }

.nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
    }

.commentmetadata {
    margin: 0;
    display: block;
    }
/* End Comments */


/* ++++++++++ begin archief pagina ++++++++++ */

h2.pagetitle {
    font-size: 1.6em;
    margin-left: 5px; 
    margin-top: 15px; 
    margin-bottom: 0px; 
    padding: 11px 0px 11px 9px; 
    border: solid 1px green; 
}
#archief h2 {
}

/* ++++++++++ einde archief pagina ++++++++++ */
/* ++++++++++ begin eenpagina page ++++++++++ */
#eenpagina .post {
    padding: 0.7em; 
    padding-top: 0.1em; 
}

#eenpagina {
        /* width  nu #contentleft + #contentright = 810  (zie ook # page width */
        /* width: 750px;  */
        width: 75%; /* testkees 1 */
    }

/* ++++++++++ einde eenpagina page ++++++++++ */
/* ++++++++++ begin comment pagina ++++++++++ */

.widecolumn {
   /*  width: 750px;  */
    width: 35em; /* testkees 1 */
    padding: 20px; 
    margin-left: auto; margin-right: auto; 
}
.attachment {
    padding: 1em; 
    margin-left: 1px; 
}

/* ++++++++++ einde comment pagina ++++++++++ */

/* speciale opmaak voor informatie pagina's
   zoals bestuur contact fractie 
*/

#groenlinksGroenlinks ul {
    margin: 0px 0px 0px 30px; 
    padding: 0.6em 0em 0.6em 2em; 
    border-left: solid 6px #c0ddc0; 
}


#contact, #partijbestuur, #partijraad {
    /* contact lijsten */
    margin-left: 10em; 
    padding-left: 2em; 
    border-left: solid 6px #c0ddc0; 
}
#contact h3, #partijbestuur h3, #partijraad h3 {
    font-size: 120%; 
}
#statenfractie h3 {
    font-size: 120%; 
    margin: 0.5em 0em 0.2em 0em; 
}
#contact h4, #partijbestuur h4, #statenfractie h4, #partijraad h4 {
    font-size: 120%; 
    margin: 0em 0em 0.5em 0em; 
}
#contact h5, #partijbestuur h5, #statenfractie h5, #partijraad h5 {
    font-size: 100%; 
    margin: 0.2em 0em 0.2em 0em; 
}
#contact p, #partijbestuur p, #statenfractie p, #partijraad p {
    margin: 0em; padding: 0em; 
    margin-bottom: 0.5em; 
}
#statenfractie .data {
    margin: 0px 0px 0px 148px; 
    padding: 0.6em 0em 0.6em 2em; 
    border-left: solid 6px #c0ddc0; 
}
#statenfractie #irona .thumb {
    border: solid 6px #c0ddc0; 
    background-image: url("images/irona_136x95.png");
    background-repeat: no-repeat;
    width: 150px;  
    height: 109px; 
    float: left; 
    margin-top: 1em; 
    padding: 1px;
    background-position: center;  
    background-color: #fffbf7;
    margin-right: 0.5em; 
}
#statenfractie #irona .thumb a {
    display: block; 
    width: 150px; height: 109px; 
}
#statenfractie #retze .thumb {
    border: solid 6px #c0ddc0; 
    background-image: url("images/retze_135x95.png");
    background-repeat: no-repeat;
    width: 149px;  
    height: 109px; 
    float: left; 
    margin-top: 1em; 
    padding: 1px;
    background-position: center;  
    background-color: #fffbf7;
    margin-right: 0.5em; 
}

/* 
#statenfractie #theo .thumb {
    border: solid 6px #c0ddc0; 
    background-image: url("images/theo_135x95.png");
    background-repeat: no-repeat;
    width: 149px;  
    height: 109px; 
    float: left; 
    margin-top: 1em; 
    padding: 1px;
    background-position: center;  
    background-color: #fffbf7;
    margin-right: 0.5em; 
} */
#statenfractie #retze .thumb a {
    display: block; 
    width: 149px; height: 109px; 
}

#statenfractie #johanna .thumb {
    border: solid 6px #c0ddc0; 
    background-image: url("images/johanna_135x95.png");
    background-repeat: no-repeat;
    width: 149px;  
    height: 109px; 
    float: left; 
    margin-top: 1em; 
    padding: 1px;
    background-position: center;  
    background-color: #fffbf7;
    margin-right: 0.5em; 
}
#statenfractie #johanna .thumb a {
    display: block; 
    width: 149px; height: 109px; 
}

#statenfractie #sanne .thumb {
    border: solid 6px #c0ddc0; 
    background-image: url("images/sanne_135x95.png");
    background-repeat: no-repeat;
    width: 149px;  
    height: 109px; 
    float: left; 
    margin-top: 1em; 
    padding: 1px;
    background-position: center;  
    background-color: #fffbf7;
    margin-right: 0.5em; 
}
#statenfractie #sanne .thumb a {
    display: block; 
    width: 149px; height: 109px; 
}
#statenfractie #gerrit .thumb {
    border: solid 6px #c0ddc0; 
    background-image: url("images/gerrit_135x95.png");
    background-repeat: no-repeat;
    width: 149px;  
    height: 109px; 
    float: left; 
    margin-top: 1em; 
    padding: 1px;
    background-position: center;  
    background-color: #fffbf7;
    margin-right: 0.5em; 
}
#statenfractie #gerrit .thumb a {
    display: block; 
    width: 149px; height: 109px; 
}

#fotosStatenfractie ul {
    margin-bottom: 3em; 
}
#fotosStatenfractie div {
    margin: 0.2em 0.4em 4.5em 0.4em; 
}
#fotosStatenfractie h4 {
    margin-top: 0px; 
    margin-bottom: 4em; 
}
/* Wordpress plakt automatisch p's om img heen... */
#fotosStatenfractie p {
    margin: 0px; padding: 0px; 
}
/* links pagina, nu nog een artikel  
   ik heb nog steeds last van de originele css, daarom .links er even bij
   nog uit te zoeken hoe ik dat zonder schade kan amputeren TODO 
*/
#links ul, .links ul {
    list-style-image:none; /* default AFAIK */
    list-style-position:outside; /* default AFAIK */
    text-indent: 0px; /* correctie op wp's originele css */
    list-style-type:none;
    padding:0em 0em 0.9em 0em;
    /* border-left: solid 6px #c0ddc0; */
    margin: 0.7em 0em 1em 1em; 
}
#links ul li:before, .links ul li:before {
    color: #c0ddc0;
    content: "▶ "; /* blijkt niet te werken in msie 7 */
}
#links ul ul li:before, .links ul ul li:before {
    content: "";
}
#links ul ul, .links ul ul {
    width: 30.5em;  
    border-left: solid 6px #c0ddc0;
    padding:0em 0em 0em 0em;
    margin: 0.7em 0em 1em 1em; 
}
#links li, .links li {
    padding:0em 0em 0.4em 1em; 
    margin: 0em; 
    clear: right; 
}
/* einde links pagina, nu nog een artikel  */



/* overzichtspagina */
/* overzichtspagina.php template */
.geensidebar {
    width: 100%; 
}
#overzichtspagina {
    min-width: 55em; 
    max-width: 62em; 
    overflow: auto; 
}
#overzicht-voorpagina, #overzicht-navigatie {
    font-family: "Bitstream Charter", Serif;
    /* background-color: #fffbf7;*/
    border: solid 2px #97be73; 
    float: left; 
    margin-right: 0.8em; 
}
#overzicht-overig, #overzicht-archief {
    font-family: "Bitstream Charter", Serif;
    background-color: #f0ffda; 
    background-color: #fffbf7;
    border: solid 2px #97be73; 
    margin-right: 0.8em; 
    margin-bottom: 0.8em; 
}
#overzicht-zoeken {
    font-family: "Bitstream Charter", Serif;
    background-color: #f0ffda; 
    border: solid 2px #97be73; 
    margin-bottom: 0.8em; 
    min-height: 30em; 
}

#overzicht-voorpagina {
    width: 29%; 
}
#overzicht-navigatie {
    width: 25%; 
}
#overzicht-container-3, #overzicht-container-4 {
    float: left; 
    width: 25%; 
}
#overzicht-container-4 {
    float: left; 
    width: 17%; 
}


#overzichtspagina h2 {
    color: #333333;
    font-family:"DejaVu Sans",sans-serif;
    font-size:100%;
    text-align: center; 
    padding: 0.6em 0em 0.2em 0em; margin: 0em; 
}
#overzichtspagina h3 {
    font-size: 90%; 
    text-align: center; 
    padding: 0px; margin: 0px; margin-top: -2px; 
}
#overzichtspagina h4 {
    color: #333333;
    text-align: left; 
    font-size: 100%; 
    padding: 0px; margin: 0em 0em 0.5em 0em; 
    font-family: 'Bitstream Charter, Serif';
    font-weight: normal; 
    font-style: italic; 
}
#overzichtspagina .text {
    background-color: #f1f0ef; 
    border: solid 1px #1e721e;
    margin-bottom: 0.3em; 
    font-family: "Bitstream Charter", Serif;
}
#overzichtspagina .text:focus {
    background-color: #e3fbfc; 
}
#overzichtspagina .submit { 
    border: solid 1px #1e721e;
    background-color: #dcdad5; 
    margin-bottom: 0.3em; 
}

#overzichtspagina ul {
    text-indent: 0px;
    padding: 0em 0.3em 0.7em 0.7em; 
    margin: 0px; 
}
#overzichtspagina ul li ul {
    padding: 0em; 
    /* text-indent: 1em; */
    border-left: solid 0.3em #c0ddc0; 
    margin-left: 1em; 
    padding-left: 0.5em; 
}
#overzichtspagina ul li {
    list-style-type: none;
    list-style-image: none;
    padding: 0px; margin: 0px; 
}
#overzichtspagina li a {
    text-decoration: none; 
    display: block; 
    width: 100%; height: 100%; 
}
#overzichtspagina li {
    border: solid 1px #fffbf7;
}
#overzichtspagina li:hover {
    background-color: white; 
    border: solid 1px #1e721e;
}
#overzicht-zoeken li:hover {
    background-color: #f0ffda; 
    border: solid 1px #f0ffda;
}

#overzichtspagina li ul li{
    border: 0px; 
    border-top: solid 1px #fffbf7;
    border-bottom: solid 1px #fffbf7;
    border-left: solid 1px #fffbf7;
}
#overzichtspagina li ul li:hover {
    background-color: white; 
    border: 0px; 
    border-bottom: solid 1px #1e721e;
    border-top: solid 1px #1e721e;
    border-left: solid 1px #1e721e;
}
span.li-alt-before {
    color: #c0ddc0;
}



/* einde overzichtspagina */












/* ++++++++++++++++++++++++++++++++++++++++++++ */
.name {
    text-decoration: none; 
    color: #333333; 
}
.name:hover {
    text-decoration: none; 
    color: #333333; 
}


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
    cursor: help;
    }

acronym, abbr {
    border-bottom: 1px dashed #999;
    }

blockquote {
    margin: 15px 30px 0 10px;
    padding-left: 20px;
    border-left: 5px solid #ddd;
    }

blockquote cite {
    margin: 5px 0 0;
    display: block;
    }

.center {
    text-align: center;
    }

hr {
    display: none;
    }

a img {
    border: none;
    }
.navigation {
    display: block;
    height: 1.2em; 
    }
/* End Various Tags & Classes*/



/* Images */
p img {
    padding: 0;
    max-width: 100%;
    }


.postmetadata {
    clear: left;
}

.post hr {
    display: block;
    }

/* nieuwsbrief nieuwsbrieven */
.disclaimer {
    font-size: 70%; 
    font-family: sans-serif;  
}
sub {
    font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: -0.25em;
}
#post-168 li {
    margin: 0; 
    padding: 0; 
}
.entry ul li.niks-before:before {
    content: "";
}
.hlink, .hlink a {
    color:#0066CC; 
    font-family: "DejaVu Sans", sans-serif; 
    font-size: 110%; 
}
b a { 
    color: #333;
}