body {
    font-family: verdana, helvetica, arial, sans-serif;
    font-size: 11px;
}            

#inhalt {
    width:          100%;
    margin-left:    auto;
    margin-right:   auto;
    background-color: #ffffff;
}

div#kommatext {
    clear: both;
}

div.between {
    height: 30px;
    clear: both;
}

div.zentriert {
    margin-left: auto;
    margin-right: auto;
}

div.tabelle {
    display: table;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    border: 1px solid black;
}

div.tabellenreihe {
    display: table-row;
    width: 100%;
    vertical-align: middle;
}

div.tabellenzeile1 {
    display: table-cell; 
    width: 70%; 
    background: #eeeeee; 
    padding: 5px;
    text-align: left;
}

div.tabellenzeile2 {
    display: table-cell;
    width: 30%;
    background: #dddddd;
    padding: 5px;
    text-align: left;
}

#ausgabefeld_verbrauch {
    width:          100%;
    height:         30px;
    margin-left:    auto;
    margin-right:   auto;
    background-color: lightyellow;

}

#ausgabefeld_entfernung {
    width:          100%;
    height:         30px;
    background-color: lightyellow;
    float:          left;
}

#ausgabefeld1 {
    color: royalblue;
    font-weight: bold;
}

#ausgabefeld2 {
    color: royalblue;
    font-weight: bold;
}


#auswertung {
    display: inline-table;
    width: 40px;
    color: royalblue;
    font-weight: bold;
}