/*__ __*/

#main {
    background: url('bg_image.jpg') no-repeat;
    border-left: none;
    border-right: none;
}

#page {
    background: none;
}

#header {
    background: #FFF;
    padding-bottom: 10px;
}

#stage {
    height: 934px;
}

#hdlTBA {
    padding: 0 25px;
    margin-top: 40px;
}

#hdlTBA h1 {
    border-bottom: 0 none;
    font-family: Verdana, sans-serif;
    font-size: 30px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    color: #FFF;
}

#hdlTBA h2 {
    border-bottom: 0 none;
    color: white;
    font-family: Verdana, sans-serif;
    font-size: 24px;
    font-weight: normal;
    line-height: 28px;
    margin: 0;
    padding: 0;
    color: #FFF;
}

.bBox {
    position: relative;
    top: 40px;
    left: 25px;
    background: url(blue-transparency.png) repeat\9;
    background: none repeat scroll 0 0 rgba(0, 59, 106, 0.8);
    height: auto;
    witdh: 300px;
    margin: 0;
    padding: 20px 20px;
    width: 270px;
    color: #FFF;
}

#footer {
    color: #FFFFFF;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    margin: 0 auto;
    padding: 0.5em 10px 2.5em;
    position: relative;
    width: 982px;
    margin-top: 100px;
}


/* arrow */

#GrupMin,
#CTAPfeil {
    cursor: pointer;
    position: absolute;
}

#CTAPfeil {
    margin-left: 25px;
    margin-top: 34px;
    min-height: 105px;
    min-width: 330px;
}

#claimBg {
    background: url("../images/assets/CTA_bg.png") no-repeat scroll 0 0 transparent;
    height: 30px;
    position: absolute;
}

.ie7 #claimBg img {
    margin-left: -350px;
}

#claimLink {
    background: url("../images/assets/CTA_Pfeil.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float: left;
    font-family: Verdana, sans-serif;
    font-size: 24px;
    font-weight: bold;
    padding: 12px 0;
    text-shadow: 1px 1px 2px #2F2F33;
    position: relative;
}

#CTA_Pfeil_end {
    display: block;
    float: left;
    width: 47px;
}

#GrupMin {
    margin-left: 25px;
    margin-top: -60px;
    left: 0\9;
}


/*****/

.hotspot .label {
    display: block;
    position: relative;
}

.hotspot {
    border-radius: 14px;
}

.hotspot a {
    cursor: pointer;
}


/*html.lte8 .hotspot { overflow: visible; }*/

html.lte8 .hotspot:after {
    background: url('fallback/hotspot-label.png') no-repeat right top;
    content: '';
    height: 100%;
    position: absolute;
    right: -16px;
    top: 0;
    width: 16px;
}


/*****/

.hotspot b.hslabel {
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
}

.hotspot .hslabel {
    color: #424242;
}

.hotspot:hover .hslabel {
    color: #424242;
}

.hotspot {
    background: url('fallback/hotspot-label.png') no-repeat;
    /* Fallback */
    background: none;
    border-radius: 14px;
    width: 83px;
    height: auto;
    display: block;
}

hotspot .hslabel {
    visibility: hidden;
}

.hotspot.hover,
hotspot.active {
    background: url('fallback/hotspot-label.png') no-repeat;
    /* Fallback */
    background: none rgba(255, 255, 255, .8) !important;
}


/* 
--------------------------------------------------------------------------------------- */


/* Buttons ---------- */

.btn {
    cursor: pointer;
    display: inline-block;
}

a.btn {
    outline: none;
    text-decoration: none;
}

.glow-btn,
.glow-btn span {
    border-radius: 50%;
}

.glow-btn {
    height: 24px;
    padding: 3px;
    text-indent: -999em;
    width: 24px;
}

.glow-btn span {
    background: url('../../res/images/btn-glow.png') no-repeat #e53d40;
    display: block;
    height: 100%;
}

.glow-btn:hover span {
    background-color: #396385;
}

html.no-borderradius .glow-btn span {
    background: url('../../res/css/hotspot_ie8.png') no-repeat transparent;
    border: none;
}

html.no-borderradius .glow-btn:hover span {
    background: url('../../res/css/hotspot_ie8_hover.png') no-repeat transparent;
}


/* (08) Content
--------------------------------------------------------------------------------------- */

.pulsate {
    background: url('../../res/images/glow-sequence-sprite.png') no-repeat -3960px center;
    border-radius: 50%;
    height: 82px;
    position: absolute;
    width: 83px;
    /* Einzelbild-Breite + 1px Abstand im Sprite (Mindestabstand bei http://de.spritegen.website-performance.org/) */
}

.pulsate .glow-btn {
    left: 24px;
    position: relative;
    top: 26px;
}

#stage {
    height: 765px;
}


/* (09) Rollout
--------------------------------------------------------------------------------------- */

html.fr #claimLink {
    font-size: 20px;
}