﻿/*.archerSemiBoldFont,.home-top-adjust .dotted-wrapper p.archerSemiBoldFont,#divZoGezonVitaminIntro p.archerSemiBoldFont{
	
	font-family: ArcherSemibold,"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif !important;
}*/

.zo-gezond-is-quaker-havermout, .wat-zijn-volkoren-granen
{
    /*font-size:1px !important;*/
}
.container.banner-area
{
    margin-top:0 !important;
}
.container.body
{
    /*background:none;*/
    background-color:#FFFFFF;
    
}
.container
{
    padding-right:0;
    padding-left:0;
}
.container.body .home-top
{
    background:url("/images/default-source/campaign-page/linen-bg.jpg?sfvrsn=2") repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    margin-right:0;
    margin-left:0;   
}

.container.body .home-top .dotted-wrapper
{
    padding-bottom:30px;
}
.home-top-adjust
{
    top:0px;
    margin-bottom:0 !important;
}
.home-top-adjust .dotted-wrapper p
{
    color:#8C684E;
    font-family:ArcherMedium,"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif !important;
    font-size:16px;
}
.dotted-wrapper h1
{
    font-family:ArcherMedium,"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif !important;
	font-size:30px!important;
}
.imgWrp img
{
    width:100%;
    margin-top:8px;
    margin-bottom:8px;
}
.sfcbMarginBottom
{
    margin-bottom:8px !important;
}
.sfcbMarginTop
{
    margin-top:8px !important;
}
.sfcbMarginTopBottom
{
    margin-bottom:8px !important;
    margin-top:8px !important;
}
#lblLinkBlocksWrp
{
    border-bottom:2px dashed #ECD3AE;
    display:block !important;
    margin-bottom:8px !important;
}
.healthHomeLinkWrp
{
    background:url("/images/default-source/campaign-page/linen-bg.jpg?sfvrsn=2") repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    
}
#divHelthHomeLinkInnerWrp
{
    text-align:center;
    padding-top:12px;
    padding-bottom:12px;
    border-bottom:2px dashed #ECD3AE;
}
.divHealthHomeLinkBlockWrp
{
    width:47%;
    display:inline-block;
    position:relative;
    max-width:50%;
    overflow:hidden;
    text-align:center;
    margin:0 6px 0 6px;
}
.divHealthHomeLinkBlockWrp.hover .imgHealthHomeLink
{ 
    transform: scale(1.0);
    -ms-transform:scale(1.0);
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.divHealthHomeLinkBlockWrp .imgHealthHomeLink 
{
    transform: scale(1.1);
    transition: all .5s ease-in-out;
}
#divZoGezondLink
{
}
#divWatZijnLink
{
}
.spnHealthHomeIconWrp
{
    width:100%;
    position:absolute;
    top:-8%;
    display:block;
    z-index:101;
}
.divHealthHomeLinkTextWrp
{
    width:100%;
    position:absolute;
    top:30%;
}
.imgHealthHomeIcon
{
}

.spnHealthHomeTitle
{
    width:100%;
    font-size:410%;
    font-family:ArcherBold,"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif !important;
    font-weight:normal; 
    color:#C9282D;  
    text-transform:uppercase;
    display:block;
    z-index:101;  
}
#divZoGezondLink .spnHealthHomeTitle
{ 
    color:#C9282D;  
}
#divWatZijnLink .spnHealthHomeTitle
{ 
    color:#FFFFFF;  
}
.spnHealthHomeText
{
    width:100%;
    font-size:190%; 
    font-family:ArcherBold,"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif !important;
    font-weight:normal;  
    color:#C9282D;
    text-transform:uppercase; 
    position:absolute;
    top:80%; 
    z-index:101;
    padding-left:6px;
    padding-right:6px;
    display:block;
}
#divZoGezondLink .spnHealthHomeText
{ 
    color:#C9282D;
}
#divWatZijnLink .spnHealthHomeText
{ 
    color:#FFFFFF;
}
.divSpacerWhite
{
    height:100px;
    background-color:#FFFFFF;
}


#divHealthInfoLargeWrp,#divHealthInfoLargeWrp_2, #divHealthInfoSmlWrp
{
    background-color:#FFFFFF;
    margin-top:8px;
    margin-bottom:8px;
    font-size:1px;
}
.divHealthInfoBlock
{
    width:33%;
    display:inline-block;
    text-align:center;
    vertical-align:top;
    padding:0px 25px 0px 25px ;

}
#divHealthInfoLargeWrp .divHealthInfoBlock:nth-of-type(1),
#divHealthInfoLargeWrp .divHealthInfoBlock:nth-of-type(2),
#divHealthInfoLargeWrp .divHealthInfoBlock:nth-of-type(3),
#divHealthInfoLargeWrp .divHealthInfoBlock:nth-of-type(4),
#divHealthInfoLargeWrp .divHealthInfoBlock:nth-of-type(5),
#divHealthInfoLargeWrp .divHealthInfoBlock:nth-of-type(6),
#divHealthInfoLargeWrp .divHealthInfoBlock:nth-of-type(7),
#divHealthInfoLargeWrp .divHealthInfoBlock:nth-of-type(8),
#divHealthInfoLargeWrp .divHealthInfoBlock:nth-of-type(9)
{
    border-bottom:2px dashed #ECD3AE;
}
#divHealthInfoLargeWrp .divHealthInfoBlock:nth-of-type(1),
#divHealthInfoLargeWrp .divHealthInfoBlock:nth-of-type(2),
#divHealthInfoLargeWrp .divHealthInfoBlock:nth-of-type(4),
#divHealthInfoLargeWrp .divHealthInfoBlock:nth-of-type(5),
#divHealthInfoLargeWrp .divHealthInfoBlock:nth-of-type(7),
#divHealthInfoLargeWrp .divHealthInfoBlock:nth-of-type(8),
#divHealthInfoLargeWrp .divHealthInfoBlock:nth-of-type(10),
#divHealthInfoLargeWrp .divHealthInfoBlock:nth-of-type(11)
{
    border-right:2px dashed #ECD3AE;
}
#divHealthInfoSmlWrp .divHealthInfoBlock:nth-of-type(1),
#divHealthInfoSmlWrp .divHealthInfoBlock:nth-of-type(2)
{
    border-right:2px dashed #ECD3AE;
}
#divHealthInfoLargeWrp_2 .divHealthInfoBlock:nth-of-type(1),
#divHealthInfoLargeWrp_2 .divHealthInfoBlock:nth-of-type(2),
#divHealthInfoLargeWrp_2 .divHealthInfoBlock:nth-of-type(3)
{
    border-bottom:2px dashed #ECD3AE;
}
#divHealthInfoLargeWrp_2 .divHealthInfoBlock:nth-of-type(1),
#divHealthInfoLargeWrp_2 .divHealthInfoBlock:nth-of-type(2),
#divHealthInfoLargeWrp_2 .divHealthInfoBlock:nth-of-type(4),
#divHealthInfoLargeWrp_2 .divHealthInfoBlock:nth-of-type(5)
{
    border-right:2px dashed #ECD3AE;
}
.divInfoTextWrp
{
    padding:25px 10px 25px 10px ;
}
.divInfoTextWrp img
{
}
.parHealthInfoText
{
    font-size:14px !important;
    /*color:#683817;*/
    line-height:1.6;
}
.parHealthInfoText a
{
    color:#683817;
    text-decoration:underline;
}
.parRecipeLinkText
{
    padding-top:42px;
}
.parRecipeLinkText a
{
    color:#8C684E;
    text-decoration:underline;
}
#divHealthHomeLinkBlockbaseSpacer
{
    width:100%;
    height:16px;
    background:url("/images/default-source/campaign-page/linen-bg.jpg?sfvrsn=2") repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
#divHealthHomeLinkBlockbaseBorderSpacer
{
    width:100%;
    height:1px;
    background:url("/images/default-source/campaign-page/linen-bg.jpg?sfvrsn=2") repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border-bottom:2px dashed #ECD3AE;
}

#divZoGezonVitaminIntroWrp
{
    position:relative;
}
#divZoGezonVitaminIntro
{
    text-align:center;
    padding:65px 65px 36px 65px;
}
#divZoGezonVitaminIntro p
{
    color:#8C684E;
    font-family:ArcherMedium,"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif !important;
    font-size:16px;
}
#imgVitaminIntroBlueBerries
{
    position:absolute;
    top:75%;
    left:10%;
    z-index:1;
}
#imgVitaminIntroWalnut
{
    position:absolute;
    top:75%;
    left:70%;
    z-index:1;
}
#divVitaminInfoWrp
{
     background-image:url("/images/default-source/gezondheid/vitamininfobkg.jpg?sfvrsn=2");
     background-repeat:no-repeat;
     background-size:100%;
}
.divVitaminInfoSectionWrp
{
    text-align:center;  
}
#divVitaminInfoTextWrp_1
{
    padding:15% 0px 11% 0px;
}
#divVitaminInfoTextWrp_1 p
{
    width:61%;
}
#divVitaminInfoTextWrp_2
{
    padding:17% 0px 11% 0px;
}
#divVitaminInfoTextWrp_2 p
{
    width:56%;
}
#divVitaminInfoTextWrp_3
{
    padding:24% 0px 11% 0px;
}
#divVitaminInfoTextWrp_3 p
{
    width:59%;
}
#divVitaminInfoTextWrp_4
{
    padding:18% 0px 11% 0px;
}
#divVitaminInfoTextWrp_4 p
{
    width:51%;
}
#divVitaminInfoTextWrp_5
{
    padding:16% 0px 11% 0px;
}
#divVitaminInfoTextWrp_5 p
{
    width:48%;
}
#divVitaminInfoTextWrp_6
{
    padding:21% 0px 11% 0px;
}
#divVitaminInfoTextWrp_6 p
{
    width:68%;
}
#divVitaminInfoTextWrp_7
{
    padding:18% 0px 16% 0px;
}
#divVitaminInfoTextWrp_7 p
{
    width:42%;
}
.divVitaminInfoTextWrp
{
}
.divVitaminInfoTextWrp span
{
    color:#C9282D;
    font-size:90px;
    font-family:ArcherBold,"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif !important;
    text-transform:uppercase;  
}
.divVitaminInfoTextWrp p
{
    color:#683817;
    font-family:ArcherMedium,"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif !important;
    margin:0 auto;
}
#footer .row
{
    margin:0;
    font-size:16px;
}
.divInnerFooter
{
    background-color:#FFFFFF;
    /*padding:52px 42px 32px 42px;*/
    text-align:center;
}
.divInnerFooter p
{
    font-size:15px;
    color:#8C684E;
	font-family: ArcherSemibold,"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif !important;
}
.displayInSingleLine
{
	
	display:block;
}
.divHealthBenefitsTextWrp
{
    padding:0 20px 0 20px;
}
.divHealthBenefitsTextWrp h2
{
    padding-top:0;
}
.sfImgHealthBenefitsWrp
{
    text-align:center;
    padding-top:50px;
}
@media all and (max-width:1200px) 
{
    .container.body .home-top 
    {
        margin-top:-14px;
    }
    .divVitaminInfoTextWrp span
    {
        font-size:80px;
    }
    .divVitaminInfoTextWrp p 
    {
        font-size:14px;
    }
    #divVitaminInfoTextWrp_2
    {
        padding-top:19%;
    }
}


@media all and (max-width:930px) 
{
    .spnHealthHomeTitle 
    {
        font-size:400%;
    }
    .spnHealthHomeText 
    {
        font-size:190%;
    }
}
@media all and (max-width:912px) 
{
    .divVitaminInfoTextWrp span
    {
        font-size:65px;
    }
    #divVitaminInfoTextWrp_1 
    {
        padding-bottom:10%;
    }
}
@media all and (max-width:768px) 
{
    .divVitaminInfoTextWrp span
    {
        font-size:55px;
    }
    #divVitaminInfoTextWrp_1 
    {
        padding-bottom:4%;
    }
     #divVitaminInfoTextWrp_1 p
    {
        width:54%;
    }
    #divVitaminInfoTextWrp_3 
    {
        padding-top:20%;
    }
}
@media all and (max-width:768px) 
{
    h1 
    {
        font-size:28px !important;
    }
}
@media all and (max-width:767px) 
{
    
    .divVitaminInfoTextWrp p 
    {
        width:80% !Important;
    }
    #divVitaminInfoWrp
    {
        background-image:url("/images/default-source/gezondheid/vitamininfomobilebkg.jpg?sfvrsn=2");
    }
    #divVitaminInfoTextWrp_2 
    {
        padding-top:0%;
    }
    #divVitaminInfoTextWrp_3 
    {
        padding-top:4%;
    }
    #divVitaminInfoTextWrp_4
    {
        padding-top:1%;
        padding-bottom:6%;
    }
    #divVitaminInfoTextWrp_5
    {
        padding-top:0%;
        padding-bottom:0%;
    }
    #divVitaminInfoTextWrp_6
    {
        padding-top:14%;
    }
}
@media all and (max-width:720px) 
{
    #divVitaminInfoTextWrp_2
    {
        padding-top:16%;
        padding-bottom:8%;
    }
    #divVitaminInfoTextWrp_3
    {
        padding-top:0%;
    }
    #divVitaminInfoTextWrp_4
    {
        padding-top:0%;
        padding-bottom:0%;
    }
    #divVitaminInfoTextWrp_6
    {
        padding-top:6%;
        padding-bottom:3%;
    }
    #divVitaminInfoTextWrp_7
    {
        padding-top:0%;
        padding-bottom:7%;
    }
}
@media all and (max-width:620px) 
{
    .spnHealthHomeTitle 
    {
        font-size: 360%;
    }
    .spnHealthHomeText 
    {
        font-size: 170%;
    }
    .divHealthHomeLinkTextWrp 
    {
        top: 34%;
    }
    .spnHealthHomeIconWrp 
    {
        top: -20%;
    }
    #divHealthInfoLargeWrp .divHealthInfoBlock,
    #divHealthInfoLargeWrp_2 .divHealthInfoBlock
    {
        width:49%;
    }
    #divHealthInfoSmlWrp .divHealthInfoBlock 
    {
        width:100%;
    }
     #divHealthInfoLargeWrp .divHealthInfoBlock:nth-of-type(10),
     #divHealthInfoLargeWrp .divHealthInfoBlock:nth-of-type(12)
    {
        display:none;
    }
    #divHealthInfoSmlWrp .divHealthInfoBlock:nth-of-type(1),
    #divHealthInfoSmlWrp .divHealthInfoBlock:nth-of-type(2)
    {
        border-bottom:2px dashed #ECD3AE;
    }
    #divHealthInfoLargeWrp .divHealthInfoBlock:nth-of-type(4),
    #divHealthInfoLargeWrp .divHealthInfoBlock:nth-of-type(11)
    {
        border-bottom:2px dashed #ECD3AE;
    }
    #divHealthInfoLargeWrp .divHealthInfoBlock:nth-of-type(3),
    #divHealthInfoLargeWrp .divHealthInfoBlock:nth-of-type(9)
    {
        border-right:2px dashed #ECD3AE;
    }
     #divHealthInfoLargeWrp .divHealthInfoBlock:nth-of-type(2),
     #divHealthInfoLargeWrp .divHealthInfoBlock:nth-of-type(4),
     #divHealthInfoLargeWrp .divHealthInfoBlock:nth-of-type(8),
     #divHealthInfoLargeWrp .divHealthInfoBlock:nth-of-type(11)
    {
        border-right:none;
    }
    #divHealthInfoLargeWrp_2 .divHealthInfoBlock:nth-of-type(4)
    {
        border-bottom:2px dashed #ECD3AE;
    }
    #divHealthInfoLargeWrp_2 .divHealthInfoBlock:nth-of-type(3)
    {
        border-right:2px dashed #ECD3AE;
    }
     #divHealthInfoLargeWrp_2 .divHealthInfoBlock:nth-of-type(2),
     #divHealthInfoLargeWrp_2 .divHealthInfoBlock:nth-of-type(4)
    {
        border-right:none;
    }
    .divHealthHomeLinkBlockWrp
    {
        width:100%;
        max-width:100%;
        margin:0;
    }
    .spnHealthHomeTitle 
    {
        font-size:600%;
    }
    .spnHealthHomeText 
    {
        font-size:270%;
    }
    .divHealthHomeLinkTextWrp 
    {
        top:34%;
    }
    .spnHealthHomeIconWrp 
    {
        top:-20%;
    }
}
@media all and (max-width:420px) 
{
    .dotted-wrapper h1 
    {
        font-size:18px !important;
    }
    .divVitaminInfoTextWrp span 
    {
        font-size:45px;
    }
}
@media all and (max-width:390px) 
{
    .dotted-wrapper h1 
    {
        font-size:18px !important;
    }
    #imgVitaminIntroWalnut 
    {
        left:61%;
    }
    #imgVitaminIntroBlueBerries
    {
        left:-11%;
    }
    .divVitaminInfoTextWrp span
    {
        font-size:28px;
    }
    #divVitaminInfoTextWrp_1
    {
        padding-bottom:0%;
    }
    #divVitaminInfoTextWrp_2
    {
        padding-top:3%;

    }
}
@media all and (max-width:320px) 
{
    .dotted-wrapper h1 
    {
        font-size:14px !important;
    }
    .home-top-adjust .dotted-wrapper p 
    {
        font-size:16px;
    }
    .divHealthHomeLinkBlockWrp
    {
        width:100%;
        max-width:100%;
    }
    .spnHealthHomeTitle 
    {
        font-size:490%;
    }
    .spnHealthHomeText 
    {
        font-size:250%;
    }
    .divHealthHomeLinkTextWrp 
    {
        top:34%;
    }
    .spnHealthHomeIconWrp 
    {
        top:-20%;
    }
    #divHealthInfoLargeWrp .divHealthInfoBlock,
    #divHealthInfoLargeWrp_2 .divHealthInfoBlock
    {
        width:100%;
    }
    #divHealthInfoLargeWrp .divHealthInfoBlock:nth-of-type(5)
    {
        border-bottom:2px dashed #ECD3AE;
    }
    #divHealthInfoLargeWrp_2 .divHealthInfoBlock:nth-of-type(5)
    {
        border-bottom:2px dashed #ECD3AE;
    }
    #divHealthInfoLargeWrp .divHealthInfoBlock:nth-of-type(1),
    #divHealthInfoLargeWrp .divHealthInfoBlock:nth-of-type(3),
    #divHealthInfoLargeWrp .divHealthInfoBlock:nth-of-type(5)
    {
        border-right:none;
    }
    #divHealthInfoLargeWrp_2 .divHealthInfoBlock:nth-of-type(1),
    #divHealthInfoLargeWrp_2 .divHealthInfoBlock:nth-of-type(3),
    #divHealthInfoLargeWrp_2 .divHealthInfoBlock:nth-of-type(5)
    {
        border-right:none;
    }
     #imgVitaminIntroWalnut, #imgVitaminIntroBlueBerries 
    {
        display:none;
    }
    .divVitaminInfoTextWrp span 
    {
        font-size:22px;
    }
    .divVitaminInfoTextWrp p 
    {
        width:90% !important;
        font-size:13px;
    }
    #divVitaminInfoTextWrp_1 
    {
        padding-top:6%;
    }
     #divVitaminInfoTextWrp_3 
    {
        padding-bottom:2%;
    }
}