/*************************************************/
/*        DH2FAA_INFO  Stylesheet V 1.1          */
/*************************************************/

a:hover { font-weight:normal; color:#fad77d; text-decoration:none; border-style:solid }
a:link { font-weight:normal;  color:#fad77d; text-decoration:none; border-bottom-style:solid }
a:visited { font-weight:normal; color:#fad77d; text-decoration:none }
a:active { font-weight:normal; color:#fad77d; text-decoration:none }
a:focus { font-weight:normal;  color:#fad77d; text-decoration:underline }

body {
 FONT-FAMILY: Verdana;	
 FONT-SIZE: 14px;
 FONT-WEIGHT: normal;
 color: white;
 background-color: #5a69f8;
		
}


/* Grid Container */
.container {
    display: grid;
    min-height: 100vh;
    /* Definition der Spalten und Zeilen */
    grid-template-columns: 250px 1fr;
    grid-template-rows: auto 1fr auto;
    /* Zuweisung der Bereiche */
    grid-template-areas: 
        "header  header"
        "nav     content"
        "footer  footer";
}

/* Zuweisung der Klassen zu den Grid-Areas */
.header  { grid-area: header;  padding: 1rem; text-align: center; }
.nav     { grid-area: nav;     padding: 1rem; }
.content { grid-area: content; padding: 2rem; }
.footer  { grid-area: footer;  padding: 1rem; text-align: center; }



/* Responsive Anpassung für Handys */
@media (max-width: 768px) {
    .container {
        grid-template-columns: 1fr;
        grid-template-areas: 
            "header"
            "nav"
            "content"
            "footer";
    }
}




































/*--- Tabellen ---*/

table.footer {
 padding: 3px;
 border-color:black;
 border-style:none;
}


table.titel {
 TEXT-ALIGN: left;
 FONT-WEIGHT: bold;
 font-size: 30px;
 COLOR: black;
}