@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot');
  src: url('fonts/fontawesome-webfont.eot') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2') format('woff2'), url('fonts/fontawesome-webfont.woff') format('woff'), url('fonts/fontawesome-webfont.ttf') format('truetype'), url('fonts/fontawesome-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

*[class*=' fa-'],*[class^='fa-'] {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-chevron-left:before			{ content: "\f053"; }
.fa-chevron-right:before		{ content: "\f054"; }
.fa-bars:before					{ content: "\f0c9"; }

html {
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  font-family: Arial, sans-serif;
  font-size: 15px;
  color: #303030;
  background-color: #d0d0d0;
}

body {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: Arial, sans-serif;
  font-size: 15px;
  color: #303030;
  background-color: #d0d0d0;
  width: 100%;
}

img {
  border: 0;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

a:link, a:visited, a:hover, a:active, a:focus {
  color: #303030;
}

#titel {
  width: 100%;
  height: 72px;
}

#titelcontainer {
  width: 938px;
  height: 72px;
  background-color: #dfdfdf;
  margin-left: auto;
  margin-right: auto;
  padding: 0 8px 0 8px;
  text-align: right;
  overflow: hidden;
}

#headline {
  float: left;
  margin: 8px 0 8px 0;
  width: 100%;
  height: 56px;
  white-space: nowrap;
  background-color: #000000;
}

#headline div {
  margin: 0 16px 0 16px;
  padding: 0 96px 0 16px;
  border-left: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  height: 56px;
  line-height: 56px;
  font-size: 30px;
  font-weight: normal;
  text-align: left;
  color: #dfdfdf;
  background-color: #404000;
  overflow: hidden;
  text-overflow: ellipsis;
}

#logo {
  position: relative;
  top: -72px;
  right: 42px;
  width: 72px;
  height: 72px;
}

#container {
  width: 954px;
  margin-left: auto;
  margin-right: auto;
}

#content {
  float: left;
  width: 600px;
  background-color: #ffffff;
  margin-bottom: 10px;
  padding: 5px;
  overflow: hidden;
}

#content .table {
	width: 100%;
	overflow-x: auto;
}

#content table {
  width: 100%;
  min-width: 500px;
  border-collapse: collapse;
  border-spacing: 0;
}

#content h2 {
  clear: both;
  font-size: 20px;
  font-weight: bold;
  margin: 6px 0 6px 0;
  padding: 0;
  text-align: center;
}

#content h3 {
  font-size: 15px;
  font-weight: bold;
  margin: 6px 3px 6px 3px;
  padding: 0;
  text-align: left;
}

#content h4 {
  font-size: 15px;
  font-weight: bold;
  text-decoration: underline;
  margin: 18px 3px 9px 3px;
  padding: 0;
  text-align: left;
}

#content p {
  font-weight: normal;
  margin: 6px 3px 0 3px;
  padding: 0;
  text-align: justify;
}

a.link {
  color: #827900;
  text-decoration: underline;
}

a:hover.link {
  color: #413c00;
}

#content hr {
  height: 2px;
  border: 0;
  color: #303030;
  background-color: #303030;
  margin: 0;
  padding: 0;
  clear: both;
}

#content ul, #content ol {
  margin-top: 0;
  margin-bottom: 0;
}

#content address {
  font-size: 12px;
  font-weight: normal;
  font-style: italic;
  margin: 6px 3px 6px 3px;
  padding: 0;
  text-align: left;
}

#content p.full {
  text-align: center;
}

#content p.galerythumbs {
  text-align: center;
}

#content p.galerythumbs a {
  text-decoration: none;
}

#content p.fotounterschrift {
  text-align: center;
  font-style: italic;
}

#content pre {
  width: 92%;
  margin-left: 18px;
  padding: 6px;
  border: 1px dashed black;
  background-color: #f7f7f7;
}

#content img {
  border: 1px solid black;
}

#content .tl_list img {
  border: 0;
}

#content a img, #content li div img {
  border: 0;
}

#content .noborder {
  border: 0;
}

#content img.btn_help {
  margin: 5px 0px 1px 0px;
  padding: 0;
  background-color: #ffff00;
  cursor: pointer;
  border: 1px solid black;
}

#content img.btn_left {
  float: left;
  margin: 0 0 0 30px;
  padding: 0;
  background-color: #ffff00;
  cursor: pointer;
}

#content img.btn_middle {
  float: left;
  margin: 0 0 0 -1px;
  padding: 0;
  background-color: #ffff00;
  cursor: pointer;
}

#content img.btn_right {
  float: left;
  padding: 0;
  margin: 0 0 0 -1px;
  background-color: #ffff00;
  cursor: pointer;
}

.galery {
  float: left;
  margin-left: 15px;
  margin-bottom: 10px;
  border: 1px black solid;
  width: 100px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  font-weight: bold;
  background-color: #ffff00;
  cursor: pointer;
}

.spiele_tag {
  clear: both;
  display: block;
  height: 33px;
  margin: 1px 0 0 0;
  padding: 0;
  background-color: #ffffc0;
}

.tabelle_eintrag {
  clear: both;
  display: block;
  height: 20px;
  margin: 0;
  padding: 4px 0 0 0;
}

.user_list {
  clear: both;
  display: block;
  margin: 0;
  padding: 0;
  line-height: 20px;
}

.tl_list {
  clear: both;
  display: block;
  margin: 0;
  padding: 0;
  height: 105px;
  font-size: 15px;
}

.proto_list {
  clear: both;
  display: block;
  margin: 0 0 1px 0;
  padding: 0;
  height: 22px;
  line-height: 22px;
  background-color: #ffff00;
}

.menue_liste {
  clear: both;
  display: block;
  margin: 0 0 1px 0;
  padding: 0;
  height: 22px;
  line-height: 22px;
}

a.spiele_tag {
  background-color: #ffff00;
}

.spiele_titel {
  font-weight: bold;
  background-color: #000000;
  color: #ffff00;
}

.tabelle_titel {
  font-weight: bold;
  border-bottom: 2px black solid;
}

.user_list {
  margin: 0 0 1px 0;
  background-color: #ffff00;
}

.user_list a {
  display: block;
}

.user_list span {
  line-height: 20px;
}

.user_titel {
  height: 20px;
  background-color: #000000;
}

.user_titel a {
  color: #ffff00;
}

.proto_title {
  background-color: #000000;
  color: #ffff00;
}

.spiele_wir {
  font-weight: bold;
}

.spiele_nr, .spiele_datum, .spiele_zeit, .spiele_ort, .spiele_satz1, .spiele_satz_, .spiele_satz2, .spiele_dauer, .spiele_coach_, .spiele_coach {
  font-size: 12px;
  height: 15px;
  line-height: 15px;
}

.spiele_spieler_, .spiele_spieler {
  font-size: 12px;
  height: 36px;
}

.tabelle_set_, .tabelle_game_, .tabelle_platz, .tabelle_name, .tabelle_spiele, .tabelle_set1, .tabelle_set, .tabelle_set2, .tabelle_game1, .tabelle_game, .tabelle_game2, .spiele_heim, .spiele_gast, .spiele_ergebnis, .spiele_ergebnis1, .spiele_ergebnis2, .spiele_gegen, .spiele_zu, .spiele_turnier {
  height: 18px;
  line-height: 18px;
}

.tabelle_set_, .tabelle_game_, .tabelle_platz, .tabelle_name, .tabelle_spiele, .tabelle_set1, .tabelle_set, .tabelle_set2, .tabelle_game1, .tabelle_game, .tabelle_game2, .spiele_nr, .spiele_datum, .spiele_zeit, .spiele_ort, .spiele_heim, .spiele_gast, .spiele_turnier, .spiele_ergebnis, .spiele_ergebnis1, .spiele_ergebnis2, .spiele_gegen, .spiele_zu, .spiele_satz1, .spiele_satz_, .spiele_satz2, .spiele_dauer {
  float: left;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  margin: 0;
  padding: 0;
}

.user_element {
  float: left;
  display: block;
  overflow: hidden;
  white-space: nowrap;
}

.user_element {
  padding: 0 0 0 3px;
}

.menue_list {
  float: left;
  display: block;
  overflow: hidden;
}

.tl_ltxt, .tl_limg, .tl_rimg, .tl_rtxt {
  float: left;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  margin: 0;
  padding: 0;
}

.proto_list span {
  float: left;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  margin: 0;
  padding: 0;
}

.spiele_coach_, .spiele_coach, .spiele_spieler_, .spiele_spieler {
  float: left;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.tabelle_platz {
  width: 10%;
  text-align: center;
}

.tabelle_name {
  width: 40%;
  text-align: left;
}

.tabelle_spiele {
  width: 8%;
  text-align: center;
}

.tabelle_set_ {
  width: 20%;
  text-align: center;
}

.tabelle_set1 {
  width: 8%;
  text-align: right;
}

.tabelle_set {
  width: 4%;
  text-align: center;
}

.tabelle_set2 {
  width: 8%;
  text-align: left;
}

.tabelle_game_ {
  width: 20%;
  text-align: center;
}

.tabelle_game1 {
  width: 8%;
  text-align: right;
}

.tabelle_game {
  width: 4%;
  text-align: center;
}

.tabelle_game2 {
  width: 8%;
  text-align: left;
}

.spiele_nr {
  width: 8%;
  text-align: center;
}

.spiele_datum {
  width: 17%;
  text-align: center;
}

.spiele_zeit {
  width: 10%;
  text-align: center;
}

.spiele_ort {
  width: 63%;
  text-align: left;
}

.spiele_heim {
  width: 40%;
  text-align: right;
}

.spiele_gast {
  width: 40%;
  text-align: left;
}

.spiele_gegen {
  width: 3%;
  text-align: center;
}

.spiele_turnier {
  width: 83%;
  text-align: center;
}

.spiele_ergebnis {
  width: 15%;
  text-align: center;
}

.spiele_ergebnis1 {
  width: 6%;
  text-align: right;
}

.spiele_ergebnis2 {
  width: 6%;
  text-align: left;
}

.spiele_zu {
  width: 3%;
  text-align: center;
}

.spiele_dauer {
  width: 30%;
  text-align: right;
  margin-right: 5%;
}

.spiele_satz1 {
  width: 5%;
  text-align: right;
}

.spiele_satz_ {
  width: 2%;
  text-align: center;
}

.spiele_satz2 {
  width: 5%;
  text-align: left;
}

.spiele_coach_, .spiele_spieler_ {
  width: 15%;
  text-align: right;
  margin-right: 3%;
}

.spiele_coach, .spiele_spieler {
  width: 80%;
  text-align: left;
}

.userl_vorname {
  border-right: 1px solid #ffffff;
  width: calc(20% - 3px);
}

.userl_nachname {
  border-right: 1px solid #ffffff;
  width: calc(30% - 4px);
}

.userl_login {
  border-right: 1px solid #ffffff;
  width: calc(25% - 4px);
}

.userl_spitzname {
  width: calc(25% - 4px);
}

.user_vorname {
  border-right: 1px solid #ffffff;
  width: calc(20% - 4px);
}

.user_nachname {
  border-right: 1px solid #ffffff;
  width: calc(20% - 4px);
}

.user_spitzname {
  border-right: 1px solid #ffffff;
  width: calc(20% - 4px);
}

.user_adresse {
  width: calc(40% - 3px);
}

.user_geburtstag {
  width: calc(40% - 3px);
}

.user_email {
  width: calc(40% - 3px);
}

.user_telefon {
  width: calc(40% - 3px);
}

.user_trikot {
  border-right: 1px solid #ffffff;
  width: calc(13% - 3px);
  text-align: center;
}

.user_tall {
  border-right: 1px solid #ffffff;
  width: calc(13% - 3px);
  text-align: center;
}

.user_function {
  width: calc(34% - 5px);
}

.user_selected, #content img.user_selected {
  background-color: #827900;
}

.user_notselected {
  background-color: #ffffc0;
}

.user_height1 {
  height: 20px;
}

.user_height2 {
  height: 40px;
}

.user_height3 {
  height: 60px;
}

.user_height4 {
  height: 80px;
}

.user_height5 {
  height: 100px;
}

.user_height6 {
  height: 120px;
}

.user_cursor {
  cursor: pointer;
}

.tl_ltxt {
  width: calc(50% - 108px);
  text-align: right;
  line-height: 18px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.tl_rtxt {
  width: calc(50% - 108px);
  text-align: left;
  line-height: 18px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.tl_limg {
  width: 100px;
  margin-left: 5px;
  margin-right: 3px;
  text-align: right;
}

.tl_rimg {
  width: 100px;
  margin-left: 3px;
  margin-right: 5px;
  text-align: left;
}

.tl_height1 {
  padding-top: 43px;
}

.tl_height2 {
  padding-top: 34px;
}

.tl_height3 {
  padding-top: 25px;
}

.tl_height4 {
  padding-top: 16px;
}

.tl_height5 {
  padding-top: 7px;
}

.proto_nr {
  width: 5%;
  text-align: center;
}

.proto_date {
  width: 20%;
  text-align: center;
}

.proto_author {
  width: 35%;
  text-align: center;
}

.proto_form {
  width: 5%;
  text-align: center;
}

.proto_review {
  width: 33%;
  text-align: center;
}

.proto_act {
  font-weight: bold;
}

.menue_pos {
  width: 8%;
  text-align: center;
}

.menue_name {
  width: 25%;
}

.menue_link {
  width: 25%;
}

.menue_auf {
  width: 10%;
}

.menue_ab {
  width: 10%;
}

.menue_delete {
  width: 20%;
}

#content .user_list img {
  margin: 0;
  border: 0;
  padding: 0;
  vertical-align: bottom;
}

.navi {
  list-style: none;
  padding: 0;
  margin: 0;
}

.navi li {
  padding: 0;
}

.navi a, .navi div {
  display: block;
  background-color: #ffff00;
  font-weight: bold;
  text-align: center;
}

.news {
  display: inline-block;
  transform: translate(-50%);
  position: relative;
  left: 50%;
}

.news .navi_first, .news .navi_first {
  border-left: 8px solid #000000;
}

.news .navi_last, .news .navi_last {
  border-right: 8px solid #000000;
}

.news .navi_first a, .news .navi_first div {
  border-left: 1px solid #ffffff;
}

.news .navi_last a, .news .navi_last div {
  border-right: 1px solid #ffffff;
}

.news_left, .news_right {
  display: inline-block;
  width: 45px;
  height: 22px;
  line-height: 22px;
  margin: 5px 0px 5px 0px;
}

.news_month {
  display: inline-block;
  width: 150px;
  height: 22px;
  line-height: 22px;
  margin: 5px 1px 5px 1px;
}

.saison .navi_first, .saison .navi_first {
  border-right: 8px solid #000000;
}

.saison .navi_last, .saison .navi_last {
  border-left: 8px solid #000000;
}

.saison .navi_first a, .saison .navi_first div {
  border-right: 1px solid #ffffff;
}

.saison .navi_last a, .saison .navi_last div {
  border-left: 1px solid #ffffff;
}

.saison_jahr {
  margin: 0 0 1px 1px;
  float: right;
  width: 48px;
}

.saison_jahr a, .saison_jahr div {
  height: 16px;
  line-height: 16px;
  font-size: 12px;
}

.team_list a, .team_list div {
  height: 22px;
  line-height: 22px;
}

.team_liste .navi_first, .team_liste .navi_first {
  border-left: 8px solid #000000;
}

.team_liste .navi_last, .team_liste .navi_last {
  border-right: 8px solid #000000;
}

.team_liste .navi_first a, .team_liste .navi_first div {
  border-left: 1px solid #ffffff;
}

.team_liste .navi_last a, .team_liste .navi_last div {
  border-right: 1px solid #ffffff;
}

.team_liste {
  margin: 0 0 0 38px;
}

.team_list {
  margin: 0 1px 5px 0;
  float: left;
  width: 100px;
  height: 22px;
  line-height: 22px;
  font-size: 15px;
}

.geb_neuertag span {
  margin-top: 10px;
}

.geb_heute {
  font-weight: bold;
}

.geb_jubel {
  font-style:italic;
}

.geburtstage span {
  display: block;
  float: left;
}

.geb_tag {
  text-align: right;
  width: 17%;
}

.geb_alter {
  text-align: center;
  width: 14%;
}

.geb_name {
  width: 67%;
}

.archiv {
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	position: relative;
	left: 50%;
	transform: translate(-50%);
}

.archiv_team {
  display: block;
  border-left: 8px solid #000000;
  border-right: 8px solid #000000;
  width: 200px;
  margin: 0 0 1px 0;
}

.archiv_team a {
  height: 36px;
  line-height: 36px;
  overflow: hidden;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  text-align: left;
  padding: 0 0 0 8px;
}

.news_jahre .navi_first, .news_jahre .navi_first {
  border-right: 8px solid #000000;
}

.news_jahre .navi_last, .news_jahre .navi_last {
  border-left: 8px solid #000000;
}

.news_jahre .navi_first a, .news_jahre .navi_first div {
  border-right: 1px solid #ffffff;
}

.news_jahre .navi_last a, .news_jahre .navi_last div {
  border-left: 1px solid #ffffff;
}

.news_jahr {
  margin: 0 0 1px 1px;
  float: right;
  width: 48px;
}

.news_jahr a, .news_jahr div {
  height: 16px;
  line-height: 16px;
  font-size: 12px;
}

.news_monate .navi_first, .news_monate .navi_first {
  border-left: 8px solid #000000;
}

.news_monate .navi_last, .news_monate .navi_last {
  border-right: 8px solid #000000;
}

.news_monate .navi_first a, .news_monate .navi_first div {
  border-left: 1px solid #ffffff;
}

.news_monate .navi_last a, .news_monate .navi_last div {
  border-right: 1px solid #ffffff;
}

.news_monat {
  margin: 0 1px 6px 0;
  float: left;
  width: 36px;
}

.news_monat a, .news_monat div {
  height: 16px;
  line-height: 16px;
  font-size: 12px;
}

.news_liste .news_list {
  display: block;
  border-left: 8px solid #000000;
  border-right: 8px solid #000000;
}

.news_liste .news_list a, .news_liste .news_list div {
  display: block;
  margin: 0 0 1px 0;
  padding: 0px 3px 0px 3px;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  background-color: #ffff00;
}

.proto_liste {
  background-color: #ffffc0;
  margin: 0 0 1px 0;
  padding: 0;
  height: 36px;
  overflow: hidden;
}

.proto_time {
  float: left;
  display: block;
  width: 20%;
  text-align: right;
  margin: 0;
  padding: 0 6px 0 0;
  line-height: 18px;
}

.proto_message {
  float: left;
  display: block;
  width: 78%;
  line-height: 18px;
  margin: 0;
  padding: 0;
}

#left {
  clear: both;
  float: left;
  width: 172px;
  overflow: hidden;
}

#right {
  float: left;
  width: 172px;
  overflow: hidden;
}

#middle {
  float: left;
  width: 172px;
  overflow: hidden;
}

.block {
  background-color: #dfdfdf;
  padding: 8px 8px 6px 8px;
  position: relative;
}

#mannschaften, #news, #menues, #actual, #internal {
  line-height: 25px;
  font-size: 15px;
  font-weight: bold;
  margin: 0;
  padding: 0 0 0 17px;
  width: 139px;
  color: #303030;
}

.menue {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid #dfdfdf;
}

.menue li {
  background-color: #000000;
  border-bottom: 1px solid #dfdfdf;
  margin: 0;
  padding: 0;
  position: relative;
}

.submenue {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.submenue li {
  background-color: #000000;
  border-top: 1px solid #dfdfdf;
  border-bottom: 0;
  margin: 0;
  padding: 0;
}

.button a, .button div, .button label {
  color: #303030;
  display: block;
  margin: 0 8px 0 8px;
  border-left: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  padding: 0 0 0 8px;
  line-height: 21px;
  height: 21px;
  text-align: left;
  font-size: 15px;
  font-weight: bold;
  background-color: #ffff00;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bigbutton a, .bigbutton div, .bigbutton label {
  height: 36px;
  line-height: 36px;
}

.submenue .button a, .submenue .button div {
  margin: 0 8px 0 17px;
  padding: 0 0 0 8px;
  line-height: 21px;
  height: 21px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.zusatz {
  display: block;
  padding: 0;
  text-align: left;
  font-size: 10px;
  font-weight: bold;
  margin: 1px 0 -11px 0;
  line-height: 10px;
}

.klasse {
  display: block;
  padding: 0;
  text-align: right;
  font-size: 10px;
  font-weight: bold;
  margin: 1px 3px -11px 0;
  line-height: 10px;
}

.menue .news_list a, .menue .news_list div {
  display: block;
  padding: 0 3px 0 3px;
  margin: 0 8px 0 8px;
  border-left: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  background-color: #ffff00;
  font-size: 15px;
  overflow: hidden;
}

.button label {
  cursor: pointer;
  padding: 0 0 0 16px;
}

.button input + i.fa-submenue {
	display: block;
}

.button input {
  visibility: hidden;
  position: absolute;
}

.button input:not(:checked) + i + label + ul.submenue {
  overflow: hidden;
  height: 0;
  transition: height 0.5s ease;
}

.button input:not(:checked) + i:before, #menue-button:not(:checked) + i:before {
	content: "\f054";
	position: absolute;
	left: 13px;
	top: 3px;
	z-index: 1;
}

.button input:checked + i:before, #menue-button:checked + i:before {
	content: "\f053";
	position: absolute;
	left: 12px;
	top: 3px;
	z-index: 1;
}

.button.bigbutton input:not(:checked) + i:before, .button.bigbutton input:checked + i:before {
	top: 10px;
}

.submenue.items0 { height: calc(0 * 22px); transition: height 0.5s ease; }
.submenue.items1 { height: calc(1 * 22px); transition: height 0.5s ease; }
.submenue.items2 { height: calc(2 * 22px); transition: height 0.5s ease; }
.submenue.items3 { height: calc(3 * 22px); transition: height 0.5s ease; }
.submenue.items4 { height: calc(4 * 22px); transition: height 0.5s ease; }
.submenue.items5 { height: calc(5 * 22px); transition: height 0.5s ease; }
.submenue.items6 { height: calc(6 * 22px); transition: height 0.5s ease; }
.submenue.items7 { height: calc(7 * 22px); transition: height 0.5s ease; }
.submenue.items8 { height: calc(8 * 22px); transition: height 0.5s ease; }
.submenue.items9 { height: calc(9 * 22px); transition: height 0.5s ease; }
.submenue.items10 { height: calc(10 * 22px); transition: height 0.5s ease; }
.submenue.items11 { height: calc(11 * 22px); transition: height 0.5s ease; }
.submenue.items12 { height: calc(12 * 22px); transition: height 0.5s ease; }
.submenue.items13 { height: calc(13 * 22px); transition: height 0.5s ease; }
.submenue.items14 { height: calc(14 * 22px); transition: height 0.5s ease; }
.submenue.items15 { height: calc(15 * 22px); transition: height 0.5s ease; }
.submenue.items16 { height: calc(16 * 22px); transition: height 0.5s ease; }
.submenue.items17 { height: calc(17 * 22px); transition: height 0.5s ease; }
.submenue.items18 { height: calc(18 * 22px); transition: height 0.5s ease; }
.submenue.items19 { height: calc(19 * 22px); transition: height 0.5s ease; }
.submenue.items20 { height: calc(20 * 22px); transition: height 0.5s ease; }

.button a:hover, .button label:hover, .news_list a:hover, .navi a:hover, a:hover.spiele_tag, .singlebutton a:hover, .user_list a:hover {
  background-color: #827900;
}

.button div, .button label.selected, .button i.selected, .menue .news_list div, .navi div {
  background-color: #404000;
  color: #dfdfdf;
}

.navi div.nolink {
  background-color: #ffffc0;
  color: #303030;
}

.news_list .h3 {
  display: block;
  text-align: center;
  font-weight: bold;
  padding-top: 2px;
}

.news_list .h4 {
  display: block;
  text-align: justify;
  font-weight: normal;
}

.menue .news_list .h4 {
  font-size: 12px;
}

.news_list .address {
  display: block;
  text-align: left;
  font-weight: normal;
  font-style: italic;
  font-size: 10px;
  margin-bottom: 2px;
}

.ende {
  width: 100%;
  clear: both;
  height: 0;
  line-height: 0px;
  font-size: 0;
}

#fuss {
  clear: both;
  width: 100%;
  border-top: 1px solid black;
  font-size: 15px;
  margin-top: 10px;
}

#fuss div {
  margin-top: -1px;
  border-top: 1px solid black;
}

#fuss a {
  margin-left: 10px;
}

#fuss p {
  margin: 6px 15px 6px 15px;
  padding: 0;
}

form {
  margin-top: 10px;
  margin-bottom: 10px;
}

div.formtext {
  float: left;
  clear: both;
  width: 45%;
  padding-right: 15px;
  text-align: right;
  height: 22px;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

div.formtextshort {
  float: left;
  clear: both;
  width: 25%;
  padding-right: 15px;
  text-align: right;
  height: 22px;
  line-height: 22px;
  overflow: hidden;
  white-space:nowrap;
}

div.readonly {
  float: left;
  font-weight: bold;
  width: 50%;
  overflow: hidden;
  text-align: left;
  line-height: 22px;
}

div.readonlylong {
  float: left;
  font-weight: bold;
  width: 65%;
  overflow: hidden;
  text-align: justify;
  line-height: 22px;
}

div.readonlyshort {
  float: left;
  font-weight: bold;
  text-align: left;
  line-height: 22px;
}

div.leftlabel {
  float: left;
  clear: both;
  width: calc(50% - 28px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
  height: 22px;
  line-height: 22px;
}

div.rightlabel {
  float: left;
  width: calc(50% - 28px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 22px;
  line-height: 22px;
}

div.checkboxlabel {
  float: left;
  width: calc(100% - 100px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 22px;
  line-height: 22px;
}

div.suffix {
  float: left;
  height: 22px;
  line-height: 22px;
  color: #303030;
}

input, select {
  float: left;
  margin: 3px 6px 3px 0;
  font-size: 15px;
}

div.fortextarea {
  text-align: center;
}

form textarea {
  width: calc(100% - 10px);
  height: 300px;
  font-size: 15px;
}

form textarea.news_headline {
  height: 90px;
}

form textarea.news_title {
  height: 25px;
}

form textarea.teamsettings {
  width: 65%;
  height: 90px;
}

form textarea.comment {
  width: 95%;
  height: 120px;
}

form.comment_form {
  margin-top: 0;
  margin-bottom: 0;
}

form.comment_form input {
  margin-left: 10px;
}

.comment_button {
  margin-left: 10px;
}

form img {
  float: left;
}

form div a img {
  float: none;
}

input.form_text {
  width: 30%;
}

input.form_textlong {
  width: 40%;
}

input.form_textlonglong {
  width: 65%;
}

input.form_textnum {
  width: 12%;
}

input.form_texttable {
  width: 90%;
}

input.form_textdate {
  width: 20%;
}

input.form_file {
  margin-right: 0;
}

select.form_select {
  width: calc(50% - 50px);
}

input.form_checkbox {
  width: 15px;
  height: 15px;
  margin: 3px 6px 3px 6px;
}

input.form_left, select.form_left {
  clear: both;
  margin: 3px 6px 3px 30px;
}

.comment_header {
  overflow: hidden;
  white-space: nowrap;
  padding: 0 3px 0 3px;
  color: #dfdfdf;
  background-color: #404000;
  font-size: 12px;
  margin: 0;
  border: 0;
  height: 15px;
}

.comment_body {
  padding: 3px;
  background-color: #ffffc0;
  color: #303030;
  margin: 0;
  border: 0;
  height: 100%;
}

.comment_0 {
  margin-left: 8px;
  margin-right: 8px;
  border: 0;
  border-left: 1px solid white;
  border-right: 1px solid white;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

.comment_first {
  border-top: 0;
}

.comment_1 {
  margin-left: 8px;
  margin-right: 0;
  border: 0;
  border-left: 1px solid white;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

.comment_2 {
  margin-left: 8px;
  margin-right: 0;
  border: 0;
  border-left: 1px solid white;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

.comment_3 {
  margin-left: 8px;
  margin-right: 0;
  border: 0;
  border-left: 1px solid white;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

.comment_4 {
  margin-left: 8px;
  margin-right: 0;
  border: 0;
  border-left: 1px solid white;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

.comment_5 {
  margin-left: 8px;
  margin-right: 0;
  border: 0;
  border-left: 1px solid white;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

.comment_6 {
  margin-left: 8px;
  margin-right: 0;
  border: 0;
  border-left: 1px solid white;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

.comment_frame {
  background-color: #000000;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: 1px solid white;
}

.protocol {
  border-bottom: 1px solid black;
}

.protocol th {
  text-align: center;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  font-weight: normal;
}

.protocol td {
  text-align: center;
  overflow: hidden;
}

.protocol a {
  display: block;
  width: 100%;
}

#content p.teamliste {
  margin: 0 20px 0 20px;
}

.fehler {
  color: #ff0000;
}

.keinfehler {
  color: #00cf00;
  height: auto !important;
}

.singlebutton, #menue-label {
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  width: 122px;
  border-left: 8px solid #000000; 
  border-right: 8px solid #000000; 
}

.singlebutton a, #menue-label span {
  display: block;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  background-color: #ffff00;
  text-align: center;
  width: calc(100% - 2px);
  height: 22px;
  line-height: 22px;
  font-weight: bold;
}

.thumbs {
  margin-left: 15px;
  margin-bottom: 10px;
  border: 1px black solid;
  padding: 0;
  cursor: pointer;
  vertical-align: bottom;
}

.thumbs img {
  margin: 0;
  border: 0;
  padding: 0;
}

.invisible {
  display: none;
}

.preview {
  background-color: #efefef;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
}

.centered {
  display: block;
  text-align: center;
}

.rot {
  color: #ff0000;
}

.zitat {
  display: block;
  border-left: 3px solid #303030;
  padding-left: 10px;
  margin-left: 10px;
  background-color: #b4f588;
}

.print {
  display: none;
}

.notvisible {
  visibility: hidden;
}

.termin_title {
  display: block;
  padding-left: 10px;
  margin-right: 5px;
  width: calc((100% - 106px) / 7);
  height: 20px;
  line-height: 20px;
  font-weight: bold;
  background-color: #000000;
  float: left;
}

.termin_leer {
  display: block;
  margin-top: 5px;
  margin-right: 5px;
  width: calc((100% - 36px) / 7);
  height: 80px;
  float: left;
}

.termin_tag {
  display: block;
  float: left;
  margin-top: 5px;
  margin-right: 5px;
  width: calc((100% - 36px) / 7);
  height: 80px;
  font-size: 40px;
  line-height: 80px;
  font-weight: bold;
  color: #cfcfcf;
  text-align: center;
  background-color: #efefef;
}

.termin_inhalt {
  display: block;
  float: left;
  margin-top: 5px;
  position: relative;
  font-size: 14px;
  left: -85px;
  width: 0px;
  height: 80px;
}

.termin_eintrag1 {
  display: block;
  width: 80px;
  height: 19px;
  line-height: 19px;
  margin-bottom: 1px;
  overflow: hidden;
  text-align: center;
  z-index: 100;
}

.termin_eintrag1_2 {
  display: block;
  width: 80px;
  height: 39px;
  line-height: 19px;
  margin-bottom: 1px;
  overflow: hidden;
  text-align: center;
  z-index: 100;
}

.termin_eintrag1_3 {
  display: block;
  width: 80px;
  height: 59px;
  line-height: 19px;
  margin-bottom: 1px;
  overflow: hidden;
  text-align: center;
  z-index: 100;
}

.termin_eintrag1_4 {
  display: block;
  width: 80px;
  height: 79px;
  line-height: 19px;
  margin-bottom: 1px;
  overflow: hidden;
  text-align: center;
  z-index: 100;
}

.termin_eintrag2 {
  display: block;
  width: 165px;
  height: 19px;
  line-height: 19px;
  margin-bottom: 1px;
  overflow: hidden;
  text-align: center;
  z-index: 100;
}

.termin_eintrag3 {
  display: block;
  width: 250px;
  height: 19px;
  line-height: 19px;
  margin-bottom: 1px;
  overflow: hidden;
  text-align: center;
  z-index: 100;
}

.termin_eintrag4 {
  display: block;
  width: 335px;
  height: 19px;
  line-height: 19px;
  margin-bottom: 1px;
  overflow: hidden;
  text-align: center;
  z-index: 100;
}

.termin_eintrag5 {
  display: block;
  width: 420px;
  height: 19px;
  line-height: 19px;
  margin-bottom: 1px;
  overflow: hidden;
  text-align: center;
  z-index: 100;
}

.termin_eintrag6 {
  display: block;
  width: 505px;
  height: 19px;
  line-height: 19px;
  margin-bottom: 1px;
  overflow: hidden;
  text-align: center;
  z-index: 100;
}

.termin_eintrag7 {
  display: block;
  width: 590px;
  height: 19px;
  line-height: 19px;
  margin-bottom: 1px;
  overflow: hidden;
  text-align: center;
  z-index: 100;
}

.termin_voll {
  background-color: #ffffc0;
  color: black;
}

.termin_link {
  background-color: #ffff00;
  color: black;
}

.termin_inhalt a:hover {
  background-color: #827900;
}

.dating {
	table-layout: fixed;
	min-width: 500px;
}

.dating input {
	width: 90%;
}

.date_time {
	text-align: center;
	font-weight: bold;
	width: 60px;
	overflow: hidden;
}

.date_time input {
	float: none;
}

.date_comment {
	overflow: hidden;
}

.date_user {
	overflow: hidden;
	width: 100px;
}

.date_button {
	width: 60px;
}

.date_changed {
	background-color: #dfdfdf;
}

.date_header {
	background-color: #404000;
	color: #dfdfdf;
}

.date_sum {
	background-color: #ffffc0;
}

#menue-button, #menue-button + .fa-menue, #menue-button + .fa-menue + label {
	display: none;
	position: absolute;
}

form[name='FormularTerminSuche'] {
	width: 100%;
	overflow-x: auto;
}

@media (min-width: 1200px) and (max-width: 1600px) {
	#titelcontainer { width: 1138px; }
	#container { width: 1154px; }
	#left { width: 222px; }
	#content { width: 700px; }
	#right { width: 222px; }
	.button:not(.bigbutton) a, .button:not(.bigbutton) div, .button:not(.bigbutton) label, .submenue .button a, .submenue .button div { height: 24px; line-height: 24px; }
	.button:not(.bigbutton) input + i:before { top: 4px; }
	.submenue.items0 { height: calc(0 * 25px); transition: height 0.5s ease; }
	.submenue.items1 { height: calc(1 * 25px); transition: height 0.5s ease; }
	.submenue.items2 { height: calc(2 * 25px); transition: height 0.5s ease; }
	.submenue.items3 { height: calc(3 * 25px); transition: height 0.5s ease; }
	.submenue.items4 { height: calc(4 * 25px); transition: height 0.5s ease; }
	.submenue.items5 { height: calc(5 * 25px); transition: height 0.5s ease; }
	.submenue.items6 { height: calc(6 * 25px); transition: height 0.5s ease; }
	.submenue.items7 { height: calc(7 * 25px); transition: height 0.5s ease; }
	.submenue.items8 { height: calc(8 * 25px); transition: height 0.5s ease; }
	.submenue.items9 { height: calc(9 * 25px); transition: height 0.5s ease; }
	.submenue.items10 { height: calc(10 * 25px); transition: height 0.5s ease; }
	.submenue.items11 { height: calc(11 * 25px); transition: height 0.5s ease; }
	.submenue.items12 { height: calc(12 * 25px); transition: height 0.5s ease; }
	.submenue.items13 { height: calc(13 * 25px); transition: height 0.5s ease; }
	.submenue.items14 { height: calc(14 * 25px); transition: height 0.5s ease; }
	.submenue.items15 { height: calc(15 * 25px); transition: height 0.5s ease; }
	.submenue.items16 { height: calc(16 * 25px); transition: height 0.5s ease; }
	.submenue.items17 { height: calc(17 * 25px); transition: height 0.5s ease; }
	.submenue.items18 { height: calc(18 * 25px); transition: height 0.5s ease; }
	.submenue.items19 { height: calc(19 * 25px); transition: height 0.5s ease; }
	.submenue.items20 { height: calc(20 * 25px); transition: height 0.5s ease; }
}

@media (min-width: 1600px) {
	#titelcontainer { width: 1338px; }
	#container { width: 1354px; }
	#left { width: 272px; }
	#content { width: 800px; }
	#right { width: 272px; }
	.button:not(.bigbutton) a, .button:not(.bigbutton) div, .button:not(.bigbutton) label, .submenue .button a, .submenue .button div { height: 30px; line-height: 30px; }
	.button:not(.bigbutton) input + i:before { top: 7px; }
	.submenue.items0 { height: calc(0 * 31px); transition: height 0.5s ease; }
	.submenue.items1 { height: calc(1 * 31px); transition: height 0.5s ease; }
	.submenue.items2 { height: calc(2 * 31px); transition: height 0.5s ease; }
	.submenue.items3 { height: calc(3 * 31px); transition: height 0.5s ease; }
	.submenue.items4 { height: calc(4 * 31px); transition: height 0.5s ease; }
	.submenue.items5 { height: calc(5 * 31px); transition: height 0.5s ease; }
	.submenue.items6 { height: calc(6 * 31px); transition: height 0.5s ease; }
	.submenue.items7 { height: calc(7 * 31px); transition: height 0.5s ease; }
	.submenue.items8 { height: calc(8 * 31px); transition: height 0.5s ease; }
	.submenue.items9 { height: calc(9 * 31px); transition: height 0.5s ease; }
	.submenue.items10 { height: calc(10 * 31px); transition: height 0.5s ease; }
	.submenue.items11 { height: calc(11 * 31px); transition: height 0.5s ease; }
	.submenue.items12 { height: calc(12 * 31px); transition: height 0.5s ease; }
	.submenue.items13 { height: calc(13 * 31px); transition: height 0.5s ease; }
	.submenue.items14 { height: calc(14 * 31px); transition: height 0.5s ease; }
	.submenue.items15 { height: calc(15 * 31px); transition: height 0.5s ease; }
	.submenue.items16 { height: calc(16 * 31px); transition: height 0.5s ease; }
	.submenue.items17 { height: calc(17 * 31px); transition: height 0.5s ease; }
	.submenue.items18 { height: calc(18 * 31px); transition: height 0.5s ease; }
	.submenue.items19 { height: calc(19 * 31px); transition: height 0.5s ease; }
	.submenue.items20 { height: calc(20 * 31px); transition: height 0.5s ease; }
}

@media (max-width: 953px) {
	body { background-color: #dfdfdf; }
	#titelcontainer { width: calc(100% - 16px); }
	#container { width: 100%; }
	#left { width: 100%; }
	#content { width: calc(100% - 10px); }
	#right { width: 100%; }
	.feed { display: none; }
	.button a, .button div, .button label, .submenue .button a, .submenue .button div { height: 36px; line-height: 36px; }
	.button:not(.bigbutton) input + i:before { top: 10px; }
	.submenue.items0 { height: calc(0 * 37px); transition: height 0.5s ease; }
	.submenue.items1 { height: calc(1 * 37px); transition: height 0.5s ease; }
	.submenue.items2 { height: calc(2 * 37px); transition: height 0.5s ease; }
	.submenue.items3 { height: calc(3 * 37px); transition: height 0.5s ease; }
	.submenue.items4 { height: calc(4 * 37px); transition: height 0.5s ease; }
	.submenue.items5 { height: calc(5 * 37px); transition: height 0.5s ease; }
	.submenue.items6 { height: calc(6 * 37px); transition: height 0.5s ease; }
	.submenue.items7 { height: calc(7 * 37px); transition: height 0.5s ease; }
	.submenue.items8 { height: calc(8 * 37px); transition: height 0.5s ease; }
	.submenue.items9 { height: calc(9 * 37px); transition: height 0.5s ease; }
	.submenue.items10 { height: calc(10 * 37px); transition: height 0.5s ease; }
	.submenue.items11 { height: calc(11 * 37px); transition: height 0.5s ease; }
	.submenue.items12 { height: calc(12 * 37px); transition: height 0.5s ease; }
	.submenue.items13 { height: calc(13 * 37px); transition: height 0.5s ease; }
	.submenue.items14 { height: calc(14 * 37px); transition: height 0.5s ease; }
	.submenue.items15 { height: calc(15 * 37px); transition: height 0.5s ease; }
	.submenue.items16 { height: calc(16 * 37px); transition: height 0.5s ease; }
	.submenue.items17 { height: calc(17 * 37px); transition: height 0.5s ease; }
	.submenue.items18 { height: calc(18 * 37px); transition: height 0.5s ease; }
	.submenue.items19 { height: calc(19 * 37px); transition: height 0.5s ease; }
	.submenue.items20 { height: calc(20 * 37px); transition: height 0.5s ease; }
	
	#menue-button + .fa-menue, #menue-button + .fa-menue + label {
		display: block;
	}
	#menue-button + .fa-menue + label {
		position: relative;
		cursor: pointer;
		width: calc(100% - 48px);
		margin: 0 auto 8px;
		border-left-width: 16px;
		border-right-width: 16px;		
	}
	#menue-label span {
		height: 36px;
		line-height: 36px;
		border-color: #dfdfdf;
		font-size: 120%;
		text-align: left;
		padding-left: 30px;
		width: calc(100% - 32px);
	}
	#menue-button:not(:checked) + i:before {
		left: 32px;
		top: 7px;
		font-size: 150%;
	}
	#menue-button:checked + i:before {
		left: 30px;
		top: 7px;
		font-size: 150%;
	}
	#menue-button:not(:checked) + .fa-menue + label + #left, #menue-button:checked + .fa-menue + label + #left + #content, #menue-button:checked + .fa-menue + label + #left + #content + #right {
		display: none;
	}
}

@media (max-width: 630px) {
	div.formtext:not(:empty), div.formtextshort:not(:empty) {
		float: initial;
		clear: both;
		width: calc(100% - 30px);
		padding-left: 15px;
		text-align: left;
	}
	div.formtext:empty, div.formtextshort:empty {
		display: none;
	}
	div.formtext + div, div.formtext + input, div.formtextshort + div, div.formtextshort + input {
		margin-left: 20px;
	}
	input[type='submit']:not([name='createDate']) {
		float: right;
		margin-right: 20px;
		margin-bottom: 20px;
	}
	input.form_textdate {
		width: calc(50% - 20px);
	}
	input.form_text, select.form_select {
		width: calc(70% - 20px);
	}
	input.form_textnum {
		width: calc(30% - 20px);
	}
	input.form_textlong {
		width: calc(100% - 44px);
	}
	div.ende { height: 10px; }
	form textarea.teamsettings { width: calc(100% - 44px); }
	div.formtext + div.readonly { width: calc(100% - 44px); }
}

@media (min-width: 400px) and (max-width: 953px) {
	#left {
		width: calc(100% - 16px);
		max-width: 500px;
		position: relative;
		left: 50%;
		transform: translate(-50%);
	}
	#left .block {
		width: calc(50% - 2px);
		padding: 0 1px;
		vertical-align: top;
		display: inline-block;
	}
}