

.werkwijze-blok{
    margin-top:50px;
    margin-bottom:50px;
    font-size:16px;
    color:#ffffff;
    border-radius:8px;
    background-color: #6fba3f;
    padding: 0 30px 30px;

}

div.voordelen-list{
        /*border-top: 2px solid #71bb42;
        border-bottom: 2px solid #71bb42;*/
        font-size: 22px;
        color: #122e4b;
        width: 70%;
        margin:0px auto;
        padding: 20px;
    }
    .voordelen-list table{
        width: 100%;
        margin: 10px;
    }
    div.voordelen-list hr{
        border: 1px solid #71bb42;
        color:  #71bb42;
        clear:both;
    }
    
    select[name="Aantal_inwoners"]{
        background: url(/images/assets/calculator/inwoners.png) 96% / 15% no-repeat #eee;
        padding: 10px 30px 10px 10px !important;
    }
    select[name="Woningtype"]{
        background: url(/images/assets/calculator/woningtype.png) 96% / 15% no-repeat #eee;
        padding: 10px 30px 10px 10px !important;
    }
    select[name="Metertype"]{
        background: url(/images/assets/calculator/arrow-icon.png) 96% / 15% no-repeat #eee;
        padding: 10px 30px 10px 10px !important;
    }
    input[name="verbruik[hoog]"], input[name="verbruik[laag]"]{
        background: url(/images/assets/calculator/icon-stroom.png) no-repeat scroll 7px 7px #fff;
        padding-left:30px !important;
        border-radius: 10px;
        border: 0px;
        padding: 10px 30px !important;
        font-size: 16px;
    }
    input[name="verbruik[gas]"]{
        background: url(/images/assets/calculator/icon-gas.png) no-repeat scroll 7px 7px #fff;
        padding-left:36px !important;
        border-radius: 10px;
        border: 0px;
        padding: 10px 36px !important;
        font-size: 16px;
    }
    
@media only screen and (max-width: 600px) {
    div.voordelen-list{
        border-top: 0;
        border-bottom: 0;
        font-size: 16px;
        color: #122e4b;
        width: 100%;
        padding: 0;
    }
}