@import url('http://fonts.googleapis.com/css?family=Droid+Sans');

*
{
  margin: 0;
  padding: 0;
}

body
{
  margin: 0;
  padding: 0;
  color: #494949;
  font-family: 'Droid Sans', Tahoma, san-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.6em;
  letter-spacing: 0;
  word-spacing: 0;
  background-color: #FFF;
}

body.mceContentBody
{
  /* Fix for TinyMCE */
  font-size: 13px;
}

table tr td,
table tr th,
table tbody tr td,
table tbody tr th
{
  font-size: 1em;
  text-align: left;
  vertical-align: top;
}

/* Fix for TinyMCE */
body.mceContentBody table.data tr td,
body.mceContentBody table.data tr th,
body.mceContentBody table.data tbody tr td,
body.mceContentBody table.data tbody tr th
{
  font-family: 'Droid Sans', Tahoma, san-serif;
  font-size: 0.91em;
}

/* Fix for TinyMCE */
body.mceContentBody table tr td,
body.mceContentBody table tr th,
body.mceContentBody table tbody tr td,
body.mceContentBody table tbody tr th
{
  font-family: 'Droid Sans', Tahoma, san-serif;
  font-size: 13px;
}

hr
{
  margin: 18px 0 18px 0;
  padding: 0;
  border: 0;
  height: 5px;
  width: 100%;
  color: #FFF;
  display: block;
  clear: both;
  float: none;
  background-color: #FFF;
  border-bottom: 5px dotted #C4C402;
}

ul,
ol
{
  margin-left: 1.2em;
}

/* Onderschrift=onderschrift */
span.onderschrift
{
  margin: 0;
  padding: 0;
  color: #888;
  display: block;
  font-size: 0.8em;
}

/* Fix for TinyMCE */
body.mceContentBody span.onderschrift
{
  font-size: 0.81em;
}

.right
{
  text-align: right;
}

.left
{
  text-align: left;
}

.center
{
  text-align: center;
}

/* ==================  I M A G E S  ================== */

img
{
  border: 0;
  vertical-align: text-bottom;
}

/* Afbeelding links=imglinks */
img.imglinks
{
  margin: 10px 20px 10px 0;
  float: left;
  border: 0;
}

/* Afbeelding links (boven)=imglinks_top */
img.imglinks_top
{
  margin: 0 20px 10px 0;
  float: left;
  border: 0;
}

/* Afbeelding links (uitspring)=imglinks_out */
img.imglinks_out
{
  margin: 10px 20px 10px 0;
  float: left;
  border: 0;
}

/* Afbeelding rechts=imgrechts */
img.imgrechts
{
  margin: 10px 0 10px 20px;
  float: right;
  border: 0;
}

/* Afbeelding rechts (boven)=imgrechts_top */
img.imgrechts_top
{
  margin: 0 0 10px 20px;
  float: right;
  border: 0;
}

/* ==================  H E A D E R S  ================== */

h1
{
  margin: 0;
  padding: 0 0 18px 0;
  color: #494949;
  font-size: 1.5em;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 0.1em;
}

h2
{
  margin: 0;
  padding: 0 0 16px 0;
  color: #494949;
  font-size: 1.4em;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 0.1em;
}

h3
{
  margin: 0;
  padding: 0 0 14px 0;
  color: #494949;
  font-size: 1.3em;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 0;
}

h4
{
  margin: 0;
  padding: 0 0 12px 0;
  color: #494949;
  font-size: 1.2em;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 0.1em;
}

h5
{
  margin: 0;
  padding: 0 0 10px 0;
  color: #494949;
  font-size: 1.1em;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 0.1em;
}

h6
{
  margin: 0;
  padding: 0 0 8px 0;
  color: #494949;
  font-size: 1em;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 0.1em;
}

/* ==================  F I R S T - L E T T E R  ================== */

/* Eerste karakter=firstchar */
.firstchar
{
  margin: 5px 3px 0 0;
  padding: 0;
  float: left;
  clear: none;
  display: block;
  position: relative;
}

/* ==================  T A B L E S  ================== */

table tr th,
table tr td,
table thead tr th,
table thead tr td,
table tbody tr th,
table tbody tr td
{
  text-align: left;
  vertical-align: top;
}

table.data,
table.adressen
{
  margin: 0 0 5px 0;
  background-color: #C4C402;
}

table.data tr th,
table.data tr td,
table.data tbody tr th,
table.data tbody tr td
{
  margin: 0;
  padding: 5px 10px 5px 10px;
  color: #FFF;
  font-size: 1.1em;
  border-bottom: 1px dotted #959500;
}

table.data tr th.last,
table.data tr td.last,
table.data tbody tr th.last,
table.data tbody tr td.last
{
  border: 0;
}

table.adressen tr th,
table.adressen tr td,
table.adressen tbody tr th,
table.adressen tbody tr td
{
  margin: 0;
  padding: 2px 4px 2px 4px;
  color: #FFF;
  font-size: 0.9em;
  border-bottom: 1px dotted #959500;
}

table.adressen tr th.last,
table.adressen tr td.last,
table.adressen tbody tr th.last,
table.adressen tbody tr td.last
{
  border: 0;
}

div.data
{
  margin: 10px 0 0 0;
  padding: 10px;
  color: #FFF;
  display: block;
  font-size: 1.1em;
  white-space: pre-wrap;
  background-color: #C4C402;
}

div.data a,
div.data a:link,
div.data a:active,
div.data a:visited,
div.data a:hover,
div.data a:focus
{
  color: #FFF;
}

/* ==================  H O M E  ================== */

div#huidige_editie_2010_lente
{
  margin: 0 0 10px 0;
  padding: 75px 10px 10px 10px;
  width: 330px; /* 350 - 10 - 10 */
  display: block;
  background-color: #E8ECF1;
  background-image: url(images/editie-2010-lente.gif);
  background-position: 10px 10px;
  background-repeat: no-repeat;
}

div#huidige_editie_2010_zomer
{
  margin: 0 0 10px 0;
  padding: 75px 10px 10px 10px;
  width: 330px; /* 350 - 10 - 10 */
  display: block;
  background-color: #E8ECF1;
  background-image: url(images/editie-2010-zomer.gif);
  background-position: 10px 10px;
  background-repeat: no-repeat;
}

div#huidige_editie_2010_nazomer
{
  margin: 0 0 10px 0;
  padding: 75px 10px 10px 10px;
  width: 330px; /* 350 - 10 - 10 */
  display: block;
  background-color: #E8ECF1;
  background-image: url(images/editie-2010-nazomer.gif);
  background-position: 10px 10px;
  background-repeat: no-repeat;
}

div#huidige_editie_2010_lente table tbody tr td,
div#huidige_editie_2010_zomer table tbody tr td
{
  line-height: 15px;
}

div#huidige_editie_2010_lente table tbody tr td img,
div#huidige_editie_2010_zomer table tbody tr td img
{
  margin: 3px 0 0 0;
}

div#huidige_editie_2010_lente table tbody tr td hr,
div#huidige_editie_2010_zomer table tbody tr td hr
{
  margin: 10px 0 10px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 100%;
  color: #999;
  display: block;
  clear: both;
  float: none;
  background-color: transparent;
  border-bottom: 1px dotted #999;
}

div#lezersaanbiedingen
{
  margin: 0 0 10px 0;
  padding: 10px 10px 10px 10px;
  width: 238px; /* 258 - 10 - 10 */
  display: block;
  background-color: #F4F4E6;
  background-image: url(images/welkom_lezersaanbieding_bg.gif);
  background-position: left top;
  background-repeat: repeat-x;
  border: 1px solid #BCBCBC;
}

div#lezersaanbiedingen table tbody tr td
{
  font-size: 11px;
  line-height: 15px;
}

div#lezersaanbiedingen table tbody tr td img
{
  margin: 3px 0 0 0;
}

div#lezersaanbiedingen table tbody tr td hr
{
  margin: 10px 0 10px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 100%;
  color: #999;
  display: block;
  clear: both;
  float: none;
  background-color: transparent;
  border-bottom: 1px dotted #999;
}