html,
body {
    margin: 0;
    padding: 0;
    width: 200px;
    height: 150px;
    overflow: hidden;
}

#zeile1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 30px;
    z-index: 2;
}

#zeile2 {
    position: absolute;
    top: 15px;
    left: 0;
    width: 200px;
    height: 30px;
    z-index: 2;
}

/* Inverter 1 */
#zeile3 {
    position: absolute;
    top: 27px;
    left: 0;
    width: 100px;
    height: 15px;
    z-index: 2;
}

/* Inverter 2 */
#zeile4 {
    position: absolute;
    top: 27px;
    left: 100px;
    width: 100px;
    height: 15px;
    z-index: 2;
}

/* Inverter 3 */
#zeile5 {
    position: absolute;
    top: 37px;
    left: 0;
    width: 100px;
    height: 15px;
    z-index: 2;
}

/* Inverter 4 */
#zeile6 {
    position: absolute;
    top: 37px;
    left: 100px;
    width: 100px;
    height: 15px;
    z-index: 2;
}

/* Inverter 5 */
#zeile7 {
    position: absolute;
    top: 47px;
    left: 0;
    width: 100px;
    height: 15px;
    z-index: 2;
}

/* Inverter 6 */
#zeile8 {
    position: absolute;
    top: 47px;
    left: 100px;
    width: 100px;
    height: 15px;
    z-index: 2;
}

/* Inverter 7 */
#zeile9 {
    position: absolute;
    top: 57px;
    left: 0;
    width: 100px;
    height: 15px;
    z-index: 2;
}

/* Inverter 8 */
#zeile10 {
    position: absolute;
    top: 57px;
    left: 100px;
    width: 100px;
    height: 15px;
    z-index: 2;
}

/* Inverter 9 */
#zeile11 {
    position: absolute;
    top: 67px;
    left: 0;
    width: 100px;
    height: 15px;
    z-index: 2;
}

/* Inverter 10 */
#zeile12 {
    position: absolute;
    top: 67px;
    left: 100px;
    width: 100px;
    height: 15px;
    z-index: 2;
}

#sl {
    position: absolute;
    top: 108px;
    left: 0;
    width: 195px;
    height: 12px;
    z-index: 2;
    text-align: right;
}

#balken {
    position: absolute;
    top: 60px;
    left: 0;
    width: 180px;
    height: 61px;
    z-index: 1;
}

#xachse {
    position: absolute;
    top: 118px;
    left: 5px;
    width: 180px;
    height: 2px;
    z-index: 1;
}

#yachse {
    position: absolute;
    top: 63px;
    left: 5px;
    width: 2px;
    height: 55px;
    z-index: 1;
}

#linkit {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 130px;
    z-index: 3;
}

#linkit img {
    display: block;
    width: 200px;
    height: 130px;
    border: 0;
}

#legende1 {
    position: absolute;
    top: 65px;
    left: 80px;
    width: 100px;
    height: 60px;
    z-index: 1;
}

#legende2 {
    position: absolute;
    top: 65px;
    left: 100px;
    width: 63px;
    height: 60px;
    z-index: 1;
}

#legende3 {
    position: absolute;
    top: 65px;
    left: 168px;
    width: 32px;
    height: 60px;
    z-index: 1;
}

#datum {
    position: absolute;
    top: 50px;
    left: 0;
    width: 200px;
    height: 20px;
    z-index: 1;
}

#error {
    position: absolute;
    top: 82px;
    left: 0;
    width: 200px;
    min-height: 25px;
    z-index: 2;
    text-align: center;
    font-weight: bold;
    font-size: 10px;
    line-height: 11px;
}