/* Grafisch Agrio default syle sheet */

*
{
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 13px;
}

body
{
  margin: 0;
  padding: 0;
  color: #494949;
  font-family: "Trebuchet MS", "san-serif";
  font-size: 13px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;  
  line-height: 20px;
  letter-spacing: 0;
  word-spacing: 0;
  background-color: #FFFFFF;
}

p
{
  margin: 0;
  padding: 0;
  font-family: "Trebuchet MS", "san-serif";
  font-size: 13px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;  
  line-height: 20px;
  letter-spacing: 0;
  word-spacing: 0;
}

/* Licht bruin bold 16px=header16lightbrown */
h1,
.header16lightbrown
{
  color: #9C977C;
  font-family: "Trebuchet MS", "san-serif";
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: bold; 
  line-height: 20px;
  margin: 0 0 5px 0;
}

/* Licht bruin bold 16px (inspring)=header16lightbrownindent */
h2,
.header16lightbrownindent
{
  color: #9C977C;
  font-family: "Trebuchet MS", "san-serif";
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: bold; 
  line-height: 20px;
  text-indent: 11px;
  margin: 0 0 5px 0;
}

h3.geel
{
  color: #FFF;
  margin: 0 0 14px 0;
  padding: 0;
  font-family: "Trebuchet MS", "san-serif";
  font-size: 12px;
  font-style: normal;
  font-variant: normal;
  font-weight: bold; 
  line-height: 22px;
  width: 174px;
  height: 22px;
  overflow: hidden;
  text-indent: 22px;
  white-space: nowrap;
  background:  transparent url(images/h3_geel.gif) left top no-repeat;
}

h3.oranje
{
  color: #FFF;
  margin: 0 0 14px 0;
  padding: 0;
  font-family: "Trebuchet MS", "san-serif";
  font-size: 12px;
  font-style: normal;
  font-variant: normal;
  font-weight: bold; 
  line-height: 22px;
  width: 174px;
  height: 22px;
  overflow: hidden;
  text-indent: 22px;
  white-space: nowrap;
  background:  transparent url(images/h3_oranje.gif) left top no-repeat;
}

h3.blauw
{
  color: #FFF;
  margin: 0 0 14px 0;
  padding: 0;
  font-family: "Trebuchet MS", "san-serif";
  font-size: 12px;
  font-style: normal;
  font-variant: normal;
  font-weight: bold; 
  line-height: 22px;
  width: 174px;
  height: 22px;
  overflow: hidden;
  text-indent: 22px;
  white-space: nowrap;
  background:  transparent url(images/h3_blauw.gif) left top no-repeat;
}

/* Donker grijs bold 12px=header12darkgrey */
h3,
.header12darkgrey
{
  color: #494949;
  font-family: "Trebuchet MS", "san-serif";
  font-size: 13px;
  font-style: normal;
  font-variant: normal;
  font-weight: bold; 
  line-height: 20px;
}

/* Donker grijs plain 12px=plain12grey */
.plain12grey
{
  color: #494949;
  font-family: "Trebuchet MS", "san-serif";
  font-size: 13px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal; 
  line-height: 20px;
}

/* Donker grijs bold 11px=header11darkgrey */
h4,
.header11darkgrey
{
  color: #494949;
  font-family: "Trebuchet MS", "san-serif";
  font-size: 12px;
  font-style: normal;
  font-variant: normal;
  font-weight: bold; 
  line-height: 20px;
}

/* Donker grijs plain 11px=plain11grey */
.plain11grey
{
  color: #494949;
  font-family: "Trebuchet MS", "san-serif";
  font-size: 12px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal; 
  line-height: 20px;
}

/* stramienen */
table.homepage,
table.diensten
{
  margin: 0;
  padding: 0;
  border: 0;
  border-collapse: separate;
  color: #494949;
  font-family: "Trebuchet MS", "san-serif";
  font-size: 13px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;  
  line-height: 20px;
  border-spacing: 0;
}

table.homepage tbody tr td,
table.diensten tbody tr td
{
  text-align: left;
  vertical-align: top;
}

table.homepage tbody tr td hr,
table.diensten tbody tr td hr
{
  color: #FFF;
  margin: 9px 0 9px 0;
  padding: 0;
  border: 0;
  height: 0;
  height: 2px;
  width: 100%;
  background: transparent url(images/border_horizontal_dotted.gif) left top repeat-x;
}

table tbody tr td.spacer
{
  font-size: 9px;
  line-height: 9px;
}

table tbody tr td.bl
{
  background: transparent url(images/border_vertical_dotted.gif) left top repeat-y;
}

table tbody tr td.br
{
  background: transparent url(images/border_vertical_dotted.gif) right top repeat-y;
}

table tbody tr td.bt
{
  background: transparent url(images/border_horizontal_dotted.gif) left top repeat-x;
}

table tbody tr td.bb
{
  background: transparent url(images/border_horizontal_dotted.gif) left bottom repeat-x;
}

ul
{
  margin: 0 0 0 25px;
  padding: 0;
  list-style-type: disc;
  list-style-position: inside;
}

a,
a:link,
a:active,
a:visited
{
  border: none;
  text-decoration: none;
}

a:hover
{
  border: none;
  text-decoration: underline;
}

/* definition lists */

div.vlakcontent_geel dl,
div.vlakcontent_grijs dl,
div.vlakcontent_zwart dl,
dl
{
  margin: 0;
  padding: 0;
  position: relative;
  display: table;
  width: 210px;
  margin-left: auto;
  margin-right: auto;
  float: none;
  clear: both;
}

div.vlakcontent_geel dl dt,
div.vlakcontent_grijs dl dt,
div.vlakcontent_zwart dl dt,
dl dt
{
  margin: 0;
  padding: 0;
  position: relative;
  display: block;
  width: 105px;
  height: 18px;
  font-family: Verdana, "san-serif";
  font-size: 10px;
  font-style: normal;
  font-variant: normal;
  font-weight: bold; 
  line-height: 18px;
  white-space: normal;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  float: left;
  clear: none;
}

div.vlakcontent_geel dl dd,
div.vlakcontent_grijs dl dd,
div.vlakcontent_zwart dl dd,
dl dd
{
  margin: 0;
  padding: 0;
  position: relative;
  display: block;
  width: 105px;
  height: 18px;
  font-family: Verdana, "san-serif";
  font-size: 10px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal; 
  line-height: 18px;
  white-space: normal;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  float: left;
  clear: right;
}

div.vlakcontent_grijs ul
{
  margin: 0;
  padding: 0;
  position: relative;
  display: block;
  width: 150px;
  margin-left: auto;
  margin-right: auto;
  float: none;
  clear: both;
  list-style-type: none;
  list-style-position: inside;
}

div.vlakcontent_grijs ul li
{
  margin: 0;
  padding: 0;
  position: relative;
  display: block;
  width: 150px;
  height: 14px;
  font-family: Verdana, "san-serif";
  font-size: 10px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal; 
  line-height: 14px;
  white-space: normal;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
}