h1 {
    font-size: 1.4em;
    color: white;
    font-weight: normal;
}

#footer span {
    font-weight: normal;
}

body {
    font-family: Arial;
    font-weight: normal;
    text-align: center;
    background-color: #000;
    padding: 0;
    font-kerning: auto;
}

header {
    color: #FFFFFF !important;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
}

#mute {
    float: left;
    position: absolute;
    right: 0;
    top: 100px;
    z-index: 100;
}

#gutt {
    float: left;
    position: absolute;
    right: 100px;
    top: 100px;
    z-index: 100;
}

#menu ul {
    padding: 0 0 0 100%;
    list-style-type: none;
    margin: 0;
    line-height: 2em;
    text-align: left;
}

#menu li {
    display: block;
    width: 260px;
    background-color: #ffffff;
    margin-bottom: 10px;
    padding-left: 4px;
}

#menu li:hover {
    background-color: red;
}

#shield {
    width: 100%;
    height: 100%;
    z-index: 9;
    background-color: #ffffff;
    opacity: 0.4000000059604644775390625;
    position: fixed;
    top: 0;
    left: 0;
}

#menu #l0 {
    background-image: url("image/IONPAIR.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 10% 100%;
}

#menu #l5 {
    background-image: url("image/ELEKTRO_OFF.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 10% 100%;
}

#menu #l1 {
    background-image: url("image/Loud_On.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 10% 100%;
}

#menu #l2 {
    background-image: url("image/Gutter_On.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 10% 100%;
}

#menu #l9 {
    background-image: url("image/TEXT_OFF.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 10% 100%;
}

#menu {
    background-image: url("image/menu.png");
    background-position: left top;
    background-size: 100% 100%;
    float: left;
    height: 80%;
    margin: 6px;
    overflow: hidden;
    width: 3%;
    cursor: pointer;
}

/* footer, buttons and textline */
#footer {
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #333333 !important;
}

.butt {
    border-radius: 9px;
    bottom: 5%;
    float: right;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    margin: 5px;
    padding: 0 38px 0 0;
    height: 90%;
    /*width:1%!important*/
}

#ptext {
    opacity: .5;
    display: block;
    background-image: url(image/icon/pause.png);
    border: 1px solid white;
    float: left;;
    /*width: .5% !important*/
}

#minus {
    background-image: url(image/icon/minus.png);
    background-color: #0000FF;
}

#plus {
    background-image: url(image/icon/plus.png);
    background-color: #FF0000;
}

#wieder {
    background-image: url("image/icon/again.png");
    /*background-position : center center;*/
    /*background-repeat : no-repeat;*/
    background-color: #00FF00;
}

#weiter {
    /*background-image : url("image/icon/weiter.png");*/
    /*background-position : center center;*/
    /*background-repeat : no-repeat;*/
    background-image: url(image/icon/play.png);
    background-color: #00FF00;
}

#ende {
    background-image: url("image/icon/home.png");
    background-color: #FF0000;
    /*background-position : center center;*/
    /*background-repeat : no-repeat;*/
}

#pause {
    background-image: url(image/icon/pause.png);
    /*background-position : center center;*/
    /*background-repeat : no-repeat;*/
    /*background-color: #00FF00;*/
    background-color: darkkhaki !important;
}

#lupe {
    background-image: url("image/icon/lupe.png");
    background-color: blue;
    /*background-position : center center;*/
    /*background-repeat : no-repeat;*/
    /*background-color : blue !important ;*/
}

#auto {
    background-color: #00FF00;
    color: #666666;
    font-size: 0.75em;
    font-weight: 900;
    line-height: 1.09em;
    padding: 1px 6px;
    text-align: center;
}

/*#subline {*/
/*color : #ffffff;*/
/*white-space:nowrap;*/
/*position:absolute;*/
/*top:0;*/

/*}*/
#outer {
    color: #ffffff;
    display: block;
    line-height: 0;
    overflow: hidden;
    height:100%;
    /*width: 80%;*/
    /*left:20px;*/
    /*position:fixed;*/
}

#textroller {
    width: 100%;
    height:100%;
}

.inner {
    animation: myfirst 9s infinite;
    animation-direction: normal;
    animation-play-state: running;
    /* Safari and Chrome */
    -webkit-animation: myfirst 9s infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-play-state: running;
}

@keyframes myfirst {
    0% {
        left: 0;
    }
    1% {
        left: -0.5%;
    }
    2% {
        left: -1%;
    }
    3% {
        left: -1.5%;
    }
    4% {
        left: -2%;
    }
    5% {
        left: -2.5%;
    }
    6% {
        left: -3%;
    }
    7% {
        left: -3.5%;
    }
    8% {
        left: -4%;
    }
    9% {
        left: -4.5%;
    }
    10% {
        left: -5%;
    }
    11% {
        left: -5.5%;
    }
    12% {
        left: -6%;
    }
    13% {
        left: -6.5%;
    }
    14% {
        left: -7%;
    }
    15% {
        left: -7.5%;
    }
    16% {
        left: -8%;
    }
    17% {
        left: -8.5%;
    }
    18% {
        left: -9%;
    }
    19% {
        left: -9.5%;
    }
    20% {
        left: -10%;
    }
    21% {
        left: -10.5%;
    }
    22% {
        left: -11%;
    }
    23% {
        left: -11.5%;
    }
    24% {
        left: -12%;
    }
    25% {
        left: -12.5%;
    }
    26% {
        left: -13%;
    }
    27% {
        left: -13.5%;
    }
    28% {
        left: -14%;
    }
    29% {
        left: -14.5%;
    }
    30% {
        left: -15%;
    }
    31% {
        left: -15.5%;
    }
    32% {
        left: -16%;
    }
    33% {
        left: -16.5%;
    }
    34% {
        left: -17%;
    }
    35% {
        left: -17.5%;
    }
    36% {
        left: -18%;
    }
    37% {
        left: -18.5%;
    }
    38% {
        left: -19%;
    }
    39% {
        left: -19.5%;
    }
    40% {
        left: -20%;
    }
    41% {
        left: -20.5%;
    }
    42% {
        left: -21%;
    }
    43% {
        left: -21.5%;
    }
    44% {
        left: -22%;
    }
    45% {
        left: -22.5%;
    }
    46% {
        left: -23%;
    }
    47% {
        left: -23.5%;
    }
    48% {
        left: -24%;
    }
    49% {
        left: -24.5%;
    }
    50% {
        left: -25%;
    }
    51% {
        left: -25.5%;
    }
    52% {
        left: -26%;
    }
    53% {
        left: -26.5%;
    }
    54% {
        left: -27%;
    }
    55% {
        left: -27.5%;
    }
    56% {
        left: -28%;
    }
    57% {
        left: -28.5%;
    }
    58% {
        left: -29%;
    }
    59% {
        left: -29.5%;
    }
    60% {
        left: -30%;
    }
    61% {
        left: -30.5%;
    }
    62% {
        left: -31%;
    }
    63% {
        left: -31.5%;
    }
    64% {
        left: -32%;
    }
    65% {
        left: -32.5%;
    }
    66% {
        left: -33%;
    }
    67% {
        left: -33.5%;
    }
    68% {
        left: -34%;
    }
    69% {
        left: -34.5%;
    }
    70% {
        left: -35%;
    }
    71% {
        left: -35.5%;
    }
    72% {
        left: -36%;
    }
    73% {
        left: -36.5%;
    }
    74% {
        left: -37%;
    }
    75% {
        left: -37.5%;
    }
    76% {
        left: -38%;
    }
    77% {
        left: -38.5%;
    }
    78% {
        left: -39%;
    }
    79% {
        left: -39.5%;
    }
    80% {
        left: -40%;
    }
    81% {
        left: -40.5%;
    }
    82% {
        left: -41%;
    }
    83% {
        left: -41.5%;
    }
    84% {
        left: -42%;
    }
    85% {
        left: -42.5%;
    }
    86% {
        left: -43%;
    }
    87% {
        left: -43.5%;
    }
    88% {
        left: -44%;
    }
    89% {
        left: -44.5%;
    }
    90% {
        left: -45%;
    }
    91% {
        left: -45.5%;
    }
    92% {
        left: -46%;
    }
    93% {
        left: -46.5%;
    }
    94% {
        left: -47%;
    }
    95% {
        left: -47.5%;
    }
    96% {
        left: -48%;
    }
    97% {
        left: -48.5%;
    }
    98% {
        left: -49%;
    }
    99% {
        left: -49.5%;
    }
    100% {
        left: -50%;
    }
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
    0% {
        left: 0;
    }
    1% {
        left: -0.5%;
    }
    2% {
        left: -1%;
    }
    3% {
        left: -1.5%;
    }
    4% {
        left: -2%;
    }
    5% {
        left: -2.5%;
    }
    6% {
        left: -3%;
    }
    7% {
        left: -3.5%;
    }
    8% {
        left: -4%;
    }
    9% {
        left: -4.5%;
    }
    10% {
        left: -5%;
    }
    11% {
        left: -5.5%;
    }
    12% {
        left: -6%;
    }
    13% {
        left: -6.5%;
    }
    14% {
        left: -7%;
    }
    15% {
        left: -7.5%;
    }
    16% {
        left: -8%;
    }
    17% {
        left: -8.5%;
    }
    18% {
        left: -9%;
    }
    19% {
        left: -9.5%;
    }
    20% {
        left: -10%;
    }
    21% {
        left: -10.5%;
    }
    22% {
        left: -11%;
    }
    23% {
        left: -11.5%;
    }
    24% {
        left: -12%;
    }
    25% {
        left: -12.5%;
    }
    26% {
        left: -13%;
    }
    27% {
        left: -13.5%;
    }
    28% {
        left: -14%;
    }
    29% {
        left: -14.5%;
    }
    30% {
        left: -15%;
    }
    31% {
        left: -15.5%;
    }
    32% {
        left: -16%;
    }
    33% {
        left: -16.5%;
    }
    34% {
        left: -17%;
    }
    35% {
        left: -17.5%;
    }
    36% {
        left: -18%;
    }
    37% {
        left: -18.5%;
    }
    38% {
        left: -19%;
    }
    39% {
        left: -19.5%;
    }
    40% {
        left: -20%;
    }
    41% {
        left: -20.5%;
    }
    42% {
        left: -21%;
    }
    43% {
        left: -21.5%;
    }
    44% {
        left: -22%;
    }
    45% {
        left: -22.5%;
    }
    46% {
        left: -23%;
    }
    47% {
        left: -23.5%;
    }
    48% {
        left: -24%;
    }
    49% {
        left: -24.5%;
    }
    50% {
        left: -25%;
    }
    51% {
        left: -25.5%;
    }
    52% {
        left: -26%;
    }
    53% {
        left: -26.5%;
    }
    54% {
        left: -27%;
    }
    55% {
        left: -27.5%;
    }
    56% {
        left: -28%;
    }
    57% {
        left: -28.5%;
    }
    58% {
        left: -29%;
    }
    59% {
        left: -29.5%;
    }
    60% {
        left: -30%;
    }
    61% {
        left: -30.5%;
    }
    62% {
        left: -31%;
    }
    63% {
        left: -31.5%;
    }
    64% {
        left: -32%;
    }
    65% {
        left: -32.5%;
    }
    66% {
        left: -33%;
    }
    67% {
        left: -33.5%;
    }
    68% {
        left: -34%;
    }
    69% {
        left: -34.5%;
    }
    70% {
        left: -35%;
    }
    71% {
        left: -35.5%;
    }
    72% {
        left: -36%;
    }
    73% {
        left: -36.5%;
    }
    74% {
        left: -37%;
    }
    75% {
        left: -37.5%;
    }
    76% {
        left: -38%;
    }
    77% {
        left: -38.5%;
    }
    78% {
        left: -39%;
    }
    79% {
        left: -39.5%;
    }
    80% {
        left: -40%;
    }
    81% {
        left: -40.5%;
    }
    82% {
        left: -41%;
    }
    83% {
        left: -41.5%;
    }
    84% {
        left: -42%;
    }
    85% {
        left: -42.5%;
    }
    86% {
        left: -43%;
    }
    87% {
        left: -43.5%;
    }
    88% {
        left: -44%;
    }
    89% {
        left: -44.5%;
    }
    90% {
        left: -45%;
    }
    91% {
        left: -45.5%;
    }
    92% {
        left: -46%;
    }
    93% {
        left: -46.5%;
    }
    94% {
        left: -47%;
    }
    95% {
        left: -47.5%;
    }
    96% {
        left: -48%;
    }
    97% {
        left: -48.5%;
    }
    98% {
        left: -49%;
    }
    99% {
        left: -49.5%;
    }
    100% {
        left: -50%;
    }
}