*
{
  margin: 0;
  padding: 0;
}

body
{
  color: #494949;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, san-serif;
  background-color: #878787;
}

img
{
  border: 0;
}

a
{
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

a:focus
{
  outline: none;
}

/* #################  D E F A U L T S  ################# */

#links,
#midden,
#rechts
{
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  display: block;
  background-color: transparent;
  background-image: none;
}

/* #################  P A G E  ################# */

#page
{
  width: 998px;
  padding: 0;
  margin: 28px auto 28px auto;
  position: relative;
  background-color: #878787;
  background-image: url(images/page_bg_repeat.gif);
  background-position: top left;
  background-repeat: repeat-y;
}

/* #################  H E A D E R  ################# */

#header
{
  margin: 0;
  padding: 0;
  clear: both;
  width: 998px;
  height: 113px;
  display: block;
  position: relative;
  background-color: #878787;
  background-image: url(images/header_bg.gif);
  background-position: top left;
  background-repeat: no-repeat;
}

#header_image
{
  width: 980px; /* 998 - 9 - 9 */
  height: 113px;
  position: relative;
  margin: 0 9px 0 9px;
  background-color: #FFF;
  background-image: url(images/header_image.jpg);
  background-position: top right;
  background-repeat: no-repeat;
}

#header h1
{
  top: 27px;
  left: 37px;
  width: 294px;
  height: 49px;
  display: block;
  overflow: hidden;
  position: relative;
  text-indent: 294px;
  white-space: nowrap;
  background-color: transparent;
  background-image: url(images/geelen-consultancy.gif);
  background-position: top left;
  background-repeat: no-repeat;
}

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

#topmenu
{
  width: 980px; /* 998 - 9 - 9 */
  height: 53px;
  position: relative;
  margin: 0 9px 0 9px;
  background-color: #FFF;
}

.menu ul
{
  margin: 0;
  padding: 21px 0 0 10px;
  height: 11px;
  position: relative;
  list-style-type: none;
  list-style-position: inside;
}

.menu ul li
{
  margin: 0;
  padding: 0;
  float: left;
  height: 11px;
}

.menu ul li a
{
  border: 0;
  height: 11px;
  color: #B10064;
  font-size: 11px;
  font-weight: bold;
  font-family: Tahoma, san-serif;
  text-decoration: none;
  line-height: 11px;
  padding: 0 26px 0 26px;
  border-left: 1px solid #B10064;
}

.menu ul li.first a
{
  border: 0;
}

.menu ul li.active a
{
  color: #C87BA7;
}

.menu ul li a:hover,
.menu ul li a:focus
{
  color: #C87BA7;
  outline: none;
}

/* #################  T O P L I N K  ################# */

#middenkolom a.top
{
  float: right;
  color: #494949;
  display: block;
  margin: 0 0 0 10px;
  padding: 0 14px 0 0;
  text-align: right;
  position: relative;
  background: transparent url(images/top_image.gif) right 4px no-repeat;
  text-decoration: none;
}

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

#linkerkolom
{
  margin: 0 0 0 9px;
  padding: 0;
  position: relative;
  width: 221px;
  float: left;
  clear: left;
  display: block;
  background: #F2F064 url(images/linkerkolom_bg.gif) bottom right no-repeat;
}

#linkerkolom a
{
  color: #494949;
}

#linkerkolom div.padding
{
  margin: 0 0 50px 0;
  padding: 50px 20px 0 36px;
  width: 165px; /* 221 - 20 - 36 */
  height: 100%;
  position: relative;
  background: transparent url(images/linkerkolom_dots.gif) top right repeat-y;
  
}

#middenkolom
{
  margin: 0;
  padding: 0;
  position: relative;
  width: 422px;
  float: left;
  clear: none;
  display: block;
  background: #E3E034 url(images/middenkolom_bg.gif) bottom left no-repeat;
}

#middenkolom a
{
  color: #AC0064;
}

#middenkolom div.padding
{
  margin: 0 0 50px 0;
  padding: 50px 16px 0 16px;
  width: 390px; /* 422 - 16 - 16 */
  height: 100%;
  position: relative;
}

#rechterkolom
{
  margin: 0;
  padding: 0;
  position: relative;
  width: 337px;
  float: left;
  clear: right;
  display: block;
  background: #F1F1F1 url(images/rechterkolom_bg.gif) right 56px no-repeat;
}

#rechterkolom a
{
  color: #AC0064;
}

#rechterkolom div.padding
{
  margin: 0 0 50px 0;
  padding: 50px 20px 0 36px;
  width: 281px; /* 337 - 20 - 36 */
  height: 100%;
  position: relative;
}

/* #################  F O O T E R  ################# */

#footer
{
  color: #FFF;
  margin: 0;
  padding: 0;
  clear: both;
  width: 998px;
  height: 91px;
  display: block;
  position: relative;
  background: #B10064 url(images/footer_bg.gif) top left no-repeat;
  font-family: Verdana, san-serif;
  font-size: 10px;
  font-weight: bold;
  line-height: 14px;
}

#footer a
{
  color: #FFF;
  text-decoration: none;
  font-family: Verdana, san-serif;
  font-size: 10px;
  font-weight: bold;
  line-height: 14px;
}

#footer a:hover,
#footer a:focus
{
  text-decoration: underline;
  outline: none;
}

#footer_links
{
  margin: 0 0 0 9px;
  width: 185px; /* 221 - 36 */
  float: left;
  clear: left;
  display: block;  
  text-align: left;
  white-space: pre;
  position: relative;
  padding: 25px 0 0 36px;
}

#footer_midden
{
  margin: 25px 0 0 0;
  width: 406px; /* 422 - 16 */
  float: left;
  clear: none;
  display: block;
  position: relative;
  text-align: left;
  white-space: pre;
  padding: 0 0 0 16px;
  border-left: 1px solid #FFF;
}

#footer_rechts
{
  margin: 0;
  width: 300px; /* 337 - 37 */
  float: left;
  clear: right;
  display: block;
  position: relative;
  text-align: right;
  white-space: pre;
  padding: 25px 37px 0 0;
}

#footer_menu
{
  margin: 0;
  padding: 0;
  width: 300px;
  text-align: right;
  position: relative;
  white-space: normal;
}

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

.sub ul li
{
  margin: 0;
  padding: 0;
  float: left;
}

.sub ul li a
{
  margin: 0;
  padding: 0 0 0 10px;
  text-decoration: none;
  font-family: Verdana, san-serif;
  font-size: 10px;
  font-weight: bold;
  line-height: 14px;
  border-left: 1px solid #FFF;
}

.sub ul li a:hover,
.sub ul li a:focus
{
  text-decoration: underline;
 }
  
.sub ul li.first a
{
  padding: 0 10px 0 0;
  border: 0;
}

/* #################  F O R M U L I E R  ################# */

#contact_formulier table
{
  width: 385px;
}

#contact_formulier th
{
  width: 150px;
  padding: 0 10px 0 0;
  text-align: left;
  vertical-align: top;
}

#contact_formulier td
{
  text-align: left;
  vertical-align: top;
}

#contact_formulier td.radio_td
{
  color: #FFF;
  padding: 4px;
  font-size: 11px;
  vertical-align: middle;
  background-color: #B10064;
}

#contact_formulier td.spacer
{
  width: 20px;
}

#contact_formulier textarea
{
  width: 95%;
  height: 100px;
  margin: 0 0 2em 0;
  padding: 3px;
  color: #494949;
  font-family: Arial, san-serif;
  font-size: 12px;
  font-weight: normal;
  background-color: #EFED8B;
  border: 1px solid #EFED8B;
}

#contact_formulier input[type="text"]
{
  width: 220px;
  margin: 0 0 1em 0;
  padding: 3px;
  font-family: Arial, san-serif;
  font-size: 12px;
  font-weight: normal;
  background-color: #EFED8B;
  border: 1px solid #EFED8B;  
}

#contact_formulier span.plain10
{
  color: #676767;
  font-size: 10px;
  font-weight: normal;
}

table#mv
{
  width: 100px;
  margin: 0 0 1em 0;
}

div.errors
{
  color: #D00;
  width: 95%;
  padding: 5px;
  margin: 0 0 1em 0;
  font-size: 11px;
  border: 1px solid #D00;
}