* {
    padding: 0;
    margin: 0;
    font-size: 100%;
    vertical-align: baseline;
    border: 0;
    outline: 0;
    background: transparent;
}

.preload {
    visibility: hidden;
}

/* Banner */

.banner {
    position: absolute;
    left: 0;
    top: 0;
    width: 970px;
    height: 250px;
}

#banner {
    position: relative;
    margin: auto;
    overflow: hidden;
}

#background {
    background: url("background.jpg") 0 0 no-repeat;
}

#type {
    pointer-events: none;
    background: url("type.png") 0 0 no-repeat;
}

#logo {
    position: absolute;
    left: 32px;
    top: 34px;
    width: 170px;
    height: 108px;
    pointer-events: none;
    background: url("logo.png") 0 0 no-repeat;
}

#exit_button, #exit_button_teaser {
    cursor: pointer;
    pointer-events: auto;
}

/* Video */

.promo {
    position: absolute;
    left: 566px;
    top: 15px;
    width: 346px;
    height: 194px;
}

.teaser {
    position: absolute;
    left: 0;
    top: 0;
    width: 970px;
    height: 250px;
}

#video {
    position: absolute;
    left: 0;
    top: 0;
}

#audio_button {
    cursor: pointer;
    pointer-events: auto;
}

#endcard {
    display: none;
    cursor: pointer;
    pointer-events: auto;
    background: url("endcard.jpg") 0 0 no-repeat;
}