body 
    {
    background-color: #000000;
	margin: ;
	max-width: 1024px;
	font-family: Calibri, sans-serif;
    font-size: 12px;
	color: #ffffff;
    }

.formular
    {
	background-color: #ffffff;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    border: 0em;
    min-height: 20px;
    max-width: 100px;
    font-family: Calibri, sans-serif;
    font-size: 12px;
	color: #000000;
    }

.button
    {
	background-color: #ffffff;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    border: 0em;
    min-height: 20px;
    font-family: Calibri, sans-serif;
    font-size: 12px;
	color: #000000;
    }

.container 
    {
    display: grid; 
    grid-template-columns: 1fr 1fr 1fr; 
    gap: 0px 0px; 
    grid-template-areas: 
    "oben1 oben2 oben3"
    "mitte1 mitte2 mitte3"
    "mitte4 mitte5 mitte6"
    "unten1 unten2 unten3"; 
    }
.oben1,.oben2,.oben3,
.mitte1,.mitte2,.mitte3,
.mitte4,.mitte5,.mitte6,   
.unten1,.unten2,.unten3
    {
    border: thin dotted;
    padding: 5px 5px 5px 5px;
    margin: 2px 2px 2px 2px;
    text-align: left;
    }
    .oben1 {grid-area: oben1; min-height: 250px; border-color: #ffffff;border-radius: 0.5em 0em 0em 0em;}
    .oben2 {grid-area: oben2; min-height: 250px; border-color: #ffffff; background-image: url("oben_01.png");}
    .oben3 {grid-area: oben3; min-height: 250px; border-color: #ffffff; background-image: url("oben_02.png"); border-radius: 0em 0.5em 0em 0em;}
    .mitte1 {grid-area: mitte1; min-height: 20px; background-color: #1B4F72; border-color: #ffffff;}
    .mitte2 {grid-area: mitte2; min-height: 20px; background-color: #21618C; border-color: #ffffff;}
    .mitte3 {grid-area: mitte3; min-height: 20px; background-color: #2874A6 ; border-color: #ffffff;}
    .mitte4 {grid-area: mitte4; min-height: 20px; background-color: #0E6251; border-color: #ffffff;}
    .mitte5 {grid-area: mitte5; min-height: 20px; background-color: #117864; border-color: #ffffff;}
    .mitte6 {grid-area: mitte6; min-height: 20px; background-color: #148F77; border-color: #ffffff;}
    .unten1 {grid-area: unten1; min-height: 20px; border-color: #ffffff;border-radius: 0em 0em 0em 0.5em;}
    .unten2 {grid-area: unten2; min-height: 20px; border-color: #ffffff;}
    .unten3 {grid-area: unten3; min-height: 20px; border-color: #ffffff;border-radius: 0em 0em 0.5em 0em;}