/*====================
GM-w
Copyright 2015 CJ
==================== */

body {
    color: white;
    background-color: #2d327d;
    font-family: Arial, sans-serif;
    overflow: hidden;
}

/*img 
	{
	width: 95%;
	height: 95%;
	}

/* img-Tags funktionieren unter IE nicht (img werden nicht dargestellt) - Lösung suchen... */
/* ============== Tables ============== */

table td {
    vertical-align: top;
}

.TH_Zuggattung {
    font-size: 200%;
    border-bottom: 1px solid #FFFFFF;
    margin: 0;
    padding: 2;
    width: 8%;
}

.TH_Zeit {
    font-size: 240%;
    border-bottom: 1px solid #FFFFFF;
    margin: 0;
    padding: 2;
    text-align: center;
    width: 9%;
}

.TH_Ziel {
    font-size: 240%;
    border-bottom: 1px solid #FFFFFF;
    margin: 0;
    padding: 2;
    text-align: left;
    width: 56%;
    max-width: 56%
}

.TH_Gleis {
    font-size: 240%;
    border-bottom: 1px solid #FFFFFF;
    margin: 0;
    padding: 2;
    text-align: right;
    width: 9%
}

.TH_Sektor {
    font-size: 240%;
    border-bottom: 1px solid #FFFFFF;
    margin: 0;
    padding: 2;
    text-align: center
}

.TH_Info {
    font-size: 240%;
    border-bottom: 1px solid #FFFFFF;
    margin: 0;
    padding: 2;
    text-align: center;
    width: 18%;
}

.TD_Zuggattung {
    border-bottom: 1px solid #FFFFFF;
    margin: 0;
    padding: 2;
    vertical-align: top
}

.TD_Zeit {
    font-size: 240%;
    border-bottom: 1px solid #FFFFFF;
    margin: 0;
    padding: 2;
    text-align: center;
    vertical-align: text-top
}

.TD_Ziel:before {
    content: " ";
}

.TD_Ziel {
    font-size: 240%;
    border-bottom: 1px solid #FFFFFF;
    margin: 0;
    padding: 2;
    vertical-align: text-top;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.TD_Gleis:before {
    content: " ";
}

.TD_Gleis {
    font-size: 240%;
    border-bottom: 1px solid #FFFFFF;
    margin: 0;
    padding: 2;
    text-align: right;
    vertical-align: text-top
}

.TD_Sektor:before {
    content: "\0000a0";
}

.TD_Sektor {
    font-size: 240%;
    border-bottom: 1px solid #FFFFFF;
    margin: 0;
    padding: 2;
    text-align: left;
    vertical-align: text-top
}

.TD_Info:before {
    content: " ";
}

.TD_Info {
    font-size: 240%;
    border-bottom: 1px solid #FFFFFF;
    margin: 0;
    padding: 2;
    color: #FFFF00;
    vertical-align: text-top
}

.TD_Infozeile:before {
    content: " ";
}

.TD_Infozeile {
    font-size: 240%;
    border-bottom: 1px solid #FFFFFF;
    margin: 0;
    vertical-align: text-top;
    color: #FFFF00
}

.TD_BLInfo:before {
    content: " ";
}

.TD_BLInfo {
    font-size: 240%;
    border-bottom: 1px solid #FFFFFF !important;
    margin: 0;
    padding: 2;
    vertical-align: middle;
    background: #eb0000
}

.TD_Footer:before {
    content: "\00a9  2015 CJ  |  ";
}

.ERROR_SPRACHE_DE:before {
    content: "Netzwerkunterbruch: kurzfristig keine Information verfügbar...";
}

.ERROR_SPRACHE_FR:before {
    content: "Pas d'information disponible";
}

.ERROR_SPRACHE_DE_1:before {
    content: "Keine Informationen verfügbar";
}

.ERROR_SPRACHE_DE_2:before {
    content: "(bitte ausgehängten Fahrplan beachten)";
}

.ERROR_SPRACHE_FR_1:before {
    content: "Pas d'information disponible";
}

.ERROR_SPRACHE_FR_2:before {
    content: "(se référer aux horaires affiches)";
}

.TD_Footer {
    font-size: 10px;
    position: absolute;
    right: 20px;
    vertical-align: bottom;
    height: 4em;
}

/* Format the error message on the default page (connection error)*/
#error {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 150%;
    text-align: center;
    vertical-align: middle;
}

#clock {
    font-family: arial, helvetica;
    font-size: 150%;
    color: white;
    width: 86px;
    height: 4em;
    border: 1px solid #FFFFFF;
    margin: 0;
    padding: 2;
}

/*handle sticking footer at the bottom */
html, body, #container {
    height: 100%;
}

body > #container {
    height: auto;
    min-height: 100%;
}

#footer {
    clear: both;
    position: relative;
    z-index: 10;
    height: 4em;
    margin-top: -4em;
}

#content {
    padding-bottom: 4em;
}