*
{
  margin: 0;
  padding: 0;
}

body
{
  background-color: #E9E5DA;
  color: #494949;
  display: block;
  font-family: "Trebuchet MS", "san-serif";
  font-size: 13px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;  
  width: 100%;
  height: 100%;
  line-height: 20px;
  letter-spacing: 0;
  word-spacing: 0;
}

table tr td,
table tr th
{
  text-align: left;
  vertical-align: top;
}

div.clear
br.clear
{
  float: none;
  clear: both;
  display: block;
  white-space: normal;
}

#page
{
  padding: 0;
  margin: 20px auto 20px auto;
  position: relative;
  width: 1003px;
  height: auto;  
  background: #FFFFFF url(images/page_bg_repeat.gif) top left repeat-y;
}

#header
{
  margin: 0;
  padding: 0;
  position: relative;
  width: 1003px;
  height: 57px;
  display: block;
  overflow: hidden;
  background: transparent url(images/page_bg_header.gif) top left no-repeat;
}

#header h1
{
  margin: 7px 0 0 24px;
  padding: 0;
  position: relative;
  width: 203px;
  height: 42px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 9999px;
  background: transparent url(images/agriodesign_logo.gif) top left no-repeat;
}

#header_handelsmerk
{
  margin: 0;
  padding: 0;
  background-image: url(images/agrio_handelsmerk.gif);
  width: 334px;
  height: 53px;
  position: absolute;
  right: 20px;
  top: 0;
}

#headerUFO
{
  margin: 8px 6px 0 6px;
  padding: 0;
  width: 990px;
  height: 203px;
  background-color: transparent;
}

#topmenu
{
  margin: 0 6px 55px 6px;
  padding: 0;
  position: relative;
  width: 991px;
  height: 181px;
  display: block;
  background-color: transparent;
  background-image: none;
  background-position: top left;
  background-repeat: no-repeat;
}

.menu
{
  margin: 0;
  padding: 0;
  position: relative;
  top: 160px;
  width: 991px;
  height: 21px;
}

.menu ul
{
  margin: 0 0 0 30px;
  padding: 0;
  list-style-type:none;
  width: 961px;
  height: 100%;
}

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

.menu table
{
  top:0;
  left:0;
  margin: 0;
  padding: 0;
  position: absolute;
  border-collapse: collapse;
}

.menu a, 
.menu a:link, 
.menu a:active, 
.menu a:visited 
{
  margin: 0 3px 0 0;
  padding: 0 18px 0 0;
  width: 77px; /* 95 - 18 */
  height: 21px;
  float: left;
  color: #724D40;
  text-decoration:none;
  font-family: Tahoma, "san-serif";
  font-size: 14px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 21px;
  text-align: center;
  background: transparent url(images/menu_knop_default_html.gif) left top no-repeat;
}

.menu a:hover,
.menu a.active, 
.menu a.active:hover 
{
  color: #000;
  white-space:normal;
  background: transparent url(images/menu_knop_active_html.gif) left top no-repeat;
}

.menu ul li ul 
{
  margin: 0;
  padding: 0;
  list-style-type:none;
  visibility: hidden;
  position: absolute;
  height: 55px;
  top: 21px;
  left: 30px;
  background-color: #FFF;
}

.menu ul li:hover a,
.menu ul li.active a,
.menu ul li:hover a.active
{
  color: #000;
  background: transparent url(images/menu_knop_active_html.gif) left top no-repeat;
}

.menu ul li:hover ul,
.menu ul li a:hover ul
{
  margin: 0;
  padding: 0;
  display: block;
  visibility: visible;
  top: 21px;
}

.menu ul li ul li 
{
  margin: 0 21px 0 0;
  padding: 0;
  display: block; 
  float: left;
  height: 55px;
}

.menu ul li ul li a, 
.menu ul li ul li a:link, 
.menu ul li ul li a:active,
.menu ul li ul li a:visited
{
  margin: 0;
  padding: 0;
  color: #969696;
  display: block; 
  width: 77px;
  height: 55px; 
  line-height: 22px; 
  float: left; 
  font-family: Tahoma, "san-serif";
  font-size: 12px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-align: center;
  text-decoration: none;
  background-image: none;
}

.menu ul li ul li a:hover, 
.menu ul li ul li.active a, 
.menu ul li ul li.active a:hover 
{
  color: #696969;
  background-image: none;
}

#content
{
  margin: 0 6px 0 6px;
  padding: 0;
  position: relative;
  width: 991px;
  height: auto;
}

.drawer_home_wrapper
{
  margin: 8px 0 0 0;
  padding: 0;
  position: relative;
  width: 329px;
  float: left;
}

.drawer_home_wrapper a.head,
.drawer_home_wrapper a.head:link,
.drawer_home_wrapper a.head:active,
.drawer_home_wrapper a.head:visited
{
	cursor:pointer;
	display:block;
  margin: 0;
  padding: 0;
  color: #888;
  font-family: "Trebuchet MS", "san-serif";
  font-size: 13px;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  line-height: 25px;
  text-decoration: none;
  text-indent: 13px;
  white-space: nowrap;
  overflow: hidden;
  background: #D0CFCF url(images/drawer_bg_default.gif) left top repeat-x;
}

.drawer_home_wrapper a.head:hover,
.drawer_home_wrapper a.selected
{
  color: #EEE;
  background: #6A6969 url(images/drawer_bg_hover.gif) left top repeat-x;
}

.drawer_home_wrapper div
{
  margin: 0;
  padding: 0;
}

.drawer_home_wrapper div a
{
  margin: 0;
  padding: 0;
}

#footer
{
  margin: 0;
  padding: 0;
  position: relative;
  width: 1003px;
  height: 40px;
  display: block;
  overflow: hidden;
  background: transparent url(images/page_bg_footer.gif) top left no-repeat;
  color: #7F7F7F;
  font-family: "Trebuchet MS", "san-serif";
  font-size: 11px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 19px;
  text-align: center;
}

#footer a,
#footer a:link,
#footer a:active,
#footer a:visited
{
  color: #7F7F7F;
  font-family: "Trebuchet MS", "san-serif";
  font-size: 11px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 19px;
  text-decoration: none;
}

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

#slider
{
  margin: 0;
  padding: 0;
  width: 479px;
  position: relative;
}

#slider ul.navigation
{
  display: none;
}

.scrollpane_lt
{
  margin: 0;
  padding: 0;
  position: absolute;
  display: block;
  width: 4px;
  height: 4px;
  left: 0;
  top: 0;
  z-index: 100;
  font-size: 4px;
  line-height: 4px;
  background: transparent url(images/scrollpane_lt.gif) left top no-repeat;
}

.scrollpane_rt
{
  margin: 0;
  padding: 0;
  position: absolute;
  display: block;
  width: 4px;
  height: 4px;
  right: 0;
  top: 0;
  z-index: 100;
  font-size: 4px;
  line-height: 4px;
  background: transparent url(images/scrollpane_rt.gif) right top no-repeat;
}

.scrollpane_lb
{
  margin: 0;
  padding: 0;
  position: absolute;
  display: block;
  width: 4px;
  height: 4px;
  left: 0;
  bottom: 0;
  z-index: 100;
  font-size: 4px;
  line-height: 4px;
  background: transparent url(images/scrollpane_lb.gif) left bottom no-repeat;
}

.scrollpane_rb
{
  margin: 0;
  padding: 0;
  position: absolute;
  display: block;
  width: 4px;
  height: 4px;
  right: 0;
  bottom: 0;
  z-index: 100;
  font-size: 4px;
  line-height: 4px;
  background: transparent url(images/scrollpane_rb.gif) right bottom no-repeat;
}

.scroll 
{
  margin: 0;
  padding: 0;
  width: 479px;
  height: 486px;
  overflow: hidden;
  position: relative;
  clear: left;
}

.scrollContainer div.panel 
{
  margin: 0;
  padding: 0;
  width: 479px;
  height: 486px;
}

.scrollButtons 
{
  margin: 0;
  padding: 0;
  position: absolute;
  top: 411px;
  cursor: pointer;
  z-index: 99;
}

.scrollButtons.left 
{
  left: 9px;
}

.scrollButtons.right 
{
  right: 9px;
}

.hide 
{
  display: none;
}

#EmailForm table tbody tr th
{
  margin: 0;
  padding: 0;
  vertical-align: top;
  text-align: right;
  font-weight: normal;
  padding-right: 1em;
}

#EmailForm table tbody tr td
{
  margin: 0 0 9px 0;
  padding: 0;
  vertical-align: top;
  text-align: left;
}

#EmailForm input[type="text"].tekstveld,
#EmailForm input[attr="text"].tekstveld
{
  margin: 0 0 9px 0;
  padding: 0 4px 0 6px;
  width: 209px; /* 219-10 */
  height: 16px;
  line-height: 16px;
  color: #494949;
  font-family: "Trebuchet MS", "san-serif";
  font-size: 12px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal; 
  text-decoration: none; 
  background-color: #FFFFFF;
  border: 1px solid #CDC9BB;
}

#EmailForm input[type="radio"].radioveld,
#EmailForm input[attr="radio"].radioveld
{
  margin: 0 4px 0 0;
  padding: 0;
}

#EmailForm input[type="checkbox"].checkbox,
#EmailForm input[attr="checkbox"].checkbox
{
  margin: 0 4px 0 0;
  padding: 0;
}

#EmailForm label
{
  margin: 0 0 9px 0;
  padding: 0;
  color: #494949;
  font-family: "Trebuchet MS", "san-serif";
  font-size: 12px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal; 
  text-decoration: none; 
  line-height: 20px;
  position: relative;
  display: inline-block;
}

#EmailForm input[type="text"].invalidValue,
#EmailForm input[attr="text"].invalidValue,
#EmailForm input[type="text"].requiredValue,
#EmailForm input[attr="text"].requiredValue
{
  border: 1px solid #FD554F;
}

#EmailForm textarea.tekstarea
{
  margin: 0 0 9px 0;
  padding: 0 4px 0 6px;
  width: 209px; /* 219-10 */
  height: 73px;
  line-height: 15px;
  color: #494949;
  font-family: "Trebuchet MS", "san-serif";
  font-size: 12px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal; 
  text-decoration: none; 
  overflow: auto;
  background-color: #FFFFFF;
  border: 1px solid #CDC9BB;
}

#EmailForm textarea.invalidValue,
#EmailForm textarea.requiredValue
{
  border: 1px solid #FD554F;
}

#EmailForm input[type="submit"].submitbutton,
#EmailForm input[attr="submit"].submitbutton
{
  margin: 0 0 9px 0;
  padding: 0 0 3px 0;
  width: 95px;
  height: 21px;
  float: left;
  color: #724D40;
  text-decoration:none;
  font-family: "Trebuchet MS", "san-serif";
  font-size: 14px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 16px;
  text-align: center;
  background-color: #DBDBD8;
  border: 1px solid #CDC9BB;
}

/* vlakken */

div.vlak_geel
{
  margin: 0;
  padding: 0;
  position: relative;
  display: table-cell;
  float: left;
  clear: both;
  width: 100%;
  height: 100%;
  background-color: #F9F4E1;
}

div.vlakafronding_lt_geel
{
  margin: 0;
  padding: 0;
  position: relative;
  display: block;
  left: 0;
  top: 0;
  width: 9px;
  height: 9px;
  float: left;
  clear: none;
  font-size: 9px;
  line-height: 9px;
  background: #F9F4E1 url(images/vlakafronding_lt_geel.gif) left top no-repeat;
}

div.vlakafronding_rt_geel
{
  margin: 0;
  padding: 0;
  position: relative;
  display: block;
  right: 0;
  top: 0;
  width: 9px;
  height: 9px;
  float: right;
  clear: none;
  font-size: 9px;
  line-height: 9px;
  background: #F9F4E1 url(images/vlakafronding_rt_geel.gif) right top no-repeat;
}

div.vlakafronding_lb_geel
{
  margin: 0;
  padding: 0;
  position: relative;
  display: block;
  left: 0;
  top: 0;
  width: 9px;
  height: 9px;
  float: left;
  clear: none;
  font-size: 9px;
  line-height: 9px;
  background: #F9F4E1 url(images/vlakafronding_lb_geel.gif) left bottom no-repeat;
}

div.vlakafronding_rb_geel
{ 
  margin: 0;
  padding: 0;
  position: relative;
  display: block;
  right: 0;
  top: 0;
  width: 9px;
  height: 9px;
  float: right;
  clear: none;
  font-size: 9px;
  line-height: 9px;
  background: #F9F4E1 url(images/vlakafronding_rb_geel.gif) right bottom no-repeat;
}

div.vlakcontent_geel
{
  margin: 6px 10px 0 10px;
  padding: 5px 0 5px 0;
  position: relative;
  display: block;
  width: 96%;
  min-height: 461px; /* 471 - 5 - 5 */
  color: #494949;
  font-family: "Trebuchet MS", "san-serif";
  font-size: 13px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal; 
  line-height: 20px;
  white-space: normal;
}

div.vlakcontent_geel ul,
div.vlakcontent_geel ul li
{
  list-style-position: outside;
}

div.vlak_grijs
{
  margin: 0;
  padding: 0;
  position: relative;
  display: table-cell;
  float: left;
  clear: both;
  width: 100%;
  height: 100%;
  background-color: #ECEAE5;
}

div.vlakafronding_lt_grijs
{
  margin: 0;
  padding: 0;
  position: relative;
  display: block;
  left: 0;
  top: 0;
  width: 9px;
  height: 9px;
  float: left;
  clear: none;
  font-size: 9px;
  line-height: 9px;
  background: #ECEAE5 url(images/vlakafronding_lt_grijs.gif) left top no-repeat;
}

div.vlakafronding_rt_grijs
{
  margin: 0;
  padding: 0;
  position: relative;
  display: block;
  right: 0;
  top: 0;
  width: 9px;
  height: 9px;
  float: right;
  clear: none;
  font-size: 9px;
  line-height: 9px;
  background: #ECEAE5 url(images/vlakafronding_rt_grijs.gif) right top no-repeat;
}

div.vlakafronding_lb_grijs
{
  margin: 0;
  padding: 0;
  position: relative;
  display: block;
  left: 0;
  top: 0;
  width: 9px;
  height: 9px;
  float: left;
  clear: none;
  font-size: 9px;
  line-height: 9px;
  background: #ECEAE5 url(images/vlakafronding_lb_grijs.gif) left bottom no-repeat;
}

div.vlakafronding_rb_grijs
{ 
  margin: 0;
  padding: 0;
  position: relative;
  display: block;
  right: 0;
  top: 0;
  width: 9px;
  height: 9px;
  float: right;
  clear: none;
  font-size: 9px;
  line-height: 9px;
  background: #ECEAE5 url(images/vlakafronding_rb_grijs.gif) right bottom no-repeat;
}

div.vlakcontent_grijs
{
  margin: 6px 10px 0 10px;
  padding: 0;
  position: relative;
  display: block;
  width: 96%;
  height: 100%;
  color: #494949;
  font-family: "Trebuchet MS", "san-serif";
  font-size: 11px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal; 
  line-height: 20px;
  white-space: normal;
}

div.vlakcontent_grijs ul li,
div.vlakcontent_grijs ul li a
{
  font-size: 11px;
}

div.vlak_zwart
{
  margin: 0;
  padding: 0;
  position: relative;
  display: table-cell;
  float: left;
  clear: both;
  width: 100%;
  height: 100%;
  background-color: #000;
}

div.vlakafronding_lt_zwart
{
  margin: 0;
  padding: 0;
  position: relative;
  display: block;
  left: 0;
  top: 0;
  width: 9px;
  height: 9px;
  float: left;
  clear: none;
  font-size: 9px;
  line-height: 9px;
  background: #000 url(images/vlakafronding_lt_zwart.gif) left top no-repeat;
}

div.vlakafronding_rt_zwart
{
  margin: 0;
  padding: 0;
  position: relative;
  display: block;
  right: 0;
  top: 0;
  width: 9px;
  height: 9px;
  float: right;
  clear: none;
  font-size: 9px;
  line-height: 9px;
  background: #000 url(images/vlakafronding_rt_zwart.gif) right top no-repeat;
}

div.vlakcontent_zwart
{
  margin: 6px 10px 0 10px;
  padding: 0;
  position: relative;
  display: block;
  width: 96%;
  height: 100%;
  color: #D9D9D9;
  font-family: "Trebuchet MS", "san-serif";
  font-size: 13px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal; 
  line-height: 20px;
  white-space: normal;
}

#smoelenboek,
#smoelenboek p
{ 
  line-height: 15px;
}

#smoelenboek tbody tr td
{
  margin: 0;
  padding: 0;
  padding-bottom: 11px;
  line-height: 15px;
  text-align: center;
  vertical-align: top;
}

#smoelenboek img
{
  margin: 3px 3px -8px 3px;
}

#animatie
{
  margin: 0;
  padding: 0;
  position: absolute;
  top: 300px;
  left: 0;
  z-index: 9999;
  visibility: hidden;
}