*
{
  margin: 0;
  padding: 0;
}

html, body
{
  width: 100%;
  height: 100%;
}

body
{
  color: #494949;
  font-family: Tahoma, san-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 15px;
  background-color: #C9C9C9;
}

a 
{
  color: #0000FF;
  text-decoration: underline;
}

a:hover
{
  text-decoration: none;
}

a:focus
{
  outline: none;
}

ul
{
  margin: 0;
}

img
{
  border: 0;
}

h1.pagetitle
{
  margin: 20px 0 20px 0;
  padding: 0 11px 0 11px;
  color: #FFF;
  height: 23px;
  display: table;
  font-family: Tahoma, san-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 23px;
  background-image: url(images/middenkolom_h1_bg.gif);
  background-position: left top;
  background-repeat: repeat-x;
  background-color: #85B919;
}

/* ====================  P A G E  =================== */

#page
{
  margin: 0 auto 0 auto;
  width: 980px;
  display: block;
  min-height: 189px;
  position: relative;
  background-color: #FFF;
}

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

#header
{
  width: 980px;
  height: 140px;
  position: relative;
  background-image: url(images/header_bg_engeldot3.jpg);
  background-position: left top;
  background-repeat: no-repeat;
}

#header h1
{
  display: none;
  /*
  padding: 0;
  margin: 17px 0 0 20px;
  width: 363px;
  height: 98px;
  overflow: hidden;
  text-indent: 363px;
  white-space: nowrap;
  background-image: url(images/header_logo_engeldot.gif);
  background-position: left top;
  background-repeat: no-repeat;
  */
}

#header a.lp_online_knop
{
  display: none;
  /*
  top: 76px;
  left: 526px;
  border: 0;
  margin: 0;
  padding: 0;
  width: 160px;
  height: 52px;
  display: block;
  overflow: hidden;
  position: absolute;
  text-indent: 160px;
  white-space: nowrap;
  text-decoration: none;
  background-image: url(images/lp_online_knop.gif);
  background-position: left top;
  background-repeat: no-repeat;
  */
}

#header a.header_boek
{
  top: 0;
  left: 704px;
  border: 0;
  margin: 0;
  padding: 0;
  width: 271px;
  height: 140px;
  display: block;
  overflow: hidden;
  position: absolute;
  text-indent: 271px;
  white-space: nowrap;
  text-decoration: none;
  /*
  background-image: url(images/header_leveringsprogramma.png);
  background-position: left top;
  background-repeat: no-repeat;
  */
}

/* ====================  T O P M E N U  =================== */

#topmenu
{
  margin: 0;
  padding: 0;
  width: 980px;
  height: 31px;
  z-index: 99;
  display: block;
  position: absolute;
  background-image: url(images/menu_bg_default.gif);
  background-position: left top;
  background-repeat: repeat-x;
}

.menu
{
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 980px;
  height: 31px;
}

.menu ul
{
  list-style-type: none;
}

.menu ul li
{
  float: left;
  clear: none;
  position: relative;
  background-image: none;
}

.menu ul li:hover,
.menu ul li.active
{
  background-image: url(images/menu_bg_hover.gif);
  background-position: left top;
  background-repeat: repeat-x;
}

.menu ul li div
{
  width: 1px;
  height: 31px;
  float: left;
  clear: none;
}

.menu ul li div.divider_left
{
  background-image: url(images/menu_divider_left.gif);
  background-position: left top;
  background-repeat: no-repeat;
}

.menu ul li div.divider_right
{
  background-image: url(images/menu_divider_right.gif);
  background-position: left top;
  background-repeat: no-repeat;
}

.menu ul li.first div.divider_left,
.menu ul li.last div.divider_right
{
  width: 0;
  background-image: none;
}

.menu ul li a
{
  margin: 0;
  float: left;
  clear: none;
  height: 31px;
  color: #494949;
  padding: 0 20px 0 20px;
  text-decoration: none;
  font-family: Arial, san-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 31px;
}

.menu ul li ul
{
  display: none;
  visibility: hidden;
}

.menu ul li:hover ul
{
  left: 0;
  top: 31px;
  margin: 0;
  padding: 0;
  z-index: 100;
  display: block;
  position: absolute;
  visibility: visible;
  list-style-type: none;
  background-image: none;
}

.menu ul li ul li,
.menu ul li ul li:hover,
.menu ul li:hover ul li,
.menu ul li:hover ul li:hover
{
  margin: 0;
  padding: 0;
  float: none;
  clear: both;
  height: 26px;
  display: block;
  background-image: none;
}

.menu ul li ul li a
{
  margin: 0;
  float: none;
  clear: both;
  width: 165px;
  padding: 0 20px 0 20px;
  height: 26px;
  color: #545454;
  display: block;
  font-family: Arial, san-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 26px;
  white-space: nowrap;
  border-top: 1px solid #E4EFF3;
  background-color: #F4F7F8;
  background-image: none;
}

.menu ul li ul li:hover a
{
  background-color: #E4EFF3;
  background-image: url(images/menu_sub_arrow.gif);
  background-position: right center;
  background-repeat: no-repeat;
}

/* ====================  K O L O M M E N  =================== */

#kolommen
{
  top: 49px; /* 31 + 18 */
  margin: 0;
  padding: 0 0 15px 0;
  clear: right;
  width: 980px;
  height: 100px;
  display: block;
  position: relative;
  background-color: #FFF;
}

#linkerkolom
{
  margin: 0;
  padding: 0 7px 0 6px;
  float: left;
  clear: left;
  width: 150px; /* 163 - 7 - 6 */
  display: inline;
  position: relative;
}

#middenkolom
{
  margin: 0;
  padding: 0 16px 0 16px;
  float: left;
  clear: none;
  width: 615px; /* 647 - 16 - 16 */
  display: inline;
  position: relative;
}

#middenkolom_home
{
  margin: 0;
  padding: 0;
  float: left;
  clear: none;
  width: 647px;
  display: inline;
  position: relative;
}

#rechterkolom
{
  margin: 0;
  padding: 0 6px 0 7px;
  float: left;
  clear: right;
  width: 157px; /* 170 - 6 - 7 */
  display: inline;
  position: relative;
}

/* ====================  B R E A D C R U M B S  =================== */

.B_crumbBox
{
  margin: 0;
  padding: 0;
  color: #888;
  font-family: Tahoma, san-serif;
  font-size: 11px;
  font-weight: normal
}

a.B_crumb
{
  margin: 0;
  padding: 0;
  color: #888;
  text-decoration: none;
}

/* ====================  B L O K K E N  =================== */

.blok_linkerkolom
{
  margin: 0;
  padding: 0;
  width: 148px; /* 150 - 2 */
  display: block;
  border: 1px solid #B2B2B2;
  background-color: #E3F6FD;
}

.blok_linkerkolom h3
{
  margin: 0;
  padding: 0;
  width: 148px; /* 150 - 2 */
  color: #FFF;
  height: 20px;
  display: block;
  text-align: center;
  background-color: #068FC6;
  background-image: url(images/linkerkolom_h3_bg.gif);
  background-position: left top;
  background-repeat: repeat-x;
  font-family: Tahoma, san-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
}

.blok_padding
{
  margin: 11px 11px 0 11px;
  display: block;
}

.blok_padding strong
{
  font-size: 11px;
}

#zoeken
{
  height: 91px;
  margin-bottom: 18px;
}

#login
{
  margin: 0;
  padding: 0 0 11px 0;
}

#zoeken input.textinput,
#login input.textinput
{
  margin: 0;
  padding: 0 5px 0 5px;
  color: #AAA;
  width: 118px;
  height: 17px;
  line-height: 19px;
  font-family: Arial, san-serif;
  font-size: 11px;
  font-weight: normal;
  background-color: #FFF;
  border: 1px solid #949494;
}

#zoeken input.textinput
{
  margin: 0 0 8px 0;
}

#login input.textinput
{
  margin: 0 0 9px 0;
}

#login input.passwordinput
{
  margin: 0;
  padding: 0 5px 0 5px;
  color: #AAA;
  width: 118px;
  height: 17px;
  line-height: 19px;
  font-family: Arial, san-serif;
  font-size: 11px;
  font-weight: normal;
  background-color: #FFF;
  border: 1px solid #949494;
}

#login input.passwordinput
{
  margin: 0 0 10px 0;
}

#zoeken input.submitbutton,
#login input.submitbutton
{
  margin: 0;
  border: 0;
  padding: 0 8px 0 8px;
  color: #FFF;
  height: 19px;
  line-height: 19px;
  font-family: Arial, san-serif;
  font-size: 11px;
  font-weight: bold;
  background-color: #949494;
}

#login input.submitbutton
{
  margin: 0 0 11px 0;
}

#login a
{
  line-height: 18px;
  font-family: Arial, san-serif;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
}

#login a:hover
{
  text-decoration: underline;
}

/* ====================  P R O D U K T E N  =================== */

.blok_produkten
{
  margin: 0;
  padding: 0;
  width: 150px;
  display: block;
}

.blok_produkten h3
{
  margin: 0;
  padding: 0;
  width: 148px; /* 150 - 2 */
  color: #FFF;
  height: 20px;
  display: block;
  text-align: center;
  border: 1px solid #B2B2B2;
  border-bottom: 0;
  background-color: #068FC6;
  background-image: url(images/linkerkolom_h3_bg.gif);
  background-position: left top;
  background-repeat: repeat-x;
  font-family: Tahoma, san-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
}

.sub
{
  margin: 0;
  padding: 0;
  width: 148px;
}

.sub ul
{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.sub ul li
{
  margin: 0;
  padding: 0;
  width: 150px;
  background-color: #FFF;
  border-bottom: 1px solid #C5C5C5;
}

.sub ul li:hover
{
  background-color: #D4EBF3;
}

.sub ul li a
{
  margin: 0;
  color: #2D2D2D;
  padding: 0 5px 0 5px;
  width: 140px; /* 150 - 5 - 5 */
  display: block;
  font-family: "Trebuchet MS", san-serif;
  font-size: 11px;
  font-weight: normal;
  line-height: 18px;
  white-space: normal;
  text-decoration: none;
}

#produkten
{
  margin-bottom: 18px;
}

/* ====================  P R O D U K T L O G O S  =================== */

#produktlogos
{
  margin: 0;
  padding: 0;
  width: 155px; /* 157 - 2 */
  text-align: center;
  border: 1px solid #B2B2B2;
}

#produktlogos img
{
  border: 0;
  margin: 15px 0 15px 0;
  padding: 0;
}

/* ====================  F O O T E R  =================== */

#footer
{
  top: 49px; /* 31 + 18 */
  margin: 0;
  padding: 0;
  float: left;
  clear: both;
  width: 980px;
  height: 132px;
  position: relative;
  background-color: #8cc63f;
}

#footertekst
{
  margin: 25px 0 0 0;
  padding: 0;
  width: 980px;
  color: #fff;
  text-align: center;
  font-family: Tahoma, san-serif;
  font-size: 11px;
  font-weight: normal;
}

#footertekst a
{
  margin: 0;
  padding: 0;
  color: #fff;
  font-family: Tahoma, san-serif;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
}

#footertekst a:hover
{
  text-decoration: underline;
}

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

#adressen
{
  margin: 29px 0 0 5px;
  padding: 0;
  height: 48px;
}

#adressen ul
{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#adressen ul li
{
  margin: 0;
  height: 48px;
  color: #fff;
  float: left;
  clear: none;
  font-family: Tahoma, san-serif;
  font-size: 10px;
  font-weight: bold;
  padding: 0 15px 0 5px;
  line-height: 12px;
  white-space: pre;
  background-position: right top;
  background-repeat: no-repeat;
}

#adressen ul li.first
{
  color: #fff;
  border: 0;
  padding: 0 5px 0 5px;
  border-right: 2px solid #fff;
}

#adressen ul li.last
{
  float: left;
  clear: right;
}

#adressen ul li.delftzijl
{
  background-position: 93px top;
  background-image: url(images/vlag-delftzijl.gif);
}

#adressen ul li.groningen
{
  background-position: 103px top;
  background-image: url(images/vlag-groningen.gif);
}

#adressen ul li.heerhugowaard
{
  background-position: 132px top;
  background-image: url(images/vlag-heerhugowaard.gif);
}

#adressen ul li.hogeveen
{
  background-position: 109px top;
  background-image: url(images/vlag-hogeveen.gif);
}

#adressen ul li.sneek
{
  background-position: 84px top;
  background-image: url(images/vlag-sneek.gif);
}

#adressen ul li.aalten
{
  background-position: 85px top;
  background-image: url(images/vlag-aalten.gif);
}

/* ====================  F O R M U L I E R E N  =================== */

table.formulier
{
  margin: 30px 0 30px 0;
  padding: 0;
}

table.formulier tbody tr th,
table.formulier tbody tr td
{
  text-align: left;
  vertical-align: top;
  padding: 0 0 6px 0;
}

table.formulier tbody tr th
{
  font-weight: bold;
}

table.formulier tbody tr td.checkboxrow
{
  text-align: left;
  vertical-align: top;
  padding: 0 0 13px 0;
}

table.formulier tbody tr td input.checkbox
{
  margin: 0 12px 0 0;
}

table.formulier tbody tr td input.tekstveld
{
  color: #696969;
  margin: 0;
  padding: 2px;
  width: 193px;
  border: 1px solid #AAA;
  background-color: #FFF;
  font-family: Arial, san-serif;
  font-size: 12px;
  font-weight: normal;
}

table.formulier tbody tr td textarea.tekstarea
{
  color: #696969;
  margin: 0;
  padding: 2px;
  width: 193px;
  height: 160px;
  border: 1px solid #AAA;
  background-color: #FFF;
  font-family: Arial, san-serif;
  font-size: 12px;
  font-weight: normal;
}

table.formulier tbody tr td input.requiredValue,
table.formulier tbody tr td textarea.requiredValue
{
  border: 1px solid #DE7070;
}

table.formulier tbody tr td input.submitbutton
{
  margin: 0;
  border: 0;
  padding: 0 8px 0 8px;
  color: #FFF;
  height: 19px;
  line-height: 19px;
  font-family: Arial, san-serif;
  font-size: 11px;
  font-weight: bold;
  background-color: #949494;
}

/* ====================  A K T I E - H O R I Z O N T A A L  =================== */

#aktie_h
{
  margin: 0;
  padding: 0;
  width: 644px;
  background-position: left top;
  background-repeat: no-repeat;
  border: 1px solid #B2B2B2;
}

#aktie_h table
{
  margin: 0 0 0 155px;
  padding: 0;
  width: 489px;
  border-left: 1px solid #B2B2B2;
}

#aktie_h table tbody tr td
{
  margin: 0;
  padding: 0;
  height: 29px;
  color: #494949;
  line-height: 29px;
  text-align: center;
  font-family: Tahoma, san-serif;
  font-size: 12px;
  font-weight: normal;
  background-color: #FFF;
  border-left: 1px solid #B2B2B2;
  border-bottom: 1px solid #B2B2B2;
}

#aktie_h table tbody tr td.first
{
  border-left: 0;
}

#aktie_h table tbody tr td.aktie_title
{
  color: #FFF;
  border-left: 0;
  font-weight: bold;
  background-color: #0185B9;
  background-image: url(images/aktie_title_bg.gif);
  background-position: left top;
  background-repeat: repeat-x;
}

#aktie_h table tbody tr td.aktie_prijs
{
  font-weight: bold;
  background-image: url(images/aktie_prijs.gif);
  background-position: center center;
  background-repeat: no-repeat;
}

#aktie_h table tbody tr td.aktie_footer
{
  border: 0;
  background-color: #ECECEC;
}

#aktie_h table tbody tr td.aktie_footer a
{
  height: 28px;
  line-height: 28px;
  color: #6C8B29;
  font-weight: bold;
  text-decoration: none;
}

/* ====================  A K T I E - H O R I Z O N T A A L  =================== */

#aktie_v
{
  margin: 0;
  padding: 0;
  width: 318px;
  background-position: left top;
  background-repeat: no-repeat;
  border: 1px solid #B2B2B2;
}

#aktie_v table
{
  margin: 125px 0 0 0;
  padding: 0;
  width: 318px;
  border-top: 1px solid #B2B2B2;
}

#aktie_v table tbody tr td
{
  margin: 0;
  padding: 0;
  height: 29px;
  color: #494949;
  line-height: 29px;
  text-align: center;
  font-family: Tahoma, san-serif;
  font-size: 12px;
  font-weight: normal;
  background-color: #FFF;
  border-left: 1px solid #B2B2B2;
  border-bottom: 1px solid #B2B2B2;
}

#aktie_v table tbody tr td.first
{
  border-left: 0;
}

#aktie_v table tbody tr td.aktie_title
{
  color: #FFF;
  border-left: 0;
  line-height: 15px;
  font-weight: bold;
  padding: 5px 0 5px 0;
  background-color: #0185B9;
  background-image: url(images/aktie_title_bg.gif);
  background-position: left top;
  background-repeat: repeat-x;
}

#aktie_v table tbody tr td.aktie_prijs
{
  font-weight: bold;
  background-image: url(images/aktie_prijs.gif);
  background-position: center center;
  background-repeat: no-repeat;
}

#aktie_v table tbody tr td.aktie_footer
{
  border: 0;
  background-color: #ECECEC;
}

#aktie_v table tbody tr td.aktie_footer a
{
  height: 28px;
  line-height: 28px;
  color: #6C8B29;
  font-weight: bold;
  text-decoration: none;
}