/* Imports 
----------------------------------------------- */

@import url( /style/basis.css );

/* 
 * #009999 = DOB Blauw (was: 389db1)
 * #733d0c = DOB Bruin (was: 784c21)
 */

/* Common
----------------------------------------------- */

body {
  margin: 0;
  padding: 0;
  font: normal 0.8em georgia, "times new roman", times, serif;
  text-align: center;
  background: url(/pics/verloop_3_nieuwe_rgb.gif) 50% 0 repeat-y fixed;
  }

h1 {
  font-size: 120%;
  color: #733d0c;
  margin: 0 0 1em 0;
  }

h2 {
  font-size: 100%;
  color: #733d0c;
  margin: 0 0 0.2em 0;
  }

a h2 {
  text-decoration: none;
  }

a h2:hover {
  text-decoration: underline;
  }

a img {
  border: 0;
  }

p {
  margin: 0;
  padding: 0;
  }

img.imgleft {
  float: left;
  margin: 3px 15px 5px 0;
  }

img.imgright {
  float: right;
  margin: 3px 0 5px 15px;
  }

.underline {
  text-decoration: underline;
  }


/* Content
----------------------------------------------- */

div#bodycontent {
  margin: 40px 70px 20px 75px;
  border: 0px dotted red;
  }

#bodycontent a:link, #bodycontent a:visited {
  color: #009999;
  }

#bodycontent a:hover, #bodycontent a:active {
  color: #733d0c;
  }

#bodycontent p {
  margin: 0 0 1em 0;
  }

#bodycontent img {
  padding: 0 0 10px 0;
  }

#bodycontent #lcol {
  float: left;
  width: 210px;
  text-align: left;
  }

#bodycontent #rcol {
  float: right;
  width: 415px;
  text-align: left;
  }

#bodycontent ul {
  margin: 0 0 1em 15px;
  padding:0;
  }

#bodycontent ol {
  margin: 0 0 1em 23px;
  padding:0;
  }

#bodycontent ol li, #bodycontent ul li {
  margin: 0;
  padding: 0;
  }

.bijschrift {
  font-size: 0.8em;
  font-style: italic;
  }

#bodycontent #lcol span.credits {
  display: block;
  margin: -9px 0 1px;
  font-size: 0.8em;
  color: #999;
  }

#bodycontent span.creditsr {
  font-size: 0.8em;
  color: #999;
text-align: left;

  }

#bodycontent span.onzichtbaar {
  font-size: 0.2em;
  color: #FFFFFF;
  }

img.kopje { /* extra ruimte onder kopjes-plaatjes */
  padding-bottom: 1em;
  }

#lang_switch {
border: 0px solid pink;
text-align: right;
}


/* Homepage
----------------------------------------------- */

div#news_home div {
  margin-bottom: 2em;
  }

div#news_home h2 {
  margin: 0;
  padding: 0;
  color: #733d0c;
  }

div#news_home p {
  margin: 0;
  padding: 0;
  }

table#home_nws {
  margin: 1.5em 0 0 0;
  width: 660px;  
}

table#home_nws td {
  width: 200px
  }

table#home_nws td h2 {
  border-top:1px solid #999;
  padding-top: 1em;
  width: 200px; 
  } 

table#home_nws td p {
  width: 200px; 
  }


table#home_flm {
  margin: 1.5em 0 0 0;
  width: 660px;  
}

table#home_flm td {
  width: 200px
  }





/* Nieuwsoverzicht 
----------------------------------------------- */

div#news_summary {}

div.news_item {
  margin: 0 0 2.5em 0;
  }

span.newsimg_left {
  float: left;
  margin: 4px 10px 0px 0;
  }

span.newsimg_right {
  float: right;
  margin: 4px 0 0px 10px;
  }

div.news_item h2 {
  margin: 0;
  color: #009999;
  font-size: 120%;
  }

div.news_item .datum {
  margin: 0;
  color: #878787;
  }

div.news_item p {
  margin: 0;
  }

div.news_item a:link {
  color: #000;
  }

div.news_item p a:hover {
  color: #009999;
  }

div.grijsvlak {
  margin: 0 0 1em 0;
  padding: 0;
  border: 0;
  background: #bcbcbc;
  color: #000;
  width: 200px;
  }

div.grijsvlak h3 {
  margin: 0;
  padding: 0.5em 0.5em 0.2em;
  color: #fff;
  font-size: 120%;
  }

div.grijsvlak p {
  margin: 0;
  padding: 0 0.5em 0.5em;
  }

div#lcol div.grijsvlak a,
div#lcol div.grijsvlak a:link,
div#lcol div.grijsvlak a:visited,
div#lcol div.grijsvlak a:active {
  color: #000;
  }

div#lcol div.grijsvlak a:hover {
  color: #009999;
  }

div#lcol a.pink, 
div#lcol a.pink:link, 
div#lcol a.pink:active, 
div#lcol a.pink:visited {
  color: #c4149a;
  }

div#lcol a.pink:hover {
  color: #009999;
  }

input.aanmeldbutton {
  font: normal 1em georgia, "times new roman", times, serif;
  background: #009999;
  color: #fff;
  }

/* Footer
----------------------------------------------- */

div#footer {
 font: normal 0.8em georgia, "times new roman", times, serif;  
margin: 5px 10px 5px 75px;
  clear: both;
  border-top: 1px solid #eee;
  }

/* Search
----------------------------------------------- */

div#search {
  padding: 0 30px 0 0;
  }

div#search input {
  font: normal 1em georgia, "times new roman", times, serif;
  }

div#search input.query {
  width: 400px;
  padding: 1px 3px;
  }

div#search input.button {
  background: #733d0c;
  color: #fff;
  }

div#searchresults li {
  padding-bottom: 1em;
  }