/** Formulare und Tabellen **/
.rechts{
    text-align: right;
}
.zentriert{
    text-align: center;
}
.gruen{
    color: green;
}
.rot{
    color: red;
}
.blau{
    color: blue;
}
.fett{
    font-weight: bold;
}
/** Ende **/

/** Überschrift für den Inhalt z.B "Artikel verwalten" **/
.ueberschrift{
    font-weight: bold;
    color: #828282;
    font-size: 32px;
}
/** Ende **/

/** MeldungText und Hinweise **/
.fehler{
    font-weight: bold;
    color: red;
    font-size: 16px;
}
.hinweis{
    font-weight: bold;
    color: green;
    font-size: 16px;
}
/** Ende **/

/** Textarea **/
textarea { 
    font-size: 14px;
}

/** Schriftart für alle Elemente **/
*{
    font-family: Arial, Helvetica, sans-serif
}


/** Navigation **/
summary{
    font-weight: bold;
    color: black;
}
ul.navi{
    list-style: none;
    font-size: 12px;
}
a.navi:link{
    color: #46b82f;
    text-decoration: none;
}
a.navi:active{
    color: #46b82f;
    text-decoration: none;
}
a.navi:visited{
    color: #46b82f;
    text-decoration: none;
}

a.navi:hover{
    color: #46b82f;
    text-decoration: underline;
}
/** Navigation Autor Alphabet **/
.alphabet-nav a {
    margin: 3px;
    text-decoration: none;
    color: #46b82f;
    font-weight: bold;
}
.alphabet-nav a:hover {
    text-decoration: underline;
    color: #46b82f;
}
/** Ende **/


/** Tabelle in zeigeAlleDs.tpl.php **/
table.zeigeAlleDs{
    border-collapse: collapse;
    border-spacing: 0;
}
th.zeigeAlleDs{
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    padding: 3px;
    border: 1px solid lightgray;
    background-color: #f0f3f8;
}
td.zeigeAlleDs{
    border-left: 1px solid lightgray;
    border-right: 1px solid lightgray;
    font-size: 16px;
    padding: 3px;

}
tr.zeigeAlleDsWeiss{
    background-color: white;
}
tr.zeigeAlleDsGrau{
    background-color: #f0f3f8;
}
/*Löschen + Bearbeiten*/
a.tabelle:link{
    font-size: 12px;
    color: black;
    text-decoration: none;
}
a.tabelle:active{
    font-size: 12px;
    color: black;
    text-decoration: none;
}
a.tabelle:visited{
    font-size: 12px;
    color: black;
    text-decoration: none;
}

a.tabelle:hover{
    font-size: 12px;
    text-decoration: underline;
}
/** Ende **/

/** Grid Layout **/
.raster{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 15% 85%;
    grid-template-columns: 15% 85%;
    -ms-grid-rows: 140px 35px 1fr 35px;
    grid-template-rows: 140px 35px 1fr 35px;
}
.kopf {
    background: #68728d;    
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;
    -ms-grid-row: 1;
    grid-row: 1;
}
.navigation {
    background: white;

    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    grid-row: 2 / 4;
}
.meldung {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 2;
    grid-row: 2;
}
.inhalt {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 3;
    grid-row: 3;
}
.fuss {
    background: #e8f0f8;

    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;
    -ms-grid-row: 4;
    grid-row: 4;
}

/** Ende **/