/* 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; }

td, p, big	{ font-family: Verdana,Arial, Sans-Serif;font-size: 12px; text-align: left; }

big         {font-weight: bold;}
                                                                       
#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; }

#productcontainer{ color:#fff; width: 410px; float: left;text-align: left; display: block; }

pre{ color:#fff; width: 550px; float: left;text-align: left; }
                                                         
.header { height: 167px; display: block; }

.navigatieblok              { padding-top: 100px; padding-left: 242px; }
.topnavigatie				{ color: #00904b; font-size: 12px; font-weight: bold; text-align: center; padding-right: 20px; line-height:25px; }
.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; } 

.subnavigatieblok           { color: #ffffff; width: 175px; padding-top: 36px; float: left; padding-right: 5px;text-align: right; }
.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%; overflow: visible;}
.content            { width: 480px; padding-top: 36px; padding-left: 62px; float: left; padding-bottom: 40px; overflow: visible; }
.content2           { width: 480px; padding-top: 36px; padding-left: 62px; float: left; padding-bottom: 40px; overflow: visible; }
.contentaanbieding  { width: 480px; padding-top: 36px;padding-left: 30px; float: left; padding-bottom: 40px; display: block; }
   
.linkerkolom_producten_titel    { width: 350px; font-weight: bold; float: left; padding-bottom: 15px; color: #DB363A; text-transform:uppercase; }
.linkerkolom_producten          { width: 350px; float: left; padding-right: 0px;color: #ffffff; padding-bottom: 15px; }
.rechterkolom_producten_titel   { width: 60px; font-weight: bold; float: right; padding-bottom: 15px; color: #90C84B; text-transform:uppercase; }
.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; }
.producttitel               { font-size: 14px; font-weight: bold; }
.productfoto                { width: 250px; float: left; display: block; }
.productfoto2               { width: 250px; float: left; display: block; }
.productfoto-aanbieding     { width: 114px; float: left; display: block; }
.productfoto-aanbieding img { width: 114px; height: 100px;float: left; display: block; overflow: hidden; }
.productopmaakcontainer     { width: 480px; float: left; display: block; }
.productopmaak              { padding: 10px; border: 1px solid #41AD49; display: table; width: 250px; }
.productopmaak-aanbieding   { padding: 10px; border: 1px solid #41AD49; display: block; width: 134px; }
.productmaat                { width: 450px; float: left; padding-bottom: 15px; color: #ffffff; display: block; }
.producttoelichting         { font-style: italic;font-size: 11px;float: left; width: 410px; display: block; }

.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; margin-right: 10px; }
.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%; }
.lijsttitelblok             { width: 410px; display: block; height: 128px;  margin-left: 20px;padding-left: 14px; padding-top: 14px; }
.lijstomschrijving          { color: #ffffff; font-size: 11px; font-style: italic; margin-left: 7px; line-height: 125%; }
.lijstfotoblok              { width: 114px; height:100px; margin-left: 7px;display: block; overflow: hidden; }
.lijstfoto                  { width: 114px; height:100px; margin-left: 7px;display: block; overflow: hidden; }
.lijstfoto2                 { width: 114px; height:100px; margin-left: 7px;margin-top: 7px; overflow: hidden; }
.lijstfotoblok              { width: 128px; height:114px; margin-left: 7px;margin-top: 7px;display: block; float:left; /*background-color: #;*/ border: 1px solid #41AD49; }

.imagelink a    { border: 0px; }
img             { border:0px; }
                                
#winkelbutton				{ background-color: #41AD49; border: 1px solid #F58535; color: #ffffff; padding: 5px; font-size: 12px; font-weight: bold; text-align: center; padding-right: 10px; text-decoration: none; margin-right: 10px;width: 190px; float: left; }
#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; } 

#winkelbutton2				{ 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; margin-right: 10px;width: 190px; float: right; }
#winkelbutton2:link  		{ background-color: #41AD49; text-decoration: none; }
#winkelbutton2:visited  	{ background-color: #41AD49; text-decoration: none; }
#winkelbutton2:active  	    { background-color: #41AD49; text-decoration: none; }
#winkelbutton2: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; }