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

*
{
  margin: 0;
  padding: 0;
}

.noprint
{
  display: none;
  visibility: hidden;
}

body, input, select, textarea
{
  font-family: 'Droid Sans', Tahoma, san-serif;
}

body
{
  margin: 0;
  padding: 0;
  color: #000;
  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;
}

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

hr
{
  margin: 10px 0 15px 0;
  padding: 0;
  border: 0;
  height: 5px;
  width: 100%;
  color: #FFF;
  background-color: #FFF;
  border-bottom: 5px dotted #888;
}

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

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

/* ==================  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: #000;
  font-size: 1.5em;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 0.1em;
}

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

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

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

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

h6
{
  margin: 0;
  padding: 0 0 8px 0;
  color: #000;
  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
{
  margin: 0 0 5px 0;
  background-color: #AAA;
}

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 #888;
}

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

/* ==================  F O R M S  ================== */

form#EmailForm
{
  margin: 20px 0 0 0;
  padding: 0;
}

form#EmailForm table tr th,
form#EmailForm table tr td,
form#EmailForm table tbody tr th,
form#EmailForm table tbody tr td
{
  padding: 0 0 10px 0;
}

form#EmailForm table tr td hr,
form#EmailForm table tbody tr td hr
{
  margin: 5px 0 10px 0;
  border-bottom: 1px dotted #999;
}

input.text
{
  margin: 0;
  padding: 3px 4px 3px 4px;
  width: 400px;
  color: #696969;
  font-size: 1em;
  font-weight: normal;
  letter-spacing: 0.1px;
  background-color: #FFF;
  background-image: url(images/form_input_bg.gif);
  background-position: left top;
  background-repeat: no-repeat;
  border: 1px solid #999;
}

input.bezorgenop
{
  margin: 0;
  padding: 3px 4px 3px 4px;
  width: 150px;
  color: #696969;
  font-size: 1em;
  font-weight: normal;
  letter-spacing: 0.1px;
  background-color: #FFF;
  background-image: url(images/form_input_bg.gif);
  background-position: left top;
  background-repeat: no-repeat;
  border: 1px solid #999;
}

/* boekenservice */
input.bedrag
{
  margin: 0;
  padding: 3px 0 3px 0;
  width: 50px;
  color: #494949;
  font-size: 1em;
  font-weight: bold;
  letter-spacing: 0;
  text-align: right;
  background-color: #FFF;
  background-image: none;
  border: 0;
}

/* boekenservice */
input.aantal
{
  margin: 0;
  padding: 3px 0 3px 0;
  width: 12px;
  color: #494949;
  font-size: 1em;
  font-weight: bold;
  letter-spacing: 0;
  background-color: #FFF;
  background-image: none;
  border: 0;
}

input.submitbutton
{
  display: none;
}

select.select
{
  margin: 0;
  padding: 3px 4px 3px 4px;
  color: #696969;
  font-family: 'Droid Sans', Tahoma, san-serif;
  font-size: 1em;
  font-weight: normal;
  letter-spacing: 0.1px;
  background-color: #FFF;
  background-image: url(images/form_input_bg.gif);
  background-position: left top;
  background-repeat: no-repeat;
  border: 1px solid #999;
}

input.radio,
input.checkbox
{
  margin: 3px 5px 0 0;
  padding: 0;
}

textarea
{
  margin: 0;
  padding: 3px 4px 3px 4px;
  width: 400px;
  height: 70px;
  color: #696969;
  font-size: 1em;
  font-weight: normal;
  letter-spacing: 0.1px;
  background-color: #FFF;
  background-image: url(images/form_textarea_bg.gif);
  background-position: left top;
  background-repeat: no-repeat;
  border: 1px solid #999;
}

div.errors
{
  margin: 10px 0 0 0;
  padding: 10px;
  color: #C00;
  font-size: 0.9em;
  font-weight: normal;
  border: 1px solid #F00;
  background-color: #FAA;
}