body {
    margin: 0;
    background: #2b4c8d url( "/images/docbg.gif" ) repeat-x;
    font-size: 62.5%;
    font-family: sans-serif;
    line-height: 1em;
}
/* typography */
p, ul, input, label, legend {
    font-family: 'Lucida Grande', Arial, Verdana, sans-serif;
    word-spacing: normal;
    letter-spacing: 0;
    line-height: 1.5em;
    font-size: 1.2em;
}
p, ul, label, legend{
    text-align: left;
}
h1 {
    font-size: 2em;
}
h2 {
    padding-top: 20px;
    padding-bottom: 10px;
    margin-bottom : 0;
    font-size: 1.8em;
}
h3 {
    font-size: 1.6em;
}
h4 {
    font-size: 1.5em;
    line-height: 1em;
}
h5 {
    font-size: 1.5em;
}
h6 {
    font-size: 1.3em;
}
a {
    color: #000;
}
p a {
    color: #1190FF;
}
/* prop and propclear -> min-height hack/alternative */
.prop {
    height: 1150px;
    width: 1px;
    float: right;
}
.propclear {
    clear: left;
    overflow: hidden;
    height: 1px;
    width: 100%;
}
/* containers */
#container {
    position: relative;
    margin: auto;
    width: 85%;
    background: url( "/images/bor_l.gif" ) repeat-y 0 0;
    margin-top: 7px;
}
#top_container {
    background: url( "/images/corn_lt.gif" ) no-repeat;
}
#header {
    margin-left: 16px;
    background: transparent url( "/images/bor_t2.gif" ) repeat-x;
    height: 250px; /*for gradient-shadow fix on left border*/
}
#header_img {
    margin-top: 11px;
}
#abs_images {
    position: absolute;
    right: 0;
    top: 0;
    background: url( "/images/corn_rt.gif" ) no-repeat;
}
.laurence_txt_img {
    position: absolute;
    z-index: 1;
    top: 46px;
    right: 200px;
}
.openvld_img {
    position: absolute;
    z-index: 1;
    top: 90px;
    right: 225px;
}
#laurence_img {
    position: absolute;
    top: -7px;
    right: -12px;
}
html>body #page_content {
    margin-top: -154px;
}

#page_content {
    background: white url( "/images/navbg.jpg" ) repeat-y right;
    padding-right: 252px;
    margin-top: -158px;
    margin-left: 16px;
}
body#slideshow #page_content .prop,
body#slideshow #page_content .propclear {
/*  display: none;*/
}
body#slideshow #slideshow_wrap {
  margin-bottom: 300px;
}
body#slideshow #page_content {
  position: static;
}
#actueel {
    margin: 0;
    padding: 10px 0 5px 0;
}
.article {
    position: relative;
    padding: 9px 10px 10px 70px;
    padding-bottom : 15px;
    background: #fff url('/images/gradient.gif') repeat-x scroll top left;
}

body#article .article {
    background: none;
    margin-top: 19px;
}
html>body#article .article {
    margin-top: 15px;
}
body#article .article h4 {
    padding-right: 90px;
}
.article h4 a {
    text-decoration: none;
}
.article h4 a:hover, .article a:active {
    text-decoration: underline;
}
.article .article_copy ul li,
.article .article_copy ol li {
  font-size: 1.2em;
  line-height: 1.5em;
}

/* floating article images styles */
.article .article_copy p img {
    position: relative;
    float: left;
    /* to break from a previous img float */
    clear: left;
    display: block;
    border: 1px solid #000;
    margin: 4px 7px 4px 0;
}

.article .img_float_breaker {
    clear: left;
    line-height: 0em;
    padding: 0;
}
.article .article_details {
    margin-top: 3px;
}
.article span.comments, .article span.sections, .article span.tag_list {
    padding-left: 5px;
    color: #666;
    font-size: 0.9em;
}
.article span.comments a, .article span.sections a, .article span.tag_list a , body#tag li a { /* a styling */
    color: #1190FF;
}
.article span.comments {
    padding: 0;
}
body#section .article span.comments a, body#home .article span.comments a {
    background: #1190FF url( "/images/comment.gif" ) no-repeat 1px 1px;
    padding : 2px;
    padding-left: 18px;
    padding-right: 4px;
    color: white;
    text-decoration: none;
    border: 1px solid #333;
    border-left: none;
    border-top: none;
}
body#section .article span.comments a.read_comments_link, body#home .article span.comments a.read_comments_link {
    background: none;
    color: #1e90ff;
    border: none;
    padding: 0;
    text-decoration: underline;
}
span.comment_date {
    color: #aaa;
    font-size: 0.8em;
}
.article span.sections { /* image before sections */
    background: url( "/images/readon.gif" ) no-repeat 5px 0;
    padding-left: 17px;
}
.article span.tag_list {
    color: #666;
    background  : url( "/images/pin.gif" ) no-repeat 5px 0;
    padding-left: 22px;
}
.article div.tag_list a {
    color: #1190FF;
}
/* individual article style */
#article .article span.comments, #article .article span.sections, #article .article span.tag_list {
    display: block;
    border-left: none;
    margin-left: 0px;
    padding-left: 0px;
}
#article .article span.comments { /* image before comments */
    background: none;
}
#article .article span.sections { /* image before section */
    background: url( "/images/readon.gif" ) no-repeat 0 3px;
    padding-left: 15px;
}
#article .article span.tag_list { /* same padding for tag_list */
    background: url( "/images/pin.gif" ) no-repeat 0 3px;
    padding-left: 17px;
}
.comments_listing h5 { /* (x) 'reacties' anouncement */
    padding: 0;
    margin: 10px 0 0 0;
    color: #ddd;
    font-size: 1.9em;

}
.comments_listing h6 { /* name of poster */
    padding: 0 0 0 15px;
    margin-top: 10px;
    margin-bottom: 5px;
    background: url( "/images/person.gif" ) no-repeat 0 0;
    line-height: 100%;
}
.comments_listing div {
    background: url( "/images/gradient.gif" ) repeat-x;
    padding: 5px;
}

.calendar {
    position: absolute;
    background: url( "/images/calendar.gif" ) no-repeat;
    height: 34px;
    width: 40px;
    padding: 18px 0 0 0;
    color: white;
    text-align: center;
    top: 30px;
    left: -55px;
    line-height: 0.7em
}
html>body .calendar {
    top: 30px;
    margin : 0;
    left: 15px;
}
.calendar span {
    margin-bottom: 8px;
    display: block;
}
.calendar span.date {
    font-size: 1.7em;
}

#newsletter_button {
  margin-top: 30px;
  margin-left: 10px;
}

#verkiezingen_2009_button {
  margin-top: 10px;
  margin-left: 10px;
}

/* navigation styles */
#nav {
    font-family: Verdana, sans-serif;
    position: absolute;
    top: 346px;
    right: 0;
    width: 251px;
    background: url( "/images/navreflection.jpg" ) no-repeat;
}
#nav ul {
    padding: 0;
    margin:0;
/*    padding-top: 30px;*/
    padding-top: 10px;
}
#nav ul li ul {
    padding-left: 0px;
    padding-top: 0;
}
#nav ul li {
/*    height: 35px;*/
    padding: 0;
    padding-left: 3px;
    margin: 0;
    list-style: none;
/*    line-height: 1.6em;*/
}
#nav ul li.submenu {
    height: 100%;
}

#nav ul li a, #nav .submenu_title {
    font-family: sans-serif;
    display: block;
    padding-left: 20px;
    color: white;
    text-decoration: none;
    width: 222px;
    font-size: 12px; /* to stop li in li fontsize compounding */
    line-height: 2.5em; /* nice big li's with centered text */
}

#nav ul li ul li a {
  margin-left: -3px; /* flush with left border */
  line-height: 2.5em;
  width: 222px;
}

* html #nav ul li ul li a {
  padding-top: 7px;
  padding-bottom: 7px;
}

#nav ul li a:hover, #nav ul li ul li a:hover {
    background: #3761a4;
}

#nav .slideshow_link img {
  border: none;
  vertical-align: middle;
  margin-right: 5px;
}

/* footer styles */

#footer {
    position: relative;
    width: 85%;
    margin: 0 auto;
    background: url( "/images/bor_b.gif" ) repeat-x 0 0 ;
}
#footer p {
    text-align: center;
    font-size: 11px;
    color: #d2d2d2;
    margin: 0;
    padding-top: 20px;
    padding-bottom: 15px;
    background: url( "/images/corn_lb.gif" ) no-repeat 0 0;
}
#footer_navbrd_fix {
    position: absolute;
    width: 100%;
    height: 7px;
    background: url( "/images/corn_rb.gif" ) no-repeat right top;
}

#footer a, #footer a:active, #footer a:visited {
    background-color: transparent;
    color: #fff;
    text-decoration: underline;
}

/* comment forms */

.validation_error {
    color: #D92D35;
    background-color: transparent;
    font-weight: bold;
    margin-top: 5px;
    margin-left: 5px;
}

form.comment {
    margin: 10px 0 20px 0;
    border-top: 2px solid #ddd;
    background: #eee;
    padding-bottom: 10px;
}

form.comment legend {
    font-weight: bold;
    margin: 0;
    padding: 10px 0 0 0;
    font-size: 1.5em;
    color: #777;
}

* html form.comment legend {
    margin-left: -7px;
}

form.comment label {
    font-weight: bold;
    display: block;
    margin-top: 10px;
    margin-bottom: 2px;
}
form.comment fieldset {
    margin: 0;
    padding: 0 5px 5px 7px;
    border: none;
}
form.comment input.comment_submit {
    margin-top: 5px;
    margin-left : 5px;
}

h2#comment_errors {
    color: #D92D35;
    margin-bottom: -15px;
}

#required_fields_notice {
    font-size: 0.7em;
    color: #8f8f8f;
    margin-left: 0;
}
#required_fields_notice .required_field_indicator {
    margin-left: 0;
}
.required_field_indicator {
    color: #D92D35;
    background-color: transparent;
    font-weight: bold;
    margin-left: 5px;
    font-size: 1.2em;
}

/* flashes */
#flash {
    font-weight: bold;
    margin: 0px 0 10px 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10%;
    font-size: 1.4em;
    line-height: 1.5em;
    border-bottom: 1px solid #ccc; /* default border */
    background-color: #ffffd3;
}
#flash img {
    vertical-align: middle;
    margin-right: 5px;
}
#flash.notice {
    border-color: #9c9;
    color: #060;
    background-color: #E2F9E3;
}
#flash.error {
    border-color: #c99;
    color: #fff;
    background-color: #c00;
}
#flash.error a {
    color: #fff;
    background: transparent;
}

/* tag cloud */
.tag_cloud {
    margin-left: -12px;
    margin-top: -15px;
    width: 500px;
}
/* display the individual items next to each other, not one-per-line */
.tag_cloud li {
    display: inline;
    display: inline;
    line-height: 1.4em;
    margin-right: 5px;
}
/* hide the extra context from CSS-enabled browsers, but not screenreaders */
.tag_cloud span { position: absolute; left: -999px; width: 990px; }
/* size is purely presentational, based upon the class */
.tag_cloud .normal { font-size: 1.8em; }
.tag_cloud .somewhat_popular { font-size: 2.7em; }
.tag_cloud .popular { font-size: 3em; }
.tag_cloud .top_of_the_line { font-size: 3.6em; }

ul#tag_cloud_help li {
    color: #bfbfbf;
    font-size: 0.8em;
    list-style-type: square;
}

/* contact information */
#contact table {
    width : 99%;
    font-size: 1.2em;
    margin-top : 15px;
    color : #444;
}

#contact table td {
    border-top : 1px dotted #aaa;
    padding : 10px;
}

#contact table td#contact_email p {
    margin: 0;
    padding: 0;
}

body#slideshow #page_content h2 {
    margin-bottom: 45px;
}

/* alignment of section descriptions (and their content) */
body#section div.section_description p img {
  display: block;
  float: left;
  clear: left;
  margin: 4px 7px 4px 0;
  border: 1px solid #000;
}

.section_description_breaker {
  clear: left;
}

body#section #section_description_open_vld_nieuws p img {
  border: none;
}

#about h2 {
    padding-bottom:15px;
}
#about .paragraphs_are_for_dimwits {
    background: url( "/images/gradient.gif" ) repeat-x;
    padding-top: 5px;
    padding-left: 10px;
}

#poll {
  margin-top: 20px;
  margin-left: 24px;
  width: 85%;
  color: #fff;
}

#poll h3, #poll h4 {
  margin: 0;
  font-size: 1.3em;
}
#poll h3 {
  text-decoration: underline;
  margin-bottom: 7px;
}
#poll h4 {
  margin-bottom: 10px;
}
#poll ul {
  padding: 0px;
}
#poll #vote_in_progress {
  margin: 3px 0 3px 0;
}

#slideshow_wrap {
    min-height: 1000px;
}

#slideshow-list {
    margin: 0;
    margin-top: 20px;
    padding-left: 0;
}

#slideshow-list li {
    list-style: none;
    margin-top: 5px;
    margin-bottom: 5px;
}

#slideshow-list li a {
    text-decoration: none;
    display: block;
    padding: 5px;
}

#slideshow-list li a:hover {
    background: #eee;
}

#slideshow-list li a img {
    border: 0;
    margin-right: 10px;
}

h3.blue {
    color: #084a92;
}

#home #introduction {
    background-color:#e4eaf4;
    padding: 10px;
    margin: 5px;
    margin-right: 10px;
    border:1px solid #cdd3dd;
}