body { margin: 2px; }

#header 		{  	display: flex;
					justify-content: center; }
#header td,th 	{	align-self: center; border: 1px solid #000; }
thead 			{	background-color: #afa; font-weight: bold; }
tfoot 			{	background-color: #afa; font-weight: bold; }
td 				{	text-align: center; vertical-align: middle; border: 1px solid #ccc: }
input 			{	text-align: center; }

table {
    border-collapse: collapse;
	width: 100%;
}
.datum		{	background-color: #000;
				border-top: 1px solid #000;
				border-right: none;
				border-bottom: 1px solid #000;
				border-left: none;
				font-weight: bold;
				color: #fff;
				margin: 5px;
}

.auswertung { 	border-top: 1px solid #000;
				border-right: none;
				border-bottom: 1px solid #000;
				border-left: none;
				font-weight: bold;
				background-color: #ccc;
			}

.topline	{
				border-top: 1px solid #000;
}
.bottomline	{
				border-bottom: double #000;
}

.example table {
    width: 100%;
    display:block;
}
.example tr{ width: 100%; margin: 2px; }

.example thead {
    display: inline-block;
    width: 100%;
    height: 20px;
}
.example tbody {
    height: 400px;
    display: inline-block;
    width: 100%;
    overflow: auto;
}
.example tfoot {
    display: inline-block;
    width: 100%;
    height: 110px;
}