/*******************************************

 CSS writing by Niki Colson, Miel Vandevelde
 © PROVAMEL - 2007
 
 
 CONTENT
 -------
 01. PAGE STRUCTURE + ELEMENTS
 02. TOP
 03. NAVIGATION
 04. CONTENT
 05. BANNER RIGHT
 06. FOOTER
 
*******************************************/



/*----------------------------------------------------------- 01. PAGE STRUCTURE + ELEMENTS --------------------------*/

html, body { background: #fff; margin: 0; padding: 0; }

ul { margin: 0; }

h1 { color: #97BF0D; font: bold 13px Arial, Helvetica, sans-serif; margin: 0; }

#wrapper { height: 605px; margin: 0 auto; position: relative; width: 921px; }

#linksboven { background-repeat: no-repeat; border: 6px solid #fff; display: none; height: 113px; left: -20px; position: absolute; top: 85px; width: 113px; }
.soyahanden { background: url(img_gen/rsoya_beeld.jpg); display: none; }
.marjan { background: url(img_gen/R_brand_marjan.jpg); display: none; }
.yoni { background: url(img_gen/R_my_yoni.jpg); display: none; }
.anke { background: url(img_gen/R_products_anke.jpg); display: none; }
.mine { background: url(img_gen/R_recipes_mine.jpg); display: none; }
.myrthe { background: url(img_gen/R_news_myrthe.jpg); display: none; }
.logosus { background: url(img_gen/R_sus_logo.jpg); display: none; }
.bram { background: url(img_gen/R_contact_bram.jpg); display: none; }

.scrollouter{display:none;}

/*----------------------------------------------------------- 02. TOP -------------------------------------*/

#top { height: 126px; }
#baseline { display: none; float: left; padding: 106px 0 0 124px; width: 512px; }
#logo { float: left; height: 94px; margin: 32px 0 0; }

/*----------------------------------------------------------- 03. NAVIGATION ------------------------------*/

#navi { background: url(img_gen/bg_navi.gif) no-repeat; display: none; height: 44px; }

#rubrieken { display: none; float: left; padding: 27px 0 0 130px; width: 660px; }
.navImage { padding: 0 0 0 9px; }

#zoeken { display: none; float: left; height: 24px; padding: 20px 0 0; width: 131px; }
.invulveld { background: #fff; border: 0; color: #333; font: 11px Arial, Helvetica, sans-serif; padding: 2px; width: 90px; }


/*----------------------------------------------------------- 04. CONTENT ---------------------------------*/ 

#content { height: 385px; }
#content.products { height: 480px; }

#sfeerbeeld { diplay:hidden;}
body.recipes *#sfeerbeeld { diplay:block; float: left; height: 385px; width: 247px; }

.AAA {display:none;}

#textspace { float: left; height: 385px; overflow: visible; width: 543px; }

#call { background: #064413; display: none; height: 79px; }

#item { height: 306px; }

#productspacenavi { float: left; height: 480px; width: 115px; }

#text { float: left; height: 271px; overflow: visible; padding: 25px 5px 10px 10px; width: 413px; }
/* text ELEMENTS */
.text { color: #000; font: 12px/15px Arial, Helvetica, sans-serif; }
.text p { margin: 12px 0; }
.text ul { list-style: disc outside; margin: 10px 0; padding: 0; }
.text ul li { margin: 0 0 0 15px; }
.text a { color: #97bf0d; }
.text a:hover { text-decoration: none; }
/* text CLASSES */
.text a.send { background: url(eng/general/img/send.gif); display: block; float: right; height: 15px; margin: 15px 0 25px; text-decoration: none; width: 52px; }
.text a:hover.send { background: url(eng/general/img/send.gif) -52px; }
.text table.form { padding: 0; text-align: right; }
.text table.form input, .text table.form textarea { border: 1px solid black; color: #064413; font: 12px/15px Arial, Helvetica, sans-serif; padding: 2px; }
.text table.form input:focus, .text table.form textarea:focus, .text table.form select:focus { background: #E5EFC2; outline: 0; }

#productspace { float: left; height: 480px; width: 806px; margin-left:-120px;}
#productspace table.productuitleg { color: #333; font: 11px Arial, Helvetica, sans-serif; }
#productspace table.productuitleg td.producttitle { color: #064413; font: bold 14px Arial, Helvetica, sans-serif; padding: 30px 0 20px 20px; }
#productspace table.productuitleg td a.print { background: url(img_gen/printer.jpg); display: block; height: 43px; width: 43px; }
#productspace table.productuitleg td a:hover.print { background: url(img_gen/printer.jpg) -43px; }
#productspace table.productuitleg td.stippellijn { border-bottom: 1px dotted #666; }
#productspace table.productuitleg td p.download { border: 1px dotted #666; display: none; margin: 20px 0 0; padding: 8px; width: 74px; }
#productspace table.productuitleg td p.download a { color: #97BF0D; text-decoration: none; }
#productspace .gda { color: #666; font: 11px Arial, Helvetica, sans-serif; padding: 35px 0 0; text-align: center; }
#productspace .gdaprocent { color: #666; font: 12px Arial, Helvetica, sans-serif; padding: 17px 0 0; text-align: center; }
#productspace .onderschriften { color: #666; font: 10px Arial, Helvetica, sans-serif; }

/* SUBNAVIGATION RIGHT */
#subnavi { display: none; float: left; height: 275px; padding: 25px 0 0; width: 115px; }
.subnav { color: #A2BD30; font: 12px Arial, Helvetica, sans-serif; text-align: right; }

ul.subnavigatie { list-style: none; margin: 0; padding: 0; }
ul.subnavigatie li { margin: 0; padding: 0; }
ul.subnavigatie li a { background: url(img_gen/bullet_navi.gif) no-repeat right center; color: #A2BD30; display: block; padding: 0 10px; text-decoration: none; }
ul.subnavigatie li a:hover { background: url(img_gen/bullet_navia.gif) no-repeat right center; color: #064413; }



/*----------------------------------------------------------- 05. BANNER RIGHT ----------------------------*/

#bannerspace { display: none; float: left; height: 375px; padding: 10px 0 0 10px; width: 121px; }
.bannerspaceTekst {	color: #666; font: 11px Arial, Helvetica, sans-serif; }
.bannerspaceTekst a { color: #666; }
.bannerspaceTekst a:hover{ color: #064413; }



/*----------------------------------------------------------- 06. FOOTER ----------------------------------*/

#footer { display: none; height: 50px; }

#extralinksLeft { float: left; height: 50px; width: 591px; }
ul.extralinks { list-style: none; margin: 0; padding: 0; }
ul.extralinks li { color: #666; display: block; font: 11px Arial, Helvetica, sans-serif; height: 15px; margin: 0; padding: 0; }
ul.extralinks li a { background: url(img_gen/bullet_grijs.gif) no-repeat left center; color: #666; padding: 0 0 0 10px; text-decoration: none; }
ul.extralinks li a:hover { background: url(img_gen/bullet_lichtgroen.gif) no-repeat left center; color: #97bf0d; }

#extralinksRight { float: right; height: 50px; width: 250px; }
#extralinksRight a { background: url(eng/general/img/button_test.gif); display: block; height: 33px; margin: 15px 0 0 12px; width: 109px; }
#extralinksRight a:hover { background: url(eng/general/img/button_test.gif) -109px; }