/* basic markup and font sizing */

p, h1, h2
{
  margin: 0 0 1em 0;
}
h1, h2, h3
{
  font-weight: normal;
}
h1, h2, h3, h4, strong
{
  color: #111;
}
h1, h2
{
  font-size: 140%;
}
#header h1
{
  font-size: 180%;
}
h3, h4
{
  margin: 1em 0 .5em 0;
}
h3
{
  font-size: 120%;
}
h3 img.clientlogo
{
  float: right;
}
h4
{
  font-size: 100%;
}
a
{
  color: #5a85d7;
  text-decoration: none;
}
a:hover
{
  text-decoration: underline;
}

/* green homepage title */

/*
#page-index h1
{
  color: #c4db0d;
}

*/

/* global page structure */

body,
html
{  
  margin: 0;
  padding: 0;
  background: #eee url(images/bg.png) top left repeat-x;
  color: #333;
  line-height: 1.4;
}

#column
{
  width: 625px;
  margin: 25px auto 0 auto;
}

#header
{
  padding: 0 0 0 52px;
  background: url(images/logo.gif) top left no-repeat;
}
#header h1
{
  margin: 0;
  height: 36px;
  background: url(images/logotype.gif) top left no-repeat; 
}
#header h1 span
{
  display: none;
}
#header div
{
  float: right;
  font-size: 80%;
  text-align: right;
  color: #999;
}
#header p
{
  margin: 0 0 1px 0;
}

#top
{
  position: relative;
  margin: 10px 0 0 0;
  background-color: #fff;
}

#navigation
{
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  margin: 0;
  padding: 0;
}
#navigation tr
{
  margin: 0;
  padding: 0;
}
#navigation td
{
  margin: 0;
  padding: 0;
}
#navigation td a
{
  display: block;
  width: 100%;
  padding: 3px 0 2px 0;
  background: #bbb url(images/navbg.png) 0 0 repeat-x;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  border-bottom: 3px solid #5a85d7;
}
#navigation td a.current
{
  color: #333;
}
#navigation td a:hover
{
  background-color: #5a85d7;
  background-position: 0 150px;
  color: #fff;
}
#navigation td a.current:hover
{
  color: #333;
}

#main_container
{
  position: relative;
  padding: 15px 0;
  background-color: #fff;
}
#main
{
  overflow: hidden;
}
#content_container
{
  float: left;
  width: 100%;
  padding: 0;
  margin: 0 -208px 0 0;
}
#content 
{
  margin: 0 208px 0 0;
}
#content div.inner
{
  padding: 0 15px;
}

#merk {counter-reset:chapter;}
#merk h2:before
{
  counter-increment: chapter;
  content: counter(chapter) ". ";
}
#merk h2
{
  font-size: 120%;
}
#sidebar
{
  float: right;
  padding: 0;
  margin: 0;
  width: 208px;
  color: #555;
}
#sidebar div.inner
{
  padding: 0 15px;
  border-left: 1px solid #eee;
  padding-bottom: 9999px;
  margin-bottom: -9939px; /* bottom padding of this element minus the heigh of #affiliate */
}
#sidebar ul.navigation
{
  margin: 0 0 1em 0;
  list-style-type: none;
  list-style-image: none;
}
#sidebar ul.navigation li a
{
  margin: 0 -15px;
  padding: 1px 15px;
  display: block;
  color: #555;
  font-weight: normal;
}
#sidebar ul.navigation li a:hover
{
  background: #5a85d7 url(images/navbg.png) 0px 150px repeat-x;
  color: #fff;
  text-decoration: none;
}
#sidebar ul.navigation li.current a
{
  color: #000;
  font-weight: bold;
}
#sidebar h2
{
  margin: 0;
  font-size: 120%;
}
#sidebar h3
{
  margin: 1em 0 0 0;
  font-size: 100%;
  font-weight: bold;
}

#affiliate 
{
  position: absolute;
  right: 15px;
  bottom: 15px;
  width: 178px;
  height: 52px; /* change the bottom margin of #sidebar div.inner when you change this */
  text-align: center;
}
#affiliate a
{
  text-decoration: none;
}
#affiliate a img
{
  display: block;
  border: none;
}

#footer
{
  position: relative;
  margin: 0;
  padding: 3px 15px;
  background-color: #eee;
  text-align: center;
  font-size: 90%;
}
#footer ul
{
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#footer li
{
  display: inline;
}
#footer li a
{
  padding: 0;
  margin: 0 1em 0 0;
  color: #999;
}

/*

PMS1375 #ffa02f Oranje
PMS2718 #5a85d7 Blaauw 
PMS381  #c4db0d Groen

*/