body
{
        font-family: sans-serif;
        color: #000;
        background-color: #fff;
}

img
{
        font-size: smaller;
        border:        none;
}



#Darstellung
{
        text-align: center;
        margin-left: auto;
        margin-right: auto;
}

#Darstellung td
{
        text-align: center;
        vertical-align: top;
}

#Darstellung #SpalteLinks
{
        width: 220px;
}

#Darstellung #SpalteRechts
{
        width: 530px;
}

#Eingabe
{
        text-align: center ! important;
        margin-left: auto ! important;
        margin-right: auto ! important;
        border: none;
        padding: 2px;
        border-spacing: 0;
        margin: 0;
        empty-cells: show;
        border-collapse: collapse;
}

#Eingabe td
{
        vertical-align: top;
        text-align: center;
        padding: 0.1em;
}

#Eingabe th
{
        font-weight: bold;
        vertical-align: middle;
        text-align: center;
        padding: 0.1em;
}

#Eingabe td.Rot,
#Eingabe td.Gruen,
#Eingabe td.Blau
#Eingabe th.Rot,
#Eingabe th.Gruen,
#Eingabe th.Blau
{
        width: 33%;
}

#Eingabe button.Operation
{
        width: 4em;
        font-family: monospace;
}

#Eingabe button.Steuerung
{
        font-weight: bold;
}

#Eingabe input[type="text"]
{
        font-family: monospace;
}

#Eingabe #Ergebnis
{
        font-family: monospace;
}

#Eingabe .Rot
{
        background-color: #fcc;
        color: inherit;
}

#Eingabe .Gruen
{
        background-color: #cfc;
        color: inherit;
}

#Eingabe .Blau
{
        background-color: #ccf;
        color: inherit;
}

#Eingabe .Titel,
#Eingabe .FormElement
{
        text-align: left;
        vertical-align: middle;
}

#Anzeige
{
        height: 2em;
        border: 1px solid;
}

#Farbvarianten
{
        text-align: center ! important;
        margin-left: auto ! important;
        margin-right: auto ! important;
        empty-cells: show;
        border-collapse: separate;
        border-spacing: 2px;
}

#Farbvarianten td
{
        text-align: center;
        vertical-align: top;
        padding: 0;
        margin: 0;
        border: none;
        width: 14%;
        min-width: 56px;
}

#Farbvarianten .Farbe
{
        width: 100%;
        height: 24px;
        background-color: #fff;
        color: inherit;
        border: 1px solid #000;
}

#Farbvarianten .Text
{
        font-family: sans-serif;
        font-size: small;
        margin: 0;
        padding: 0;
        border: none;
}

#Farbvarianten .Titel
{
        text-align: left;
        vertical-align: top;
        width: 30%;
}

@media screen
{
        a:hover
        {
                text-decoration: underline;
        }

        a:active
        {
                color: #f00;
                background-color: inherit;
                text-decoration: none;
        }
}

/* EOF */