/* General ***/
html{background:#E6E6E6}
body{background:url(/site_leefvitaal_nl/img/shadow.png) no-repeat center bottom;padding-bottom:31px}
#skiplink,#toplink{position:absolute;top:-9999px;}
#wrapper{background:#FFF url(/site_leefvitaal_nl/img/bg_wrapper.png) repeat-x left top;min-height:100%}
#home_page #wrapper{background-image:url(/site_leefvitaal_nl/img/bg_wrapper_home.png)}
#producten_page #wrapper{background-image:url(/site_leefvitaal_nl/img/bg_wrapper_producten.png)}
#header{height:141px;position:relative;padding-top:52px}
#home_page #header{height:400px;background:none}
#producten_page #header{height:350px;background:none}
#home_visual{position:absolute;top:0;left:0;width:980px;height:495px;z-index:1;}
#content{padding:0 10px 50px}
#home_page #content{margin-top:-50px;position:relative;z-index:2}
#footer{background:#034D8A url(/site_leefvitaal_nl/img/footer_bg.png) repeat-x left top;color:#FFF;padding:0 10px 27px}
#footer p{font-size:.917em;line-height:3;margin-bottom:0;}
#footer a{color:#FFF}
#footer a:hover,#footer a:focus{color:#A1C1EB}

#navigation{list-style:none;margin:0;padding:0 0 0 398px;line-height:34px;height:34px;background:#034D8A url(/site_leefvitaal_nl/img/nav_bg.png) repeat-x left top;position:absolute;z-index:2;width:582px}
#navigation li{margin:0;padding:0;float:left;background:url(/site_leefvitaal_nl/img/nav_divider.png) no-repeat 0 0}
#navigation a{display:block;height:34px;color:#FFF;text-decoration:none;background:url(/site_leefvitaal_nl/img/nav_bg.png) no-repeat 0 -34px;padding-left:20px;overflow:hidden}
#navigation a span{display:block;height:34px;padding-right:20px;background:url(/site_leefvitaal_nl/img/nav_bg.png) no-repeat right -34px}
#navigation a:hover,#navigation a:focus,#navigation .active a{outline:none;background-position:0 -68px;cursor:pointer}
#navigation a:hover span,#navigation a:focus span,#navigation .active a span{background-position:right -68px}
#navigation li.filler{height:34px;background:url(/site_leefvitaal_nl/img/nav_bg.png) no-repeat left -34px;width:38px}
#navigation li.filler span{display:block;height:34px;background:url(/site_leefvitaal_nl/img/nav_bg.png) no-repeat right -34px;padding-right:1px;margin-left:1px}
#navigation .active a,#navigation .active a span{cursor:default}

li#nav_where,li#nav_contact{position:relative;}
li#nav_home{border-left:1px solid #034479}
#nav_where a, #nav_contact a{background-position:0 -102px;color:#034E8B;padding-left:10px}
#nav_where a span, #nav_contact a span{background-position:right -102px;padding-right:30px}

#nav_where a:hover,#nav_where a:focus,#nav_contact a:hover,#nav_contact a:focus{background-position:left -102px}
#nav_where a:hover span,#nav_where a:focus span,#nav_contact a:hover span,#nav_contact a:focus span{background-position:right -102px;}

#where_panel{position:absolute;top:32px;right:-6px;line-height:1.5em;padding:18px 19px;width:264px;background:url(/site_leefvitaal_nl/img/bg_panel_where.png) no-repeat 0 -35px;height:114px;display:none;z-index:100}
#where_active{position:absolute;top:-37px;right:0px;background:url(/site_leefvitaal_nl/img/bg_panel_where.png) no-repeat right 0;width:97px;line-height:31px;height:31px;text-align:right;padding-right:36px;color:#034D8A;cursor:pointer;padding-top:6px;z-index:100}
#contact_panel{position:absolute;top:32px;right:-6px;line-height:1.5em;padding:18px 19px;width:264px;background:url(/site_leefvitaal_nl/img/bg_panel_contact.png) no-repeat 0 -35px;height:123px;display:none;z-index:100}
#contact_active{position:absolute;top:-37px;right:0;background:url(/site_leefvitaal_nl/img/bg_panel_contact.png) no-repeat right 0;width:62px;line-height:31px;height:31px;text-align:right;padding-right:36px;color:#034D8A;cursor:pointer;padding-top:6px;z-index:100}

#where_panel p,#contact_panel p{margin-bottom:1.2em}
#where_panel hr,#contact_panel hr{border-top:1px solid #D7D7D7;border-bottom:1px solid #FFF;border-width:1px 0;height:1px;margin-bottom:0}
#where_panel a,#contact_panel a{display:inline;background:none;padding:0;margin:0;color:#EF761D;text-decoration:underline;}
#where_panel a:hover,#contact_panel a:hover{color:#E50000}

#contact_panel span.email{margin-top:15px}
#contact_panel span.email,#contact_panel span.phone{color:#0466b5;font:bold 14px/1.5 Arial, Helvetica, sans-serif;display:block; letter-spacing:0px;}
#contact_panel span.email a{font-weight:normal;font-size:12px}
#contact_panel span.phone strong{color:#114984;font-size:18px;letter-spacing:-1px}
#contact_panel span.phone em{color:#114984;font-size:10px;font-weight:normal;font-style:normal;letter-spacing:-1px;font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; vertical-align:text-top; margin-left: 5px}

.big_blue{color:#0466B5;font:bold 20px/2.1 Arial, Helvetica, sans-serif}

/* Buttons ***/
a.button{background:url(/site_leefvitaal_nl/img/btn_bg.png) no-repeat 0 0;display:inline-block;line-height:17px;height:17px;padding-bottom:1px;color:#0E5290;padding-left:10px;position:relative;text-decoration:none;font-size:11px;outline:none;margin-right:10px;}
a.button span{display:block;width:10px;height:18px;position:absolute;top:0;right:-10px;background:url(/site_leefvitaal_nl/img/btn_bg.png) no-repeat right 0}
a.button:hover{background-position:left -18px}
a.button:hover span,button:hover .button span{background-position:right -18px}
a.button:active,button:active .button{color:#072543}
a.grey{background-position:left -36px;color:#676767}
a.grey span{background-position:right -36px}
a.grey:hover,button:hover a.grey{background-position:left -54px}
a.grey:hover span,button:hover .grey span{background-position:right -54px}
a.grey:active,button:active .grey{color:#373737}

a.darkblue,a.darkblue span{background-image:url(/site_leefvitaal_nl/img/btn_darkblue.png)}
a.darkblue{background-position:left 0;color:#FFF}
a.darkblue span{background-position:right 0}
a.darkblue:hover,button:hover a.darkblue{background-position:left -18px}
a.darkblue:hover span,button:hover .darkblue span{background-position:right -18px}
a.darkblue:active,button:active .darkblue{color:#DEF}

.button button{display:none}

button{background:none;border:none;font-family:inherit;padding:0;margin-left:-3px;outline:none}

/* Blocks ***/
.block{background:url(/site_leefvitaal_nl/img/bg_block_4_blue.png) repeat-y 0 0;padding:0 4px;position:relative;margin:0 8px 20px;width:296px;float:left;}
.block_top{background:url(/site_leefvitaal_nl/img/bg_block_4_blue.png) no-repeat -304px top;height:3px;position:absolute;top:-3px;left:0;width:100%}
.block_bottom{background:url(/site_leefvitaal_nl/img/bg_block_4_blue.png) no-repeat -608px bottom;height:5px;position:absolute;bottom:-5px;left:0;width:100%}
.block_body{background:#D9E6F2 url(/site_leefvitaal_nl/img/bg_block_blue_body.png) repeat-x left top;padding:15px}

.block_body:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.block_body{display:inline-block}
* html .block_body{height:1%}
.block_body{display:block}

.blue_4,.blue_4 .block_top,.blue_4 .block_bottom{background-image:url(/site_leefvitaal_nl/img/bg_block_4_blue.png)}
.blue_8,.blue_8 .block_top,.blue_8 .block_bottom{background-image:url(/site_leefvitaal_nl/img/bg_block_8_blue.png)}
.blue_4 .block_body,.blue_8 .block_body{background-image:url(/site_leefvitaal_nl/img/bg_block_blue_body.png);color:#5491d3}
.blue_8 .block_top{background-position:-624px top}
.blue_8 .block_bottom{background-position:-1248px bottom}

.grey_4,.grey_4 .block_top,.grey_4 .block_bottom{background-image:url(/site_leefvitaal_nl/img/bg_block_4_grey.png)}
.grey_8,.grey_8 .block_top,.grey_8 .block_bottom{background-image:url(/site_leefvitaal_nl/img/bg_block_8_grey.png)}
.grey_4 .block_body,.grey_8 .block_body{background-color:#E6E6E6;background-image:url(/site_leefvitaal_nl/img/bg_block_grey_body.png)}
.grey_8 .block_top{background-position:-624px top}
.grey_8 .block_bottom{background-position:-1248px bottom}

.blue_4,.grey_4{width:296px}
.blue_8,.grey_8{width:616px}

.block_bars{border:1px solid #92B9E2;border-width:1px 0;margin:0 0 -1px 0;padding:15px;overflow:auto;}
.block_uneven{background:#F2F2F2;margin:0 0 1px 0;padding:10px;overflow:auto;}
.block_even{background:#FAFAFA;margin:0 0 1px 0;padding:10px;overflow:auto;}

.block h3{color:#0466B5;font-size:1.5em}

.block_body_left,.block_body_right{float:left;width:48%}
.block_body_right{float:right}
.portret{background:url(/site_leefvitaal_nl/img/bg_portret.png) no-repeat 0 0;float:right;padding:2px 3px 4px;width:88px;height:93px;margin:0 0 0 10px}

/* Actie block ***/
#actie .block_bottom{height:4px;bottom:-4px;}
#actie .block_body{height:161px;text-indent:-9999px;position:relative}
#actie .block_body a{width:100%;height:100%;display:block;outline:none;background-position:0 0;background-repeat:no-repeat;position:absolute;bottom:0px;right:-1px}
#actie .block_body a:hover{background-position:0 -191px}

.weekaanbieding{background:url(/site_leefvitaal_nl/img/aanbieding_week.png) no-repeat 0 0;position:absolute;top:-1px;right:3px;width:123px;height:123px;z-index:1000}


/* Product list ***/
#product_flash{position:absolute;top:0;left:0;height:400px}

#product_list,#product_list dt,#product_list dd,#product_list ul,#product_list li,#faq_product_list,#faq_product_list dt,#faq_product_list dd,#faq_product_list ul,#faq_product_list li{margin:0;padding:0;list-style:none}
#product_list dt a{background:#AAA url(/site_leefvitaal_nl/img/bg_product_list.png) no-repeat 0 0;color:#FFF;height:26px;padding:0 15px;font:bold 14px/26px Arial, Helvetica, sans-serif;display:block;text-decoration:none}
#product_list dt a:hover{color:#FFF;height:26px;padding:0 15px;font:bold 14px/26px Arial, Helvetica, sans-serif;display:block}
#product_list dd{background:#F2F2F2;display:none}
#product_list dd.open{display:block}
/* #product_list dd a{background:url(/site_leefvitaal_nl/img/bg_product_list.png) no-repeat 0 -312px;line-height:22px;height:22px;padding:0 30px;text-decoration:none;display:block} */
#product_list dd a{background:transparent url(/site_leefvitaal_nl/img/bg_product_list.png) no-repeat scroll 0 -364px;display:block;height:22px;line-height:22px;padding:0 0 0 30px;text-decoration:none;}
#product_list li.active a,#product_list li a:hover{background-position:0 -386px}
#product_list li.active a,#product_list li.active a:hover{font-weight:bold;cursor:default;color:#0466B5}
dt#prod_glucon a{background-position:0 -26px}
dt#prod_glucon a.active, dt#prod_glucon a:hover{background-position:0 0}
dt#prod_melatomatine a{background-position:0 -78px}
dt#prod_melatomatine a:hover, dt#prod_melatomatine a.active{background-position:0 -52px}
dt#prod_omega a{background-position:0 -130px}
dt#prod_omega a:hover, dt#prod_omega a.active{background-position:0 -104px}
dt#prod_prosta a{background-position:0 -182px}
dt#prod_prosta a:hover, dt#prod_prosta a.active{background-position:0 -156px}
/*
{background-position:0 -234px}
{background-position:0 -208px}
*/
dt#prod_probiotica a,dt#prod_cran a ,dt#prod_ginkgo a, t#prod_garlic a{background-position:0 -286px}
dt#prod_cran a:hover, dt#prod_ginkgo a:hover, dt#prod_garlic a:hover,
dt#prod_probiotica a:hover,dt#prod_probiotica a.active,dt#prod_cran a.active, dt#prod_ginkgo a.active, dt#prod_garlic a.active{background-position:0 -260px}

dt#prod_afslanken a{background-position:0 -312px}
dt#prod_afslanken a:hover{background-position:0 -338px}

/* Faq page ***/
#faq_product_list dt{background:url(/site_leefvitaal_nl/img/bg_faq_list.png) no-repeat 0 0;color:#FFF;line-height:26px;height:26px;padding:0 15px}
#faq_product_list dd{background:#F2F2F2;display:none}
#faq_product_list dd.open{display:block}
#faq_product_list dd a{background:url(/site_leefvitaal_nl/img/bg_faq_list.png) no-repeat 0 -26px;line-height:22px;height:22px;padding:0 0 0 30px;white-space:nowrap;text-decoration:none;display:block}
#faq_product_list li.active a,#faq_product_list li a:hover{background-position:0 -48px}
#faq_product_list li.active a,#faq_product_list li.active a:hover{font-weight:bold;cursor:default;color:#0466B5}

#faq_list,#faq_list li,#faq_list dl,#faq_list dt,#faq_list dd{list-style:none;margin:0;padding:0}
#faq_list{margin-bottom:20px}
#faq_list li{background:#F2F2F2;border-bottom:1px solid #FFF}
#faq_list li.even{background:#FAFAFA}
#faq_list dt a,#faq_list dd{padding:0 30px}
#faq_list dt a{line-height:25px;background:url(/site_leefvitaal_nl/img/arrow_blue.png) no-repeat 10px -25px;color:#035597;display:block;outline:none}
#faq_list dt a:hover{color:#0A2E4C}
#faq_list li.open a{background-position:10px 0}
#faq_list dd{padding-top:10px;display:none}
#faq_list li.open dd{display:block}
#faq_form input.text{width:180px;}
#faq_form textarea{width:350px;height:62px}
#faq_form p{margin-bottom:0}
.form_left{width:200px}
form table{table-layout:fixed;margin-bottom:0}

/* Leef! ***/
#leef_menu .block_body{padding:10px 0;}
#leef_menu h4{margin:5px 15px;}
.menu_item{clear:both;overflow:hidden;display:block;padding:7px 15px 5px;text-decoration:none;color:#707070}
.menu_item *{cursor:pointer}
.menu_item:hover{background-color:#E4EBF6}
.menu_item.active{background-color:#CFDCEE}
.menu_item.active .menu_item_thumb{background-position:0 -42px}
.menu_item_thumb{background:url(/site_leefvitaal_nl/img/thumb_shadow_small.png) no-repeat 0 0;width:78px;height:36px;overflow:hidden;padding:2px 3px 4px;float:left;margin-right:10px}
.menu_item_title{font-weight:bold;color:#035597;display:block}
.menu_item_description{font-size:.917em;display:block}

#article_list,#article_list li{list-style:none;margin:0;padding:0}
#article_list{border-top:1px solid #a1c1eb}
#article_list li{border-bottom:1px solid #a1c1eb;padding:14px 0;overflow:hidden}
#article_list .article_thumb{background:url(/site_leefvitaal_nl/img/bg_portret.png) no-repeat 0 0;float:left;padding:2px 3px 4px;width:88px;height:93px;margin:0 15px 0 0}
#article_list .article_text{float:left;width:510px}
#article_list .article_category{color:#5491d3;display:block}
#article_list h4{color:#035597;font-size:1.5em}

h3.leef_suptitle{font-size:1.5em;margin-bottom:.25em}

#article_pagination,#article_pagination li{list-style:none;margin:0;padding:0}
#article_pagination{margin-top:30px;text-align:center}
#article_pagination li{display:inline;}
#article_pagination li{margin:0 5px}

#nieuwsbrief.grey_8 li{float:left;width:190px;clear:none}
#nieuwsbrief.grey_8 li.spacer,#nieuwsbrief.grey_8 li.wide,#nieuwsbrief.grey_8 li.inp{clear:both;float:none;width:auto}
#nieuwsbrief.grey_8 li.buttons{padding-left:100px}

.related_articles{padding:10px 0 5px}
.related_label{float:left;color:#5491D3;font:bold 1.167em/1.5 Arial, Helvetica, sans-serif}
.related_select{float:right;width:280px}

/* Nieuwsbrief ***/
#nieuwsbrief p{margin-bottom:.5em}
#nieuwsbrief input.text{width:150px}
#nieuwsbrief label.text{width:100px;float:left}
#nieuwsbrief li.buttons{padding:5px 0 3px}

#logo {position:absolute;top:0;left:0;width:400px;height:118px;background:url(/site_leefvitaal_nl/img/logo.png) no-repeat 0 0;z-index:3;margin:0;}
#logo a {display:block;width:280px;height:100px;}
#logo span {display:none;}
#search {position:absolute;width:300px;position:absolute;z-index:3;top:15px;right:20px;text-align:right}
#search input{width:127px;border:auto;background:auto;margin-right:5px}
form input.blue {width:77px;height:19px;background:url(/site_leefvitaal_nl/img/button_blue.png) no-repeat;border:none;color:#0e5290;float:left;padding-bottom:2px;}

#productmenu {border:1px solid #e3e3e3;}
#productmenu h2 {color:#fff;font-size:1.1em;margin:0;padding-left:17px;line-height:25px;}
.menured {background:url(/site_leefvitaal_nl/img/bg_red.png) repeat-x;}
.menublue {background:url(/site_leefvitaal_nl/img/bg_blue.png) repeat-x;}
.menupurple {background:url(/site_leefvitaal_nl/img/bg_purple.png) repeat-x;}
.menugrey {background:url(/site_leefvitaal_nl/img/bg_grey.png) repeat-x;}
.menuorange {background:url(/site_leefvitaal_nl/img/bg_orange.png) repeat-x;}
.menugreen {background:url(/site_leefvitaal_nl/img/bg_green.png) repeat-x;}
#productmenu ul {margin:0;list-style:none;} 
#productmenu ul li {padding:1px 0 2px 18px;background:url(/site_leefvitaal_nl/img/bg_menu.png) repeat-x #f2f2f2}
#productmenu ul li a {background:url(/site_leefvitaal_nl/img/li_menu.png) no-repeat 0 4px;color:#035190;padding-left:10px;text-decoration:none;}
#product_group_listing,#product_group_listing li{list-style:none;margin:0;padding:0;}
#product_group_listing li{border-top:1px solid #A1C1EB;overflow:hidden;padding:20px 0}
#product_group_listing li.first{border-top:none}

#product_group_listing .product_thumb{text-align:center}
.leesverder1 a {background:url(/site_leefvitaal_nl/img/bg_leesverder1.png) no-repeat;font-weight:bold;color:#035190;padding:0 0 6px 23px;display:block;margin:1em 0 0 0;font-size:1.3em;text-decoration:none;}
.leesverder2 a {background:url(/site_leefvitaal_nl/img/bg_leesverder2.png) no-repeat;width:77px;height:19px;display:block;margin:1em 0 0 0;padding-left:10px;text-decoration:none;color:#035597;}
.leesverder3 a {background:url(/site_leefvitaal_nl/img/bg_leesverder3.png) no-repeat;width:76px;height:18px;display:block;margin:1em 0;float:left;padding-left:10px;text-decoration:none;color:#676767;}

.block h3{margin-bottom:0.5em;}
.blockgrey h3 {color:#5491d3;}
.blockgrey p img {margin-top:0;}
.blockgrey p strong {color:#035597;font-size:1.2em;}
.blockgrey label {font-weight:normal;}
.blockgrey .cb {margin:0 5px 0 0;}
.block_bars h3 {color:#035597;margin:0 0 0.5em 0;}
.block_bars h4 {margin:0;font-size:1em;font-weight:normal;}
.block_bars img {float:left;margin:0 1.5em 1.5em 0;}
.w100 {width:100px;float:left;}
h3.vraag {padding-left:13px;background:url(/site_leefvitaal_nl/img/li_menu.png) no-repeat 0 3px;font-size:1em;margin:0;}
h3.vraag_active {padding-left:13px;background:url(/site_leefvitaal_nl/img/li_menu_active.png) no-repeat 0 5px;font-size:1em;margin:0;}
.block_uneven p, .block_even p {margin:1em 0 1em 13px;}

/* General ***/
ul.checkmarks{list-style:none;margin-top:1em;margin-bottom:2em}
ul.checkmarks li{background:url(/site_leefvitaal_nl/img/checkmark.png) no-repeat left center;padding-left:20px;line-height:2em}