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

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

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

    #footer {
        display:block;
        margin:0 auto;
        width:1280px;
        height:auto;
        color:  #ffffff ;
        overflow:hiden;
    }

    #nieuwsbrief_blok_bodem {
        display:block;
        float:left;
        clear: both;
        width:100%;
        height:auto;
        margin-bottom:20px;
        padding-bottom:20px;
        border-bottom:1px solid #ffffff;
    }

    #nieuwsbrief_top {
        display:block;
        float:left;
        clear: none;
        width:100%;
        height:40px;
        margin:10px 0;
        background-image:url(/customized/img/nieuwsbrief_top.png);
        background-position:top center;        
        background-repeat:no-repeat;
    }

    #nieuwsbrief_tekst {
        display:block;
        float:left;
        clear: none;
        width:33%;
        height:10px;
        padding:9px;
        text-align:center;
        font-weight:bold;
    } 

    #nieuwsbrief_naam {
        display:block;
        float:left;
        clear: none;
        width:18%;
        margin-right:1%;
    } 

    #nieuwsbrief_email {
        display:block;
        float:left;
        clear: none;
        width:18%;
        margin-right:1%;

    } 

    #nieuwsbrief_button {
        display:block;
        float:right;
        clear: none;
        width:auto;
        height:26px;
        margin-right:10px;
    }
    
    #info_blok {
        display:block;
        float:left;
        clear:none;
        width:49%;
        height:auto;
        margin-left:1%;
        color:#ffffff;
    }    

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

    .adres_info a{
        color:#ffffff;
    }    

    .info_links {
        display:block;
        float:left;
        clear:none;
        width:45%;
        height:auto;
        margin:0 0 0 6%;
        line-height:2;
        color:#ffffff;
    }    

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

    #sitemap_voorwaarden_blok {
        display:block;
        float:left;
        clear:both;
        width:100%;
        height:40px;
        font-size:10px;
        
    }
    
    #sitemap_voorwaarden_blok a { 
        color:#ffffff;        
    }

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

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

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

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

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

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

    #nieuwsbrief_blok_bodem {
        display:block;
        float:left;
        clear: both;
        width:100%;
        height:auto;
        margin-bottom:20px;
        padding-bottom:20px;
        border-bottom:1px solid #ffffff;
    }

    #nieuwsbrief_top {
        display:block;
        float:left;
        clear: none;
        width:100%;
        height:40px;
        margin:10px 0;
        background-image:url(/customized/img/nieuwsbrief_top.png);
        background-position:top center;        
        background-repeat:no-repeat;
    }

    #nieuwsbrief_tekst {
        display:block;
        float:left;
        clear: none;
        width:33%;
        height:10px;
        padding:9px;
        text-align:center;
        font-weight:bold;
    } 

    #nieuwsbrief_naam {
        display:block;
        float:left;
        clear: none;
        width:18%;
        margin-right:1%;
    } 

    #nieuwsbrief_email {
        display:block;
        float:left;
        clear: none;
        width:18%;
        margin-right:1%;

    } 

    #nieuwsbrief_button {
        display:block;
        float:right;
        clear: none;
        width:auto;
        height:26px;
        margin-right:10px;
    }
    
    #info_blok {
        display:block;
        float:left;
        clear:none;
        width:49%;
        height:auto;
        margin-left:1%;
        color:#ffffff;
    }    

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

    .adres_info a{
        color:#ffffff;
    }    

    .info_links {
        display:block;
        float:left;
        clear:none;
        width:45%;
        height:auto;
        margin:0 0 0 6%;
        line-height:2;
        color:#ffffff;
    }    

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

    #sitemap_voorwaarden_blok {
        display:block;
        float:left;
        clear:both;
        width:100%;
        height:40px;
        font-size:10px;
        
    }
    
    #sitemap_voorwaarden_blok a { 
        color:#ffffff;        
    }

    #sitemap {
        display:block;
        float:left;
        clear:none;
        width:100px;
        height:auto;
        margin-left:20px;
        line-height:1.8;
    } 
    
    #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 #1f81aa;
        border-bottom: 1px solid #1f81aa;
        background-color:#3a3a3a;
    }

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

    #nieuwsbrief_blok_bodem {
        display:block;
        float:left;
        clear: both;
        width:100%;
        height:auto;
        margin-bottom:20px;
        padding-bottom:20px;
        border-bottom:1px solid #ffffff;
    }

    #nieuwsbrief_top {
        display:block;
        float:left;
        clear: none;
        width:100%;
        height:40px;
        margin:10px 0;
        background-image:url(/customized/img/nieuwsbrief_top.png);
        background-position:top center;        
        background-repeat:no-repeat;
    }

    #nieuwsbrief_tekst {
        display:block;
        float:left;
        clear: none;
        width:26%;
        height:10px;
        padding:4px;
        text-align:center;
        font-weight:bold;
    } 

    #nieuwsbrief_naam {
        display:block;
        float:left;
        clear: none;
        width:18%;
        margin-right:1%;
        color:#3a3a3a;
    } 

    #nieuwsbrief_email {
        display:block;
        float:left;
        clear: none;
        width:18%;
        margin-right:1%;
        color:#3a3a3a;

    } 

    #nieuwsbrief_button {
        display:block;
        float:right;
        clear: none;
        width:auto;
        height:26px;
        margin-right:10px;
    }
    
    #info_blok {
        display:block;
        float:none;
        clear:none;
        width:60%;
        height:auto;
        margin:0 20%;
        padding:0 0 20px 0;
        color:#ffffff;
        overflow:hidden;
    }    

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

    .info_links {
        display:block;
        float:left;
        clear:none;
        width:160px;
        height:auto;
        margin:0 30px 20px 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:5px;
    } 

    #sitemap_voorwaarden_blok {
        display:block;
        float:left;
        clear:both;
        width:100%;
        height:40px;
        font-size:10px;
        
    }
    
    #sitemap_voorwaarden_blok a { 
        color:#ffffff;        
    }

    #sitemap {
        display:block;
        float:left;
        clear:none;
        width:100px;
        height:auto;
        margin-left:20px;
        line-height:1.8;
    } 
    
    #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 #1f81aa;
        border-bottom: 1px solid #1f81aa;
        background-color:#3a3a3a;
    }

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

    #nieuwsbrief_blok_bodem {
        display:block;
        float:left;
        clear: both;
        width:100%;
        height:auto;
        margin-bottom:20px;
        padding-bottom:20px;
        border-bottom:1px solid #ffffff;
    }

    #nieuwsbrief_top {
        display:block;
        float:left;
        clear: none;
        width:100%;
        height:40px;
        margin:10px 0;
        background-image:url(/customized/img/nieuwsbrief_top.png);
        background-position:top center;        
        background-repeat:no-repeat;
    }

    #nieuwsbrief_tekst {
        display:block;
        float:left;
        clear: none;
        width:90%;
        height:10px;
        margin:10px 5%;
        padding:9px 0;
        text-align:center;
        font-weight:bold;
    } 

    #nieuwsbrief_naam {
        display:block;
        float:left;
        clear: none;
        width:80%;
        margin:5px 10%;
        color:#3a3a3a;
    } 

    #nieuwsbrief_email {
        display:block;
        float:left;
        clear: none;
        width:80%;
        margin:5px 10%;
        color:#3a3a3a;

    } 

    #nieuwsbrief_button {
        display:block;
        float:left;
        clear: none;
        width:80%;
        height:26px;
        margin:10px 10%;
    }
    
    #info_blok {
        display:block;
        float:none;
        clear:none;
        width:80%;
        height:auto;
        margin:0 auto;
        color:#ffffff;
        overflow:hidden;
    }    

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

    .info_links {
        display:block;
        float:left;
        clear:none;
        width:42%x;
        height:auto;
        margin:0 0 0 7%;
        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:5px;
    } 

    #sitemap_voorwaarden_blok {
        display:block;
        float:left;
        clear:both;
        width:100%;
        height:40px;
        font-size:10px;
        
    }
    
    #sitemap_voorwaarden_blok a { 
        color:#ffffff;        
    }

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

}

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

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


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

    #info_blok {
        display:block;
        float:none;
        clear:none;
        width:320px;
        height:auto;
        margin:0 auto;
        color:#ffffff;
    }    

    .adres_info {
        display:block;
        float:none;
        clear:none;
        width:100%;
        height:auto;
        line-height:2;
        margin:auto;
        border-right:0;
    }    

    .info_links {
        display:block;
        float:none;
        clear:none;
        width:100%;
        height:auto;
        margin:0 auto 20px;
        line-height:2;
    }    

    .info_links a{
        color:#ffffff;
    }    
    
}

/********************************************************/
/********************************************************/
/********************************************************/
/* --------------- einde mobile 480-------------------- */
/********************************************************/
/********************************************************/
/********************************************************/