#leftRight {
    position: relative;

    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 12.5em;
    width: auto;

    border: 2px solid #eee;
    box-shadow: 1px 1px 2px 1px #777;
    cursor: pointer;
    overflow: hidden;
}

#leftRight figure {
    position: absolute;
    margin: 0;
    height: 12.5em;
    max-width: 100%;
    opacity: 0;
}

#leftRight figcaption {
    position: absolute;
    color: #4800ff;
    font: 1.2em/0.7 serif;
    line-height: 110%;
    letter-spacing: .1em;
    word-spacing: .1em;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(255, 255, 255, .3), 1px 1px 0 #505050;
    background: rgba(255, 255, 255, .7);
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    width: 100%;
    -o-animation:  t12 12s 2s infinite;
    -webkit-animation:  t12 12s 2s infinite;
    -ms-animation:  t12 12s 2s infinite;
    -moz-animation:  t12 12s 2s infinite;
    animation: t12 12s 2s infinite;
}

  
.laden {
    position: relative;
    background: linear-gradient(90deg,#f00,#ffa500,#ff0,
                                #008000,#00f,#800080);
    width: 37.5em;
    height: .195em;
    bottom: -257px;
    -o-animation: balken 12s 2s ease-out infinite;
    -webkit-animation: balken 12s 2s ease-out infinite;
    -ms-animation: balken 12s 2s ease-out infinite;
    -moz-animation: balken 12s 2s ease-out infinite;
    animation: balken 12s 2s ease-out infinite;
    z-index: 2;
}