/* STYLES for Roosvicee */

/* algemeen */
body { background:white; background-repeat: no-repeat; background-position:24px 24px;
       margin:24px 24px 24px 290px; background-image:url(../gfx/bgfoto_algemeen.jpg) }
body, td { font:10px Verdana; color:#006C3E }
body.gezonddrinken { background-image:url(../gfx/bgfoto_gezonddrinken.jpg) }
body.producten { background-image:url(../gfx/bgfoto_producten.jpg) }
body.rozenbottel   { background-image:url(../gfx/bgfoto_rozenbottel.jpg) }
body.actiescommercials   { background-image:url(../gfx/bgfoto_nieuwsacties.jpg) }
body.Hut { background-image:none }
body.Bos { background-image:none }

h1 { font:18px Verdana; color:white; background:#66B822; 
     margin:0 0 0px 167px; padding:9px 9px 9px 16px }
h2 { margin:0 0 10px 167px; padding:4px 4px 4px 16px; background:#006C3E; color:white; font-size:11px }
h2.orange { background:#FB811F }
h3 { color:#006C3E; font-size:11px; margin:20px 0 3px 183px; padding:0 }
p  { margin:5px 20px 10px 183px; line-height:14px; }
#page object {margin:5px 0px 10px 183px; }
#page table { margin:5px 20px 10px 183px }
#page td  { padding-right:10px; vertical-align:top }
#page strong { color:#FB811F; font-weight:normal }
ul { margin:-6px 10px 10px 200px; padding:0; }
ul ul { margin:0; padding:0 0 0 40px }
ol { margin:-6px 10px 10px 183px; padding:0; }
ol { padding-left:17px }
li { margin-bottom:3px; }
a  { color:#006C3E; text-decoration:none; font-weight:bold }
a:hover { color:#E33 }
#page address { margin:0 0 0 167px; padding:4px 4px 4px 16px; background:#006C3E; color:white; font-style:normal }
img { margin:0; padding:0; }
img.right { float:right; margin-left:10px }
img.left  { float:left; margin:0 5px 5px 0 }
#hhome img { border:1px dashed blue }
p.sfeerfoto { margin:-15px 0 0 167px }
p.dw { margin:5px 0 10px 0 }
a.home_home { color:#66B822 }
a.geschiedenis_geschiedenis { color:#66B822 }
a.faq_faq { color:#66B822 }
a.contact_contact { color:#66B822 }
a img { border:0 }
a#voorwaarden { position:absolute; left:68px; top:676px; font-weight:normal }
a:focus {outline: 0;}
a:active {outline: 0;}

/* minimum height voor alle browsers */
div.minheight      { float:right; width:1px; }
div.minheightleft  { float:left; width:1px; }
div.h28            { height:28px }
div.h120           { height:120px }
div.h437           { height:438px }
/*div.h511          { height:511px }*/
div.clear          { clear:both; height:1px; overflow:hidden }
div.clearleft      { clear:left; height:1px; overflow:hidden }
div.clearright     { clear:right; height:1px; overflow:hidden }

/* page onderdelen */
div#topmenu { position:absolute; left:28px; top:8px; font-weight:bold; text-transform:uppercase }
div#topmenu a, div#header a { margin:0px 0px }
div#topmenu a.selected { color:#66B822; background:yellow; }

div#zoekmenu { position:absolute; width:200px; left:620px; top:4px; font-weight:bold; text-transform:uppercase }
div#zoekmenu input { width:100px; display:inline; margin:0; padding:1px; }
div#zoekmenu a#sitemap { background-image:url(../gfx/icon_sitemap.gif); background-repeat:no-repeat;
                         display:block; position:absolute; left:180px; top:4px; width:17px; height:11px; }
div#zoekmenu a#sitemap:hover { background-image:url(../gfx/icon_sitemap_hi.gif) }
div#zoekmenu a#zoekbtn { background-image:url(../gfx/icon_zoeken.gif); background-repeat:no-repeat;
                         display:block; position:absolute; left:157px; top:5px; width:6px; height:9px; }
div#zoekmenu a#zoekbtn:hover { background-image:url(../gfx/icon_zoeken_hi.gif) }                         

a#kids_bordje { background-image:url(../gfx/kids_bordje.gif); background-repeat:no-repeat;
                display:block; width:200px; height:139px; position:absolute; left:45px; top:530px; z-index:100 }
a#kids_bordje:hover { background-position:bottom }                
object#kids_bordje { position:absolute; left:45px; top:530px; }

/* header */
div#header_bg { margin-bottom:5px }
div#navbalk  { width:491px; height:24px; margin:0 0 0 0; color:white; 
               padding:13px 8px 5px 35px; background:#EE3338 url(../gfx/corner_lt.gif) no-repeat; 
               line-height:16px;  }

div.producten#navbalk { height:32px; padding:5px 8px 5px 35px;  }
               
div#navbalk h2 { display:block; float:left; margin:0px 10px 0 0; background:none; padding:0; 
                color:white; font-size:10px; text-transform:uppercase; font-weight:bold }
div#navbalk a { color:white; font-weight:normal }
div#navbalk a:hover, div#navbalk a.selected { color:#FF0 }

div.header {
  background-image:url(../gfx/header/bg_lekker_producten.jpg);
  background-repeat:no-repeat;
  width:534px; height:103px;
}
div.header h1 { font:24px Arial; margin:0; padding:22px 34px 0 34px; background:none; background-repeat:no-repeat; }
div.header h1 em { font:10px Verdana; font-weight:bold; line-height:17px; }
div.header h1.text { padding:10px 34px 0px 34px;  }
div.header h1 img { margin-bottom:-7px; }
div.header h1.gezond_algemeen, div.header h1.gezond_kinderen, div.header h1.lekker_tipsenrecepten,
div.header h1.leuk_kids { color:#006C3E }
div.header h1.drinktest { color:white }


/* subnavigatie */
div#subnav         { position:absolute; left:7px; top:15px; width:160px; 
                     font-size:11px; font-weight:bold;
                     background:#BBE0A7 url(../gfx/subnav.gif) repeat-y }
div#subnav_top     { background-image:url(../gfx/subnav_top.gif); background-repeat:no-repeat;  }
div#subnav_bottom  { background-image:url(../gfx/subnav_bottom.gif); background-repeat:no-repeat; background-position:bottom; }
div#subnav ul      { padding:16px 5px 16px 27px; margin:0; list-style-type:none }
div#subnav li      { margin-bottom:3px }
div#subnav a.selected { color:#66B822 }
div#page a.selected { color:#66B822 }


/* soorten pagina's */
div#page_bg            { width:534px; 
                         background-image: url(../gfx/bg_basis2.gif); background-repeat:repeat-y; }
div#page               { position:relative; padding-top:15px; 
                         background-image:url(../gfx/corner_lb.gif); background-repeat:no-repeat; background-position:left bottom }
div#home, div#vragen, div#sitemap,
div#zoekresultaten  { width:534px; padding:22px 0 22px 0; background:#66B822 url(../gfx/corner_lb.gif) no-repeat;
                         background-position:left bottom }
div#sitemap div a { color:#006C3E; text-decoration:none; font-weight:bold; text-transform:none; display:block; }
div#sitemap div.kader>div>div { margin:0; padding:0; padding:15px; }
div#sitemap div.kader div div p { font-weight:bold; margin:0; padding:0; cursor:default; color:#66B822; }
div#sitemap div.kader div div div div a { margin-left:15px; }
div#sitemap div.kader div div div div a.header2 { cursor:default; color:#66B822; }
div#sitemap div.kader div div div div div a { margin-left:30px; }

div#zoekresultaten em { color:#F30; font-weight:bold }
div#zoekresultaten h3 { margin-left:0 }
div#zoekresultaten a { color:#006C3E; text-decoration:none; font-weight:bold; }
div#zoekresultaten h3 a:hover { color:#E33 }

div#drinkwijzer_page form { margin:0; padding:0 }
div#drinkwijzer_page #subnav h3 { padding:4px 0 4px 26px; margin:0;  }
div#drinkwijzer_page #subnav p  { padding:0; margin:4px 0 0 26px }
div#drinkwijzer_page form #subnav_bottom { padding:18px 0; margin:0 }
div#drinkwijzer_page #subnav a  { font-weight:normal }
div#drinkwijzer_page #subnav a:hover  { color:#E33 }
div#drinkwijzer_page input.checkbox { width:auto; height:auto; border:0; margin:0 0 0 24px; padding:0 }

div#drinkwijzer_page select { width:124px;  }
div#drinkwijzer_page table { margin:0 }
div#drinkwijzer_page td { border:0; padding:2px 4px 2px 0;  }
div#drinkwijzer_page input.submit { margin-left:24px }


div#drinktest_page #subnav h3 { padding:0px 0 4px 0px; margin:0;  }
div#drinktest_page form input { width:32px; margin:0px }
div#drinktest_page table { margin:0 }
div#drinktest_page th { color:#006C3E; text-align:left; padding-top:12px }
div#drinktest_page td { color:black; padding:0 2px 0 0; vertical-align:middle }
div#drinktest_page td em { color:#F33; font-style:normal }


              
img#logo { position:absolute; left:40px; top:40px; border:0px solid green; }

/* kader */
.kader            { margin:0px 0 17px 33px; width:476px; background:#EBF6E5 url(../gfx/kader_right.gif) repeat-y; background-position:right; }
div.kader_top     { background-image:url(../gfx/kader_corner_rt.gif); background-repeat:no-repeat; background-position:right top }
div.kader_bottom  { background-image:url(../gfx/kader_bottom.gif); background-repeat:no-repeat; background-position:bottom; 
                    padding:9px 11px 9px 16px; }
.kader h2      { margin:0 0 0 0; padding:0; color:#006C3E; background:none; }                    
.kader p       { margin:0 30px 0 0; padding:2px 0 4px }
.kader p.quote { margin-top:4px; border-top:1px dashed #006C3E; border-bottom:1px dashed #006C3E; }
.kader img.right { float:right }
.kader a       { font-weight:bold; color:#E33; text-transform:uppercase }

div#vragen .kader { margin-bottom:6px }
div#vragen .kader h2 { padding-left:5px }
div#vragen div.collapsed p { display:none; padding-left:5px }
div#vragen div.expanded p { display:block; padding-left:5px  }
div#vragen h2, div#vragen p { margin:0 30px 0 10px }
div#vragen h2  { text-indent:-16px; cursor:pointer; z-index:100 }
div#vragen h2.selected { color:#E33 }

/* buttons */
img#btn1, img#btn1sel, img#btn1back { position:absolute; left:154px; top:214px; cursor:pointer}
img#btn2, img#btn2sel, img#btn2back { position:absolute; left:207px; top:302px; cursor:pointer}
img#btn3, img#btn3sel, img#btn3back { position:absolute; left:154px; top:390px; cursor:pointer}
img#cirkel2     { position:absolute; left:290px; top:307px; filter:alpha(style=0,opacity=83); } 

/* menu */
div#mainmenu { border-bottom:1px solid #005f33; display:block; width:260px; margin:0; padding:0; position:absolute; left:25px; top:190px; background:url(../gfx/bg_mainmenu_opacity.png) repeat; }
div#mainmenu a,
div#mainmenu label  { display:block; cursor:pointer;}
div#mainmenu>a label { border-top:1px solid #005f33; margin:0; padding:0; text-indent:-3000px; background-position:top left; background-repeat:no-repeat; width:258px; height:23px; margin:0; padding:0; }
div#mainmenu a#Gezonddrinken label {background-image:url(../gfx/nav_gezonddrinken.png); }
div#mainmenu a#Rozenbottel label {background-image:url(../gfx/nav_rozenbottel.png); }
div#mainmenu a#Producten label {background-image:url(../gfx/nav_producten.png); }
div#mainmenu a#ActiesCommercials label {background-image:url(../gfx/nav_actiescommercials.png); }
div#mainmenu a:hover label,
div#mainmenu a.hover label { background-position:center left; }
div#mainmenu a.selected label { background-position:bottom left; }
div#mainmenu>div { /*height:146px;*/ border-top:1px solid #005f33; width:258px; padding:5px 0; }
div#mainmenu div a { margin-left:15px; border:0; font-weight:bold; color:#005f33; height:16px; }
div#mainmenu div a:hover,
div#mainmenu div a.hover { color:#ff2f35; }
div#mainmenu div>a.selected { color:#00b900; }
div#mainmenu div div { /*display:none;*/ height:auto; }
div#mainmenu div div a { margin-left:30px; font-weight:normal; }

/* formulieren */
form #subnav div.label { font-size:10px }
form #subnav input { width:120px; margin-bottom:6px }
form #subnav_bottom { padding:20px 0 20px 20px }
form #subnav ul { margin:0; padding:0 0 25px 0 }
#rightcolumn { margin:15px 0 0 188px }
form { margin:0; padding:0 }
input, select, textarea { border:1px solid #006C3E; font:11px Verdana }
div.label { font-weight:bold; color:#006C3E; font-size:11px; margin-bottom:2px }
input, textarea { width:323px; margin-bottom:6px }
input.checkbox { width:auto; height:auto; border:0; margin:0; padding:0 }
select { width:154px; margin-bottom:6px }
.left { float:left; margin-right:17px }
input.submit { width:auto; color:white; background:#006C3E; border:0; padding:2px 6px 2px; 
               font-size:11px; font-weight:bold; margin:10px 0 10px 0; cursor:pointer; }

div#drinktest_intro {
  background:#063; color:white;
  position:absolute;
  left:369px; top:137px;
  padding:24px 17px;
  width:369px;
}
div#drinktest_intro h2 { color:#FC3; background:none; margin:0 0 4px 0; padding:0 }
div#drinktest_intro p { margin:0 0 18px 0; font:10px Verdana; font-weight:bold; line-height:17px; }
div#drinktest_intro a { color:#FC3; text-decoration:underline; font:12px Verdana; font-weight:bold; }
div#drinktest_intro img { margin-top:6px }
div#drinktest_intro div#button { text-align:center }
               
/* Box Model Hack voor IE5/IE5.5 */

div#navbalk {
  width:534px; height:42px;
  voice-family: "\"}\"";  voice-family:inherit; 
  width:491px; height:24px;
}               
html>body div#navbalk { height:24px }
div.producten#navbalk {
  height:42px;
  voice-family: "\"}\"";  voice-family:inherit; 
  height:32px;
}
html>body { width:auto }
div#page {
  height:449px;
  voice-family: "\"}\"";  voice-family:inherit; 
  height:auto;
}
html>body { width:auto }
div.kader_bottom { 
  height:30px;
  voice-family: "\"}\"";  voice-family:inherit; 
  height:auto;
}

ul#mainmenu ul#gezond ul { left:44px; top:215px; width:104px; height:54px; padding:30px 44px 20px 8px }
ul#mainmenu ul#gezond ul#algemeen { padding:20px 44px 30px 8px }
ul#mainmenu ul#gezond ul#drinkwijzer { padding:40px 44px 10px 8px }

ul#mainmenu ul#lekker ul { left:259px; top:298px; width:158px; height:108px; padding:5px 0 0 58px }
ul#mainmenu ul#lekker ul#tips           { padding:36px 0 0 58px; height:73px }
ul#mainmenu ul#lekker ul#producten      { height:148px; }

ul#mainmenu ul#leuk   ul { left:155px; top:443px; width:104px; height:110px; padding:62px 0 0 0px }

ul#mainmenu a  { display:block; font-weight:normal; border:0; margin:0; width:107px; padding:0px 2px 1px 2px; color:black; }
ul#mainmenu ul#lekker a { width:118px }

ul#mainmenu ul ul li { 
  margin-left:-16px; 
  voice-family: "\"}\"";  voice-family:inherit; 
  margin-left:0; 
}



html>body { width:auto }
ul#mainmenu a { 
  margin:-2px 0 -2px 0;
  voice-family: "\"}\"";  voice-family:inherit; 
  margin:0;
}
html>body { width:auto }

ul#mainmenu ul#gezond ul { 
  width:156px; height:104px; top:215px; left:44px;
  padding:30px 44px 20px 8px;
  voice-family: "\"}\"";  voice-family:inherit; 
  width:104px; height:54px; 
}
html>body { width:auto }
ul#mainmenu ul#gezond ul#algemeen { padding:20px 44px 20px 8px }
ul#mainmenu ul#gezond ul#drinkwijzer { padding:40px 44px 10px 8px }

ul#mainmenu ul#lekker ul { 
  width:206px; height:113px; 
  voice-family: "\"}\"";  voice-family:inherit; 
  width:148px; height:108px; 
}
html>body { width:auto }
ul#mainmenu ul#lekker ul#tipsenrecepten { 
  height:113px;
  voice-family: "\"}\"";  voice-family:inherit; 
  height:83px;
}
html>body { width:auto }
ul#mainmenu ul#leuk ul { 
  height:165px; 
  voice-family: "\"}\"";  voice-family:inherit; 
  height:110px;
}
html>body { width:auto }
div#drinktest_intro {
  width:403px; 
  voice-family: "\"}\"";  voice-family:inherit; 
  width:369px;
}
html>body { width:auto }

/* Rozenbottel tabel */
body.rozenbottel #page table { border:2px solid #66b822; border-bottom:0; border-collapse:collapse; width:330px; background:#ecf6e0; margin:1px 0 0 183px; padding:0; }
body.rozenbottel #page table th { background:#66b822; font-weight:bold; font-size:12px; }
body.rozenbottel #page table th.c2 { text-align:left; }
body.rozenbottel #page table tr { margin:0; padding:0; }
body.rozenbottel #page table tr td { font-weight:bold; font-size:12px; margin:0; padding:0; height:auto; vertical-align:middle; position:relative; border-bottom:2px solid #66b822; }
body.rozenbottel #page table tr td.c3 { text-align:center; }
body.rozenbottel #page table img { margin:0; padding:0; display:block; }
body.rozenbottel #page table tr td.c4 div { position:relative;}
body.rozenbottel #page table tr td strong { padding:3px 0 0 5px; color:#006C3E; background:#66b822; width:195px; font-size:11px; font-weight:normal; display:block; position:absolute; top:0; left:-160px; height:35px; display:none;}