body {
    background-color: black;
    overflow: hidden;
}

.display {
    background-color: #0e0e0e;
    color: #ffda17;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 30px;
    white-space: nowrap;
}

    .display .header {
        width: 100%;
        padding: 0 0 10px 0;
        background-color: #d71920;
    }

        .display .header .logo {
            float: left;
            padding: 16px;
            width: 268px;
        }

            .display .header .logo img {
                height: 53px;
            }

        .display .header .stationname {
            color: white;
            padding: 6px 0 0 6px;
            text-align: center;
            font-size: 60px;
            margin-right: 300px;
        }

    .display .infoline1 {
    }

        .display .infoline1 .day {
            text-align: left;
            width: 200px;
        }

        .display .infoline1 .date {
        }

        .display .infoline1 .time {
            text-align: right;
            width: 200px;
        }

    .display .footer {
        color: #d8d8d8;
        font-size: 12px;
        margin-top: 5px;
        position: fixed;
        bottom: 0;
        width: 100%;
    }

        .display .footer .footer-left {
            float: left;
        }

        .display .footer .footer-right {
            float: right;
        }

    .display table {
        border-spacing: 0;
        width: 100%;
    }

        .display table th {
            border-top: 1px solid;
            border-bottom: 1px solid;
            text-align: center;
            color: #2f2f2f;
            background-color: #c3c3c3;
            padding: 2px 20px;
        }

        .display table td {
            text-align: center;
            font-size: 38px;
            padding: 6px 20px;
        }

        .display table tr.departure:nth-child(odd) {
            background-color: #2f2f2f;
        }

        .display table .line {
            width: 75px;
            text-align: right;
        }

        .display table .dest {
            text-align: left;
        }

        .display table .desc {
            width: 65px;
            text-align: right;
        }

            .display table .desc img {
                width: 40px;
            }

        .display table .departuretime {
            width: 145px;
            text-align: right;
        }

    .display .slide {
        position: relative;
    }

    .display .indikator {
        width: 10px;
        height: 13px;
        margin-left: 10px;
    }

    .display .footer .indikator {
        float: left;
        width: 10px;
        height: 13px;
        margin-left: 10px;
    }

    .display .footer .cc {
        float: left;
    }

    .display .indikator.indikator-err {
        background-color: red;
    }

    .display .indikator.indikator-ready {
        background-color: green;
    }

    .display .indikator.indikator-idle {
        background-color: white;
    }

    .display .indikator.indikator-rst {
        background-color: yellow;
    }