html{
      background-color: #eeeeee;
}

body {
    font-family: 'Exo', 'Lucida Grande', Helvetica, Arial;
    font-size: 14px; 
    color: #000000 ;
    margin: 0px;     
}                                                                                                                                  

  a {color:#000000;text-decoration:none;}
  a:hover {text-decoration:none;}

h1 {
    font-size:28px;
    margin:0px;
    padding:0px;
    text-transform: uppercase;
}

h2 {font-size:22px;
    margin:0px;
    padding:0px;
    text-transform: uppercase;
}

h3 {font-size:18px;
    margin:0px;
    padding:0px;
    text-transform: uppercase;
}

h4 {
    font-size:14px;
    margin: 0px;
    padding:0px;
    text-transform: uppercase;
}

.scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    z-index: 99999999;
    background-color: #3c3c3b;
    width: 50px;
    height: 48px;
    line-height: 48px;
    right: 5px;
    bottom: 20px;
    padding-top: 2px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover { 
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
	opacity: 1.0;
}

.foutindicator {
    display:none;
    float:none;
    clear: none;
    width:92%; max-width:580px;
    padding:10px;
    margin:8px auto;
    color:#be0f06;
    font-weight: bold;
    border:1px solid #E5332A;
}

.foutindicator_tekst {
    display:block;
    float:none;
    clear: none;
    width:92%; max-width:580px;
    padding:10px;
    color:#000000;
}

.fout_blok {
    display:block;
    clear: both;
    width:92%; max-width:580px;
    padding:10px;
    margin:8px auto;
    color:#be0f06;
    font-weight: bold;
    background-color:#fda09c;
    border:1px solid #E5332A;
    overflow:hidden;
}

.goed_blok {
    display:block;
    clear: both;
    width:92%; max-width:580px;
    padding:10px;
    margin:8px auto;
    color:#229200;
    font-weight: bold;
    background-color:#c7feb6;
    border:1px solid #56e52a;
}

.button_detail {
    display:block;
    float:left;
    clear: none;
    width:175px;
    height:29px;
    padding-top:11px;
    text-align:center;
    color:#000000;
    cursor:pointer;
    background-image: url(/customized/img/button_terug.png);
}

a.button_afrekenen {
    display:block;
    clear: none;
    width:175px;
    height:29px;
    margin:0 auto;
    padding-top:11px;
    text-align:center;
    color:#ffffff;
    font-weight: bold;
    background-image: url(/customized/img/button_bestel.png);
}

.button_niet_ingelogd {
    display:block;
    clear: none;
    width:175px;
    height:29px;
    margin:0 auto;
    padding-top:11px;
    text-align:center;
    color:#ffffff;
    font-weight: bold;
    background-image: url(/customized/img/button_niet_ingelogd.jpg);
}

a.button_afrekenen_groot {
    display:block;
    clear: none;
    width:248px;
    height:29px;
    margin:0 auto;
    padding-top:11px;
    text-align:center;
    color:#ffffff;
    font-weight: bold;
    background-image: url(/customized/img/button_detail_bestel.jpg);
}

.prijs_herstel {
    display: block;
    float:left;
    clear: none;
    width: 60px;
    height: 18px;
    padding:4px 10px;
    text-align: center;
    overflow:hidden;
    background-color:#ffffff;
    border:1px solid #d0d0d0;
}
    

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.arrow {
    margin:0 4px;
}

.verzendknop {
    font-size: 14px;
    line-height: 28px;
}

.koptekst{
    font-weight:bold;
 } 

.styled-select.slate {
   float:left;
   width: 90%;
   height: 34px;
   margin:0 5%;
}

.styled-select.slate select {
   border: 1px solid #ccc;
   font-size: 12px;
   height: 34px;
   width: 100%;  
   outline: none;
}

.image-link { 
    display:block;
    float:left;
    clear:none;
    width : 98%;
    height:auto;
    padding:4% 1%;
}

.image-link img{ 
    display:block;
    max-width: 100%;
    height: auto;
    margin:auto;
}

input[type=text] { 
    width:94%;
    height:34px;
    line-height: 34px;
    padding:0 2%;
    font-size: 14px; 
}

input[type=password] {
    width:94%;
    height:34px;
    line-height: 34px;
    padding:0 2%;
    font-size: 14px;
}



/*--------------------- sliders loginblok ----------------*/


#mailing_slider{
    display:block;
    position:absolute;
    height:auto;
    width:auto;
    top:50px;
    left:200px;
    padding:0 5px;
    display:none;
    z-index:250;
    background-image: url(/customized/img/bg_perc_actie_top.png);
    background-position: top;
    background-repeat: no-repeat;
    color:#ffffff;
}

#popup_nieuw_blok {
    position:absolute;
    display:block;
    visibility: visible;
    clear:none;
    width:100%;
    height:100%;
}    

#popup_nieuwe_klant {
    display:block;
    clear:none;
    width:300px;
    height:auto;
    margin:150px auto;
    padding:20px;
    overflow:auto;
    text-align:left;
    font-size:14px;
    background-image: url(/customized/img/bg_perc_actie_top.png);
    background-position: top;
    background-repeat: no-repeat;
    color:#ffffff;
}

.actie_slider{
    position:absolute; 
    width:auto;
    height:auto;
    top:25px;
    left:-85px;
    padding:0 10px 10px;
    display:none;
    z-index: 250;
    background-image: url(/customized/img/bg_perc_actie_top.png);
    background-position: top;
    background-repeat: no-repeat;
    color:#ffffff;
}

.actie_slider_actie{
    display:block;
    float:left;
    clear:none;
    width:100%;
    height:500px;
    color:#ffffff;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

#persoonlijke_akties {
    display:block; 
    float:left;
    clear:none;
    width:310px;
    height:auto;
    padding:0px;
    overflow:visible;
    text-align:left;
    line-height: normal;
}

.slidingDiv{
    position:absolute; 
    height:auto;
    width:auto;
    top:25px;
    left:-55px;
    padding:0 5px;
    display:none;
    z-index: 250;
    line-height: 2.3;
    background-image: url(/customized/img/bg_account_top.png);
    background-position: top;
    background-repeat: no-repeat;
}

#account_kop {
    display:block; 
    float:left;
    clear:none;
    width:180px;
    height:auto;
    padding:20px 20px 30px 20px;
    overflow:visible;
    text-align:left;
    color:black;
    color:#ffffff;
}

#account_kop a{
    color:#ffffff;
}

.wait {
    display:block;
    position:absolute;
    left:0px;
    top:0px;
    width:100%; 
    height:100%;
    z-index:350;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.3);
}

.wait_img {
    position: fixed;
    display:block;
    left:50%;
    top:50%;
    width:60px; 
    height:60px;
    margin-top:-30px;
    margin-left:-30px;
}

    

    
/*--------------------- einde sliders loginblok ----------------*/



/********************************************************/
/********************************************************/
/********************************************************/
/* --------------------- desktop 1280 ----------------- */
/********************************************************/
/********************************************************/
/********************************************************/

@media screen and (min-width: 480px)
{

    #page { width : 100%; overflow:hidden;}

/* --------------------- content ----------------------- */

    #content_container { 
        float:left;
        clear:both;
        width:100%;
        height:auto;
    }

    #content_index { 
        display:block;
        margin:0 auto;
        width : 100%; max-width:1280px;
        height:auto;
        overflow:hidden;
    }

    #content { 
        display:block;
        margin:0 auto;
        width:1280px;
        height:auto;
        overflow:hidden;
/*       padding-top:170px; */
        padding-top:0px;
    }

    #cookiebalk_container { 
        display:block;
        float:left;        
        width:100%;
        height:auto;
        top:0px;
        background-color:#000000;
    }

    #cookiebalk_blok { 
        display:block;
        margin:0 auto;
        width : 100%; max-width:1280px;
        height:auto;
        padding:8px 0;
        font-size:11px;
        overflow:hidden;
        color:#ffffff;
    }

    #cookiebalk_tekst { 
        display:block;
        float:left;
        width : 90%;
        height:auto;
    }

    #cookiebalk_sluit { 
        display:block;
        float:left;
        width : 8%;
        text-align:center;
        font-weight:bold;
        height:auto;
        padding:0 1%
    }

    .progressbar {
       display:block;
       float:left;
       clear:both;
       width:100%;
       height:auto;
       padding: 8px 0;
       margin-bottom:8px;
       border-bottom: 1px solid #d0d0d0;
    }

    .progressbar_bestelling {
       display: block;
       float:left;
       width:20%;
       font-weight: bold;
       text-align: center;
       color:#434343;
    }  

    .progressbar_bestelling_tekst {
        display: block;
    }  

    .progressbar_bestelling_tekst a{
        display: block;
        color:#434343;
        text-decoration: underline;
    }  

    .progressbar_bestelling_ico {
        display: block;
        width:20px;
        height:18px;
        margin:0 auto;
        overflow:hidden;
    }  

    .progressbar_bestelling_ico img {
        margin-left:-20px;
    }  

    .progressbar_bestelling_ico a img{
        border-bottom:1px solid #ffffff;
    }  

    .progressbar_bestellingactief {
        display: block;
        float:left;
        width:20%;
        font-weight: bold;
        text-align: center;
        color:#f9b843;
    }

    .progressbar_bestellingactief_tekst {
        display: block;
        color:#f9b843;
    }  

    .progressbar_bestellingactief_tekst a{
        display: block;
        color:#f9b843;
    }  

    .progressbar_bestellingactief_ico {
        display: block;
        width:20px;
        height:16px;
        margin:0 auto;
        overflow:hidden;
    }  
    
    .progressbar_bestellingactief_ico img{
        margin-left:0px;
    }  

    .omruilen_selectie_blok {
        display:block;  
        clear: both;
        width:95%;
        min-height:40px; height:auto;
        margin:0 auto;
        padding-top:11px;
        color:#229200;
        font-weight: bold;
        padding:1%;
        background-color:#c7feb6;
        border:1px solid #56e52a;
        border-radius: 8px;
    } 
     
    .omruilen_selectie_mededeling {
        display:block;
        float:left;
        clear: none;
        width:auto;
        line-height: 40px;
        margin-right:20px;
        color:#434343;
        font-weight: bold;
    } 
     
    
/* -------------- infopagina's -------------- */
    #info_pages_container {
        display:block;
        clear: none;
        width:100%; max-width:1280px;
        height:auto;
        margin:8px auto;
        overflow:hidden;
        background-image: url(/customized/img/bg_overzicht.png);
        background-position: left;
        background-repeat: repeat-y;
    }

    #info_menu_blok {
        display:block;
        float:left;
        clear: none;
        width:19%;
        margin:0 auto;
        padding:1% 1% 1% 2%;
        line-height: 1.7;
    }
    
    #info_pages_blok {
        display:block;
        float:left;
        clear: none;
        width:76%;
        height:auto;
        margin:0 auto;
        padding:1%;
      }

    .info_pages_blok_half {
        display:block;
        float:left;
        clear: none;
        width:48%;
        height:auto;
        margin:0 1%;
    }

    .info_pages_koptekst{
        width:100%;
        margin:4px 0;
        padding:0;
        color:#f9b843;
    }
    

/* -------------- einde infopagina's -------------- */    

/* -------------- blogpagina's -------------- */
    #blog_pages_container {
        display:block;
        clear: none;
        width:100%; max-width:1280px;
        height:auto;
        margin:8px auto;
        overflow:hidden;
        background-image: url(/customized/img/bg_overzicht.png);
        background-position: left;
        background-repeat: repeat-y;
    }

    .blog_pages_blok {
        display:block;
        float:left;
        clear: none;
        position: relative;
        width:29%;
        height:460px;
        margin:1%;
        padding:1%;
        border:1px solid #d0d0d0;
    }

    .blog_pages_blok_img {
        display:block;
        float:left;
        position:relative;
        clear: none;
        width:100%;
        height:250px;
        margin-bottom:10px;
        overflow:hidden;
    }

    .vertical_align_img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }  
    .blog_pages_koptekst{
        clear:both;
        width:100%;
        margin:4px 0;
        padding:0;
        color:#f9b843;
    }
    
    #blog_menu_blok {
        display:block;
        float:left;
        clear: none;
        width:25%;
        margin:0 auto;
        padding:2% 1% 1% 2%;
        line-height: 2;
    }
    
    .blog_page {
        display:block;
        float:left;
        clear: none;
        width:68%;
        height:auto;
        margin:1%;
        padding:1%;
    }

    .blog_page p{
        float:left;
        clear:both;
        width:100%;
    }

    .blog_page_half {
        display:block;
        float:left;
        clear: none;
        width:48%;
        height:auto;
        padding:1%;
        text-align: center;
    }

    .blog_page_kolom {
        display:block;
        float:left;
        clear: none;
        width:31%;
        height:auto;
        margin:1%;
    }

    .blog_lees_meer {
        display:block;
        clear: none;
        position:absolute;
        width:220px;
        height:40px;
        bottom:10px;
        left:calc(50% - 110px);
        overflow:hidden;
        line-height: 40px;
        text-align: center;
        font-weight: bold;
        border:1px solid #f9b843;
    }


  

/* -------------- actie pagina -------------- */    
    .actie_page_container {
        display:block;
        clear: none;
        width:98%; max-width:768px;
        height:auto;
        margin: auto;
        padding:1%;
        overflow: hidden;
      }

    .actie_container {
        display:block;
        float:left;  
        clear: none;
        width:750px;
        height:auto;
        margin:8px auto;
        padding:1%;
        overflow: hidden;
      }

    .actie_page_blok {
        display:block;  
        clear: right;
        width:92%; max-width:580px;
        height:auto;
        margin:0 auto;
        padding:1%;
        overflow: hidden;
        border:1px solid #f9b843;
        border-radius:4px;
        color:#000000;
      }

    .actie_blok_form {
        display: block;
        float: left;
        clear: none;
        width: 100%;
        min-height: 40px;
        overflow:hidden;
        margin:3px 0;
    }

    .actie_blok_form_tekst {
        display: block;
        float: left;
        clear: none;
        width: 35%;
        height: 40px;
        line-height: 40px;
        overflow:hidden;
    }

    .actie_blok_form_veld {
        display: block;
        float: left;
        clear: none;
        width: 65%;
        height: 40px;
        overflow:hidden;
    }
    .actie_tekst {
        display:block;
        float:left;  
        clear: none;
        width:100%;
        height:auto;
        margin:8px 0;
        overflow: hidden;
      }

/* -------------- actie pagina -------------- */    


    #wachtwoord_container {
        display:block;
        clear: none;
        width:100%; max-width:1280px;
        height:auto;
        margin:8px auto;
        overflow:hidden;
        background-image: url(/customized/img/bg_overzicht.png);
        background-position: left;
        background-repeat: repeat-y;
    }

    #wachtwoord_blok {
        display:block;
        clear: none;
        width:96%; max-width:680px;
        margin:0 auto;
        padding:2%;
        text-align: center;
    }

    #nieuwsbrief_aangemeld_container {
        display:block;
        clear: none;
        width:100%; max-width:1280px;
        height:auto;
        margin:8px auto;
        overflow:hidden;
        background-image: url(/customized/img/bg_overzicht.png);
        background-position: left;
        background-repeat: repeat-y;
    }

    #nieuwsbrief_blok {
        display:block;
        clear: none;
        width:96%; max-width:680px;
        margin:0 auto;
        padding:2%;
        text-align: center;
    }

    #afmelden_nieuwsbrief_container {
        display:block;
        clear: none;
        width:96%; max-width:500px;
        height:400px;
        margin:0 auto 20px;
        padding:2%;
    }

    .afmelden_nieuwsbrief_blok {
        display:block;
        float:left;
        clear: none;
        width:100%;
        height:auto;
        padding:6px 0;
    }

    .afmelden_nieuwsbrief_tekst {
        display:block;
        float:left;
        clear: none;
        width:100px;
        height:14px;
        padding:6px;
    }

    .afmelden_nieuwsbrief_field {
        display:block;
        float:left;
        clear: none;
        width:200px;
        height:14px;
        padding:6px;
    }

    
/* --------------------- einde content ----------------------- */
 
    #popup_nieuw_blok {
        display:block;
        position:absolute;
        left:0px;
        top:0px;
        width:100%; 
        height:100%;
        background-color:#353535;       
        z-index:350;
        background: rgb(0, 0, 0);
        background: rgba(0, 0, 0, 0.7);  
    }    
        
    #popup_nieuwe_klant {
        position: fixed;
        display: block;
        clear: none;
        width: 784px;
        height: 498px;
        left: 50%;
        top:50%;
        margin-top:-257px;
        margin-left:-400px;
        padding:8px;
        background-color:#ffffff;
        box-shadow: 5px 5px 30px ;
        background-image: url(/customized/img/bg_nieuwe_klant.jpg);
        background-position: top;
        background-repeat: no-repeat;
        color:#000000;
    }

    .nieuwe_klant_header {
        display:block;
        float: left;
        clear: both;
        width:548px;
        height:58px;
        margin:15px 110px;
        padding-top:14px;
        font-weight: bold;
        font-size: 44px;
        text-transform: uppercase;
    }

    .nieuwe_klant_tekst_gr {
        display:block;
        float: left;
        clear: both;
        width:500px;
        height:120px;
        margin:20px;
        font-size: 26px;
        font-weight: bold;
        text-align:center;
        color:#ffffff;
    }
    
    .nieuwe_klant_tekst_kl {
        display:block;
        float: left;
        clear: both;
        width:500px;
        height:120px;
        margin:10px 25px;
        font-size: 20px;
        text-align:center;
        color:#ffffff;
    }
    
    a.button_popup_nieuwe_klant_ja {
        display:block;
        float: left;
        clear: none;
        width:298px;
        height:38px;
        margin:30px 26px 0 26px;
        padding-top:9px;
        text-align:center;
        font-weight: bold;
        font-size: 24px;
        color:#ffffff;
        background-color:#3c3c3b;       
        border-radius: 8px;
        border:1px solid #353535;
    }

    a.button_popup_nieuwe_klant_nee {
        display:block;
        float: right;
        clear: none;
        width:298px;
        height:38px;
        margin:30px 26px 0 26px;
        padding-top:9px;
        text-align:center;
        font-weight: bold;
        font-size: 24px;
        color:#ffffff;
        background: rgba(0, 0, 0, 0.6);  
        border-radius: 8px;
        border:1px solid #353535;
    }
        
}

/********************************************************/
/********************************************************/
/********************************************************/
/* ------------------ einde desktop 1280--------------- */
/********************************************************/
/********************************************************/
/********************************************************/


/********************************************************/
/********************************************************/
/********************************************************/
/* ------------------ desktop 1024 --------------------- */
/********************************************************/
/********************************************************/
/********************************************************/

@media screen and (min-width: 1024px) and (max-width: 1279px) 
{
    #content { 
        display:block;
        margin:0 auto;
        width:1024px;
        height:auto;
        overflow:hidden;
/*       padding-top:170px; */
    }

    #cookiebalk_container { 
        display:block;
        float:left;        
        width:100%;
        height:auto;
        top:0px;
        background-color:#000000;
    }

    #cookiebalk_blok { 
        display:block;
        margin:0 auto;
        width : 96%; max-width:1024px;
        height:auto;
        padding:8px 2%;
        font-size:11px;
        overflow:hidden;
        color:#ffffff;
    }

    #cookiebalk_tekst { 
        display:block;
        float:left;
        width : 85%;
        height:auto;
    }

    #cookiebalk_sluit { 
        display:block;
        float:left;
        width : 13%;
        text-align:center;
        font-weight:bold;
        height:auto;
        padding:0 1%
    }

    #mailing_slider{
        display:block;
        position:absolute;
        height:auto;
        width:auto;
        top:50px;
        left:130px;
        padding:0 5px;
        display:none;
        z-index:250;
        background-image: url(/customized/img/bg_perc_actie_top.png);
        background-position: top;
        background-repeat: no-repeat;
        color:#ffffff;
    }

    .omruilen_selectie_blok {
        display:block;
        clear: both;
        width:95%;
        min-height:40px; height:auto;
        margin:0 auto;
        padding-top:11px;
        color:#229200;
        font-weight: bold;
        padding:1%;
        background-color:#c7feb6;
        border:1px solid #56e52a;
        border-radius: 8px;
    } 
     
    .omruilen_selectie_mededeling {
        display:block;
        float:left;
        clear: none;
        width:auto;
        line-height: 40px;
        margin-right:20px;
        color:#434343;
        font-weight: bold;
    } 
     
    

/* --------------------- content ----------------------- */

/* --------------------- einde content ----------------------- */

}  

/********************************************************/
/********************************************************/
/********************************************************/
/* -------------- einde desktop 1024 ------------------- */
/********************************************************/
/********************************************************/
/********************************************************/


/********************************************************/
/********************************************************/
/********************************************************/
/* --------------------- tablet ----------------------- */
/********************************************************/
/********************************************************/
/********************************************************/

@media screen and (max-width: 1023px) 
{


/* --------------------- content ----------------------- */

    #content { 
        display:block;
        margin:0 auto;
        width : 100%; max-width:768px;
        height:auto;
        overflow:hidden;
        padding-top:0px;
    }

    #cookiebalk_container { 
        display:block;
        float:left;        
        width:100%;
        height:auto;
        top:0px;
        background-color:#000000;
    }

    #cookiebalk_blok { 
        display:block;
        margin:0 auto;
        width : 96%; max-width:768px;
        height:auto;
        padding:8px 2%;
        font-size:11px;
        overflow:hidden;
        color:#ffffff;
    }

    #cookiebalk_tekst { 
        display:block;
        float:left;
        width : 85%;
        height:auto;
    }

    #cookiebalk_sluit { 
        display:block;
        float:left;
        width : 13%;
        text-align:center;
        font-weight:bold;
        height:auto;
        padding:0 1%
    }

    .actie_slider{
        position:absolute; 
        height:auto;
        width:auto;
        top:25px;
        left:-270px;
        padding:0 10px 10px;
        display:none;
        z-index: 250;
        background-image: url(/customized/img/bg_perc_actie_top.png);
        background-position: top;
        background-repeat: no-repeat;
        color:#ffffff;
    }
    
    .actie_slider_actie{
        display:block;
        float:left;
        clear:none;
        width:100%;
        height:auto;
        color:#ffffff;
    }
    
    .slidingDiv{
        position:absolute; 
        height:auto;
        width:auto;
        top:25px;
        left:-180px;
        padding:0 5px;
        display:none;
        z-index: 250;
        line-height: 2.3;
        background-image: url(/customized/img/bg_account_top.png);
        background-position: top;
        background-repeat: no-repeat;
    }

    .omruilen_selectie_blok {
        display:block;
        clear: both;
        width:95%;
        min-height:40px; height:auto;
        margin:0 auto;
        padding-top:11px;
        color:#229200;
        font-weight: bold;
        padding:1%;
        background-color:#c7feb6;
        border:1px solid #56e52a;
        border-radius: 8px;
    } 
     
    .omruilen_selectie_mededeling {
        display:block;
        float:left;
        clear: none;
        width:auto;
        line-height: 40px;
        margin-right:20px;
        color:#434343;
        font-weight: bold;
    } 
     
/* --------------------- einde content ----------------------- */

/* -------------- infopagina's -------------- */    

/* -------------- blogpagina's -------------- */
    #blog_pages_container {
        display:block;
        clear: none;
        width:100%; max-width:768px;
        height:auto;
        margin:8px auto;
        overflow:hidden;
        background-image: url(/customized/img/bg_overzicht.png);
        background-position: left;
        background-repeat: repeat-y;
    }

    .blog_pages_blok {
        display:block;
        float:left;
        clear: none;
        position: relative;
        width:29%;
        height:460px;
        margin:1%;
        padding:1%;
        border:1px solid #d0d0d0;
    }

    .blog_pages_blok_img {
        display:block;
        float:left;
        position:relative;
        clear: none;
        width:100%;
        height:200px;
        margin-bottom:10px;
        overflow:hidden;
    }

    .vertical_align_img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }  
    .blog_pages_koptekst{
        width:100%;
        margin:4px 0;
        padding:0;
        color:#f9b843;
    }
    
    #blog_menu_blok {
        display:block;
        float:left;
        clear: none;
        width:98%;
        margin:0 auto;
        padding:1%;
        line-height: 2;
    }
    
    .blog_page {
        display:block;
        float:left;
        clear: none;
        width:96%;
        height:auto;
        margin:1%;
        padding:1%;
    }

    .blog_page p{
        float:left;
        clear:both;
        width:100%;
    }

    .blog_page_half {
        display:block;
        float:left;
        clear: none;
        width:48%;
        height:auto;
        padding:1%;
        text-align: center;
    }

    .blog_page_kolom {
        display:block;
        float:left;
        clear: none;
        width:31%;
        height:auto;
        margin:1%;
    }

    .blog_lees_meer {
        display:block;
        clear: none;
        position:absolute;
        width:220px;
        height:40px;
        bottom:10px;
        left:calc(50% - 110px);
        overflow:hidden;
        line-height: 40px;
        text-align: center;
        font-weight: bold;
        border:1px solid #f9b843;
    }

/* -------------- einde blogpagina's -------------- */  
    
    
/* -------------- actie pagina -------------- */    
    .actie_page_container {
        display:block;
        clear: none;
        width:98%; max-width:768px;
        height:auto;
        margin: auto;
        padding:1%;
        overflow: hidden;
      }

    .actie_container {
        display:block;
        float:left;  
        clear: none;
        width:100%;
        height:auto;
        margin:8px auto;
        padding:1%;
        overflow: hidden;
      }

    .actie_page_blok {
        display:block;  
        clear: right;
        width:92%; max-width:580px;
        height:auto;
        margin:0 auto;
        padding:1%;
        overflow: hidden;
        border:1px solid #f9b843;
        border-radius:4px;
        color:#000000;
      }

    .actie_blok_form {
        display: block;
        float: left;
        clear: none;
        width: 100%;
        min-height: 40px;
        overflow:hidden;
        margin:3px 0;
    }

    .actie_blok_form_tekst {
        display: block;
        float: left;
        clear: none;
        width: 40%;
        height: 40px;
        line-height: 40px;
        overflow:hidden;
    }

    .actie_blok_form_veld {
        display: block;
        float: left;
        clear: none;
        width: 60%;
        height: 40px;
        overflow:hidden;
    }
/* -------------- actie pagina -------------- */    


}  

/********************************************************/
/********************************************************/
/********************************************************/
/* ------------------ einde tablet -------------------- */
/********************************************************/
/********************************************************/
/********************************************************/

/********************************************************/
/********************************************************/
/********************************************************/
/* --------------------- tussenmaat ----------------------- */
/********************************************************/
/********************************************************/
/********************************************************/

@media screen and (max-width: 767px) 
{


/* --------------------- content ----------------------- */

    .omruilen_selectie_blok {
        display:block;
        clear: both;
        width:462px;
        min-height:40px;
        margin:0 auto;
        padding-top:11px;
        color:#434343;
        font-weight: bold;
        padding:8px;
        border-radius: 8px;
        background-color:#c7feb6;
        border:1px solid #56e52a;
    } 
     
    .omruilen_selectie_mededeling {
        display:block;
        float:left;
        clear: none;
        width:50%;
        margin-right:20px;
        line-height: 20px;
        color:#434343;
        font-weight: bold;
    } 
     


/* -------------- infopagina's -------------- */
    .actie_page_container {
        display:block;
        clear: none;
        width:98%; max-width:768px;
        height:auto;
        margin: auto;
        padding:3% 1%;
        overflow: hidden;
      }

    .actie_container {
        display:block;
        float:left;  
        clear: none;
        width:100%;
        height:auto;
        margin:8px auto;
        padding:1%;
        overflow: hidden;
      }

    #info_pages_container {
        display:block;
        clear: none;
        width:96%; 
        height:auto;
        margin:8px auto;
        padding:0 2%;
        overflow:hidden;
        background-color: #ffffff;
    }

    #info_menu_blok {
        display:block;
        float:left;
        clear: none;
        width:98%;
        margin:0 auto;
        padding:1%;
        line-height: 1.7;
    }
    
    #info_pages_blok {
        display:block;
        float:left;
        clear: none;
        width:100%;
        height:auto;
        margin:0 auto;
      }

    .info_pages_blok_half {
        display:block;
        float:left;
        clear: none;
        width:48%;
        height:auto;
        margin:0 1%;
    }

    .info_pages_koptekst{
        width:100%;
        margin:4px 0;
        padding:0;
        color:#f9b843;
    }

/* -------------- infopagina's -------------- */    


/* -------------- blogpagina's -------------- */
    #blog_pages_container {
        display:block;
        clear: none;
        width:100%;
        height:auto;
        margin:8px auto;
        overflow:hidden;
        background-image: url(/customized/img/bg_overzicht.png);
        background-position: left;
        background-repeat: repeat-y;
    }

    .blog_pages_blok {
        display:block;
        float:left;
        clear: none;
        position: relative;
        width:44%;
        height:460px;
        margin:1% 1% 1% 2%;
        padding:1%;
        border:1px solid #d0d0d0;
    }

    .blog_pages_blok_img {
        display:block;
        float:left;
        position:relative;
        clear: none;
        width:100%;
        height:200px;
        margin-bottom:10px;
        overflow:hidden;
    }

    .vertical_align_img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }  
    .blog_pages_koptekst{
        width:100%;
        margin:4px 0;
        padding:0;
        color:#f9b843;
    }
    
    #blog_menu_blok {
        display:block;
        float:left;
        clear: none;
        width:98%;
        margin:0 auto;
        padding:1%;
        line-height: 2;
    }
    
    .blog_page {
        display:block;
        float:left;
        clear: none;
        width:96%;
        height:auto;
        margin:1%;
        padding:1%;
    }

    .blog_page p{
        float:left;
        clear:both;
        width:100%;
    }

    .blog_page_half {
        display:block;
        float:left;
        clear: none;
        width:48%;
        height:auto;
        padding:1%;
        text-align: center;
    }

    .blog_page_kolom {
        display:block;
        float:left;
        clear: none;
        width:31%;
        height:auto;
        margin:1%;
    }

    .blog_lees_meer {
        display:block;
        clear: none;
        position:absolute;
        width:220px;
        height:40px;
        bottom:10px;
        left:calc(50% - 110px);
        overflow:hidden;
        line-height: 40px;
        text-align: center;
        font-weight: bold;
        border:1px solid #f9b843;
    }

/* -------------- einde blogpagina's -------------- */  

}  

/********************************************************/
/********************************************************/
/********************************************************/
/* ------------------ einde tussenmaat -------------------- */
/********************************************************/
/********************************************************/
/********************************************************/




/********************************************************/
/********************************************************/
/********************************************************/
/* --------------------- mobile ----------------------- */
/********************************************************/
/********************************************************/
/********************************************************/

@media screen and (min-width: 320px) and (max-width: 479px)
{
   #page { width : 100% }

   
/* --------------------- content ----------------------- */

    #content_container { 
        float:left;
        clear:both;
        width:100%;
        height:auto;
    }

    #content { 
        display:block;
        margin:0 auto;
        width : 100%;
        height:auto;
        overflow:hidden; 
    }
  
    #cookiebalk_container { 
        float:left;
        clear:both;
        width:100%;
        height:auto;
        background-color:#434343;
    }

    #cookiebalk_blok { 
        display:block;
        margin:0 auto;
        width : 96%;
        height:auto;
        padding:8px 2%;
        font-size:11px;
        overflow:hidden;
        color:#ffffff;
    }

    #cookiebalk_tekst { 
        display:block;
        float:left;
        width : 100%;
        height:auto;
    }

    #cookiebalk_sluit { 
        display:block;
        float:left;
        width : 50%;
        text-align:center;
        font-weight:bold;
        height:auto;
        padding:0 25%
    }


    .progressbar {
       display:block;
       float:left;
       clear:both;
       width:100%;
       height:auto;
       padding: 8px 0;
       margin-bottom:8px;
       border-bottom: 1px solid #d0d0d0;    }

    .progressbar_bestelling {
       display: block;
       float:left;
       width:20%;
       font-weight: bold;
       text-align: center;
       color:#ffffff;
    }  

    .progressbar_bestelling_tekst {
        display:none;
    }  

    .progressbar_bestelling_tekst a{
        display:none;
    }  

    .progressbar_bestelling_ico {
        display: block;
        width:20px;
        height:18px;
        margin:0 auto;
        overflow:hidden;
    }  

    .progressbar_bestelling_ico img {
        margin-left:-20px;
    }  

    .progressbar_bestelling_ico a img{
        border-bottom:1px solid #ffffff;
    }  

    .progressbar_bestellingactief {
        display: block;
        float:left;
        width:20%;
        font-weight: bold;
        text-align: center;
        color:#f9b843;
    }


    .progressbar_bestellingactief_tekst {
        display:none;
    }  

    .progressbar_bestellingactief_tekst a{
        display:none;
    }  

    .progressbar_bestellingactief_ico {
        display: block;
        width:20px;
        height:16px;
        margin:0 auto;
        overflow:hidden;
    }  
    
    .progressbar_bestellingactief_ico img{
        margin-left:0px;
    }  

    .omruilen_selectie_blok {
        display:block;
        clear: both;
        width:302px;
        min-height:40px;
        margin:0 auto;
        padding-top:11px;
        color:#434343;
        font-weight: bold;
        padding:8px;
        border-radius: 8px;
        background-color:#c7feb6;
        border:1px solid #56e52a;
    } 
     
    .omruilen_selectie_mededeling {
        display:block;
        float:left;
        clear: none;
        width:100%;
        margin-right:0px;
        margin-bottom:10px;
        line-height: 20px;
        color:#434343;
        font-weight: bold;
    } 

    .omruilen_selectie_button {
        display:block;
        clear: none;
        width:175px;
        height:40px;
        margin:0 auto;
        overflow:hidden;
    } 
     
/* -------------- infopagina's -------------- */
    #info_pages_container {
        display:block;
        clear: none;
        width:96%; 
        height:auto;
        margin:8px auto;
        padding:0 2%;
        overflow:hidden;
        background-color: #ffffff;
    }

    #info_menu_blok {
        display:block;
        float:left;
        clear: none;
        width:98%;
        margin:0 auto;
        padding:1%;
        line-height: 1.7;
    }
    
    #info_pages_blok {
        display:block;
        float:left;
        clear: none;
        width:100%;
        height:auto;
        margin:0 auto;
      }

    .info_pages_blok_half {
        display:block;
        float:left;
        clear: none;
        width:98%;
        height:auto;
        margin:1%;
    }

    .info_pages_koptekst{
        width:98%;
        margin:4px 0;
        padding:0 1%;
        color:#f9b843;
    }

    #wachtwoord_container {
        display:block;
        clear: none;
        width:100%;
        height:auto;
        margin:8px auto;
        overflow:hidden;
        background-image: url(/customized/img/bg_overzicht.png);
        background-position: left;
        background-repeat: repeat-y;
    }

    #wachtwoord_blok {
        display:block;
        clear: none;
        width:96%;
        margin:0 auto;
        padding:2%;
        text-align: center;
    }

    #nieuwsbrief_aangemeld_container {
        display:block;
        clear: none;
        width:100%;
        height:auto;
        margin:8px auto;
        overflow:hidden;
        background-image: url(/customized/img/bg_overzicht.png);
        background-position: left;
        background-repeat: repeat-y;
    }

    #nieuwsbrief_blok {
        display:block;
        clear: none;
        width:96%;
        margin:0 auto;
        padding:2%;
        text-align: center;
    }

    #afmelden_nieuwsbrief_container {
        display:block;
        clear: none;
        width:96%; max-width:500px;
        height:450px;
        margin:0 auto;
        padding:2%;
    }

    .afmelden_nieuwsbrief_blok {
        display:block;
        float:left;
        clear: none;
        width:100%;
        height:auto;
        padding:6px 0;
    }

    .afmelden_nieuwsbrief_tekst {
        display:block;
        float:left;
        clear: none;
        width:100px;
        height:14px;
        padding:6px;
    }

    .afmelden_nieuwsbrief_field {
        display:block;
        float:left;
        clear: none;
        width:200px;
        height:14px;
        padding:6px;
    }

    
/* -------------- infopagina's -------------- */    

/* -------------- blogpagina's -------------- */
    #blog_pages_container {
        display:block;
        clear: none;
        width:100%; max-width:1280px;
        height:auto;
        margin:8px auto;
        overflow:hidden;
        background-image: url(/customized/img/bg_overzicht.png);
        background-position: left;
        background-repeat: repeat-y;
    }

    .blog_pages_blok {
        display:block;
        float:left;
        clear: none;
        position: relative;
        width:71%;
        height:460px;
        margin:1% 14%;
        padding:1%;
        border:1px solid #d0d0d0;
    }

    .blog_pages_blok_img {
        display:block;
        float:left;
        position:relative;
        clear: none;
        width:100%;
        height:200px;
        margin-bottom:10px;
        overflow:hidden;
    }

    .vertical_align_img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }  
    .blog_pages_koptekst{
        width:100%;
        margin:4px 0;
        padding:0;
        color:#f9b843;
    }
    
    #blog_menu_blok {
        display:block;
        float:left;
        clear: none;
        width:98%;
        margin:0 auto;
        padding:1%;
        line-height: 2;
    }
    
    .blog_page {
        display:block;
        float:left;
        clear: none;
        width:98%;
        height:auto;
        margin:1%;
        padding:1%;
    }

    .blog_page p{
        float:left;
        clear:both;
        width:100%;
    }

    .blog_page_half {
        display:block;
        float:left;
        clear: none;
        width:48%;
        height:auto;
        padding:1%;
        text-align: center;
    }

    .blog_page_kolom {
        display:block;
        float:left;
        clear: none;
        width:31%;
        height:auto;
        margin:1%;
    }

    .blog_lees_meer {
        display:block;
        clear: none;
        position:absolute;
        width:220px;
        height:40px;
        bottom:10px;
        left:calc(50% - 110px);
        overflow:hidden;
        line-height: 40px;
        text-align: center;
        font-weight: bold;
        border:1px solid #f9b843;
    }

/* -------------- einde blogpagina's -------------- */  

/* -------------- actie pagina -------------- */    
    .actie_page_container {
        display:block;
        clear: none;
        width:98%; max-width:768px;
        height:auto;
        margin: auto;
        padding:1%;
        overflow: hidden;
      }

    .actie_container {
        display:block;
        float:left;  
        clear: none;
        width:100%;
        height:auto;
        margin:8px auto;
        padding:1%;
        overflow: hidden;
      }

    .actie_page_blok {
        display:block;  
        clear: right;
        width:92%; max-width:580px;
        height:auto;
        margin:0 auto;
        padding:1%;
        overflow: hidden;
        border:1px solid #f9b843;
        border-radius:4px;
        color:#000000;
      }

    .actie_blok_form {
        display: block;
        float: left;
        clear: none;
        width: 100%;
        min-height: 40px;
        overflow:hidden;
        margin:3px 0;
    }

    .actie_blok_form_tekst {
        display: block;
        float: left;
        clear: none;
        width: 100%;
        height: 40px;
        line-height: 40px;
        overflow:hidden;
    }

    .actie_blok_form_veld {
        display: block;
        float: left;
        clear: none;
        width: 100%;
        height: 40px;
        overflow:hidden;
    }
/* -------------- actie pagina -------------- */    

/* --------------------- einde content ----------------------- */
    #popup_nieuw_blok {
        display:none;  
    }    
   
}  

/********************************************************/
/********************************************************/
/********************************************************/
/* ------------------ einde mobiel -------------------- */
/********************************************************/
/********************************************************/
/********************************************************/