html, body { height: 100%;}
body {background: #ddd; font-family: sans-serif; padding: 0; margin: 0;}
table#paginakader {height: 100%; width: 100%; min-width: 780px; /* width: expression(document.body.clientWidth < 780? "780px" : "100%"); */}
td#hoofdgedeelte {background: #F8FCF8 url("../pix/europa_hoofdgedeelte.png") no-repeat 100% 100%; padding: 0; border-right: 1px dotted red; border-bottom: 1px dotted red;}
td#rechterkolom {width: 50px; padding: 0; background: url("../pix/europa_rechterkolom.png") no-repeat 0 100%; height: expression(document.body.clientHeight-50+"px"); }
td#voetregel {height: 50px; padding: 0; background: url("../pix/europa_voetregel.png") no-repeat 100% 100%;}

div#header {height: 100px; background: #8084F8 url("../pix/ster_header.png") no-repeat; position: relative; border: 0;}
p.kopregel {font: bold 40px Arial, sans-serif; letter-spacing: 5px; position: absolute; right: 10px; top: 0px; margin: 0; padding: 0; color: #fff;}
p.kopregel span.sub {font-size: 14px; display: block; text-align: right;}

ul#kopnav {list-style:none; position: absolute; right: 13px; bottom: 0; margin: 0; font-size: smaller;}
div#header>ul#kopnav {bottom: 2px;}
ul#kopnav li {display: inline; }
ul#kopnav li a {color: #fff; padding: 2px;}
ul#kopnav li a:hover {color: #8084F8; background-color: #fff; }

div#content {padding: 25px 25px 25px 50px; background: url("../pix/sterretjes.png") no-repeat 0 0;}
div#nav {float: right; width: 200px; background: #eee; padding: 25px 10px; border-left: 1px dotted #ddd; border-bottom: 1px dotted #ddd; margin: 0 0 10px 10px;}
div#navbinnen {width: 190px; margin: auto;}
div#adbox {width: 730px; margin: 10px auto; clear: both; }
div#adbox iframe { border: 1px solid silver; padding: 0;}

form#sitezoek input#zoekveld {width: 110px; margin-right: 0;}
input#zoekknop, input.zoekknop {background-color: #ccc; width: 60px; margin-left: 10px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #666; border-right: 1px solid #666; font-weight: bold;}
input#zoekknop:hover, input.zoekknop:hover {background-color: #8084F8; color: #fff;}

div.zoekpagina fieldset {border: 0px solid purple;}

ul#menu {margin: 0; padding: 1px; width: 100%; list-style: none; background-color: #fff; }
ul#menu li { margin: 0; padding: 0 1em 0 0; border-top: 1px solid #eee; border-left: 1px solid #eee; border-bottom: 1px solid #666; border-right: 1px solid #666; background-color: #ccc;}
ul#menu li.actief {background-color: #8084F8;}
ul#menu li:hover {background-color: #8084F8;}
ul#menu li a {display: block; background-color: #ddd; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 0 3px 3px; width: expression('168px'); color: red; font-weight: bold; font-size: smaller; letter-spacing: 1px; text-decoration: none;}
ul#menu li a:hover {background-color: #eee; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }

a {color: navy;}
a:hover, span.vraag a:hover {color: red;}

div#nav p {display: none;}
div#artikelzoeker p {font-size: smaller; display: block; line-height: 1.3em;}
div#nav div#reacties, div#nav div#meningen, div#nav div#stellingen {margin-top: 10px; font-size: smaller; padding: 1px; border: 1px solid #fff;}

h1, h2, h3, h4, h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

.kleiner {font-size: smaller;}

/* homepage */
div.blogPic {float: left; font-size: smaller; margin-right: 5px; background-color: #fff; border: 1px solid #ccc;}
div.blogPic img {border-bottom: 1px solid #ccc;}
div.blogPic p {margin: 0; padding: 0 2px; }
div.blogentry {margin-bottom: 1em; clear: left;}
div.blogentry p {margin-bottom: 0.5 em;}

div.ankeiler {margin-bottom: 0.5em;}
div.ankeiler h3 {display: inline;}
h2.lijst {margin-bottom: 0;}
div.ankeiler p, p.lijst {margin-top: 0; font-style: italic;}

div#relatedStuff {margin-top: 10px; font-size: smaller; padding: 1px; border: 1px solid #fff;}
div#relatedStuff h4 {margin: 0;}
div#relatedStuff a  {display: block;}

p.articleAnkeiler {font-style: italic;}
p.articleIntro, p.articleInfo {font-size: 0.8em;}
img.ikoon {margin-right: 10px;}

img.articlePic {border: 1px solid silver; margin-left: 5px;}

div#mainContainer h3 {font-size: 1em; margin-bottom: 0;}
div#mainContainer h3 + p {margin-top: 0.5em;}

div.grondwet h1 {margin-left: 0;}
div.grondwet h2 {margin-left: 1em;}
div.grondwet h3 {margin-left: 2em;}
div.grondwet h4 {margin-left: 3em;}
div.grondwet h5 {margin-left: 4em;}
div.grondwet h6 {margin-left: 5em;}

div.grondwet div.tekst, div#mainContainer, div.blogentry, div.ankeiler {max-width: 550px; width: expression(document.body.clientWidth > 800? "550px": "auto" ); line-height: 1.2em;}

div.tekst h6 {margin-bottom: 0;}

span.num {color: darkblue; font-weight: bold;}

table.kol2r th, table.kol234r th {text-align: center;}
table.kol2r td+td, table.kol234r td+td {text-align: right;}
table.kol2r td, table.kol234r td, table.kol2r th, table.kol234r th, table.kol2l td, table.kol2l th {margin: 0; padding: 5px; border-bottom: 1px dotted navy; font-size: smaller; vertical-align: top;}

div#index, div#disclaimer {margin-top: 1em; font-size: smaller;}
div#verklaring {display: block; font-size: smaller; }

p.noot {font-size: smaller;}
div.toplink {float: right; font-size: smaller;}

div#gwbladerbalk {background-color: #8084F8; color: #fff; padding: 5px 10px; border: 1px solid silver; clear: both; margin-top: 2em;}
div#gwbladerbalk a {color: #fff;}
div#gwbladerbalk div.vorige {float: left; width: 49%;}
div#gwbladerbalk div.volgende {float: right; width: 49%; text-align: right;}
p.breker {clear: both; line-height: 1px;}

ul#toc {font-size: 80%; margin-left: 1em; padding-left: 0; list-style-image: url("../pix/vierkantje.gif");}
ul#toc li {margin: 0.5em 0;}
ul#toc li.geendot {list-style-image: url("../pix/vierkantje_transp.png");}

div#nav div#compleet {font-size: smaller; margin-top: 1em;}

ul.fraaier {margin-left: 1em; padding-left: 0; list-style-image: url("../pix/vierkantje.gif");}
ul.fraaier li {margin: 0.5em 0;}
ul.fraaier li.geendot {list-style-image: url("../pix/vierkantje_transp.png");}

table#standvanzaken tr.oneven td {background-color: #fff;}
table#standvanzaken th {background-color: #ccc;}
table#standvanzaken {border: 1px solid #ddd;}

span.datum {font-size: smaller; font-style: normal;}

div#newsPic {margin-top: 1em; border: 1px solid #fff; padding: 1px; text-align: center;}
div#newsPic p {display: block; font-size: smaller; margin: 0;}
div#newsPic img {border: 1px solid #ddd;}

/* interviews */
span.vraag {font-weight: bold; font-size: smaller; color: navy; padding-left: 10px; background: url("../pix/vierkantje.gif") no-repeat;}
span.vraag a {color: navy;}
p.pagblader {text-align: right; font-size: smaller;}

/* agenda op homepage */
div#agenda {border: 2px solid #fff; padding: 3px; margin-top: 10px;}
div#agenda h3 {font-size: 1em; margin: 0;}
div#agenda ul {margin-top: 0;}

/* rss-knop */
div#rssknop {border: 2px solid #fff; padding: 3px; margin-top: 10px; text-align: center;}

/* peiling op homepage */
div#polleke {border: 2px solid #fff; padding: 3px; margin-top: 10px;}
div#polleke form {margin: 0;}
div#polleke h3 {font-size: 1em; margin: 0;}
div#polleke span.peilvraag {display: block; font-size: 0.9em;}
div#polleke label {display: block; font-size: smaller; border: 1px solid #fff;}
div#polleke input.stemknop {background-color: #ccc; width: 60px; margin-left: 10px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #666; border-right: 1px solid #666; font-weight: bold; display: block; margin: 5px auto;}
div#polleke input.stemknop:hover {background-color: #8084F8; color: #fff;}

/* kaartje */
div#svz {border: 2px solid white; margin-top: 1em;}
div#svz a { font-variant: small-caps; font-weight: bolder; letter-spacing: 0.1em; display: block; text-align: center; color: red; text-decoration: none;}
div#svz a:hover {background-color: #fff;}

/* stelling op hp */
p#stellingvdweek {background-color: #fff; border: 1px solid red; padding: 1em; font-size: smaller;}

/* stellingen en reacties */
div.rea_intro {border: 1px dotted blue; padding: 1em; font-size: smaller;}
div.rea_intro h1, div.rea_intro h2 {margin-top: 0;}
div.rea_intro p {margin-bottom: 0;}
.vetrood {color: red; font-weight: bold;}
form.reageer textarea {width: 100%;}
div.koprij {background-color: #ddd; margin-top: 1em; font-size: smaller; padding-left: 2px;}
div.reactie {background-color: #fff; border: 1px solid #ddd; padding: 0.5em;}
div.reactie p {margin-top: 0;}
ul#stellingarchief {margin: 1em 1em 0; padding: 0; list-style-image: url("../pix/vierkantje.gif");}
ul#stellingarchief li {font-size: smaller;}

/* mening op hp */
div#zomaareenmening {margin-top: 10px; padding: 3px; border: 2px solid yellow; font-size: smaller;}

/* meningen */
ul#letterbalk {list-style: none; margin: 0; padding: 0; border-left: 1px solid #fff; }
ul#letterbalk li {float: left; border: 1px solid #fff; border-left: 0; background-color: #8084F8; font-weight: bolder; width: 1em; text-align: center;}
ul#letterbalk a {display: block; color: #fff; text-decoration: none; width: 100%;}
ul#letterbalk a:hover {color: #8084F8; background-color: #fff;}

div.mening {background: url("../pix/kwoot_open.png") no-repeat; clear: left; }
p.mening {background: url("../pix/kwoot_sluit.png") no-repeat 100% 100%; padding: 10px 30px; margin: 0;}
p.meninghebber {font-size: smaller; font-style: italic; margin-top: 0;}

table.lijntjes {border-collapse: collapse; border: 1px solid silver;}
table.lijntjes td, table.lijntjes th {border: 1px solid silver; padding: 5px;}

@media print {
	div#header, div#nav, div#adbox, div#gwbladerbalk, td#rechterkolom {display: none;}
	div#content {padding: 0;}
}