body {
    margin: 0px;
}


/* ~ OVERALL BANNER SPECS ~ */

#ad {
    display: block;
    overflow: hidden;
    width: 728px;
    height: 90px;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* box-sizing: border-box; */
}

/*default setup*/

#border{
    position: absolute;
    display: block;
    width: 728px;
    height: 90px;
    border: rgb(145, 153, 153) 1px solid;
    box-sizing:border-box;
    top: 0;
    left: 0;
    z-index:999;
}

#banner {
    position: relative;
    display: block;
    width: 728px;
    height: 90px;
    background-color: #068667;
    background-repeat: no-repeat;
    overflow: hidden;
    z-index: 1;
}

/* ~ LAYER PROPERTIES ~ */

#logo{
    background:url(logo.png) center no-repeat;
    width: 1456px;
    height: 180px;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 1;
    transform: scale(0.5);
    transform-origin: 0% 0%;
    z-index: 2;
}

#txt_special{
    background:url(txt_special.svg) center no-repeat;
    width: 728px;
    height: 90px;
    position: absolute;
    top: -6px;
    left: 0px;
    opacity: 1;
    transform: scale(1);
    transform-origin: 0% 0%;
    z-index: 5;
}

#txt_offer{
    background:url(txt_offer.svg) center no-repeat;
    width: 728px;
    height: 90px;
    position: absolute;
    top: -6px;
    left: 0px;
    opacity: 1;
    transform: scale(1);
    transform-origin: 0% 0%;
    z-index: 5;
}

#txt_specialoffer{
    background:url(txt_specialoffer.svg) center no-repeat;
    width: 728px;
    height: 90px;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
    transform: scale(1);
    transform-origin: 0% 0%;
    z-index: 5;
}

.hund{
    position: absolute;
    width: 728px;
    height: 90px;
    top: 50px;
    left: 0px;
    opacity: 0;
    transform: scale(1);
    transform-origin: 0% 0%;
    z-index: 5;
   
}

#txt_100-01{
    background:url(txt_100-01.svg) center no-repeat;   
}

#txt_100-02{
    background:url(txt_100-02.svg) center no-repeat;
}

#txt_100-03{
    background:url(txt_100-03.svg) center no-repeat;
}

#txt_100-04{
    background:url(txt_100-04.svg) center no-repeat;
}

#txt_cash{
    background:url(txt_cash.svg) center no-repeat;
    width: 728px;
    height: 90px;
    position: absolute;
    top: 50px;
    left: 0px;
    opacity: 0;
    transform: scale(1);
    transform-origin: 0% 0%;
    z-index: 5;
}

#txt_bonus{
    background:url(txt_bonus.svg) center no-repeat;
    width: 728px;
    height: 90px;
    position: absolute;
    top: 50px;
    left: 0px;
    opacity: 0;
    transform: scale(1);
    transform-origin: 0% 0%;
    z-index: 5;
}


#txt_terms{
    background:url(txt_terms.svg) center no-repeat;
    width: 728px;
    height: 90px;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
    transform: scale(1);
    transform-origin: 0% 0%;
    z-index: 5;
}

#trustArc{
    width: 728px;
    height: 90px;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
    /* transform: scale(1);
    transform-origin: 0% 0%; */
}

#cta{
    background:url(cta.svg) center no-repeat;
    width: 60px;
    height: 50px;
    position: absolute;
    top: 22px;
    left: 507px;
    opacity: 1;
    transform: scale(0);
    transform-origin: 50% 50%;
    z-index: 12;
}