/* STYLES for Roosvicee */

/* algemeen */
body { background:white; margin-left:-167px }
body, td { font:10px Verdana; color:#000 }

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 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.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:#E33 }
a.geschiedenis_geschiedenis { color:#E33 }
a.faq_faq { color:#E33 }
a.contact_contact { color:#E33 }
a img { border:0 }
a#voorwaarden { display:none }

/* 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 { display:none }
div#zoekmenu { display:none }

/* header */
div#header_bg { margin-bottom:5px }
div#navbalk  { display:none  }
             
div.header { 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; text-transform:uppercase }
div.header h1.text { padding:10px 34px 0px 34px;  }
div.header h1 img { margin-bottom:-7px }
div.header h1.geschiedenis, div.header h1.contact, div.header h1.zoeken, div.header h1.sitemap,
div.header h1.gezond_algemeen, div.header h1.gezond_kinderen, div.header h1.lekker_tipsenrecepten,
div.header h1.leuk_kids { color:#006C3E }


/* 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 }
#sitemap .kader_bottom { padding-top:30px }
#sitemap ul { margin-top:0; margin-left:40px; padding:0 }
#sitemap a { color:#006C3E; text-decoration:none; font-weight:bold; text-transform:none }
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; text-transform:none }

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 }

              
img#logo { display:none }

/* 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:block; 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 { display:none; }
img#btn2, img#btn2sel, img#btn2back { display:none; }
img#btn3, img#btn3sel, img#btn3back { display:none; }
img#ban1       { display:none; }
img#ban3       { display:none; }

/* img#bgpage     { position:absolute; left:290px; top:307px } */
img#cirkel2     { display:none; } 

/* menu */
ul#mainmenu         { display:none }

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

               
/* 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#tipsenrecepten { padding:30px 0 0 58px; height:83px }

ul#mainmenu ul#leuk   ul { left:155px; top:443px; width:104px; height:110px; padding:55px 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 30px 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 }