﻿body { padding: 10px; background-color: #222; }

#ledtower {
    float: right;
}

#ledtowersvg {
    position: absolute;
    top: 300px;
    left: 101px;

}


#rheinturmsvgpanel {
    float: left;
    position: relative;
    height: 800px;
    width: 200px;
}


#rheinturmsvg {
    float: left;
    position: absolute;
    height: 100%;
    width: 100%;
}

#rheinturm {
    float: left;
    position:relative;
    width: 200px;

}


.led {
    margin: 6px auto;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    }


.led-small {
    margin: 4px auto;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    }

.led-svg {
    margin: 4px auto;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    }

.led-red {
    background-color: #940;
    box-shadow: #000 0 -1px 7px 1px, inset #600 0 -1px 9px, #F00 0 2px 6px;
}

.led-yellow {
    background-color: #A90;
    box-shadow: #000 0 -1px 7px 1px, inset #660 0 -1px 9px, #DD0 0 2px 6px;
}

.led-green {
    background-color: #690;
    box-shadow: #000 0 -1px 7px 1px, inset #460 0 -1px 9px, #7D0 0 2px 6px;
}

.led-green-active {
    background-color: #7D0;
    box-shadow: #000 0 -1px 7px 1px, inset #460 0 -1px 9px, #7D0 0 2px 6px;
}

.led-green-notactive {
    background-color: #460;
    box-shadow: #000 0 -1px 7px 1px, inset #182400 0 -1px 9px, #7D0 0 2px 6px;
}

.led-blue {
    background-color: #4AB;
    box-shadow: #000 0 -1px 7px 1px, inset #006 0 -1px 9px, #06F 0 2px 6px;
}

.led-green-z {
    background-color: #80FF00;
    box-shadow: #7D7B80 0 -1px 6px 1px, inset #460 0 -1px 8px, #80FF00 0 3px 6px;
}

#zehnerstunden,#einerstunden, #zehnerminuten, #einerminuten, #zehnersekunden, #einersekunden {
    margin-top: 20px;
}


.ledblock {
    position: relative;
    margin-top: 16px;
}

.backimg {
    position: absolute;
    z-index: 1;
}

#turmuhr {
    position: relative;
    z-index: 2;
    top: 350px;
    left: -6px;

}

