#calculator{
    width: 650px;
}
#calculator table td{
    padding: 8px;
}
#calculator table.calculator th{
    white-space: nowrap;
}
#calculator table.calculator td:nth-child(1n+2){
    width: 60px !important;
}
#calculator table.calculator td:first-child{
    width: auto;
}
#calculator .rowMarge{
    padding: 6px 6px 6px 0;
}
#calculatorTiny div{
    padding: 3px;
    overflow: hidden;
}
#calculator .footnotes{
    position: relative;
    top: -10px;
    font-size: 10px;
}
#calculator #costs,
#calculator #netto,
#calculator #mwst,
#calculator #marge{
    padding-left: 8px;
    text-align:right;
}

#calculator #marge{
    font-weight: bold;
}
#calculator .smallFont{
    font-size: 11px;
}
#bar1{
    width: 200px;
    border: 1px solid grey;
}
#bar1 span{
    height: 30px;
    width: 30%;
    display: inline-block;
}
.block1{
    background-color: green;
}
.block2{
    background-color: red;
}
.block3{
    background-color: yellow;
}
#calculator td.center{
    text-align: center;
}

@media only screen and (max-width: 500px) {
    #calculator{
        width: 96%;
    }
}