body, blockquote, p, a, div, input, select, textarea, form, ul, ol, ins
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 150%;
  text-decoration: none;
  color: #536030;
  white-space: normal;
}
body, blockquote, p, a, div, ul, ol, ins
{
  border: 0;
  margin: 0;
  padding: 0;
}
h1, h2, h3, h4, h5, h6, big
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  line-height: 100%;
  text-decoration: none;
  color: #00407A;
  white-space: normal;
  border: 0;
  margin: 4px 0 8px 0;;
  padding: 0;
}
h1
{
  font-size: 133%;
}
h2, big
{
  font-size: 120%;
}
h3
{
  font-size: 100%;
}
ul, dd, dir, menu
{
  margin-left: 20px;
}
ol
{
  margin-left: 30px;
}
ol ul, ul ol, ul ul, ol ol
{
  margin-top: 0;
  margin-bottom: 0;
}
li
{
  list-style-image: url("_images/marker_blue.png");
}
i, cite, em, var, address {
  font-style: italic
}
blockquote
{
  margin: 0 25px 0 25px;
  padding: 8px 12px 8px 12px;
}
table
{
  border-collapse: collapse;
}
table td
{
  border: 0;
  padding: 0;
}
small, sub, sup
{
  font-size: 90%;
  line-height: 90%;
}
sub
{
  vertical-align: sub
}
sup
{
  vertical-align: super
}
b, strong, legend
{
  font-weight: bold;
  color: #00407A;
}
fieldset
{
  margin: 12px 0;
}
legend
{
  margin: 0 0 0 7px;
}

hr
{
  height: 1px;
  border-width: 0;
  background-color: #A1AFCC;
}
img
{
  border: 0;
}

a:link, a:visited
{
  text-decoration: underline;
  color: #00407A;
}
a:hover, a:active, a:focus
{
  border: 0;
  text-decoration: underline;
  color: #00407A;
}
.center
{
  text-align: center;
}
.left
{
  text-align: left;
}
.right
{
  text-align: right;
}
img.left
{
  float: left;
  margin: 5px 12px 5px 0;
}
img.right
{
  float: right;
  margin: 5px 0 5px 12px;
}
a.normal
{
  text-decoration: none;
  color: #536030;
}


/*************************************/
/* layout                            */
/*************************************/

#canvas
{
  position: relative;
  width: 821px;
  text-align: left;
  padding: 0;
  min-width: 770px;
  margin: 0 auto;
  background-color: white;
}

#logo
{
  margin: 0;
  width: 176px;
  height: 140px;
  background-image: url("_images/logoAloe.gif");
  background-repeat: no-repeat;
}

#header-general, #header-aloe, #header-contact, #header-work
{
  margin: 0;
  height: 140px;
  background-repeat: no-repeat;
}
#header-general
{
  height: 24px;
  background-image: url("_images/top1Aloe.gif");
  background-repeat: repeat-y;
}
#header-aloe
{
  background-image: url("_images/top_Aloe.gif");
}
#header-contact
{
  background-image: url("_images/top_cont.gif");
}
#header-work
{
  background-image: url("_images/top_work.gif");
}

#footer
{
  clear: both;
  margin: 0 0 12px 0;
  height: 40px;
  padding: 0;
}
#leaf
{
  float: left;
  width: 140px;
  height: 40px;
  margin: 0 0 0 5px;
  background-image: url("_images/bladAloe.gif");
}
#footer-bar
{
  position: relative;
  height: 18px;
  background-color: #9DB2C9;
  margin: 12px 15px 0 140px;
  padding: 6px 8px 0  8px;
}
#distributor
{
  float: left;
  font-size: 70%;
  color: white;
}
#copyright
{
  float: right;
  font-size: 70%;
  color: white;
}

#main
{
  float: left;
  display: inline;
  width: auto;
  margin: 12px 15px 0 15px;
}
#main-left
{
  float: left;
  display: inline;
  width: 176px;
  margin: 12px 0 18px 15px;
}
#main-right
{
  float: right;
  display: inline;
  width: 615px;
  margin: 12px 15px 18px 0;
}
#content
{
  margin: 15px 0 0 0;
}
#content-left
{
  float: left;
  display: inline;
  width: 460px;
}
#content-right
{
  float: right;
  display: inline;
  width: 142px;
  padding: 0px;
}
#content-right a
{
  font-size       : 10px;
  color           : #00407A;
  line-height     : normal;
}
#content-right a:link, #content-right a:visited
{
  text-decoration: none;
}
#content-right a:hover, #content-right a:active, #content-right a:focus, #content-right strong
{
  font-weight         : bold;
  text-decoration     : none;
}
.box
{
  border-top: 1px solid #A1AFCC;
  border-left: 1px solid #A1AFCC;
}
.blue
{
  color           : #00407A;
}

/*************************************/
/* navigation                        */
/*************************************/

#navigation {
  float: left;
  width: 146px;
  margin: 20px 20px 0 10px;
  background-color: white;
}
#navigation ul
{
  list-style: none;
  margin: 0;
}
#navigation li
{
  list-style-image: none;
  margin: 0px;
}
#navigation li a, #navigation li a:link, #navigation li a:visited, #navigation li a:focus
{
  display: block;
  font-size: 80%;
  color: #00407A;
  height: 18px;
  text-decoration: none;
  padding: 0 0 0 4px;
  background-color: white;
}
#navigation li a:hover,
#navigation li.act a {
  font-weight:bold;
/*  background-color: #F0EEDE;*/
}
.separation {
  width: 146px;
  background-image: url('_images/sep_dots.gif');
  background-repeat: repeat-x;
}

/*************************************/
/* forms                        */
/*************************************/

table.formulier
{
  width: 100%;
  border-collapse: collapse;
}
table.formulier tr
{
  vertical-align: top;
}
table.formulier td
{
  width: 50%;
  padding: 8px 12px;
}
table.formulier textarea, table.formulier select, table.formulier input
{
  width: 300px;
}
table.formulier input[type="radio"]
{
  width: 16px;
}

/*************************************/
/* blocks                            */
/*************************************/

div.block-left a, div.block-right a
{
  text-decoration: none;
}
div.block-left div:first-child
{
  float: left;
  text-align: left;
  width: 240px;
  display: inline;
}
div.block-left div+div
{
  float: right;
  text-align: right;
  width: 363px;
  display: inline;
  margin: 0 0 8px 12px;
}

div.block-right div:first-child
{
  float: right;
  text-align: right;
  width: 240px;
  display: inline;
}
div.block-right div+div
{
  float: left;
  text-align: left;
  width: 363px;
  display: inline;
  margin: 0 12px 8px 0;
}

div.prod-left
{
  float: left;
  display: inline;
  margin: 4px 12px 4px 0;
}
div.prod-left img
{
  width: 96px;
  height: 96px;
}
div.prod-right
{
  float: right;
  display: inline;
  width: 506px;
  margin: 0 0 4px 0;
}
div.prod-right p
{
  font-size: 90%;
}
div.prod-right a
{
  text-decoration: none;
}

.clear-sep
{
  clear: both;
}

/*************************************/
/* product                           */
/*************************************/
.product img
{
  width: 142px;
  height: 142px;
  padding: 4px 0 0 0;
}
.product small
{
  color: #00407A;
}
.product ul
{
  list-style: none;
  margin: 0;
  padding: 0 5px;
}
.product li
{
  list-style-image: none;
  font-size: 90%;
  padding: 4px 0;
  border-bottom: 1px dotted #A1AFCC;
  text-align: left;
}
#ingr p
{
  font-size: 90%;
}
/************************************************************/