@charset "UTF-8";

/* Bus - Brechpunkte */
#query.bus_brp, #suchausgabe.bus_brp { width: 26em; }
table.brp { width: 99%; margin: 0.5em 0em 1em 1%; }
table.brp th { vertical-align: top; padding: 0em 0em 0.3em; border: 0px; }
table.brp th:nth-child(1) { width: 12%; }
table.brp th:nth-child(2) { width: 52%; }
table.brp th:nth-child(3) { width: 36%; }
table.brp td { vertical-align: top; padding: 0.3em; border: 1px solid #000; }
table.brp td:last-child { text-align: right; }

@media only screen and (max-width: 800px) {
    #nav ul.E1 li { width: 100%; clear: both; display: block; line-height: 1.5em; white-space: normal; padding: 0.3em 0em; }
    #query.bus_brp, #suchausgabe.bus_brp { width: 20em; }
    #suchausgabe { line-height: 1.5em; }
    table.brp { width: 100%; margin: 0px; }
    table.brp td { font-size: 0.8em; }
}

/* Bus - DFI */
#map { width: 100%; z-index: 0; margin: 0em 0em 1em; }
.leaflet-popup-content { width: 300px; }
table.dfi { width: 99%; margin: 0.5em 0em 1em 1%; }
table.dfi th { vertical-align: top; padding: 0em 0em 0.3em; border: 0px; }
table.dfi th:nth-child(1) { width: 38%; }
table.dfi th:nth-child(2) { width: 12%; }
table.dfi th:nth-child(3) { width: 50%; }
table.dfi td { vertical-align: top; padding: 0.3em; border: 1px solid #000; }

@media only screen and (max-width: 800px) {
    #map { width: 100%; margin: 0% auto 1%; }
    table.dfi { width: 100%; margin: 0px; }
    table.dfi td { font-size: 0.8em; }
    table.dfi th:nth-child(1) { width: 30%; }
    table.dfi th:nth-child(2) { width: 70%; }
    table.dfi th:nth-child(3), table.dfi td:nth-child(3) { display: none; }
}

/* Bus - Linienliste */
#query.bus_linien, #suchausgabe.bus_linien { width: 5.5em; }
.verzeichnis { width: 100%; display: table; margin: 0.5em 0em 0em 1%; }
.verzeichnis:last-child { width: 100%; display: table; margin: 0.5em 0em 0.5em 1%; }
.eintrag { width: 100%; display: table-row; }
.eintrag div { display: table-cell; }
.eintrag div:nth-child(1) { width: 4.5em; text-align: right; white-space: nowrap; }
.eintrag div:nth-child(2) { padding-left: 1em; padding-bottom: 0.3em; }
.eintrag div:nth-child(2) a { color: #000000; }
.linie { width: 99%; display: table; margin: 0px 0px 0px 1%; padding: 0px; border-collapse: collapse; }
.linie:last-of-type { margin: 0px 0px 1em 1%; }
.linie .lw { width: 100%; display: table-cell; font-size: 1.1em; font-weight: bold; vertical-align: middle; padding: 0em 0em 0.5em; border: 0px; }
.linie .kb { width: 50%; display: table-cell; padding: 0.5%; border-top: 1px solid #000; }
.linie .kb:nth-child(1) { border-left: 1px solid #000; }
.linie .kb:nth-child(2) { border-left: 1px solid #000; border-right: 1px solid #000; }
.linie .kb b { display: block; padding-bottom: 0.2em; }
.linie .kb dl { margin: 0%; padding: 0.2em 0em 0em; }
.linie .kb dt { margin: 0%; padding: 0%; }
.linie .kb dt:first-child { padding: 0em; }
.linie .kb dd { margin-bottom: 1%; margin-left: 0.8em; }
.linie .anm { width: 100%; display: table-cell; padding: 0.5%; border: 1px solid #000; }
.konzbetr { width: 99%; margin: 0.5em 0em 1em 0.5em; display: table; border-collapse: collapse; }
.konzbetr div { display: table-row; padding: 0.5%; border: 1px solid #000; }
.konzbetr div div:nth-child(1) { display: table-cell; }
.konzbetr div div:nth-child(2) { width: 80%; display: table-cell; text-align: right; }

@media only screen and (max-width: 800px) {
    #suchausgabe { line-height: 1.5em; }
    .verzeichnis { width: 100%; }
    .eintrag div:nth-child(1) { width: 3.5em; }
    .eintrag div:nth-child(2) { margin-left: 4.5em; }
    .linie { width: 100%; margin: 0px; }
    .linie:last-of-type { margin: 0em 0em 1em; }
    .konzbetr { width: 100%; margin: 0px; }
}

/* Bus - SEVs */
table.sev { width: 99%; margin: 0.5em 0em 1em 1%; }
table.sev th { vertical-align: top; padding: 0em 0em 0.3em; border: 0px; }
table.sev th:nth-child(1) { width: 14%; }
table.sev th:nth-child(2) { width: 18%; }
table.sev th:nth-child(4) { width: 24%; }
table.sev td { vertical-align: top; padding: 0.3em; border: 1px solid #000; }
table.sev td:nth-child(1) { text-align:right; white-space: nowrap; }
table.sev td:nth-child(2) { font-weight: bold; }
table.sev .betrieb dl { margin: 0%; padding: 0.4em 0em 0em; }
table.sev .betrieb dl:first-of-type { padding: 0em; }
table.sev .betrieb dt { margin: 0%; padding: 0%; }
table.sev .betrieb dt:first-child { padding: 0em; }
table.sev .betrieb dd { margin-bottom: 1%; margin-left: 0.8em; }

@media only screen and (max-width: 800px) {
    #nav select { margin-bottom: 0.6em; }
    #nav li.E0 { float: left; margin-right: 2em; }
    table.sev { width: 100%; margin: 0px; }
    table.sev th:nth-child(1) { width: 20%; }
    table.sev th:nth-child(2) { width: 80%; }
    table.sev th:nth-child(3), table.sev td:nth-child(3) { display: none; }
    table.sev th:nth-child(4), table.sev td:nth-child(4) { display: none; }
    table.sev td { font-size: 0.8em; }
    table.sev td:nth-child(1) { text-align: left; line-height: 1.5em; }
    table.sev .betrieb { font-weight: normal; }
}

/* Fotos */
#foto { width: 100%; margin: 0 0 1em; }
#fotonav { width: 56%; text-align: right; }
#fotonav div:first-child { width: 10%; float: right; }
#fotonav div { width: 90%; }
.thumbnails { width: 99%; margin-left: 1%; }
.thumbnails img { padding: 0 0.5% 0.5% 0; }
a.galerie { background-color: #fff; color: #000; width: 96%; display: block; margin: 1%; padding: 1% 1% 3%; border: 1px solid #000; }
a.galerie:hover { background-color: #fff; color: #0000ff; text-decoration: underline; }
a.galerie:focus { background-color: #fff; color: #0000ff; text-decoration: underline; }
a.galerie-li { background-color: #fff; color: #0000ff; display: block; padding: 1% 0 4% 1%; border: 1px solid #000; }
a.galerie-li:hover { background-color: #c0c0c0; color: #0000ff; text-decoration: underline; }
a.galerie-li:focus { background-color: #c0c0c0; color: #0000ff; text-decoration: underline; }

@media only screen and (max-width: 800px) {
    .thumbnails { width: 100%; margin: 0; }
    .thumbnails img { width: 40%; height: auto; }
    #foto_vor, #foto_rueck { line-height: 1.5em; font-weight: bold; }
}