body
{
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
	color: #333;
	font: 12px/17px "Lucida Grande", helvetica, arial, sans-serif;
	background-image: url(../images/bird.jpg);
	background-repeat: no-repeat;
	background-position: center 200px;
	background-attachment: fixed;
}

#container
{
	position: relative;
	margin: 0px auto 10px auto;
	padding: 0px;
	text-align: left;
	width: 960px;
	background-color:transparent;
	
	/*
	background-image: url(../images/kiemen.jpg);
	background-repeat: no-repeat;
	background-position: 30px -10px;
	*/
}


#header
{
	position: relative;
	text-align: center;
	height:180px;
	background-color: transparent;
}

#cs
{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 740px;
	height:180px;
	background-color: transparent;
}

#up
{
	position: absolute;
	left: 680px;
	top: 15px;
	width: 400px;
	height:11px;
	background-color: transparent;
	z-index:5;
}

#down
{
	position: relative;
	left: 680px;
	top: 15px;
	width: 400px;
	height:11px;
	background-color: transparent;
}

#down ul {	

	opacity:.4;
	
}

#down img, #up img
{
	border:none;
}

#down ul, #up ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#down li, #up li
{
	float:left;
	padding-right:5px;
}


#logo
{
	position: absolute;
	top:68px;
	left:0px;
	background-image: url(../images/header_logo.png);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	width: 220px;
	height:130px;
	z-index:2;
	background-color: transparent;
}

#logo img {border:0px;}

.zaadjes
{
	height:60px;
	background-image: url(../images/seedsline.gif);
	background-repeat: no-repeat;
	background-position: center center;
	clear:both;
}

a {outline:0; }

/* ----------------------------------------feminized-----------------------------------*/

#textcontainer
{
	width: 550px;
	text-align: left;
	margin-top:15px;
}


#photocontainer
{
	position: absolute;
	top: 64px;
	right: -30px;
	width: 120px;
}

#photocontainer img
{
	border:none;
	margin-bottom: 30px;
}

.pcspacer {height: 15px; padding-top:5px; clear:both;}


#content
{
	position:relative;
	top:0px;
	left: 220px;
	width: 708px;
	padding: 0px 0px 30px 0px;
	text-align:left;
	margin-bottom:200px;
	min-height: 150px;
	background-color:transparent;
}

#content h1
{
	z-index: 1;
}

#content a img
{
	border:none;
}


#content a:link, #content a:visited
{
	color: #369;
	text-decoration: none;
	font-weight:bold;
}

#content a:hover
{
	color: #666;
	text-decoration: none;
}


#content ul
{
	margin: 0px 0px 15px 12px;
	padding: 0px;
}

#content ul li
{
	list-style-type: disc;
	list-style-position: outside;
	list-style-image: url(../images/sq_bullit.gif);
}

#content ol
{
	margin: 0px 0px 25px 22px;
	padding: 0px;
}

#content ol li
{
	padding: 0px;
	margin:0px;
}

#attention
{
	color:#933;
	font-weight: bold;
	margin: 20px 0px;
	padding: 0px 7px;
}

#waarschuwing
{
	color: #C60;
	margin: 5px 0px;
	padding: 0px 0px;
}

#attention h2
{
	color: #933;
	font-weight: bold;
	text-transform: uppercase;
}

#content ul.geenstijl
{
	margin:10px 0px;
	padding: 0px;
}

#content ul.geenstijl li
{
	list-style-type: none;
	list-style-position: outside;
	list-style-image: none;
}

.lijstkopje
{
	font-weight: bold;
	font-size: 14px;
	line-height:18px;
	color:#933;
}

.foutkopje
{
	font-weight: bold;
	font-size: 14px;
	line-height:18px;
	color: #933;
}

.dealerseparator
{
	height:30px;
	padding-bottom: 10px;
	margin-bottom:10px;
/*
	background-image: url(../images/greenline.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
*/
	clear:both;
}

#content a.noborder img
{
	border: none;
}

/* ----------------------------------------content-----------------------------------*/

/* ----------------------------------------linkerkolom-----------------------------------*/

#left
{
	position: absolute;
	width: 192px;
	top: 232px;
	left: 10px;
	text-align: left;
	background-color: #FFF;
	-moz-box-shadow: 1px 2px 6px 1px rgb(230,230,230);
	-webkit-box-shadow: 1px 2px 6px 1px rgb(230,230,230);
	box-shadow: 1px 2px 6px 1px rgb(230,230,230);
	font: 11px/13px helvetica, arial, sans-serif;
}

#left p
{
	color: rgb(112,87,51);
	margin: 8px 0px 6px 0px;
	text-align:left;
	font-weight:normal;
	
}	

#left img
{
	border:none;
}


#left h3
{
	font-size: 14px;
	font-weight: normal;
	color: #C60;
	margin-top:.7em;
}

/* ----------------------------------------produktweergave-----------------------------------*/

.prcontainer
{
	position: relative;
	text-align: left;
	margin:0px 50px 30px 0;
	overflow:hidden;
	

}

.box
{
	position: relative;
	text-align: left;
	margin:10px 0 25px 0;
	padding:10px 0;

}

.prcontainer select
{
	margin: 0 3px;
}

.newscontainer
{
	position: relative;
	text-align: left;
	padding-bottom: 20px;
	margin-bottom:10px;
}

#fullsize
{
	position: relative;
	text-align: left;
	padding-top: 5px;
	margin-bottom:10px;

}

#fullsize img {border:none;}

#detail {

	padding: 15px 0;
}

#detail img {
	-moz-box-shadow: 2px 4px 8px 1px #CCC;
	-webkit-box-shadow: 2px 4px 8px 1px #CCC;
	box-shadow: 2px 4px 8px 1px #CCC;
} 
.topseparator
{
	height:20px;
	padding-bottom: 10px;
	margin-bottom:10px;
	/*
background-image: url(../images/greenline.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
*/
}

.primg
{
	float:right;
	width: 120px;
	text-align:center;
	margin-left:10px;
}

#content .primg a
{
	border:none;
}

.primg img 
{
	border: none;
	padding-top:5px;
}

.description
{
	height: 20px;
	line-height: 20px;
}
.prtext
{
	width: 550px;
	padding-top:10px;
	margin-bottom:15px;
}


.thc
{
	width: 200px;
	height: 20px;
}

.extra_header, div.prcontainer h3
{
	margin: 10px 0;
	line-height: 20px;
	font-size: 15px;
	font-weight: bold;
	color: #91b93f;
	font-style: italic;
	letter-spacing: normal;
}

.waar
{
	float:left;
	height: 20px;
	width: 160px;
	text-align: right;
}

.productname
{
	font-size: 18px;
	font-weight: bold;
	color: #933;
}

.prcontainer h2 {

	font-size: 12px;
	font-weight: normal;
	font-family: verdana, helvetica, arial, sans-serif;
	font-style: italic;
	color: #990;
}


#content h2 a:link, #content h2 a:visited
{
	font-size: 18px;
	font-weight: normal;
	color: #933;
}

#content h2 a:hover
{
	font-size: 18px;
	font-weight: normal;
	color:#C63;
}



#content h2 sup {

	font-size: 12px;
	font-weight: normal;
	color: #933;
	

}

#content h2:hover sup {

	color:#C63;
	

}

#content form .productname
{
	font-size: 12px;
	font-weight: bold;
	color:#300;
	padding: 0 5px;
}

.orderform
{
	margin:20px 0px;
}
.orderform form
{
	margin:0px;
}

.orderform form input
{
	margin:0px;
}

.orderform p {margin:3px;}

.formspace {height:1px; clear:both;}

.omschrijving {width: 160px}
.pdetails {width: 210px}

/* ----------------------------------------produktweergave-----------------------------------*/



h1, h2, h3, h4, h5, h6 {
	margin: 0 0 1em 0;
	}

p { margin: 0 0 1em 0; }

h1
{
	font-size: 20px;
	font-weight: normal;
	color: #C60;
	letter-spacing: 1px;
	font-family: verdana, helvetica, arial, sans-serif;
	font-style: italic;
	margin: 0 0 1.5em 0;
}

h2
{
	font-size: 16px;
	font-weight: normal;
	font-family: verdana, helvetica, arial, sans-serif;
	font-style: italic;
	color: #990;
}

h3
{
	font-size: 14px;
	font-weight: normal;
	color: #333;
	letter-spacing: 1px;
}

h4
{
	font-size: 14px;
	font-weight: bold;
	color: #333;
	padding-bottom: 10px;
}

h5
{
	font-size: 12px;
	font-weight: normal;
	color: #333;
	margin-bottom: 10px;
}

#content h1 a:link, #content h1 a:visited
{
	font-size: 22px;
	font-weight: normal;
	color: #C60;
	letter-spacing: 1px;
	font-family: verdana, helvetica, arial, sans-serif;
	font-style: italic;
	margin: 0 0 1.5em 0;
}

#content h1 a:hover
{
	font-size: 22px;
	font-weight: normal;
	color: #C60;
	letter-spacing: 1px;
	font-family: verdana, helvetica, arial, sans-serif;
	font-style: italic;
	margin: 0 0 1.5em 0;
}


/* ----------------------------------------strainstories-----------------------------------*/

.ssheader
{	
	margin-bottom:25px;
	line-height: 22px;
	font-size: 18px;
	font-weight: normal;
	color: #933;
}



/*speciaal voor de strainstories*/
h6 
{	
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	margin-top: -10px;
}

/* ----------------------------------------photocontest-----------------------------------*/

#picturecontainer
{
	margin: 15px 0px;
}

#picturecontainer h2 { color: #C60;}

#content #picturecontainer #iflow .imageflow .caption  ul
{
	margin: 0px auto;
	text-align:center;
	display:block;
	width:200px;
}

#content #picturecontainer ul li
{
	list-style-type: none;
	list-style-position: outside;
	list-style-image:none;
}

#content #picturecontainer ul li
{
	list-style-type: none;
	list-style-position: outside;
	list-style-image:none;
}

div#infotainer 
{
	width:500px; 
	margin: 0px auto;
}

.vetgroen {color: #093; font-weight:bold;}

/* ----------------------------------------cart-----------------------------------*/

.tabelheaders{ color:#933; font-weight: bold;}
.order{width:120px;}
.soortnaam{width:160px;}
.quantity{width:80px;}
.price{width:70px;}
.subtotal{width:70px;}

/* ----------------------------------------kleingrut-----------------------------------*/

.geentopmarge {margin-top: 0px;}
.geenbottommarge {margin-bottom: 0px;}

.vet
{
	font-weight: bold;
	line-height:16px;
}

.cursief { font-style: italic; }

.rechtsfloater {float:right;}
.linkssfloater {float:left;}
.afbeelding_links {float:left; margin:10px 10px 10px 0px;}
.afbeelding_rechts {float:right; margin:10px 0px 10px 10px;}
.datum
{
	color: #333;
	font: bold 12px/12px "Lucida Grande", helvetica, arial, sans-serif;
	padding-left:25px;
}

.vijftienpixbottommarge {margin-bottom: 15px;}

.groen {color: #393;}

/* -----------------------------------merchandise -----------------------*/

.m_image {
	
	display:block;
	-moz-box-shadow: 1px 3px 5px 1px #CCC;
	-webkit-box-shadow: 3px 5px 3px 0px #CCC;
	box-shadow: 1px 3px 5px 1px #CCC;
}


.eigenschappen
{
	font: italic normal normal 14px/16px Tahoma, helvetica, arial, sans-serif;	
	color:#C63;
}

#banner
{
	position:relative;
	width:190px;
	height:120px;
	border-width: 1px 1px 0px 1px;
	border-color: #CCC;
	border-style: solid;
	background-color: transparent;
	overflow:hidden;

}

.banner_title
{
	width:175px;
	background-color:#2d8bb2;	
	line-height:24px;
	font: bold 1em/2em helvetica, arial, sans-serif; color: #FFF;
	padding: 2px 0 2px 15px;
	margin-bottom:5px;

}

#disclaimer
{
	width:175px;
	background-color:#FFF;	
	line-height:24px;
	font: bold 1em/2em helvetica, arial, sans-serif; color: #91b93f;
	padding: 2px 0 2px 15px;
	border-width: 0px 1px 1px 1px;
	border-color: #CCC;
	border-style: solid;
	margin-bottom:5px;

}


#seeds
{
	position:relative;
	width:185px;
	border-width: 1px 1px 0px 1px;
	border-color: #CCC;
	border-style: solid;
	background-color: transparent;
	overflow:hidden;
	padding: 0px 5px 5px 0px;

} 

#webshop
{
	position:relative;
	width:185px;
	border-width: 1px 1px 0px 1px;
	border-color: #CCC;
	border-style: solid;
	background-color: transparent;
	overflow:hidden;
	padding: 0px 5px 5px 0px;

} 

#cart_title
{
	width:175px;
	background-color:#C60;	
	line-height:24px;
	font: bold 1em/2em helvetica, arial, sans-serif; color: #FFF;
	padding: 2px 0 2px 15px;

}

#left #seeds ul, #left #webshop ul
{
	list-style-type: none;
	list-style-position: outside;
	list-style-image: none;
	margin:0px;
	padding:0px 0px 0px 15px;
}

#left #seeds ul li, #left #webshop ul li

{
	list-style-type: none;
	list-style-position: outside;
	list-style-image: none;
	margin:0px;
	padding:0px
}

#left #seeds a:link, #left #seeds a:visited, #left #webshop a:link, #left #webshop a:visited {
	color:#369;
	font: normal 10px/12px Arial, helvetica, arial, sans-serif;
	text-decoration: none;
}


#left #seeds a:hover, #left #webshop a:hover {color:#000; text-decoration: none;}

#left .accordion li.active ul li a.here:link, #left .accordion li.active ul li a.here:visited, #left #seeds a.here:link, #left #seeds a.here:visited, #left #webshop a.here:link, #left #webshop a.here:visited  { font-weight: bold; color: #C60;}

#cart
{
	position:relative;
	width:185px;
	border-width: 1px 1px 0px 1px;
	border-color: #CCC;
	border-style: solid;
	background-color: transparent;
	overflow:hidden;
	padding: 5px 5px 5px 0px;

}


#cart_title
{
	width:175px;
	background-color:#2D8BB2;	
	line-height:24px;
	font: bold 1em/2em helvetica, arial, sans-serif; color: #FFF;
	padding: 2px 0 2px 15px;
	margin-bottom:5px;

}


#bannerlink:link, #bannerlink:visited
{
	position: absolute;
	text-align:center;
	top:0px;
	left:0px;
	width:175px;
	background-color: transparent;
	line-height:24px;
	font: bold 18px/20px helvetica, arial, sans-serif; color: #FFF;
	padding: 8px 5px 2px 5px;
	height:110px;
	text-decoration: none;

}

a#bannerlink:hover
{
	color:rgb(235,235,235);
}

ul.accordion
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 190px;
	overflow: hidden;
	border-width: 1px 1px 0px 1px;
	border-color: #CCC;
	border-style: solid;
	background-color:#FFF;
}
	.accordion ul { padding: 10px 0 10px 0; margin: 0; float: left; display: block;}
	.accordion li ul { width:175px;}
	.accordion li { background-color:transparent; color:#FFF; cursor: pointer; list-style-type: none; padding: 0; margin: 0; float: left; display: block; width: 190px; border-bottom:1px solid #CCC;}
	#left .accordion li.active a:link, #left .accordion li.active a:visited { background: url('../images/close.gif') no-repeat center right; background-color:#2D8BB2; padding-left:15px; color:#FFF; }
	#left .accordion li a { padding:5px 0 5px 15px; color:#91B93F;}
	#left .accordion li.active ul li a:link,  #left .accordion li.active ul li a:visited { padding-left:0px; background-color:transparent; color:#369;}
	#left .accordion li.active ul li a:hover { padding-left:0; background-color:transparent; color: #000;}
	#left .accordion li.active ul li a:active { padding-left:0; background-color:transparent; }
	.accordion li div { padding: 20px; background: #aef; display: block; clear: both; float: left; width: 100%;}
	.accordion a { text-decoration: none; font: bold 1em/2em Arial, sans-serif; color: #222; padding: 0; display: block; cursor: pointer; background: url('../images/open.gif') no-repeat center right; color:#FFF; }
	#left  .accordion li ul li a:link, #left .accordion li ul li a:visited {display:inline; cursor: pointer; padding: 0px; font: normal 10px/14px Arial, helvetica, arial, sans-serif; color:#369; text-decoration: none;}
	#left  .accordion li ul li a:hover { text-decoration: none; }
	/* Level 2 */
	.accordion li ul li { background: transparent; font-size: 0.9em; color:#666; padding:0 10px 0 15px; border:none; width:165px;}
	
	
	#left .accordion li.nosubs a:link, #left .accordion li.nosubs a:visited  { background-image:none; background-color:#2D8BB2; padding-left:15px; color:#FFF; }
	
#counter
{
	font: normal bold normal 48px/100px "Lucida Grande", helvetica, arial, sans-serif;
	color:#093;
	height:100px;
	margin-top:30px;
}

a.anker {display: block; height:5px;}
#content #picturecontainer #iflow ul li span.blue {color:#2D8BB2; }

.normaal
{
	color: #333;
	font: 12px/12px "Lucida Grande", helvetica, arial, sans-serif;
}

iframe 
{
	width:500px;
	height: 350px;
	border: 1px solid #666;
	margin:15px 0 10px 0;
}

.topmargin { margin-top: 15px; }
.extratopmargin { margin-top: 25px; }

.asterix {font-weight:bold; color: #C60; font-size:12px;}

#intro
{
	position: relative;
	background-color: transparent;
	left:108px;
}

#intro img
{
	border:none;
	display:block;
}

#intro a:link, #intro a:visited
{
	border:1px solid #CCC;
	height:36px;
	display:block;
}

#intro a:hover
{
	border:1px solid #999;
}

#intro ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #966;
}

#intro li
{
	float: left;
	padding: 2px 4px 4px 2px;
	margin: 0;
	background-image: url(../countries/cshadow.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#intro li:hover
{
	background-image: url(../countries/cshadow.png);
	background-repeat: no-repeat;
	background-position: left -42px;
}


/*========================================*/
/*========COMMON STYLING==================*/
/*========================================*/

.social {

width:90px;
position:absolute;
right: 30px;
top:50px;

}
.social ul, .social_small ul {list-style:none;margin:0 auto;padding:0;}
.social ul.inlined, .social_small ul.inlined {float:right;}
.social ul li{width:32px;height:32px;margin: 2px; text-indent:-9999px;}
.social ul li a, .social_small ul li a{display:block;width:100%;height:100%;opacity: 0.7;-moz-opacity: 0.7;filter:alpha(opacity=70); background-color:transparent;}
.social ul li a:hover, .social_small ul li a:hover{opacity: 1;-moz-opacity: 1;filter:alpha(opacity=100);}

.social_small ul li{width:16px;height:16px;margin: 5px; text-indent:-9999px;}

/*========================================*/
/*========SOCIAL LARGE SIZE===============*/
/*========================================*/
.social ul a.twitter, a.facebook, a.flickr, a.myspace, a.delicious, a.digg, a.lastfm, a.youtube, a.feed, a.linked-in{background:url(../images/social_icons.png);}

.social ul a.twitter{background-position: 0px 0px;}
.social ul a.facebook{background-position: 0px -42px;}
.social ul a.flickr{background-position: 0px -84px;}
.social ul a.myspace{background-position: 0px -126px;}
.social ul a.delicious{background-position: 0px -168px;}
.social ul a.digg{background-position: 0px -210px;}
.social ul a.lastfm{background-position: 0px -252px;}
.social ul a.linked-in{background-position: 0px -294px;}
.social ul a.youtube{background-position: 0px -336px;}
.social ul a.feed{background-position: 0px -378px;}

/*========================================*/
/*========SOCIAL SMALL SIZE===============*/
/*========================================*/
.social_small ul a.twitter, .social_small ul a.facebook, .social_small ul a.flickr, .social_small ul a.myspace, .social_small ul a.delicious, .social_small ul a.digg, .social_small ul a.lastfm, .social_small ul a.youtube, .social_small ul a.feed, .social_small ul a.linked-in{background:url(../images/social_icons_small.png);}

.social_small ul a.twitter{background-position: 0px 0px;}
.social_small ul a.facebook{background-position: 0px -26px;}
.social_small ul a.flickr{background-position: 0px -52px;}
.social_small ul a.myspace{background-position: 0px -78px;}
.social_small ul a.delicious{background-position: 0px -104px;}
.social_small ul a.digg{background-position: 0px -130px;}
.social_small ul a.lastfm{background-position: 0px -156px;}
.social_small ul a.linked-in{background-position: 0px -182px;}
.social_small ul a.youtube{background-position: 0px -208px;}
.social_small ul a.feed{background-position: 0px -234px;}

/*========================================*/
/*========Clearfix========================*/
/*========================================*/
/* http://sonspring.com/journal/clearing-floats */
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0;}
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}



/* -------------------------------- */

.locatie {

font-size: 12px;
font-weight: normal;
font-family: verdana,helvetica,arial,sans-serif;
font-style: italic;
color: #999900;
margin-top:15px;

}

#content ul.breadcrumbs
{
	font-size: 12px;
	font-weight: normal;
	font-family: verdana,helvetica,arial,sans-serif;
	list-style-type: none;
	width: 680px;
	margin: 0 0 15px 0;
	padding: 0;
	font-style: italic;
	color:#999;
}

#content ul.breadcrumbs li
{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding:0;
}

#content ul.breadcrumbs li a:link, #content ul.breadcrumbs li a:visited
{
	color:#999;
	text-decoration: none;
	font-weight: normal;
}

#content ul.breadcrumbs li a:hover
{
	color:#666;
}

.vetrood {

	color:#C03;
	font-weight: bold;
}

.free
{
	color: #C03;
	font-weight: bold;
	text-decoration: line-through;
}