#billboard {
    background-color: white;
    width: 300px;
    height: 250px;
    overflow: hidden;
    position: absolute;
    opacity: 0;
    top:0px;
    left:0px;
}



#barbara {
    position: absolute;
    background-image: url(barbara.png);
    width: 600px;
    height: 500px;
    top: -125px;
    left: -150px
}

#bg {
    background-image: url(bg.jpg);
    width: 300px;
    height: 250px;
    top:0px;
    left:0px;
}



#txt1 {
    background-image: url(txt1.png);
    position: absolute;
    width: 300px;
    height: 250px;
    top: 0px;
    left: 0px;
}

#txt2 {
    background-image: url(txt2.png);
    position: absolute;
    width: 300px;
    height: 250px;
    top: 0px;
    left: 0px;
}




#hand_klein {
    background-image: url(hand_klein.png);
    position: absolute;
    width: 24px;
    height: 34px;
    left: -30px;
    top: 250px;
}

#info_black {
    background-image: url(info_txt_black.png);
    position: absolute;
    width: 300px;
    height: 250px;
    top: 0px;
    left: 0px;
}

#info_white {
    background-image: url(info_txt_white.png);
    position: absolute;
    width: 300px;
    height: 250px;
    top: 0px;
    left: 0px;
}

#logo {
    background-image: url(logo.png);
    position: absolute;
    width: 300px;
    height: 250px;
    top: 0px;
    left: 0px;
  
}




#yellow {
    position: absolute;
    background: #f0ac30;
    width: 300px;
    height: 250px;
    top: 0px;
    left: 0px;
}

#blende {
    background-color: #F0AB00;
    position: absolute;
    width: 300px;
    height: 250px;
    top: 0px;
    left: 0px;
}

.interaction {
    cursor: pointer;
}

#banner_click {
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
}