html, body {
	min-height: 100%;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
html>body #wrapper {
	height: auto;
}
body {
	background: #fff url("/images/back_body.gif") center top repeat-y;
	margin: 0;
	padding: 0;
	min-width: 744px;
	text-align: center;
}
* html body { behavior:url("/js/csshover.htc"); }
#wrapper {
	position: relative;
	background-color: #fff;
	margin: 0 auto;
	text-align: left;
	width: 744px;
	min-height: 100%;
	height: auto;
}
* html #wrapper {
	height: 100%;
}
	
/* grootafbouw */
/*OPMAAK*/
	#top1 {
	width: 744px; height: 171px; margin: 0px auto; clear: both;	}
	#top2 {
	background-color: #2B4036;
	width: 744px;height: 30px; margin: 0px auto; clear: both;
	 text-align: left;}

	#clear {
	clear: both;}
	
#middle {
	margin: 0px auto;margin-top: 20px; width: 744px; text-align:left; height: 360px;clear: both;}	
	#middle #td_middle1 {
		width: 220px; padding: 0 40px 20px 30px; align: center;}
		* html #middle #td_middle1 {
		width: 290px; w\idth: 220px;}
	#middle #td_middle2 {
		width: 385px; padding: 0 69px 0 0;  text-align:left; }
		* html #middle #td_middle2 {
		width: 454px; w\idth: 385px;}
	#middle #td_middle2 img {	}

	#sidebar {
	background: #D1E1BA url("/images/back_left.jpg") center bottom repeat-x;
	margin: 0; padding: 0;
	width: 220px;height: 430px;align: left;}
	#filter_animals {
	background-color: #E3ECD4;
	margin: 0px auto; margin-top: 20px; padding: 10px; width: 162px; align: left;	}
	* html #filter_animals {
	width: 182px; w\idth: 162px;}
	#filter_animals .choose {
	display: block; margin-bottom: 12px; align: left;width: 162px; 
	font: bold 13px Verdana, sans-serif; line-height: 13px; color: #2A5E4E;}
	#filter_animals select {
	width: 162px; margin-bottom: 8px; clear: right;}

	#bottomleftmenu {
	margin: 0px auto; margin-top: 35px;
	width: 215px;  text-align: center;	}
	#bottomleftmenu a {
	font-weight: bold;text-decoration: none;	}
	#bottomleftmenu a:hover, #bottomleftmenu a.link_active {
	color: #407162; text-decoration: none;	}
	
	
/*MENUS*/
#topmenu { 
	clear: both; }
#nav {
	position: relative; float: left;
	width: 744px; padding: 0 0 0 ;  margin: 0;
	list-style: none; text-align: left;
	z-index: 18;}
	* html #nav {
	width: 744px; w\idth: 744px;}
#nav li {
	position: relative; float: left;
    margin:0 0 0 0; padding:0 0 0 0; border: 0;
	list-style: none; width: auto; list-style: none;}
	* html #nav li {
	\display: inline;
	list-style: none; }	
#nav li a {
	display: block; 
    margin: 0 0 0 0; padding: 9px 8px 9px 7px; border-right: 1px #F0F2E5 solid;
	font: normal 12px Arial, sans-serif;
	color: #fff; text-decoration: none; line-height: 12px;
	text-align: center;}
	#nav li.first-item a {border-left: 1px #F0F2E5 solid;padding: 9px 10px 9px 10px;	}
@media all and (min-width: 0px){
   html>body  #nav li a {	
	min-width: 1px;		
	}}
#nav li:hover a, #nav li a.link_active {
 	background: #84A458;
	color: #2B4036; text-decoration: none;  }
#nav li:hover ul { 
	display: block;}
#nav li ul {
	position: absolute;
	display: none;
	list-style-image: none;
	float: none;
	width: 140px;
	padding: 0 0; margin: 0 0 0 0; border: 0;border-top: 1px #F0F2E5 solid;
	text-align: left;
	top: 30px;
	left: -1px; }
	#nav li ul.visible {
	display: block;	}
#nav li ul li {
	margin: 0 0 0 0; padding: 0 0 0 0; border: 0;
	background: #fff;
	width: 140px; 
	clear: both;
	float: left;
	list-style: none;}

#nav li ul li a, #nav li:hover ul li a {
	display: block;
	background: #2B4036;
	width: 130px !important; 	
	margin: 0 0 0 0; padding: 5px 1px 5px 9px; border: 0; border-bottom: 1px #F0F2E5 solid; /*border-right: 1px #84A458 solid; border-left: 1px #84A458 solid;	*/
	font: normal 11px Verdana, sans-serif;
	color: #fff; line-height: 13px; text-decoration: none; text-align: left;	}
	#nav li:hover ul li.extra_level a{ /* arrow */
	background: #2B4036 url("/images/topsubmenu.gif") 100% 6px no-repeat;}
* html #nav li ul li a, * html #nav li:hover ul li a { 
	width: 140px; 	
	w\idth: 130px;}
html>body #nav li ul li a {
	width: auto; }
#nav li ul a:hover, #nav li ul li a.link_active, #nav li ul li:hover a:hover, #nav li ul li:hover a.link_active  {
	background-color: #84A458;
	color: #2B4036; text-decoration: none;  }
	#nav li ul li.extra_level a:hover, #nav li:hover ul li.extra_level:hover a:hover, #nav li ul li.extra_level:hover a.link_active { /* arrow */
	background: #84A458 url("/images/topsubmenu_over.gif") 100% 6px no-repeat;
	color: #2B4036; text-decoration: none;}
	
#nav li:hover ul li:hover ul,#nav li:hover ul li:hover ul { 
	display: block;}
#nav li:hover ul li ul, #nav li:hover ul li ul {
	position: absolute;
	display: none;
	list-style-image: none;
	float: none;
	width: 140px;
	padding: 0 0 0 0; margin: 0 0 0 0; border: 0; border-top: 1px #fff solid; border-right: 1px #fff solid;border-left: 1px #fff solid;
	text-align: left;
	top: -1px;
	left: 140px; }
	* html #nav li ul {
	width: 140px;
	w\idth: 170px;	}
#nav li:hover ul li:hover ul li {
	margin: 0 0 0 0; padding: 0 0 0 0; border: 0;
	background: #fff;
	width: 140px; 
	clear: both;
	float: left;
	list-style: none;}

#nav li:hover ul li:hover ul li a, #nav li:hover ul li:hover ul li a, #nav li:hover ul li.extra_level:hover ul li a, #nav li:hover ul li.extra_level:hover ul li a {
	display: block;
	background-image: none;
	background-color: #2B4036;
	width: 130px !important; 	
	margin: 0 0 0 0; padding: 5px 1px 5px 9px; border: 0; border-bottom: 1px #F0F2E5 solid; /*border-right: 1px #84A458 solid; border-left: 1px #84A458 solid;	*/
	font: normal 11px Verdana, sans-serif;
	color: #fff; line-height: 13px; text-decoration: none; text-align: left;	}
* html #nav li ul li:hover ul li a, * html #nav li:hover ul li:hover ul li a { 
	width: 170px; 	
	w\idth: 160px;}
html>body #nav li ul li ul li a {
	width: auto; }
#nav li:hover ul li:hover ul li a:hover, #nav li:hover ul li:hover ul li a.link_active, #nav li:hover ul li:hover ul li:hover a, #nav li ul li.extra_level:hover ul li a:hover, #nav li ul li.extra_level ul li a.link_active, #nav li:hover ul li.extra_level:hover ul li:hover a {
	background-image: none;
 	background-color: #84A458;
	color: #2B4036; text-decoration: none;  }

.Navigation {
	width: 100%; height: 12px;
	margin: 0 0 35px 0; padding: 0;	
	font: normal 11px Arial, Verdana, sans-serif; line-height: 12px;
	text-align: left;}
.Navigation a, .Navigation a:hover{
	text-decoration: underline;}

.Title{
	width: 100%; clear: both;
	margin: 0 0 0 0; padding: 2px 0 10px 0;	
	text-align: left; font-weight: normal;}

	
.Content{
	width:  100%; float: none;
	margin: 0 0 0 0; padding: 0 0 0 0;	
	text-align: left; font-weight: normal;}
.Content .td_left{
	margin: 0; padding: 0;}
.Content .td_right img{
	margin: 0; padding: 0;}

.Products{
	width:  100%;
	margin: 0; padding: 0; border-top: 1px #ABB1BE solid; border-right: 1px #ABB1BE solid; border-left: 1px #ABB1BE solid;	
	text-align: left;}
.Products td{
	margin: 0; padding: 2px 3px 2px 3px;border-bottom: 1px #ABB1BE solid;
	text-align: left; color: #333;}
.Products .odd td {
	background-color: #F3F3F5;
	text-align: left; color: #004688;}
.Products .kop td{
	background-color: #004688; 
	color: #fff;}

.Sidebar {
	background: url("/images/back_sidebar.jpg") top left repeat-y;
	padding: 0; margin: 0 0 10px 6px;}
.Sidebar td {
	margin: 0;padding: 0 24px 0 24px;	
	text-align: left; color: #304577; line-height: 16px;}
	.Sidebar td a {
		font-weight: normal; }
	.Sidebar .class3 {
		display: block;
		font-size: 14px; padding: 0 0 4px 0;	}
.Sidebar .SidebarTop {
	background: url("/images/back_sidebar_top.jpg") left top no-repeat;
	margin: 0;padding:0;height: 22px;	
	line-height: 0;}
.Sidebar .SidebarBottom {
	background: url("/images/back_sidebar_bottom.jpg") left bottom no-repeat;
	margin: 0;padding:0;height: 22px;	
	line-height: 0;}
.Sidebar {
	width: 142px;}
.Sidebar img {
	margin: 0;}

.Forms {
	border: 1px #C37C29 solid;}
.Forms td {
	padding: 3px 7px 3px 7px;}
.Forms td.kop {
	padding: 3px 7px 3px 7px;}

boby,table,div,span,p{		
	font: normal 11px Verdana, sans-serif; line-height: 18px; color: #464C45;}
	
h1,h2,h3,h4,h5,h6,p {	margin: 0;padding: 0;	}

h1{
	margin: 0; padding: 0; display: inline;
	font: normal 18px Verdana, Arial, sans-serif; color: #407162;
	text-align: left; line-height:23px;text-transform:none;}
h2{
	margin: 0; padding: 0; display: inline;
	font: normal 17pt Verdana, Arial, sans-serif; color: #BFA277;
	text-align: left; line-height:22px;text-transform:none;}
.class1{ 
	font-size: 10px; line-height: 14px; }
.class2{ 
	font-size: 11px; }
.class3{ 
	font-weight: bold;  }
.class4{ 
	display: block;
	margin: 0; padding: 0;color: #003470;	
	font: 18px Arial,Verdana, sans-serif; }
.class5{ 
	font-size: 22px;
	line-height: 22px; 
	font-weight: bold; }

.green, .green *, * .green { color: #407162; }
.brown, .brown *, * .brown { color: #6C481F;	}

a {  
	color: #464C45; text-decoration: underline; font-weight: bold; }
a:hover {  
	color: #407162; text-decoration: underline; font-weight: bold; }

ul {
	list-style-image: url("../mages/ul_block.gif");
	margin: 7px 0 7px 22px; padding: 0;}
blockquote, pre {padding: 15px 40px;}
blockquote {font: italic 12px Georgia, Times, serif;
  background: url("/images/blockquote.gif") 10px 0.78em no-repeat;
  margin: 18px 0;}

ol	{margin: 7px 0 7px 22px; }
* html ul, * html ol{}
	ul a, ol a { }

img {
	margin: 0; padding: 0;border-color:#004688;}

.pointerhand { 
	cursor: hand; cursor: pointer;}

hr {	
	padding: 0; margin: 0; margin-top: 0;
	border:none;	
	color: #fff; height: 1px;
	border-bottom: #ABB1BE 1px solid;  }


.contactForm td {
	padding: 2px 2px 2px 4px;}
.contactForm td .Form-Text-Box{
	width: 175px;}
.contactForm .Kop {
	background-color: #464C45; color: #fff; font-weight: bold;}
	
form{ margin: 0; padding: 0; }
input,select{margin: 1px;padding: 2px 2px 2px 2px;}
.Form-Text-Box {
	background-color: #EDEDED; border-top: 1px #666 solid; border-left: 1px #666 solid;border-right: 1px #c3c3c3 solid;border-bottom: 1px #dddddd solid;
	font: normal 11px Arial, Verdana, Arial, Helvetica, sans-serif; line-height: 12px; vertical-align:baseline;
	color: #464C45; font-style:bold;}
	INPUT:hover, INPUT:focus, TEXTAREA:hover, TEXTAREA:focus {border-color: #ABB1BE;}

.Form-Button {
	background: #464C45;
	font: bold 11px Arial, Verdana, Arial, Helvetica, sans-serif; line-height: 12px; vertical-align:baseline;	color: #fff;}
	.Form-Button:hover, .Form-Button:focus {  background:#407162;}
.Form-Radiobutton {
	padding: 0;
	font: normal 11px Arial, Verdana, Arial, Helvetica, sans-serif;color: #333;
	line-height: 11px; vertical-align:baseline;	
	border: 0; }

	.Form-Menu-Box {
	padding: 0;
	font: normal 11px Arial, Verdana, Arial, Helvetica, sans-serif;color: #464C45;
	line-height: 12px; vertical-align:baseline;	
	border: #464C45 1px solid;  }
	option {
	padding: 1px 2px 1px 2px;	
	font: normal 11px Arial, Verdana, Arial, Helvetica, sans-serif;color: #333;
	line-height: 12px; vertical-align:baseline;	}

#form_search {
	margin: 0 0 0 0; padding: 2px 0 0 5px;
	text-align: left;}
#form_search .Form-Text-Box {
	padding: 2px; background-color: #fff; margin-left: 0; border: 1px #000 solid;
	font-size: 10px; line-height: 11px; }
* html #form_search .Form-Text-Box {	}
#form_search .Form-Button {
	 background-color: #000; color: #fff;
	 border-color: #000; padding: 0 0 0 0;font-size: 10px; line-height: 10px; }
* html #form_search .Form-Button {
	 height: 16px;}
	
#change_content {
	height: 850px !important;}

#counter { 
	position:absolute;width:0;height:0;z-index:-1;top: 0;left: 0;visibility: hidden; }