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

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

    #footer_container {
        display:block;
        float:left;
        width:100%;
        height:auto;
        margin-bottom:20px;
        border-top: 1px solid #47657f;
        border-bottom: 1px solid #47657f;
        background-color:#3a3a3a;
    }

    #footer {
        display:block;
        margin:0 auto;
        width:1024px;
        height:400px;
        color:  #ffffff ;
    }

    #nieuwsbrief_blok_bodem {
        display:block;
        float:right;
        clear: none;
        width:250px;
        height:220px;
        line-height: 2;
        margin-bottom:20px;
        padding:0 10px 0px 10px;
        border-bottom:1px solid #ffffff;
    }

    #nieuwsbrief_tekst {
        display:block;
        float:left;
        clear:none;
        width:100%;
        font-size: 16px;
        margin-bottom:5px;
        text-align:center;
        font-weight:bold;
    } 

    #nieuwsbrief_naam {
        display:block;
        float:left;
        clear: none;
        width:240px;
        height:16px;
        padding:5px;
        margin:20px 0 10px 0;
        color:#434343;
        border:0px;
    } 

    #nieuwsbrief_email {
        display:block;
        float:left;
        clear: none;
        width:240px;
        height:16px;
        padding:5px;
        margin:10px 0 20px 0;
        color:#434343;
        border:0px;
    } 

    #nieuwsbrief_button {
        display:block;
        float:right;
        clear: none;
        width:auto;
        height:28px;
        margin:10px 40px 16px 0;
        line-height: 1;
    }
    
    #info_blok {
        display:block;
        float:left;
        clear:none;
        width:auto;
        height:220px;
        border-bottom:1px solid #ffffff;
    }    

    .adres_info {
        display:block;
        float:left;
        clear:none;
        width:230px;
        height:220px;
        line-height:2;
        border-right:1px solid #ffffff;
    }    

    .info_links {
        display:block;
        float:left;
        clear:none;
        width:170px;
        height:auto;
        margin:0 30px;
        line-height:2;
    }    

    .info_links a{
        color:#ffffff;
    }    
    
    .koptekst_bodem {
        display:block;
        float:left;
        clear:none;
        width:100%;
        font-size: 16px;
        font-weight:bold;
        margin-bottom:20px;
    } 
    
    #sitemap_voorwaarden_blok {
        display:block;
        float:left;
        clear:both;
        width:100%;
        height:40px;
        font-size:10px;
    }
    
    #sitemap_voorwaarden_blok a { 
        color:#ffffff;        
    }

    #credits_blok {
        display:block;
        float:right;
        clear:none;
        width:auto;
        height:auto;
        margin-right:20px;
        line-height:1.8;
    }

    

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


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

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

    #footer_container {
        display:block;
        float:left;
        width:100%;
        height:auto;
        margin-bottom:20px;
        border-top: 1px solid #47657f;
        border-bottom: 1px solid #47657f;
        background-color:#3a3a3a;
    }

    #footer {
        display:block;
        margin:0 auto;
        width:768px;
        height:400px;
        color:  #ffffff ;
    }

    #nieuwsbrief_blok_bodem {
        display:block;
        float:right;
        clear: none;
        width:250px;
        height:220px;
        line-height: 2;
        margin-bottom:20px;
        padding:0 10px 0px 10px;
        border-bottom:1px solid #ffffff;
    }

    #nieuwsbrief_tekst {
        display:block;
        float:left;
        clear:none;
        width:100%;
        font-size: 16px;
        margin-bottom:5px;
        text-align:center;
        font-weight:bold;
    } 

    #nieuwsbrief_naam {
        display:block;
        float:left;
        clear: none;
        width:240px;
        height:16px;
        padding:5px;
        margin:20px 0 10px 0;
        color:#434343;
        border:0px;
    } 

    #nieuwsbrief_email {
        display:block;
        float:left;
        clear: none;
        width:240px;
        height:16px;
        padding:5px;
        margin:10px 0 20px 0;
        color:#434343;
        border:0px;
    } 

    #nieuwsbrief_button {
        display:block;
        float:right;
        clear: none;
        width:auto;
        height:28px;
        margin:10px 40px 16px 0;
        line-height: 1;
    }
    
    #info_blok {
        display:block;
        float:left;
        clear:none;
        width:auto;
        height:220px;
        border-bottom:1px solid #ffffff;
    }    

    .adres_info {
        display:block;
        float:left;
        clear:none;
        width:230px;
        height:220px;
        line-height:2;
        border-right:1px solid #ffffff;
    }    

    .info_links {
        display:block;
        float:left;
        clear:none;
        width:170px;
        height:auto;
        margin:0 30px;
        line-height:2;
    }    

    .info_links a{
        color:#ffffff;
    }    
    
    .koptekst_bodem {
        display:block;
        float:left;
        clear:none;
        width:100%;
        font-size: 16px;
        font-weight:bold;
        margin-bottom:20px;
    } 
    
    #sitemap_voorwaarden_blok {
        display:block;
        float:left;
        clear:both;
        width:100%;
        height:40px;
        font-size:10px;
    }
    
    #sitemap_voorwaarden_blok a { 
        color:#ffffff;        
    }

    #credits_blok {
        display:block;
        float:right;
        clear:none;
        width:auto;
        height:auto;
        margin-right:20px;
        line-height:1.8;
    }

}


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


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


@media screen and (min-width: 320px) and (max-width: 767px)
{
    #footer_container {
        display:block;
        float:left;
        width:100%;
        height:auto;
        margin-bottom:20px;
        border-top: 1px solid #47657f;
        border-bottom: 1px solid #47657f;
        background-color:#3a3a3a;
    }

    #footer {
        display:block;
        margin:0 auto;
        width:100%;
        height:auto;
        color:  #ffffff ;
    }

    #nieuwsbrief_blok_bodem {
        display:block;
        float:none;
        clear: none;
        width:250px;
        height:220px;
        line-height: 2;
        margin:5px auto;
        padding:0 10px 0px 10px;
        border-bottom:1px solid #ffffff;
    }

    #nieuwsbrief_tekst {
        display:block;
        float:left;
        clear:none;
        width:100%;
        font-size: 16px;
        margin-bottom:5px;
        text-align:center;
        font-weight:bold;
    } 

    #nieuwsbrief_naam {
        display:block;
        float:left;
        clear: none;
        width:240px;
        height:16px;
        padding:5px;
        margin:20px 0 10px 0;
        color:#434343;
        border:0px;
    } 

    #nieuwsbrief_email {
        display:block;
        float:left;
        clear: none;
        width:240px;
        height:16px;
        padding:5px;
        margin:10px 0 20px 0;
        color:#434343;
        border:0px;
    } 

    #nieuwsbrief_button {
        display:block;
        float:right;
        clear: none;
        width:auto;
        height:28px;
        margin:10px 40px 16px 0;
        line-height: 1;
    }
    
    #info_blok {
        display:block;
        float:none;
        clear:none;
        width:230px;
        height:220px;
        margin:5px auto;
        border-bottom:1px solid #ffffff;
    }    

    .adres_info {
        display:block;
        float:left;
        clear:none;
        width:230px;
        height:220px;
        line-height:2;
        border-right:0px;
    }    

    .info_links {
        display:block;
        float:left;
        clear:none;
        width:230px;
        height:auto;
        margin:0 30px;
        line-height:2;
    }    

    .info_links a{
        color:#ffffff;
    }    
    
    .koptekst_bodem {
        display:block;
        float:left;
        clear:none;
        width:100%;
        font-size: 16px;
        font-weight:bold;
        margin-bottom:20px;
    } 
    
    #sitemap_voorwaarden_blok {
        display:block;
        float:left;
        clear:both;
        width:100%;
        height:40px;
        font-size:10px;
    }
    
    #sitemap_voorwaarden_blok a { 
        color:#ffffff;        
    }

    #credits_blok {
        display:block;
        float:right;
        clear:none;
        width:auto;
        height:auto;
        margin-right:20px;
        line-height:1.8;
    }

}


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