/*--------------------------------------------------------------------------------------*/
/* CSS-Datei für die Tabellen bzw. Tabellenersatz via Fieldset des Kassensystems        */
/* (c) 2017 Ulrich Schmidt (usberlin@gmx.de)                                            */
/*--------------------------------------------------------------------------------------*/

/* Die Rahmentabelle innerhalb derer die Formulare stehen */
.modul {
width           : 960px;
font-size       : 1.0em;
background-color: #FFC200;
border          : 1px solid #D9D9D9;
padding-top     : 5px;
padding-bottom  : 5px;
padding-left    : 15px;
padding-right   : 15px;
font-family     : Verdana, Arial, Helvetica, sans-serif;
font-size       : 10pt;
}

/* Die Rahmentabelle innerhalb derer die Formulare stehen wie oben nur zentriert */
.center {
margin-left     : auto;
margin-right    : auto;
}

/* Die Rahmentabelle innerhalb derer die Formulare stehen wie oben nur zentriert und auch ertikal zenriert */
.middle {
position        : relative;
top             : 50%;
-webkit-transform: translateY(-50%);
-ms-transform   : translateY(-50%);
transform       : translateY(-50%);
}

/* Eingebaute Kopfzeile in das Modul (ähnlich <th></th> in Tabelle) */
.modulhead {
margin-top      : 0px;
margin-right    : -10px;
margin-left     : -10px;
margin-bottom   : 10px;
height          : 25px;
background-color: #a9a9a9;
border          : 1px solid #ffffff;
text-align      : center;
padding-top     : 3px;
font-weight     : bold;
}

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


/* Der Tabellenersatz via Fieldset */
fieldset {
min-width: 750px;
margin: 10px 0 1.5em 6px;
padding: 10px 10px;
font-family: Verdana,sans-serif;
font-size: 12px;
color: #1F1F1F;
background-color: #FFFFFF;
border: 1px solid #FF7F00;
}

legend  {
margin-left: 1em;
margin: 0 0 5px 10px;
padding: 0 5px 0px 5px;
color: #FF7F00;
font-weight: bold;
font-size: 12px;
background-color: #FFFFFF;
border: 1px solid #FF7F00;
}

label {
display: block;
float: left;
clear:left;
width: 13em;
padding: 3px 3px 2px 0px;
margin: 4px 15px 0px 0px;
text-align: right;
font-family: Verdana,sans-serif;
font-size: 12px;
color: #1F1F1F;
}

.explain   /* div box mt Erläuterungen rechts vom Formlar innerhalb des fieldsets*/
{
    border: 0px solid red;
    float: right;
    position: absolute;
    margin: 0px 20px 0px 390px;
    max-width: 350px;
    padding:5px;
    color: #000;
}

.fullexplain   /* div box mt Erläuterungen komplette Breite innerhalb des fieldsets*/
{
    display: table;
    margin: 0px 20px 10px 20px;
    padding:5px;
    color: #000;
}



/* Design einer sichtbaren Tabelle */
table.designtable {
    background-color : #F9F9F9;
    border           : 1px solid #D9D9D9;
    margin-bottom    : 10px;
}

table.designtable th {
    border-top       : 3px solid #F9F9F9;
    border-bottom    : 3px solid #F9F9F9;
    background-color : #A9A9A9;
    font-family      : Verdana, Arial, Helvetica, sans-serif;
    font-size        : 10pt;
    font-weight      : 700;
    text-align       : center;
    color:           : #1F1F1F;
    height           : 27px;
}



table.designtable td {
    border           : 0px solid #F9F9F9;
    background-color : #DDDDDD;
    color            : #1F1F1F;
    font-family      : Verdana, Arial, Helvetica, sans-serif;
    font-size        : 10pt;
    padding-left     : 8px;
    padding-right    : 8px;
    padding-top      : 1px;
    padding-bottom   : 1px;
    font-weight      : 500;
    vertical-align   : middle;

}