﻿table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
tr td:nth-child(2), tr td:nth-child(3), tr td:nth-child(4), tr td:nth-child(5), tr td:nth-child(6), tr td:nth-child(7), 
tr td:nth-child(8), tr td:nth-child(9), tr td:nth-child(10), tr td:nth-child(11), tr td:nth-child(12), tr td:nth-child(13) {
   text-align: center;
}
tr:nth-child(odd) {
  background: #eee;
}
td:nth-child(1) {
    padding: 0px 0px 0px 4px;
}
td {
    border-right: 1px solid #ccc;
}
caption { 
    text-align: left;
    font-family: "opensanssemibold"; 
    font-style: normal; 
    font-weight: normal; 
    color: #363636;

    margin: 0.6em 0 0.1em;
}
.noborder {
    border: none;
}
/* Fahrplan Tabs */

.fahrplan-tab > input,
.fahrplan-tab section > div {
  display: none;
}

#blauer:checked ~ section .blauer,
#gelber:checked ~ section .gelber,
#roter:checked ~ section .roter,
#gruener:checked ~ section .gruener,
#oranger:checked ~ section .oranger,
#tuerkiser:checked ~ section .tuerkiser {
  display: block;
}

#blauer:checked ~ nav .blauer,
#gelber:checked ~ nav .gelber,
#roter:checked ~ nav .roter,
#gruener:checked ~ nav .gruener,
#oranger:checked ~ nav .oranger,
#tuerkiser:checked ~ nav .tuerkiser {
  color: red;
}

/* Visual Styles */
#content li {
    padding: 0;
}
.fahrplan-tab {
  /*width: 100%;
  max-width: 780px;*/
  margin: 0 auto;
}
.fahrplan-tab ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.fahrplan-tab ul li label {
  font-family: 'opensanscondlight';
  font-size: 1.5em;
  float: left;
  padding: 35px 20px ;
  border: 1px solid #ddd;
  letter-spacing: 1px;
  border-bottom: 0;
  /*background: #eee;
  color: #444;*/
}
.fahrplan-tab ul li.blauer label {
    background: #9fc3e7;
}
.fahrplan-tab ul li.gelber label {
    background: #fef699;
}
.fahrplan-tab ul li.roter label {
    background: #e7a39f;
}
.fahrplan-tab ul li.gruener label {
    background: #b1e79f;
}
.fahrplan-tab ul li.oranger label {
    background: #e7966c;
}
.fahrplan-tab ul li.tuerkiser label {
    background: #6eb4b2;
}
.fahrplan-tab ul li label:hover {
  background: #ddd;
  cursor: pointer;
}
.fahrplan-tab ul li label:active {
  background: #fff;
}
.fahrplan-tab ul li:not(:last-child) label {
  border-right-width: 0;
}
.fahrplan-tab section {
  clear: both;
}
.fahrplan-tab section div {
  margin: 0px 10px 0px 0px;
  padding: 0px 0px 10px 10px;
  border: 1px solid #ddd;
  background: #fff;
}
.fahrplan-tab section div h1 {
  margin: 0;
}
#blauer:checked ~ nav .blauer label {
  font-weight: bold;
  background: #0e69c4;
  color: white;
  position: relative;
}
#gelber:checked ~ nav .gelber label {
  font-weight: bold;
  background: #fce800;
  color: #111;
  position: relative;
}
#roter:checked ~ nav .roter label {
  font-weight: bold;
  background: #c2190e;
  color: white;
  position: relative;
}
#gruener:checked ~ nav .gruener label {
  font-weight: bold;
  background: #3bc40e;
  color: white;
  position: relative;
}
#oranger:checked ~ nav .oranger label {
  font-weight: bold;
  background: #df743a;
  color: white;
  position: relative;
}
#tuerkiser:checked ~ nav .tuerkiser label {
  font-weight: bold;
  background: #6eb4b2;
  color: white;
  position: relative;
}
.blauertxt {
    font-family: 'opensanssemibold';
    color: #0e69c4;
}
.gelbertxt {
    font-family: 'opensanssemibold';
    color: #fce800;
}
.rotertxt {
    font-family: 'opensanssemibold';
    color: #c2190e;
}
.gruenertxt {
    font-family: 'opensanssemibold';
    color: #3bc40e;
}
.orangertxt {
    font-family: 'opensanssemibold';
    color: #df743a;
}
.tuerkisertxt {
    font-family: 'opensanssemibold';
    color: #6eb4b2;
}
#blauer:checked ~ nav .blauer label:after, #gelber:checked ~ nav .gelber label:after, #roter:checked ~ nav .roter label:after, 
#gruener:checked ~ nav .gruener label:after, #oranger:checked ~ nav .oranger label:after, #tuerkiser:checked ~ nav .tuerkiser label:after {
  content: '';
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  left: 0;
  bottom: -1px;
}
#blauer:checked ~ nav .blauer label:after {
  background: #9fc3e7;
}
#gelber:checked ~ nav .gelber label:after {
  background: #fef699;
}
#roter:checked ~ nav .roter label:after {
  background: #e7a39f;
}
#gruener:checked ~ nav .gruener label:after {
  background: #b1e79f;
}
#oranger:checked ~ nav .oranger label:after {
  background: #b1e79f;
}
#tuerkiser:checked ~ nav .tuerkiser label:after {
    background: #6eb4b2;
}
h3 {
    font-family: 'opensansregular', arial, verdana, sans-serif;
    font-style: normal; 
    font-weight: normal; 
    color: #363636;
    font-size: 1em;
    margin: 3px 0px;
    padding: 0;
}
