/* general */
body {
    margin-top: 80px;
    margin-bottom: 80px;
}

.InfoContainer {
    margin: 20px auto 20px auto;
    padding: 10px 20px 10px 20px;
    border: 2px solid darkgray;
    border-radius: 5px;
    width: 40%;
    min-width: 500px;
    height: 20%;
}

.KouContainer {
    margin: 20px auto 20px auto;
    padding: 10px 20px 10px 20px;
    border: 2px solid darkgray;
    border-radius: 5px;
    width: 40%;
    min-width: 500px;
    height: 20%;
}

.WarmteContainer {
    margin: 20px auto 20px auto;
    padding: 10px 20px 10px 20px;
    border: 2px solid darkgray;
    border-radius: 5px;
    width: 40%;
    min-width: 500px;
    height: 20%;
}

.AdviesContainer {
    margin: 20px auto 20px auto;
    padding: 10px 20px 10px 20px;
    border: 2px solid darkgray;
    border-radius: 5px;
    width: 40%;
    min-width: 500px;
    height: 20%;
}

.marginTopBottom {
    margin-top: 5px;
    margin-bottom: 5px;
}

/* Currency */
.currencyContainer {
    display: flex;
}

.TempWarmte {
    display: flex;
    margin: 20px 0 20px 0px;
}

.TempKou {
    display: flex;
    margin: 20px 0 20px 0px;
}

.TIW {
    margin: auto;
    font-size: 4px;
}

.TIK {
    margin: auto;
}

#BerekenKou {
    width: 100%;
}

#BerekenWarmte {
    width: 100%;
}

.center {
display: block;
margin-left: auto;
margin-right: auto;
width: 150px;
}