body
{
        border-top:0.1em solid #C61677;
        background:#FFFFFF;
        font-family: 'Open Sans', sans-serif;
        color:#333333;
        text-align:center
}

.RahmenOben
{
		border-top:5px solid #C61677;
}

p
{
}

.EE-Kopfzeile
{
		margin:5px 0;
		line-height:25px;
}

table {
		background-color: #FFFFFF;
		border-collapse: collapse;
		font-size: 10pt;
		border: 1px solid #000000;
}

th {
		font-weight:bold;
		text-align: center;
		vertical-align: middle;
		background:#D9D9D9;
		height: 20px;
		padding-top: 1px;
		padding-bottom: 1px;
		padding-left: 5px;
		padding-right: 5px;
		border: 1px solid #000000;
}

td {
		font-weight:normal;
		text-align: center;
		vertical-align: middle;
		background:none;
		height: 20px;
		padding-top: 1px;
		padding-bottom: 1px;
		padding-left: 5px;
		padding-right: 5px;
		border: 1px solid #000000;
}

.Namen {
		width: 200px;
		text-align: left;
}

.Taetigkeiten {
		width: 400px;
		text-align: center;
}

.Schule {
		color:#FFFFFF;
		background:#00B0F0;
}

.Arbeitsbeginn {
		width: 400px;
		text-align: left;
}

img{
        margin: 1em;
}
span {
  display: inline-block;
  width: 100px;
}
input{
        font-family: 'Open Sans', sans-serif;
        padding: 0.3em;
        margin: 0.3em;
        width:100%;
        background: #555555;
        border-radius:2px;
        color: #fff;
        height: 2.5em;
        font-size: 1em;
}
input[type=checkbox], input[type=submit], input[type=button], input[type=reset]{
        border: 0em;
        height: 3em;
        cursor:pointer;
        -webkit-transition-duration: 0.2s; /* Safari */
        transition-duration: 0.2s;
}
input[type=checkbox]:hover, input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover{
        cursor:pointer;
        background: #d5d5d5;;
        color: #000000;
}
input[type=password], input[type=text]{
        color: #000000;
        background: #ffffff;
}

p{
        font-family: 'Open Sans', sans-serif;
        font-size: 1em;
}

.flex-container {
  display: flex;
  flex-wrap: wrap;
  background-color: #f1f1f1;
  flex-direction: column;
  width: 90%;
  margin: auto;

}

.flex-container > div {
  background-color: #ffffff;
  width: 100%;
  margin: auto;
  text-align: center;
  line-height: 50px;
  font-size: 40px;
}

@media (orientation: landscape) {
  .flex-container {
    max-width: 400px;
  }
  .flex-container > div {
    font-size: 20px;
  }
}