html { height:100%; min-height:100%; margin-bottom:1px }
body { height:100%; }

body { background:#BBB; margin:0; padding:0; font:small Verdana }
div#wrapper1 { width:772px; background:white; margin:0 auto; padding:0 0 17px 0; position:relative }
div#wrapper2 { width:772px; background:white; margin:0 auto; }
div#page { margin:0 0 0 157px; padding:0 0 100px 0;width:615px}
img#logo { margin:17px 0 9px 17px }

div#language { position:absolute; top:70px; right:10px; }
div#language ul { margin:0; padding:0 }
div#language ul li { display:block; float:left; color:#999; font-size:9px; margin:0; padding:0 }
div#language ul a { padding:0 6px 0 6px;color:#999; text-decoration:none; font-size:9px }
div#language ul a:hover { color:#F93F16 }
div#language ul a.selected { color:black }

div#payoff { background:#999; color:white; padding:2px 0 3px; text-transform:uppercase; font-size:10px; letter-spacing:1px; font-weight:bold; text-align:center }

div.home { margin-bottom:0px; }

div#webetui_foto img { margin-bottom:3px }

div#rechterkolom { width:203px; position:absolute; right:0; top:126px; padding:0px 0; }
div#rechterkolom p { margin:0 }
div#rechterkolom img { margin-bottom:3px }
h1 { color:#063; margin:0; padding:0; clear:left }
a img { border:0 }
a { color:#063 }
a:hover { color:#F93F16 }

div#webetui_foto p,
div#webetui_productfoto p { margin:0; padding:0 }

div.kader { background:#E5E5E5; padding:4px 0px 3px 10px; font-size:9px; margin:0 0 3px 0 }
div.kader h2 { font-size:9px; margin:0 0 2px 0 }
div.kader p  { margin:0 0 2px 0 }
div.kader em { font-style:normal; display:block; width:68px; float:left }
div.kader ul { margin:0 0 4px; padding:0 0 0 16px; font-size:10px; }
div.kader a  { color:#000; text-decoration:none }
div.kader a:hover  { color:#F93F16; text-decoration:underline }

div#contact { border:1px solid black; background:white; margin:0 0 3px 0; padding:7px 0 8px 10px }
div#contact a { color:#063; text-decoration:underline }
div#contact a:hover { color:#F93F16;}
div#contact table { width:180px;}
div#contact table td { background:none; padding:0; }
div#contact table td.c2 { text-align:right; }

div#tekst { font-size:85%; width:414px; padding:0 0 80px 0 } 
div#tekst h1 { font-size:160%; margin:18px 0; } 
div#tekst h2 { font-size:115%; margin:24px 0 6px } 
div#tekst h3 { font-size:100%; margin:4px 0; color:#555 } 
div#tekst h4 { font-size:85%; margin:2px 0 12px; color:#999 } 
/*div#tekst p  { margin:0 234px 1em 0 } */
div#tekst p  { margin:0 8px 1em 0 } 
div#tekst p.bijschrift { font-size:85%; font-weight:bold; color:#999; margin-bottom:24px } 
div#tekst p.bijschrift img { margin:0 0 4px 0 } 
div#tekst ul { margin:0 40px 1.5em 25px; padding:0 }
div#tekst ol { margin:0 40px 0 25px; padding:0 }
div#tekst li { margin:0 0 10px 0 }
div#tekst p.left { margin:0 0 1em 0 }
div#tekst p.left img { float:left; margin-right:3px }

table.tabel { margin:0 0 1em 0 }
table.tabel td { background:#E5E5E5; vertical-align:top; padding:5px; border:1px solid white }

div#menu { position:absolute; top:126px; font:10px Verdana; font-weight:bold; width:144px  }
div#menu a { text-decoration:none; color:#063; display:block; padding:4px 20px 4px; width:104px;
background-image:url(../gfx/menu_dashed.gif); background-repeat:repeat-x; background-position:bottom; }
div#menu li ul a { padding:4px 8px 4px 32px; color:#999;  }
div#menu a.selected { background-color:#E3E4E4; color:#063 }
div#menu a:hover { color:#063; background-color:#E3E4E4 }
div#menu li ul a.parent { color:#999; }
div#menu a#producten { background-color:white }
div#menu li ul a.selected#producten { background-color:#E3E4E4; }
div#menu li ul a.parent#producten { background-color:#FFF; }
div#menu a.parent  { background-color:white }
div#menu a.parent#producten:hover { color:#063; background-color:#E3E4E4 }
div#menu img#product_arrow { position:absolute; left:85px; top:28px }
/*
div#menu a#producten { background-image:url(../gfx/menu_arrow.gif); background-repeat:no-repeat; background-position:90px 8px }
div#menu li ul a#producten { background-image:none }
*/
div#menu ul { list-style-type:none; margin:0; padding:0; }
div#menu ul ul { border:0; background:none; padding:0; }
div#menu li { margin:0; padding:0 0 0 0; display:block; float:left; }

/*div#menu li.selected { border-top:1px solid #E3E4E4 }
div#menu li.parent { border-top:1px solid white }*/

div#labels { min-height:110px; }
div#labels ul { margin:0; padding:0; list-style-type:none; }
div#labels li { margin:0; padding:0; display:block; float:left }
div#labels a { display:block; float:left; margin:0 0px 3px 0; width:103px; height:52px; background-repeat:no-repeat;
font-size:10px; text-indent:-3000px; text-decoration:none }
div#labels a:hover, div#labels a.selected { background-position:left bottom }
div#labels a.parent { background-position:left top }
div#labels a#redvine    { background-image:url(../gfx/redvine.gif) }
div#labels a#romavine   { background-image:url(../gfx/romavine.gif) }
div#labels a#grandvine  { background-image:url(../gfx/grandvine.gif) }
div#labels a#romadori   { background-image:url(../gfx/romadori.gif) }
div#labels a#sweetvine  { background-image:url(../gfx/sweetvine.gif) }
div#labels a#amor       { background-image:url(../gfx/amor.gif) }
div#labels a#yellowgold { background-image:url(../gfx/yellowgold.gif) }
div#labels a#orangegold { background-image:url(../gfx/orangegold.gif) }
div#labels a#gartennova { background-image:url(../gfx/gartennova.gif) }
div#labels a#euforia    { background-image:url(../gfx/euforia.gif) }
div#labels a#kumato     { background-image:url(../gfx/kumato.gif) }
div#labels a#foodservicetomatoes  { background-image:url(../gfx/foodservicetomatoes.gif) }

div#footer { border-top:1px solid #CCC; text-align:center; padding:4px }
div#footer a { font-size:75%; text-decoration:none }