/* Jaarsma & De Boer B.V. - http://www.jaarsma-deboer.nl - info@jaarsma-deboer.nl

	
	KOPIËREN EN/OF AFKIJKEN IS NIET NETJES - COPYRIGHT Jaarsma & De Boer B.V.	;-) 	*/


/* ontwikkeld tbv de website www.fruittuin.com - april 2006 - FdB */





body 		{
		margin: 0;
		padding: 0;
		height: 100%;
		background: #00904C url(../images/achtergrond.gif) no-repeat;
		font-family: Verdana,Arial, Sans-Serif;font-size: 12px;
		text-align: left;

		}
#container{
	margin: 0;
		padding: 0;
		background: transparent url(../images/appel.png) no-repeat;
	width: 900px;
	height:600px;	
	float: left;text-align: left;	
}

#container2{
	margin: 0;
		padding: 0;
		background: transparent url(../images/boom.png) no-repeat;
	width: 900px;
	height:600px;	
	float: left;text-align: left;	
}

#container3{
	margin: 0;
		padding: 0;
		background: transparent url(../images/loof.png) no-repeat;
	width: 900px;
	height:600px;	
	float: left;text-align: left;	
}

#container4{
	margin: 0;
		padding: 0;
		background: transparent url(../images/peer.png) no-repeat;
	width: 900px;
	height:600px;	
	float: left;text-align: left;	
}

.header { height: 167px; display: block; }

.navigatieblok { padding-top: 146px; padding-left: 242px;}

.topnavigatie				{ color: #00904b; font-size: 12px; font-weight: bold; text-align: center; padding-right: 20px;}
.topnavigatie:link  		{ color: #00904b; text-decoration: none;}
.topnavigatie:visited  	{ color: #00904b; text-decoration: none;}
.topnavigatie:active  	{ color: #00904b; text-decoration: none;}
.topnavigatie:hover 		{ color: #db3539; text-decoration: none; } 

.subnavigatie				{ color: #ffffff; font-size: 12px; font-weight: bold; display: block; line-height: 200%;}
.subnavigatie:link  		{ color: #ffffff; text-decoration: none;}
.subnavigatie:visited  	{ color: #ffffff; text-decoration: none;}
.subnavigatie:active  	{ color: #ffffff; text-decoration: none;}
.subnavigatie:hover 		{ color: #ffffff; text-decoration: underline; } 

.editorlink				{ color: #ffffff; font-size: 12px; line-height: 200%;}
.editorlink:link  		{ color: #ffffff; text-decoration: none;}
.editorlink:visited  	{ color: #ffffff; text-decoration: none;}
.editorlink:active  	{ color: #ffffff; text-decoration: none;}
.editorlink:hover 		{ color: #ffffff; text-decoration: underline; } 

.contentblok {color: #ffffff; width: 900px; padding-top: 40px; float: left;line-height: 150%;}
.subnavigatieblok {color: #ffffff; width: 175px; padding-top: 36px; float: left; padding-right: 5px;text-align: right;}
.content {width: 480px; padding-top: 36px;padding-left: 62px; float: left; padding-bottom: 40px;}
.linkerkolom_producten_titel {width: 350px; font-weight: bold; float: left; padding-bottom: 15px; color: #DB363A;text-transform:uppercase; }
.rechterkolom_producten_titel {width: 60px; font-weight: bold; float: right; padding-bottom: 15px; color: #90C84B;text-transform:uppercase;}
.linkerkolom_producten {width: 350px; float: left; padding-right: 0px;color: #ffffff; padding-bottom: 15px;}
.rechterkolom_producten {width: 60px; float: right;color: #ffffff;padding-bottom: 15px;}


.productnaam {width: 410px; font-weight: bold; float: left; padding-bottom: 15px; color: #DB363A;text-transform:uppercase; display: block; }
.productomschrijving {width: 410px; float: left; padding-bottom: 15px; color: #ffffff; display: block; }
.productfoto {width: 410px; float: left;  display: block;}

productmaat{width: 410px; float: left; padding-bottom: 15px; color: #ffffff; display: block; }

.producttoelichting {font-style: italic;font-size: 11px;}

.catalogusoverzicht{width: 600px;  display: table; padding-left: 20px;}
.catalogusitemblokcontainer{width: 140px; height:155px; display:  block; float:left; }
.catalogusitemblok{width: 130px; height:145px; display:  block; float:left; background-color: #; border: 1px solid #41AD49;}
.catalogustitel { color: #ffffff; font-size: 12px; font-weight: bold; margin-left: 7px;}
.catalogusomschrijving { color: #ffffff; font-size: 12px; font-style: italic; margin-left: 7px;}
.catalogusfoto {width: 114px; height:100px; margin-left: 7px;display: block; overflow: hidden;}
.listfoto {width: 164px; height:100px; margin-left: 7px;display: block; overflow: hidden;}

.categorietitel { color: #ffffff; font-size: 14px; font-weight: bold; line-height: 200%; }

.lijstoverzicht{width: 600px;  display: table; padding-left: 20px;}
.lijstitemblokcontainer{width: 190px; height:215px; display:  block; float:left; }
.lijstitemblok{width: 180px; height:205px; display:  block; float:left; background-color: #; border: 1px solid #41AD49;}
.lijsttitelcontainer { height:32px;width: 164px; margin-left: 7px; margin-top: 7px;display: block; }
.lijsttitel { color: #ffffff; font-size: 11px; font-weight: bold; line-height: 125%; }
.lijstomschrijving { color: #ffffff; font-size: 11px; font-style: italic; margin-left: 7px;line-height: 125%;}
.lijstfoto {width: 114px; height:100px; margin-left: 7px;display: block; overflow: hidden;}

#winkelbutton				{ background-color: #41AD49; border: 1px solid #F58535; color: #ffffff; padding: 5px; font-size: 12px; font-weight: bold; text-align: center; padding-right: 20px; text-decoration: none; width: 200px;}
#winkelbutton:link  		{ background-color: #41AD49; text-decoration: none;}
#winkelbutton:visited  	{ background-color: #41AD49; text-decoration: none;}
#winkelbutton:active  	{ background-color: #41AD49; text-decoration: none;}
#winkelbutton:hover 		{ background-color: #00AB5B; text-decoration: none; } 

.content a				{ color: #ffffff; text-decoration: underline;}
.content a:link  		{ color: #ffffff; text-decoration: underline;}
.content a:visited  	{ color: #ffffff; text-decoration: underline;}
.content a:active  	{ color: #ffffff; text-decoration: underline;}
.content a:hover 		{ color: #ffffff; text-decoration: none; } 


.adresblok{width: 175px;padding-top: 60px;float: left; padding-right: 5px;text-align: right;}

.afbeelding1 {position: absolute; left: 886; top: 67; z-index: 2;}
.afbeelding2 {position: absolute; left: 772; top: 167; z-index: 3;}
.afbeelding3 {position: absolute; left: 886; top: 167; z-index: 4;}
.afbeelding4 {position: absolute; left: 772; top: 267; z-index: 5;}
.afbeelding5 {position: absolute; left: 886; top: 267; z-index: 6;}
.afbeelding6 {position: absolute; left: 772; top: 367; z-index: 7;}
.afbeelding7 {position: absolute; left: 886; top: 467; z-index: 8;}