/* default styles */
body, td {font-size: 8pt; color: #006;}
body  {margin: 0px; background-image: url(../design/bg3.gif) }
H1 {font-size: 19px;}
H2 {font-size: 14px;}
#general { width:999px; }
table.normal TD {vertical-align: baseline;}
table.list * {font-size: 11px; padding: 0px; margin: 0px;}
td.smallfont, font.smallfont {font-size: 7pt;}
td.hp_logo {padding: 5px; width: 100%; background-color: #FFBD36; border: solid 4px #fc0; border-width: 0px 0px 0px 0px;}
.nospacing {border: none; padding: 0px; margin: 0px;}
td#hpLine{background-color: #9cf; border-bottom: solid 1px #006; width: 100%;}
body.SITE_LANDBOUW td#hpLine {background-color:#008000;}
table#homepage td {vertical-align: top;}
.small-font {font-size: 7pt ! important;}
.floatright {float: right;}
.white-bg {background-color: #ffffff;}

/* landbouw styles */
body.SITE_LANDBOUW td.hp_logo {background-color: #8dc73f !important;}
body.SITE_LANDBOUW .yellow {background-color: #8dc73f !important;}
body.SITE_LANDBOUW  {background-image: url(../design/bg_lb.gif) }

/* standaard link */
a  {color: #c00; text-decoration: none;}
a:hover {text-decoration: underline;}
a img { border: none; }

/* Menu */
.WH, .TA, .WH:hover {color: #fff; font: bold 11px Verdana, sans-serif; text-decoration: none}
.TA {color: #666; font-weight: normal;}
.TA:hover { color: #006;}

/* Submenu */
.submenu, .selectsubmenu {color: #fc0; display: block; font-size: 10px; margin: 2px 0px; font-family: Verdana, Arial; text-decoration: none;}
.submenu:hover {color: #fc0; text-decoration: underline }
.selectsubmenu   {color: #fff; font-weight: bold;}
.selectsubmenu:hover  {color: white; text-decoration: underline;}

/* design */
TD.blue   {background-color: #006; vertical-align: top }
TD.menu  {background-color: #eee;}
TD.tabselect    {background-color: #006;}
TD.white   {background-color: white; vertical-align: top; margin: 0px;}
TD.sub-menu   { background-color: #006; vertical-align: top; margin-left: 5px }
TD.yellow { background-color: #fc0 }
TD#borders  { background-color: white; vertical-align: top; border: solid 1px #006 }
TD.bodytxt          {padding: 0px; color: #006; font-size: 11px; line-height: 14px; font-family: Verdana, Arial; vertical-align: top }
TD.rightline { color: #006; font-size: 11px; line-height: 14px; font-family: Verdana, Arial; vertical-align: top; border-right: 1px solid #9cf }
TD.picture  { text-align: right; vertical-align: top }
TD#geologo    { background: #006 url(../design/geologo.gif) no-repeat; width: 38px }
div#path {
  color: #444;
  font-size: 11px;
  font-family: Arial, Verdana;
  background-color: #e5f4ff;
  padding: 1px 4px;
  border-bottom: 1px solid #9cf;
}

div#body {
  text-align: left;
  padding: 8px;
  position: relative;
}
div#body td {text-align: left;}

/* infoblock */
table.infoblock * {font-size: 11px;}
table.infoblock {border: 1px solid #9cf; border-bottom: none; background-color: #e5f4ff; float: right; clear: right; width: 150px; margin: 8px;}
table.infoblock th {border-bottom: solid 1px #9cf; text-align: left; background-color: #9cf;}
table.infoblock td {border-bottom: solid 1px #9cf; padding: 3px; margin: 0px;}
table.infoblock.image {clear: none; width: 0px;}
table.infoblock.left {float: left; clear: left;}
table.infoblock.breed {width: 170px;}
body.SITE_LANDBOUW table.infoblock { border: 1px solid #8dc73f;border-bottom: 0px; }
body.SITE_LANDBOUW table.infoblock td { border-bottom: #8dc73f 1px solid;}
body.SITE_LANDBOUW table.infoblock th { background-color: #8dc73f;border-bottom: #8dc73f 1px solid;}

/* infoblock */
table.logoblock {border: 1px solid #9cf; border-bottom: none; background-color: #e5f4ff; margin: 8px; }
table.logoblock td {border-bottom: solid 1px #9cf; padding: 3px; margin: 0px; }

/* Overzicht producten van een categorie */
div.product-lijst {float: left; width: 25%; border: solid 1px #ccc; margin: 5px; text-align: left;}
div.product-lijst h5 {background-color: #eee; margin: 0px; padding: 3px;}
div.product-lijst ul {margin: 2px; padding: 3px;}
div.product-lijst li {margin-left: 15px; padding-left: 0px;}

/* lijst met grote items */
ul.big-unsorted-list {list-style-image: url("../design/list1.gif");}
ul.big-unsorted-list li * {font-weight: bold; font-size: 10pt; line-height: 1.3em;}

/* zoek formulier */
form.zoek-form {margin: 2px; padding: 0px;}
form.zoek-form input, input, textarea, a.button {font-size: smaller; border: solid 1px #136; margin: 0px 1px; }
a.button { background-color: #eee; color: #000; padding: 1px 1em; }
a.button:hover { background-color: #fff; text-decoration: none; }
input[type=submit] { cursor: pointer; }
textarea { border: solid 1px #136; margin: 0px 1px; font-family: Verdana, Arial; font-size: 9px !important; }

/* plaatje van product */
img.product-image {margin: 0px 5px 5px 15px; border: solid 1px #9cf; padding: 1px;}

/* info knopje */
a.info-knop {display: block; float: right; color: #136; border: solid 1px #ccc; padding: 3px 8px; background-color: #fff; font-size: 10pt;}
a.info-knop:hover {background-color: red; color: white; text-decoration: none;}

/* Tabel met randen om de cells */
.table-borders {border-collapse: collapse; border: solid 1px #006;}
.table-borders td, .table-borders th {font-size: 8pt; padding: 2px 6px; border: solid 1px #9cf;}
.table-borders th {background-color: #006; color: white; text-align: left; border: none;}
/* knoppen op home */
TD.middenhome { width:100%; padding-top: 8px; font-size: 12px; font-weight: bold;}

/* Midden kolom op Homepage */
a.eiland, a.eiland:link, a.eiland:visited, a.eiland:hover  { 
	text-decoration:none;
	cursor:hand;
}

table.eiland {
	margin-bottom:7px;
	background-color:#E5F4FF;
	width: 240px;
	font-size:11px;
	margin: 0px 30px 15px 30px;
}

table.eiland td.titel {
	font-weight: normal; 
	font-size: 16px;
	padding: 4px;
	border: solid 1px #9CF;
	border-bottom: none;
	width: 240px;
	margin: 0px 1px;
}

table.eiland td.titel a { display: block; text-decoration: none; }

table.eiland td.plaatje { border: none; }

.eiland_blue {
	background-color:#006;
}
.eiland_red {
	background-color:#C00;
}
TD.first_hoom_column { padding-right:7px;}

/* Client cases */
.quote { font-size: 14px; font-style: italic; }
.clientcase_logo { float: right; border: solid 1px #9cf; margin: 0px 0px 5px 5px; padding: 1px; }

a.clientcases { text-decoration: none; }
table.clientcases { border: 1px solid #9cf; width: 100%; margin-bottom: 20px; }
table.clientcases td { padding: 5px; vertical-align: top; }
table.clientcases td.quote { background-color: #e5f4ff; }
table.clientcases td.logo { padding-right: 5px; width: 100px; }
table.clientcases td.logo img { width: 100px; height: 100px; }

/* align styles */
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }
.left { text-align: left; }
.center { text-align: center !important;}
.right { text-align: right !important; }

/* handleidingen styles */
table.pdf_documenten { 
	padding: 5px; 
	border: solid 1px #9cf; 
	width: 50%;
}

table.pdf_documenten td {
	padding: 5px;
}

/* webshop styles */
table.webshop th { font-size: 10px; padding: 0px 10px; text-align: left; }
table.webshop td { padding: 10px; padding-bottom: 5px; }
table.webshop tr.items td, table.webshop td.line { border-bottom: solid 1px #9cf; }
table.webshop td.paddingCorrection { padding-top: 9px; }
table.webshop td a img { border: solid 1px #9cf; padding: 1px; }

/* order form styles */
div.orderForm { 
	background-color: #eee;
	color: #000;
	border: solid 1px #aaa;
	width: 60em; padding: 5px; 
}

div.orderFormButtons {
	width: 60em;
	text-align: center;
}

div.orderForm td, div.orderForm th { color: #000; }

/* webshopWidget styles */
div.webshopWidget { border: solid 1px #9cf; width: 35em; text-align: center; padding: 10px 5px 0px 5px; }

/* newsletterSubscribe */
form#newsletterSubscribe p {
	text-align: left;
}

form#newsletterSubscribe input.inputBox {
	margin-bottom: 5px;
	width: 155px;
}

form#newsletterSubscribe {
	text-align: right;
}

form.standaard-form table td, form.standaard-form table th {vertical-align: top;}