@media (min-width: 1024px) {
	.rahmen {
		width:988px;
		margin:0 auto;
	}
	
	.footer {
		width:988px;
		margin:0 auto;
	}
	
	.tbl_status,
	.tbl_noten {
		width:auto;
		font-size:18px;
	}
}

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

h1 {
	font-size: 2.0em;
}

h2 {
	font-size: 1.2em;
}

.sbb-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* align-items: center; */
}

.sbb-content {
	align-items: left;
	padding: 0 12px;
}

.clear {
	clear: both;
}

a {
	color:#666666;
}

a:hover {
	color: #FF0000;
}

.fehler {
	color: #FF0000;
	font-weight: bold;
}

.datenaenderung {
	color: white;
	border: 3px solid green;
	background-color: green;
	border-radius: 6px;
	text-align: center;
    margin-top: 12px;
    font-size: 24px;
}

.hinweis {
	min-width: 150px;
}

.center_text {
  text-align: center;
}

.right_text {
  text-align: center;
}

.zentrieren {
    width: 120px;
    height: 380px;
    margin: 0 auto;
}

.sbb-anmeldung label,
.person_daten label {
    display: block;
    width: 180px;
    height: auto;
    float: left;
    margin-top: 24px;
    margin-bottom: 12px;
    font-size: 24px;
}

.person_daten label {
	width: 100%;
}

.sbb-anmeldung input,
.person_daten input {
	color: #666666;
	margin: 0;
	width: 100%;
	height: 48px;
	font-size: 24px;
	padding: 6px;
}

.sbb-anmeldung input[type="submit"],
.person_daten input[type="submit"] {
	margin-top: 12px;
	background-color: red;
	color: white;
	border-radius: 12px;
    border: none;
}

.sbb-anmeldung input[type="submit"]:hover,
.person_daten input[type="submit"]:hover {
	cursor: pointer;
}

.sbb-anmeldung br,
.person_daten br {
	clear: both;
}

.person_daten {
	padding: 0 12px;
}

.person_daten .fehler {
	margin-left: 275px;
}

ul.konzertliste,
ul.liste_hoerproben {
	list-style-type: none;
	padding-left: 0;
}

.konzertliste li,
.liste_hoerproben li {
	padding-bottom: 12px;
}

ul.list_terminpflege {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.list_terminpflege li {
	padding-top: 22px;
}


.headnav {
	height: 36px;
	color: white;
	/*font-size: 12px;*/
	font-weight: bold;
}

.headnav a,
.headnav a:hover {
	color: white;
	text-decoration: none;
}

.headnav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.headnav li {
	float: left;
	background-color: #FF0000;
	margin-right: 1px;
	padding: 12px 6px;
}

.bestaetigung {
	text-align:center;
}

.sbb-footer {
		padding-top:12px;
		padding-left: 12px;
		color:#333333;
		font-size:9px;
}

.tbl_status {
  border-collapse: separate;
	background-color:#FFFFFF;
}


td,th {
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
	padding: 12px;
}

td.noborder {
	border:none;
}

td.logo {
	background-repeat:no-repeat;
	border:none;
}

td.section {
	font-weight:bold;
	border:none;
}

td.change {
	text-align:left;
}

td.termin_initial {
	background-color:#FFFFFF;
	text-align:center;
	color:#000000;
}

td.termin_ja {
	background-color:#00FF00;
	text-align:center;
	color:#000000;
}

td.termin_nein {
	background-color:#FF0000;
	text-align:center;
	color:#000000;
	height: 18px;
}

td.termin_nein_editiert {
	background-color:#FF6600;
	text-align:center;
	color:#000000;
}

td.termin_neutral,
td.termin_vielleicht {
	background-color:#FFFF00;
	text-align:center;
	color:#000000;
}

td.termin_neutral_editiert,
td.termin_vielleicht_editiert {
	background-color:#FF6600;
	text-align:center;
	color:#000000;
}

td.termin_abgesagt {
	color:red;
}

td.new {
	background-color: red;
	color: white;
}

td.align_right {
	text-align: right;
}

td.align_center {
	text-align: center;
}
















@media (max-width: 800px) {
td {
  /*min-width: 192px;*/
}
  
.terminuebersicht {
  width: 200px;
  overflow-x: scroll;
  margin-left: 150px;
  overflow-y: visible;
  padding: 0;
}

.headcol {
  position: absolute;
  width: 150px;
  left: 0;
  top: auto;
  border-top-width: 1px;
  /*only relevant for first row*/
  margin-top: -1px;
  /*compensate for top border*/
}
}