/*
div#page-header {
    background: rgba(0, 0, 0, 0) url("/images/assets/home/energie-header-new.png") no-repeat scroll center center / cover !important;
}
*/
/*
.col-left{
}
.col-left-top{
	border-radius: 10px 10px 0px 0px;
	background-color: #70ba3f;
	text-align: center;
	margin: 0px 10px;
	color: #ffffff;
	height: 170px;
}

.col-left-bottom{
	border-radius: 0px 0px 10px 10px;
	background-color: #54a022;
	text-align: center;
	margin: 0px 10px;
	color: #ffffff;
}

.col-center{
}
.col-center-top{
	border-radius: 10px 10px 0px 0px;
	background-color: #54a022;
	text-align: center;
	height: 200px;
    margin: -30px 10px 0;
	color: #ffffff;
}

.col-center-bottom{
	border-radius: 0px 0px 10px 10px;
	background-color: #70ba3f;
	text-align: center;
	margin: 0px 10px;
	color: #ffffff;
}

.col-right{
}
.col-right-top{
	border-radius: 10px 10px 0px 0px;
	background-color: #70ba3f;
	text-align: center;
	margin: 0px 10px;
	color: #ffffff;
	height: 170px;
}

.col-right-bottom{
	border-radius: 0px 0px 10px 10px;
	background-color: #54a022;
	text-align: center;
	margin: 0px 10px;
	color: #ffffff;
}
.call-2-action{
    height: 80px;
    padding-top: 0px;
}
.call-2-action a{
    background-color: #ef6c28;
    border: 2px solid #ffa869;
    border-radius: 8px;
    color: #ffffff !important;
    font-size: 20px;
    padding: 6px 40px;
    font-weight: bold;
    text-decoration: none !important;
}

.call-2-action a:hover{
    background-color: #1f3c5c;
    border: 2px solid #7cc1f8;
}

.looptijd{
    padding-top: 5px;
    margin-bottom: 20px;
}
.looptijd.wide3 a{
    padding: 2px 14px !important;
}
.looptijd a{
    font-size: 18px;
    color: #FFFFFF;
    background: linear-gradient(#70ba3d, #609932); 
    margin: 2px;
    padding: 2px 44px;
}

.looptijd a:hover{
    text-decoration:none;
    background: linear-gradient(#28425d, #28425d); 
}
*/
.prijs-per-maand{
    font-size: 28px;
    font-weight: bold;
    margin-bottom:20px;
}
.prijs-per-jaar{
    font-size: 18px;
    margin-bottom:20px;
}
.show-berekening-left, .show-berekening-right{
border-top:1px solid #63af31;
padding: 10px;
}
.show-berekening{
border-top:1px solid #58a227;
padding: 10px;
}
.show-berekening-left a,
.show-berekening-right a,
.show-berekening a{
    text-decoration: none !important;
    color: #ffffff !important;
}

.headercol{
	padding-top:20px;
	padding-bottom: 10px;
	text-transform:uppercase;
	font-weight:bold;
}

.form-wrapper-blue{
    /*min-height:300px;*/
    border-radius:8px;
    background-color: #E9FFDF;
    margin-bottom:20px;
    color:#1E5051;
    text-align: center;
}

.form-wrapper-blue h3{
    color:white;
    text-align: center;
    font-size:20px;
}

.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{
        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;
    }
}