body {background-color: #FFF; margin: 0; padding: 0; text-align: center;}
table#buitentabel {margin: 0 auto; width: 98%; width: expression(document.body.clientWidth < 770 ? "770px" : (document.body.clientWidth > 1050 ? "1050px" : "98%")); max-width: 1050px; height: 100%; }

td#linkerkolom {background: url(/templates/basis/media/achter_linkerbalk.png); width: 111px;}
div#ikoon {position: relative; top: 0; left: 0}
div#ikoonachter {position: absolute; top: 0; left: 0; background: url(/templates/basis/media/ikoon_static.gif); width: 111px; height: 300px}
div#ikoondraai {position: absolute; top: 22px; left: 21px}

table#middendeel {width: 100%; height: 100%;}
td#zwartverloop {background: url(/templates/basis/media/zwartverloop.gif) no-repeat; height: 44px;}
td#rechtsboven {background: url(/templates/basis/media/rechtsboven.gif) no-repeat; width: 146px}
td#groenverloop {background: #94CE18 url(/templates/basis/media/groenverloop.gif) no-repeat 0% 0%; height: 10px; padding: 0;}
td#topmenu {height: 23px; background: #000; vertical-align: middle;}
td#rechterkolom {width: 23px; background: #94CE18 url(/templates/basis/media/rechterkolom.gif) no-repeat; }
td#voetlinks {background: url(/templates/basis/media/achter_voet.png) #000 no-repeat; height: 40px;} 
td#voetmenu, td#voetrechts {background: #000; color: #fff; vertical-align: middle;}

div#topmenulinks, div#voetmenulinks {float: left; color: #A0C94D; }
div#topmenulinks {width: 480px;}
div#voetmenulinks {width: 550px;}
div#voetmenulinks p {margin: 0;}
div#voetmenulinks p, div#voetmenulinks p a {color: #888; font-size: 10px;}
div#topmenurechts, div#voetmenurechts {float: right; color: #fff; text-align: right; margin: 0;}
div#voetmenurechts {width: 140px;}

td#sidebarleft, td#maincontent, td#sidebarright {background: url(/templates/basis/media/groen.gif) repeat-x 0% 0%; }
td#sidebarleft {width: 185px; padding-top: 25px;}
td#maincontent {padding-top: 25px;}
td#sidebarright {width: 150px;}

td#logocel {background: url(/templates/basis/media/groen.gif);}

/* kleurtjes, fonts e.d. */
* {color: #000; font-family: Verdana, Arial, Geneva, sans-serif; font-size: 1em;}
body {font-size: 75%;}

h1 {font-size: 18px; font-family: Arial, Helvetica, sans-serif; }
h2 {font-size: 14px; font-family: Arial, Helvetica, sans-serif; }
h3 {font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; }
h4 {}
h5 {}

h2.lijst {margin-bottom: 0;}
p.lijst {margin-top: 0;}
.nartikelen {font-size: 1em; font-weight: normal;}

hr {border-color: #000; border-width: 1px 0 0 0;}

acronym {cursor: help; text-decoration: none; border-bottom: 1px dotted darkgreen;}

legend {background: #fff;}

.alert {color: red; font-weight: bold;}
.alert2 {color: green; font-weight: bold;}

.ietskleiner {font-size: smaller;}
.ietsgroter {font-size: 120%;}

a {background: none; color: /* #A0C94D */ #729037; text-decoration: none; font-weight: bold;}
a:hover, a:focus, a:active {text-decoration: underline; /* color:  #729037; */ }

a.niettonen {display: none;}

td#topmenu, td#topmenu a, td#voetmenu, td#voetmenu a {color: #FFF; font-weight: normal; font-size: 12px;}

p.toplink {text-align: right; margin-bottom: 5px; clear: both;}

div.formset {width: 90%; text-align: right; margin-bottom: 5px;}
div.formset label.normaal {float: left;}
div.formset input.normaal, div.formset textarea.normaal {width: 250px}
div.formset fieldset {padding: 3px;}
div.formset legend {font-weight: bolder;}

div.inlog {width: 325px;}
div.inlog input {width: 175px;}

input {max-width: 90%; background: #EAF8D1;}

td {vertical-align: top;}

table.normaal {border-collapse: collapse;}
table.normaal td, table.normaal th {border: 1px dotted #A0C94D; padding: 2px;}

table.lijntjes {border-collapse: collapse; margin: 5px 0;}
table.lijntjes td, table.lijntjes th {border-top: 1px solid #A0C94D; border-bottom: 1px solid #A0C94D; padding: 5px 2px;}

tr.tr0 {background-color: #FFFDE8;}
tr.tr1 {background-color: #fff;}

/* plaatje linksboven */
div#introImage {background: #000; text-align: center; height: expression(this.clientHeight < 197 ? '197px' : this.clientHeight); min-height: 197px}
div#introImage p {margin: 0px; padding: 10px; color: #fff; font-size: 0.8em; text-align: left;}
div#introImage a {color: #fff; font-weight: normal;}

/* linkermenu */
ul#linkermenu {margin: 0; padding: 0 0 1px 0; list-style: none; border-right: 1px solid #A0C94D; border-bottom: 1px solid #ccc;}
ul#linkermenu a {color: #000; font-weight: normal; padding: 0.2em 5px; display: block; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
ul#linkermenu a:hover {border-top: 1px solid #94CE18; border-bottom: 1px solid #94CE18; text-decoration: none;} 
ul#linkermenu li.actief a {background-color: #E0F0B0; font-weight: bold; padding-bottom: 3px; border-top: 1px solid #E0F0B0; border-bottom: 1px solid #E0F0B0;}
ul#linkermenu li.actief a:hover {border-top: 1px solid #94CE18; border-bottom: 1px solid #94CE18;}
ul.submenu {list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #E0F0B0;}
ul#linkermenu ul.submenu li {padding: 0; }
ul#linkermenu ul.submenu li a {font-weight: normal; font-size: smaller; background-color: #F0FBE1; padding: 0.2em 5px; border-top: 1px solid #F0FBE1; border-bottom: 1px solid #F0FBE1;}
ul#linkermenu ul.submenu li a.actief {background: #E0F0B0;}

/* container in de middenkolom */
div#mainContainer {padding: 1px 20px 15px;}

/* homepage, categorieen, auteurs */
div#mainIntro {background: #EAF8D1; padding: 20px; /*margin-bottom: 10px;*/ height: expression(this.clientHeight < 199 ? '199px' : this.clientHeight); min-height: 157px}
div.hp {margin-top: 10px}
div#mainIntro h1 {margin: 0; font-size: 16px; font-weight: bolder; color: #94CE18;}
div#mainIntro h2 {margin-top: 0; font-size: 1em;}
div#mainIntro p {margin-bottom: 0;}
div#mainContainer p.meer {text-align: right; margin: -3px 0 0; font-style: italic; clear: both;}

h2.ankeiler {margin: 0 0 0.4em; clear: both;}
h2.ankeiler a {color: #aaa;}
div.ankeiler {margin-bottom: 10px; clear: both; }
div.metduim {height: 60px; border-bottom: 1px solid #ccc;}
div.ankeiler h3 {margin: 0 0 3px; line-height: 1em;}
div.ankeiler p {margin: 2px 0;}
div.ankeiler p.catlijst {margin: 2px 0 2px 15px;}
p.ankeilertekst { float: left;}
div.metduim p.ankeilertekst {display: inline; float: none;}
img.homeduim {border: 1px solid #000; float: left; margin-right: 10px;}
div.ankeiler span.scheiding {color: #A0C94D;}
span.snippet {font-size: 11px; line-height: 20px;}

/* artikelen */
div#kruimelpad {background: #EAF8D1; margin: 0; font-size: smaller; padding: 0.2em 0.2em 0.2em 20px; }
p.articleIntro {font-weight: bold}
p.articleIntro img {vertical-align: text-top; margin-right: 3px}
p.articleAuthor, p.articleAnkeiler {font-style: italic}
p.articleInfo {border: 1px solid #A0C94D; background: #E0F0B0; padding: 3px; clear: both;}

/* blokjes rechts */
div#jobblok, div#opdrblok, div#peiling, td#zoekcel, div#zelfbijdragen, div#gerelateerd, div#nreacties, div.blokrechts {border-left: 4px solid #A0C94D; border-bottom: 4px solid #A0C94D;}
div.blokrechts p {margin: 0; padding: 0.5em;}
div#jobblok h2, div#opdrblok h2, div#peiling h2, td#zoekcel h2, div#feeds h2, div#gerelateerd h2 {background: #A0C94D url("/templates/basis/media/verloop_kolrechts.png") repeat; color: #fff; font-weight: bold; letter-spacing: 5px; font-size: 12px; padding-left: 5px; margin: 0 0 2px;}
div#jobblok p, div#opdrblok p {margin: 5px;}
div#jobblok a, div#opdrblok a {display: block; font-size: 10px;}
div.forumlink {border-left: 4px solid #A0C94D; border-bottom: 4px solid #A0C94D; padding: 5px;}

td#zoekcel {background-color: #DAEEAE;}
form#zoek {margin: 12px 5px;}
form#zoek legend, form#zoek label {display: none;}
form#zoek input.zoekveld {background-color: #fff; width: 100px;}
form#zoek fieldset {border: 0 solid green; padding: 0;}

/* eigen bijdrage */
div#zelfbijdragen { padding: 5px}

/* aantal reacties */
div#nreacties { padding: 5px}

/* current events */
div#agendanu {border-right: 1px solid #A0C94D; border-bottom: 1px solid #ccc; margin-top: 0; }
div#agendanu h2 {margin: 0; background: #bbb; padding-left: 0.3em;}
div#agendanu h2 a {color: #fff; font-weight: bold; font-family: Arial, sans-serif;}
div#agendanu ul {margin: 0; padding: 0 0 1px 0; list-style: none;}
div#agendanu li {padding: 0.2em 5px; font-size: 11px; }
div#agendanu li a {font-size: 11px; font-weight: normal; color: #000;}
div#agendanu li.k0 {background-color: #eee;}
div#agendanu li.k1 {background-color: #fff;}

/* peilingen */
div#peiling {background: #eee;}
div#peiling h3 {margin: 0 5px; font-style: italic; font-size: 12px;}
div#peiling form {margin: 0; padding: 5px;}
div#peiling input {background: #eee; border: 1px solid white;}
div#peiling input.knop {background: #E0F0B0;}
div#peiling table {margin: 0; padding: 0; width: 136px;}
div#peiling td {vertical-align: top; padding: 0; margin: 0; font-size: 10px;}
div#peiling td+td {padding-left: 3px; }
div#peiling a, input.knop {font-size: 12px;}
col#peiling_kol1 {width: 10px;}
col#peiling_kol2 {width: 11em;}
div#peiling_footer {text-align: center}

/* feeds van andere sites */
/*
div#feeds {overflow: hidden;}
div#feeds ul {margin: 0; padding: 0 0 1px 0;}
div#feeds li {padding: 0.2em 5px; font-size: 10px; }
div#feeds p {margin: 0; padding-right: 3px; font-size: 10px;}
div#feeds marquee {text-align: left; width: 93%; float: left; }
*/
div#feeds {display: none; background: #aaa; color: #fff; padding-left: 20px; height: 1.5em; overflow: hidden;}
div#feeds a, div#feeds h3 {color: #fff;}
div#cliplist {width: 93%; float: left; overflow: hidden; }
div#bronnenlink {float: right; width: 5%; padding-right: 10px; text-align: right;}
ul#ticker {display:none; white-space: nowrap; overflow: hidden; margin: 0;}
ul#ticker li {display: inline; }


/* liScroll style declarations */

.tickercontainer { /* the outer div */
width: 100%; 
height: 27px; 
margin: 0; 
padding: 0
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 2px;
width: 480px; 
overflow: hidden;
}
ul.newsticker { /* the list */
position: relative;
left: 50px;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem\'s width */
margin: 0;
padding: 0;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
margin: 0 20px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 


/* gerelateerde content */
div#gerelateerd ul {margin: 0; padding: 0 0 1px 0; list-style: none;}
div#gerelateerd li {padding: 0.2em 5px; font-size: 10px; }

/* advertenties */
div.advblok iframe {padding: 0; margin:0;}
td#sidebarright div.advblok {border-left: 4px solid #A0C94D; border-bottom: 4px solid #A0C94D;}

/* printversie */
@media print {
td#linkerkolom, td#zwartverloop, td#rechtsboven, td#groenverloop, td#topmenu, td#rechterkolom, td#sidebarleft, td#sidebarright, td#voetlinks, td#voetmenu, td#voetrechts  {display: none;}
}

/* reacties */
p.formregel {clear: both; }
p.formregel .formlabel {width: 180px; display: block; float: left; text-align: right; margin-bottom: 0.75em; padding-right: 0.5em;}
p.formregel .forminput {width: 150px;display: block; float: left; margin-bottom: 0.75em; }
p.formregel .langveld {width: 300px;}
p.formregel .knop {float: right;}
form#reactieform {padding-bottom: 1em;}

div.reactie {border-bottom: 1px solid silver;margin-bottom: 1em;}
div.reactie p.kopje {background-color: #eeffd4;font-style: italic;padding: 2px;}
h3#reacties {padding-left: 25px; background: url(/templates/basis/media/comment.gif) no-repeat; line-height: 22px}