/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 30.01.2017, 14:40:32
    Author     : Moerli
*/
.außen {
    border-color: black;
    border-width: 1px;
    border-style: solid;
}

.tab1, th, td {
    border: 1px solid black;
}


.gelb {
    background-color: yellow;
}

.grau {
    background-color: grey;
    text-align: center;
}

.zeiten {
/*    width: 6em;*/
    text-align: center;
}

.feld {
    text-align: center;
}

/* Vordefinierte Farben */

.Blau {
    background-color: blue;
    color: white;
}

.Rot {
    background-color: red;
    color: white;
}

.Graublau {
    background-color: #5ea7c2;
    color: white;
}

.Gelb {
    background-color: yellow;
}

.Lila {
    background-color: purple;
    color: white;
}

.Gruen {
    background-color: greenyellow;
    color: black;
}

.Schwarz {
    background-color: black;
    color: whitesmoke;
}

.Weiss {
    background-color: whitesmoke;
    color: black;
}

.Pink {
    background-color: pink;
    color: black;
}

.Orange {
    background-color: orange;
    color: black;
}

.Grau {
    background-color: grey;
    text-align: center;
}



.wota {
    background-color: grey;
    text-align: center;
/*    width: 1em;*/
}

.column {
    text-align: center;
}

.box {
    border-color: black;
    border-width: 0.5px;
    border-style: solid;
    height: 3em;
    display: table-cell;
    vertical-align: middle;
}    

.boxH {
    border-color: black;
    border-width: 0.5px;
    border-style: solid;
} 
   
.zeile1 {
    margin: 0;
    padding: 0;
}

.leer {
    color: white;
}

.top1 {
    font-size: 80%;
    text-align: right;
}

#oben {
    width: 100%;
    height: 10%;
    float: left;
    text-align: center;
/*    background-color: green;*/
}
#mitte {
    width: 100%;
    height: 80%;
    float: left;
/*    background-color: #ff6600;*/
}
/*#links {
    width: 10%;
    height: 100%;
    float: left;
    background-color: #999900;
}*/
#zentrum {
    width: 80%;
    margin-left: 10%;
    text-align: center;
    height: 100%;
    float: left;
/*    background-color: #ffae00;*/
}

#rechts {
    width: 10%;
    height: 100%;
    float: left;
/*    background-color: #881f0e;*/
}

#unten {
    width: 100%;
    height: 10%;
    float: left;
    text-align: center;
/*    background-color: #999900;*/
}

.btn {
    width: 10em;
}

.btn_unten {
    display: table-cell;
    vertical-align: top;
}

.bord {
    border-color: gray;
    border-style: solid;

}

h1,h2,h3 {
    text-align: center;
}

form {
  text-align: center;
}

#mittig {
  display: flex;
  align-items: center;
  justify-content: center;
}