body {
  font-size: 11px; 
  color: #000000; 
  font-family: "Arial", "Helvetica", "sans-serif"
  width: 100%;
}

table {
  font-size: 11px;
  color: #000000;
  font-family: "Arial", "Helvetica", "sans-serif"
}

td {
  font-size: 13px;
  color: #000000;
  font-family: "Arial", "Helvetica", "sans-serif"
}

@media (min-width: 950px) {
  /* breite Browserfenster */
  div.responsive {
    width: 1500px;
    position: relative;
    overflow: auto;
  }
}

@media (min-width: 450px) and (max-width: 950px) {
  /* Darstellung auf Netbooks */
  div.responsive {
    width: 580px;
    position: relative;
    overflow: auto;
  }
}

@media (max-width: 450px) {
  /* mobile Geräte */
  div.responsive {
    width: 300px;
    position: relative;
    overflow: auto;
  }
}

/* Haupt Tabelle !*/
        
table.ost-main {
  width: 100%;
  padding-left: 3%;
  padding-right: 3%;
}

table.ost-main tr {
  margin-left: auto !important; 
  margin-right: auto !important;
  
}

table.ost-main td.center{
  display: grid;
  justify-content: center;
  overflow-x:auto;
}

table.ost-main td {
  margin-top: 20px;
  margin-bottom: 20px;
}

table.ost-main h1 {
  text-align: center;
  font-size: 20px; 
  font-weight: 900;
  margin-bottom: 20px;
}

/* Breite Tabelle !*/

table.ost-breit {
  width: 95%;
  background-color: #F2F2F2;
  border-spacing: 1px;
  padding: 1px;
  border-collapse: separate;
  line-height: normal;
}

table.ost-breit *,::after,::before {
  box-sizing: content-box;
}

table.ost-breit tr {
  
}

table.ost-breit tr.dark {
  background-color: #CCCCCC;
}

table.ost-breit tr.grey {
  background-color: grey;
}

table.ost-breit tr.white {
  background-color: #FFFFFF;
}

table.ost-breit th {
  padding: 4px;
	background-color: #CCCCCC;
  text-align: center;
  font-size: 14px; 
  font-weight: 900;
}

table.ost-breit td {
  padding: 4px;
}

table.ost-breit td.center {
  padding: 4px;
  text-align: center;
}

table.ost-breit td.left {
  padding: 4px;
  text-align: left;
}

table.ost-breit td.right {
  padding: 4px;
  text-align: right;
}

table.ost-breit td.button {
  height: 30px;
  font-size: 13.3333px;
  padding: 1px 6px;
  font-family: "Arial";
}

table.ost-breit input {
  font-size: 13px;
  padding: 1px 2px;
}

table.ost-breit select {
  font-size: 13px;
  padding: 1px 2px;
}

table.ost-breit a {
  text-decoration: none;
  color: #003300;
}
table.ost-breit a:link {
	text-decoration: none;
	color: #003300;
}

table.ost-breit a:visited	{
	text-decoration: none;
	color: #003300;
}

table.ost-breit a:hover	{
	text-decoration: none;
	color: #841212;
	background-color: #fff0c0;
}

table.ost-breit a:active	{
	text-decoration: none;
	color: #ff0000;
}

table.ost-breit button {
  border: none;
  padding: 5px 5px;
  text-align: center;
  font-size: 14px;
  margin: 4px 2px;
}

/* 1200px Tabelle !*/

table.ost-fest {
  width: 1200px;
  background-color: #F2F2F2;
  border-spacing: 1px;
  padding: 1px;
  border-collapse: separate;
  line-height: normal;
}

table.ost-fest *,::after,::before {
  box-sizing: content-box;
}

table.ost-fest tr {
  
}

table.ost-fest tr.dark {
  background-color: #CCCCCC;
}

table.ost-fest tr.grey {
  background-color: grey;
}

table.ost-fest tr.white {
  background-color: #FFFFFF;
}

table.ost-fest th {
  padding: 4px;
	background-color: #CCCCCC;
  text-align: center;
  font-size: 14px; 
  font-weight: 900;
}

table.ost-fest td {
  padding: 4px;
}

table.ost-fest td.center {
  padding: 4px;
  text-align: center;
}

table.ost-fest td.center-schmal {
  text-align: center;
}

table.ost-fest td.left {
  padding: 4px;
  text-align: left;
}

table.ost-fest td.right {
  padding: 4px;
  text-align: right;
}

table.ost-fest td.button {
  height: 30px;
  font-size: 13.3333px;
  padding: 1px 6px;
  font-family: "Arial";
}

table.ost-fest input {
  font-size: 13px;
  padding: 1px 2px;
}

table.ost-fest select {
  font-size: 13px;
  padding: 1px 2px;
}

table.ost-fest a {
  text-decoration: none;
  color: #003300;
}
table.ost-fest a:link {
	text-decoration: none;
	color: #003300;
}

table.ost-fest a:visited	{
	text-decoration: none;
	color: #003300;
}

table.ost-fest a:hover	{
	text-decoration: none;
	color: #841212;
	background-color: #fff0c0;
}

table.ost-fest a:active	{
	text-decoration: none;
	color: #ff0000;
}

table.ost-fest button {
  border: none;
  padding: 5px 5px;
  text-align: center;
  font-size: 14px;
  margin: 4px 2px;
}

/* Automatische Breite Tabelle */

table.ost-auto {
  width: auto;
  background-color: #F2F2F2;
  border-spacing: 1px;
  padding: 1px;
  border-collapse: separate;
  line-height: normal;
}

table.ost-auto *,::after,::before {
  box-sizing: content-box;
}

table.ost-auto tr {
}

table.ost-auto tr.dark {
  background-color: #CCCCCC;
}

table.ost-auto tr.grey {
  background-color: grey;
}

table.ost-auto tr.white {
  background-color: #FFFFFF;
}

table.ost-auto th {
  padding: 4px;
	background-color: #CCCCCC;
  text-align: center;
  font-size: 13px; 
  font-weight: 900;
}

table.ost-auto td {
  padding: 4px;
  text-align: center;
}

table.ost-auto td.center {
  padding: 4px;
  text-align: center;
}

table.ost-auto td.left {
  padding: 4px;
  text-align: left;
}

table.ost-auto td.right {
  padding: 4px;
  text-align: right;
}

table.ost-auto td.button {
  height: 30px;
  font-size: 13.3333px;
  padding: 1px 6px;
  font-family: "Arial";
}

table.ost-auto input {
  font-size: 13px;
  padding: 1px 2px;
}

table.ost-auto select {
  font-size: 13px;
  padding: 1px 2px;
}

table.ost-auto a {
  text-decoration: none;
  color: #003300;
}
table.ost-auto a:link {
	text-decoration: none;
	color: #003300;
}

table.ost-auto a:visited	{
	text-decoration: none;
	color: #003300;
}

table.ost-auto a:hover	{
	text-decoration: none;
	color: #841212;
	background-color: #fff0c0;
}

table.ost-auto a:active	{
	text-decoration: none;
	color: #ff0000;
}

.button {
  border: none;
  padding: 5px 5px;
  text-align: center;
  font-size: 14px;
  margin: 4px 2px;
}