html{
      background-color: #f1f1f1;
}

body {
    font-family: 'Raleway', Helvetica;
/*    font-family:'verdana', 'Lucida Grande', Helvetica, Arial;*/
    font-size: 14px;
    font-weight: 500;
    color:#3a3a3a;
    margin: 0px;
}                                                                                                                                  

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

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

a.button_afrekenen {
    display:block;
    clear:none;
    width:150px;
    height:16px;
    padding:11px;
    text-align:center;
    margin:0 auto;
    cursor:pointer;
    font-size:14px;
    color:#ffffff;
    background:#1f81aa;
    border:1px solid #ffffff;
}
    
a.button_detail_bestel {
    display:block;
    float:left;
    width:218px;
    height:22px;
    padding-top:6px;
    text-align:center;
    color:#ffffff;                                             
    margin-bottom: 10px;
    cursor:pointer;
    font-weight: bold;

    background-color:#1f81aa;
}

.button_detail {
    display:block;
    float:left;                  
    clear:none;
    width:150px;
    height:16px;
    padding:11px;
    text-align:center;
    cursor:pointer;
    font-size:14px;
    color:#1f81aa;
    background:#ffffff;
    border:1px solid #1f81aa;
}


a.button_wijzig_wachtwoord {
    display:block;
    float:left;
    clear: none;
    width:150px;
    height:21px;
    padding-top:7px;
    text-align:center;
    color:#ffffff;
    cursor:pointer;
    font-weight: bold;

    background-color:#1f81aa;
}

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

.links_wit {
    color:  #ffffff ;
}

a {color:#3a3a3a;text-decoration:none;}
a:hover {text-decoration:underline;}

.font_blue {
    color:  #1f81aa ;
}



h1 {font-size:36px;
    margin:0px;
    padding:0px;
}

h2 {font-size:24px;
    margin:0px;
    padding:0px;
}

h4 {
    font-size:14px;
    margin: 0px;
    font-weight: bold;
}

.header_tekst_blok {
    display:block;
    float:left;
    width: 100%;
    height: auto;
    margin:40px 0 10px;
    padding: 12px 0;
    text-align: center;
    border-top:1px solid #e1e1e1;
    border-bottom:1px solid #e1e1e1;
}

.koptekst{
    font-weight:bold;
    font-size:14px;
    padding:5px;
 } 

a[href^=tel] { 
    color: inherit; 
    text-decoration: none; 
}

input[type=text]  {
    height:38px;
    padding:0 12px;
    border:1px solid #e1e1e1;
    font-size: 12px;
}

input[type=text]:focus, textarea:focus, select:focus{
    outline: none;
    border:1px solid #1f81aa;   
}

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

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


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



    .slidingDiv{
        position:absolute; 
        height:auto;
        width:auto;
        top:62px;
        left:-96px;
        padding:0 5px;
        display:none;
        z-index: 250;
        background-color:#3a3a3a;
        border:1px solid #1f81aa;
    }

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

    #account_kop a{
        color:#ffffff;
    }
    
/*--------------------- einde sliders loginblok ----------------*/

    .intrinsic-container {
        position: relative;
        height: 0;
        overflow: hidden;
    }
     
    /* 16x9 Aspect Ratio */
    .intrinsic-container-16x9 {
        padding-bottom: 56.25%;
    }
     
    /* 4x3 Aspect Ratio */
    .intrinsic-container-4x3 {
        padding-bottom: 75%;
    }
     
    .intrinsic-container iframe {
        position: absolute;
        top:20px;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .taal_blok{
        display:block;
        float:left;
        width:30px;
        height:18px;
        margin:8px 5px;
        overflow: hidden;
    }
    
    .nl_taal_selected {
        display:block;
        float:left;
        width:60px;
        height:18px;
        margin-left:-30px; 
        background: url('/customized/img/nl_flag.jpg')
    }
    
    .nl_taal_ {
        display:block;
        float:left;
        width:60px;
        height:18px;
        margin-left:0px; 
        background: url('/customized/img/nl_flag.jpg')
    }
    
    .en_taal_selected {
        display:block;
        float:left;
        width:60px;
        height:18px;
        margin-left:-30px; 
        background: url('/customized/img/en_flag.jpg')
    }
    
    .en_taal_ {
        display:block;
        float:left;
        width:60px;
        height:18px;
        margin-left:0px; 
        background: url('/customized/img/en_flag.jpg')
    }

    #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: 35%;
        height: 50px;
        line-height: 52px;
        overflow: hidden;
    }

    .afmelden_nieuwsbrief_field {
        display: block;
        float: left;
        clear: none;
        width: calc(65% - 6px);
        height: 50px;
        overflow: hidden;
        border: 1px solid #E4E4E4;
    }

    .instelling {
        float: left;
        clear: none;
        width: auto;
        line-height: 30px;
        overflow: hidden;
    }

    .niet_ingelogd_blok {
        display: block;
        width: 98%;
        height: 300px;
        margin: 10px auto;
        padding: 20px 0px;
        overflow: hidden;
        text-align: center;
        font-size: 16px;
    }
    


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


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

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

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

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

    .header_img { 
        display:block;
        float:left;
        clear:none;
        background-color: #1f81aa;
        width: 100%;
        height: 400px !important;
        top: 0;
        left: 0;
        position: relative;
        overflow: hidden;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        z-index: -1;
        background-attachment: scroll;
    }

    img.blur {
        position: absolute;
        top: -9999px;
        bottom: -9999px;
        left: -9999px;
        right: -9999px;
        margin: auto;
        width:2580px;
        height:auto;
        -webkit-filter: blur(20px);
        filter: blur(20px);
    }

    img.noblur {
        position: absolute;
        top: -9999px;
        bottom: -9999px;
        left: -9999px;
        right: -9999px;
        margin: auto;
        width:2580px;
        height:auto;
        -webkit-filter: blur(3px);
        filter: blur(3px);
    }

    .header_tekst { 
        display:block;
        position:relative;
        width:100%;
        color:#ffffff;
        margin:230px auto 0;
        overflow: hidden;
        z-index:100;
        text-transform: uppercase;        
        
    }

    #content { 
        display:block;
        margin:0 auto;
        width:1280px;
        height:auto;
        overflow:hidden;
    }

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

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

    .progressbar_bestelling_tekst {
        display: block;
    }  

    .progressbar_bestelling_tekst a{
        display: block;
        color:#3a3a3a;
        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:#1f81aa;
    }

    .progressbar_bestellingactief_tekst {
        display: block;
        color:#1f81aa;
    }  

    .progressbar_bestellingactief_tekst a{
        display: block;
        color:#1f81aa;
    }  

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

    #nieuwsbrief_container {
        float: left;
        clear: none;
        width: 96%;
        height: auto;
        margin: 10px 1%;
        padding: 1%;
        overflow: hidden;
        box-shadow: 1px 1px 3px #bbbbbb;
        background-color: #ffffff;
    }    

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

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

    #info_pages_container {
        display:block;
        clear: none;
        width:100%; max-width:1280px;
        min-height:500px;
        margin:8px auto;
        overflow:hidden;
    }

    #info_menu_blok {
        display:block;
        float:left;
        clear: none;
        width:18%;
        margin-right:1%;
        padding:1% 1% 1% 2%;
        line-height: 1.7;
        box-shadow: 1px 1px 3px #bbbbbb;
        background-color: #ffffff;
    }
    
    #info_pages_blok {
        display:block;
        float:left;
        clear: none;
        width:76%;
        min-height:500px;
        margin:0 auto 3px;
        padding:1%;
        box-shadow: 1px 1px 3px #bbbbbb;
        background-color: #ffffff;
      }

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

    .info_pages_team {
        display:block;
        float:left;
        clear: none;
        width:100%;
        height:auto;
        margin:20px 0 ;
    }

    .info_pages_team_img {
        display:block;
        float:left;
        clear: none;
        width:70%;
        height:auto;
        margin:0 15%;
    }

    .info_pages_team_tekst {
        display:block;
        float:left;
        clear: none;
        width:68%;
        height:auto;
        margin:10px 16% 0;
    }

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

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

    #wachtwoord_container {
        display:block;
        clear: none;
        width:100%; max-width:1280px;
        height:auto;
        margin:8px auto;
        overflow:hidden;
    }


    #wachtwoord_blok {
        display:block;
        clear: none;
        width:96%;  max-width:680px;
        height: 300px;
        margin:180px auto 0;
        padding:2%;
        text-align: center;
        box-shadow: 1px 1px 3px #bbbbbb;
        background-color: #ffffff;
    }


    .image-link-column { 
        display:block;
        float:left;
        clear:none;
        width : 98%;
        height:auto;
        margin:1%;
        text-align: center;
        overflow:hidden; 
    }

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

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

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

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


@media screen and (min-width: 1024px) and (max-width: 1279px) 
{

    .slidingDiv{
        position:absolute; 
        height:auto;
        width:auto;
        top:62px;
        left:-130px;
        padding:0 5px;
        display:none;
        z-index: 250;
        background-color:#3a3a3a;
        border:1px solid #1f81aa;
    }

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

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

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

    .header_img { 
        display:block;
        float:left;
        clear:none;
        background-color: #1f81aa;
        width: 100%;
        height: 420px !important;
        top: 0;
        left: 0;
        position: relative;
        overflow: hidden;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        z-index: -1;
        background-attachment: scroll;
    }

    img.blur {
        position: absolute;
        top: -9999px;
        bottom: -9999px;
        left: -9999px;
        right: -9999px;
        margin: auto;
        width:2580px;
        height:auto;
        -webkit-filter: blur(20px);
        filter: blur(20px);
    }

    .header_tekst { 
        display:block;
        position:relative;
        width:100%;
        color:#ffffff;
        margin:230px auto 0;
        overflow: hidden;
        z-index:100;
        text-transform: uppercase;        
        
    }

    #content { 
        display:block;
        margin:0 auto;
        width:1024px;
        height:auto;
        overflow:hidden;
    }

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

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

    .progressbar_bestelling_tekst {
        display: block;
    }  

    .progressbar_bestelling_tekst a{
        display: block;
        color:#3a3a3a;
        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:#1f81aa;
    }

    .progressbar_bestellingactief_tekst {
        display: block;
        color:#1f81aa;
    }  

    .progressbar_bestellingactief_tekst a{
        display: block;
        color:#1f81aa;
    }  

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

    #nieuwsbrief_container {
        float: left;
        clear: none;
        width: 96%;
        height: auto;
        margin: 10px 1%;
        padding: 1%;
        overflow: hidden;
        box-shadow: 1px 1px 3px #bbbbbb;
        background-color: #ffffff;
    }    

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

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

    #info_pages_container {
        display:block;
        clear: none;
        width:100%; max-width:1280px;
        min-height:500px;
        margin:8px auto;
        overflow:hidden;
    }

    #info_menu_blok {
        display:block;
        float:left;
        clear: none;
        width:18%;
        margin-right:1%;
        padding:1% 1% 1% 2%;
        line-height: 1.7;
        box-shadow: 1px 1px 3px #bbbbbb;
        background-color: #ffffff;
    }
    
    #info_pages_blok {
        display:block;
        float:left;
        clear: none;
        width:76%;
        min-height:500px;
        margin:0 auto 3px;
        padding:1%;
        box-shadow: 1px 1px 3px #bbbbbb;
        background-color: #ffffff;
      }

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

    .info_pages_team {
        display:block;
        float:left;
        clear: none;
        width:100%;
        height:auto;
        margin:20px 0 ;
    }

    .info_pages_team_img {
        display:block;
        float:left;
        clear: none;
        width:70%;
        height:auto;
        margin:0 15%;
    }

    .info_pages_team_tekst {
        display:block;
        float:left;
        clear: none;
        width:68%;
        height:auto;
        margin:10px 16% 0;
    }

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

/* -------------- infopagina's -------------- */    
    #wachtwoord_container {
        display:block;
        clear: none;
        width:100%; max-width:1024px;
        height:auto;
        margin:8px auto;
        overflow:hidden;
    }


    #wachtwoord_blok {
        display:block;
        clear: none;
        width:96%;  max-width:680px;
        height: 300px;
        margin:180px auto 0;
        padding:2%;
        text-align: center;
        box-shadow: 1px 1px 3px #bbbbbb;
        background-color: #ffffff;
    }


    .image-link-column { 
        display:block;
        float:left;
        clear:none;
        width : 98%;
        height:auto;
        margin:1%;
        text-align: center;
        overflow:hidden; 
    }

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

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

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


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

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

    .slidingDiv{
        position:absolute; 
        height:auto;
        width:auto;
        top:52px;
        left:-115px;
        padding:0 5px;
        display:none;
        z-index: 250;
        background-color:#3a3a3a;
    }

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

    .header_img { 
        display:block;
        float:left;
        clear:none;
        background-color: #1f81aa;
        width: 100%;
        height: 240px !important;
        top: 0;
        left: 0;
        position: relative;
        overflow: hidden;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        z-index: -1;
        background-attachment: scroll;
    }

    img.blur {
        position: absolute;
        top: -9999px;
        bottom: -9999px;
        left: -9999px;
        right: -9999px;
        margin: auto;
        width:2580px;
        height:auto;
        -webkit-filter: blur(20px);
        filter: blur(20px);
    }

    .header_tekst { 
        display:block;
        position:relative;
        width:100%;
        color:#ffffff;
        margin:90px auto 0;
        overflow: hidden;
        z-index:100;
        text-transform: uppercase;        
        
    }

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

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

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

    .progressbar_bestelling_tekst {
        display: block;
    }  

    .progressbar_bestelling_tekst a{
        display: block;
        color:#3a3a3a;
        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:#1f81aa;
    }

    .progressbar_bestellingactief_tekst {
        display: block;
        color:#1f81aa;
    }  

    .progressbar_bestellingactief_tekst a{
        display: block;
        color:#1f81aa;
    }  

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

    #nieuwsbrief_container {
        float: left;
        clear: none;
        width: 96%;
        height: auto;
        margin: 10px 1%;
        padding: 1%;
        overflow: hidden;
        box-shadow: 1px 1px 3px #bbbbbb;
        background-color: #ffffff;
    }    

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

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

    #info_pages_container {
        display:block;
        clear: none;
        width:100%; max-width:1280px;
        min-height:500px;
        margin:8px auto;
        overflow:hidden;
    }

    #info_menu_blok {
        display:block;
        float:left;
        clear: none;
        width:24%;
        margin-right:1%;
        padding:1% 1% 1% 2%;
        line-height: 1.7;
        box-shadow: 1px 1px 3px #bbbbbb;
        background-color: #ffffff;
    }
    
    #info_pages_blok {
        display:block;
        float:left;
        clear: none;
        width:70%;
        min-height:500px;
        margin:0 auto 3px;
        padding:1%;
        box-shadow: 1px 1px 3px #bbbbbb;
        background-color: #ffffff;
      }

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

    .info_pages_team {
        display:block;
        float:left;
        clear: none;
        width:100%;
        height:auto;
        margin:20px 0 ;
    }

    .info_pages_team_img {
        display:block;
        float:left;
        clear: none;
        width:80%;
        height:auto;
        margin:0 10%;
    }

    .info_pages_team_tekst {
        display:block;
        float:left;
        clear: none;
        width:88%;
        height:auto;
        margin:10px 6% 0;
    }

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

    .info_pages_koptekst a{
        color:#1f81aa;
    }
/* --------------------- einde content ----------------------- */

    #wachtwoord_container {
        display:block;
        clear: none;
        width:100%; max-width:768px;
        height:auto;
        margin:8px auto;
        overflow:hidden;
    }


    #wachtwoord_blok {
        display:block;
        clear: none;
        width:96%;
        height: 200px;
        margin:80px auto 0;
        padding:2%;
        text-align: center;
        box-shadow: 1px 1px 3px #bbbbbb;
        background-color: #ffffff;
    }

    .image-link-column { 
        display:block;
        float:left;
        clear:none;
        width : 98%;
        height:auto;
        margin:1%;
        text-align: center;
        overflow:hidden; 
    }

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

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


}  

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


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

@media screen and (max-width: 767px) 
{
    .slidingDiv{
        position:absolute; 
        height:auto;
        width:auto;
        top:52px;
        left:-115px;
        padding:0 5px;
        display:none;
        z-index: 250;
        background-color:#3a3a3a;
    }

/* -------------- 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:none;
    }
    
    #info_pages_blok {
        display:block;
        float:left;
        clear: none;
        width:100%;
        height:auto;
        margin:0 auto;
        padding: 0;
        box-shadow: 0px 0px 0px #bbbbbb;
        background-color: #ffffff;
      }

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

    .info_pages_team {
        display:block;
        float:left;
        clear: none;
        width:100%;
        height:auto;
        margin:20px 0 ;
    }

    .info_pages_team_img {
        display:block;
        float:left;
        clear: none;
        width:70%;
        height:auto;
        margin:0 15%;
    }

    .info_pages_team_tekst {
        display:block;
        float:left;
        clear: none;
        width:68%;
        height:auto;
        margin:10px 16% 0;
    }

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

    .info_pages_koptekst a{
        color:#1f81aa;
    }
/* -------------- infopagina's -------------- */    

    .image-link-column { 
        display:block;
        float:left;
        clear:none;
        width : 98%;
        height:auto;
        margin:1%;
        text-align: center;
        overflow:hidden; 
    }

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

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

}  

/********************************************************/
/********************************************************/
/********************************************************/
/* ------------------ 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; 
    }
  
    .progressbar {
       display:block;
       float:left;
       clear:both;
       width:100%;
       height:auto;
       padding: 8px 0;
       margin-bottom:8px;
       border-bottom: 1px solid #e1e1e1;    }

    .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:#1f81aa;
    }

    .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:#fe1f1f;
        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:#fe1f1f;
        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:none;
    }
    
    #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_team {
        display:block;
        float:left;
        clear: none;
        width:100%;
        height:auto;
        margin:20px 0 ;
    }

    .info_pages_team_img {
        display:block;
        float:left;
        clear: none;
        width:70%;
        height:auto;
        margin:0 15%;
    }

    .info_pages_team_tekst {
        display:block;
        float:left;
        clear: none;
        width:68%;
        height:auto;
        margin:10px 16% 0;
    }

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

    .info_pages_koptekst a{
        color:#1f81aa;
    }
    #wachtwoord_container {
        display:block;
        clear: none;
        width:100%;
        height:auto;
        margin:8px auto;
        overflow:hidden;
    }

    #wachtwoord_blok {
        display:block;
        clear: none;
        width:96%;
        height: 200px;
        margin:80px auto 0;
        padding:2%;
        text-align: center;
        box-shadow: 1px 1px 3px #bbbbbb;
        background-color: #ffffff;
    }

    #nieuwsbrief_container {
        float: left;
        clear: none;
        width: 96%;
        height: auto;
        margin: 10px 1%;
        padding: 1%;
        overflow: hidden;
        box-shadow: 1px 1px 3px #bbbbbb;
        background-color: #ffffff;
    }

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

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

#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:100%;
    height:14px;
    padding:6px;
}

.afmelden_nieuwsbrief_field {
    display: block;
    float: left;
    clear: none;
    width: calc(100% - 6px);
    height: 50px;
    overflow: hidden;
    border: 1px solid #E4E4E4;
}

.instelling {
    float: left;
    clear: none;
    width: 100%;
    line-height: 30px;
    overflow: hidden;
}



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

    .image-link-column { 
        display:block;
        float:left;
        clear:none;
        width : 98%;
        height:auto;
        margin:1%;
        text-align: center;
        overflow:hidden; 
    }

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

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

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