/* HTML BODY 
-------------------------------------------------------------- */
html, body, #container { height: 100%; }
body { background: #fff url(../images/Graphics/Body_bg.gif) repeat-x top left; text-align: center; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #867a58; line-height: 16px; }

/* Titles
-------------------------------------------------------------- */
h1 { margin: 0 0 20px 0; font-size: 20px; font-weight: bold; }
h2 {margin: 16px 0 16px 0; font-size: 14px; }

/* Links
-------------------------------------------------------------- */
#main a:link,
#main a:visited,
#main a:active { color: #867a58; text-decoration: none; }
#main a:hover { color: #86a13a; text-decoration: underline; }

/* Container
-------------------------------------------------------------- */
body > #container { height: auto; min-height: 100%; }
#container { width: 960px; margin: 0 auto; text-align: left; }


/* Links */
#header a:link,
#header a:visited,
#header a:active,
#header a:hover { color: #86a13a; text-decoration: underline; }

/* Logo */
#header a#logo { position: absolute; top: 0; left: 0; display: block; width: 330px; height: 115px; text-indent: -9999px; }

/* Navigation */
#header ul#navigation { position: absolute; top: 120px; left: -15px; width: auto; height: 53px; }
#header ul#navigation li { display: inline;  }
#header ul#navigation li a:link,
#header ul#navigation li a:visited,
#header ul#navigation li a:active { float: left; display: block; width: 90px; height: 39px; padding: 14px 20px 0 15px; color: #fefefe; font-size: 14px; font-weight: bold; text-decoration: none; background: url(../images/Graphics/Navigation_divider.gif) no-repeat center right; }
#header ul#navigation li a span { font-size: 11px; font-weight: normal; color: #dae2c4; text-decoration: none; }

/* Language */
#header ul#language { position: absolute; top: 135px; right: 0; }
#header ul#language li { display: inline; }
#header ul#language li a { float: left; display: block; width: 27px; height: 27px; line-height: 27px; margin: 0 0 0 5px; text-align: center; text-decoration: none; color: #fefefe; font-size: 11px; }
#header ul#language li a:hover { text-decoration: underline; }
#header ul#language li a.active { background: url(../images//Graphics/Language_bg.gif) no-repeat top left; }

/* Column container */
#header #column_container { position: absolute; bottom:0; left:0; width: 960px; height: 132px; }
#header #column_container .column { float: left; width: 300px; height: 132px; margin: 0 30px 0 0; background: url(../images//Graphics/Column_divider.gif) no-repeat top right; }
#header #column_container .last { margin-right: 0; background: none; }
#header #column_container .column h2 { height: 20px; line-height: 20px; margin: 15px 0 10px 0; padding: 0 0 0 25px; background: url(../images//Graphics/Column_title_arrow.gif) no-repeat center left; font-size: 14px; font-weight: bold; }

#header #column_container .column a.button_green { float: left; display: block; width: 94px; height: 34px; line-height: 34px; margin: 20px 10px 0 0; text-align: center; color: #fefefe; background: url(../images/Graphics/Button_green.gif) no-repeat top left; text-decoration: none; }
#header #column_container .column a.button_grey { float: left; display: block; width: 129px; height: 34px; line-height: 34px; margin: 20px 0 0 0; text-align: center; color: #867a58; background: url(../images/Graphics/Button_grey.gif) no-repeat top left; text-decoration: none; }

/* Main
-------------------------------------------------------------- */
#main { padding: 0 0 50px 0; }

/* Content */
#main #content  { float: left; width: 630px; margin: 40px 30px 30px 0; }
#main #content a { color: #86a13a; }
#main #content p { margin-bottom: 10px; margin-top: 10px; }

#main #content ul {
	list-style:square;
	
	/*margin: 0px, 0px, 20px, 20px;*/
	margin-left:20px;
	margin-bottom:20px;
}

#main #content ul li {
	margin-top: 5px;
	margin-bottom:5px;
}



/* Content Column */
#main #content .column { float: left; width: 275px; margin-right:40px;  }
#main #content .column img { width:275px;  }

/* Sidebar */
#main #sidebar { float: right; width: 300px; margin: 40px 0 30px 0; }
#main #sidebar ul li { padding: 10px 0; border-bottom: 1px dotted #867a58; }
#main #sidebar ul li.first { padding-top: 0; }
#main #sidebar ul li:first-child { padding-top: 0; }

#main #sidebar ul li a { color: #86a13a; }

/* Catalogus 
---------------------------------------------------------------*/
div.catalogue {
	clear:both;	
	width:630px;
	padding-left:10px;
	padding-right:10px;	
	margin-bottom:10px;
}


div.catalogue:hover {
font-weight:bold;
}

div.cat_foto {
	float: left;
	width: 60px;
}

div.cat_foto img {
	height:49px;
	width: 49px;
}

img.detailpicture {
	height: 350px;
	width: 350px;
}

img.img_home {
	float: left; 
	width: 150px; 
	height: 200px; 
	margin-right: 20px;
	margin-bottom: 20px;

}



div.cat_text {
	float: left;
	width: 350px;
	padding-right:40px;

	
}

div.cat_seed{
	float: left;
	width: 40px;
}

div.cat_seed_txt{
	float: left;
	width: 50px;
	padding-top: 10px;
	

}


div.cat_plant {
		width: 40px;
		float:left;		
}

div.cat_plant_txt {
		width: 50px;
		float:left;
		padding-top: 10px;
		
		
}


div.plant_detail_image {
	float:left;
	width: 350px;
	margin-right:20px;
}

div.plant_detail_content {
	float:left;
	width:200px;
}



/* Footer
-------------------------------------------------------------- */
#footer { position: relative; height: 50px; margin: -50px 0 0 0; background: url(../images//Graphics/Footer_bg.gif) repeat-x top left; clear: both; overflow: hidden; }
#footer .content { width: 960px; height: 50px; margin: 0 auto; }

#footer .content p { height: 50px; line-height: 50px; }
#footer .content p.left { height: 50px; line-height: 50px; text-align: left; }

#footer .content p.right { height: 50px; line-height: 50px; text-align: right; }
#footer .content p.right a { padding: 0 10px 0 5px; background: url(../images//Graphics/Footer_divider.gif) no-repeat center right; }


#footer .content a:link,
#footer .content a:visited,
#footer .content a:active { color: #867a58; text-decoration: underline; }
#footer .content a:hover { color: #86a13a; }

/* Default classes
-------------------------------------------------------------- */
.left { float: left; }
.right { float: right; }
.hide { display: none; }
.bold { font-weight: bold; }
.img_left { float: left; margin: 0 15px 10px 0; border: 3px solid #eaebe8; }

/* Clearfix
-------------------------------------------------------------- */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */