@charset 'utf-8';

.teaser_row {
    width: 100%;
}

/* big_feature */
#big_feature_holder {
    position: relative;
    height: 289px;
    width: 724px;
    margin: 0 0 12px 0;
}

.big_feature {
}

    .big_feature .big_feature_content {
        position: absolute;
        top: 40px;
        left: 340px;
        background: url(../images/big_feature_content_bg_red.jpg) no-repeat;
        width: 300px;
        /*height: 120px;*/
        /*overflow: hidden;*/
        z-index: 99;
    }

    .big_feature strong {
        font-size: 25px;
        font-weight: bold;
        line-height: 29px;
        color: #f8eced;
        font-family: 'Bitter', serif;
    }

    .big_feature span {
        display: block;
        margin: 8px 0 0;
        width: 299px;
        color: #f8eced;
        font-size: 11px;
        line-height: 16px;
    }

    .big_feature a {
        text-decoration: none !important;
        cursor: pointer;
        position: relative;
        display: block;
        width: 300px;
        /*height: 96px;*/
        padding: 10px 16px;
        background: #0084B5 url(../images/big_feature_content_bg_red.jpg) repeat-x;
    }

    .big_feature img {
        position: absolute;
        top: 0;
        left: 0;
    }

    .big_feature .big_feature_content a .more {
        width: 25px;
        height: 25px;
        position: absolute;
        left: auto;
        top: auto;
        right: 12px;
        bottom: 10px;
    }



/* homepage_feature */
#homepage_feature_holder {
    position: relative;
    height: 289px;
    width: 969px;
    margin: 0 0 12px 0;
}

.homepage_feature {
}

    .homepage_feature span, .homepage_feature strong {
        position: absolute;
        z-index: 99;
        color: #FFF;
        font-family: 'Bitter', serif;
    }

    .homepage_feature strong {
        position: absolute;
        top: 180px;
        left: 50px;
        font-size: 46px;
        font-weight: bold;
        line-height: 55px;
    }

    .homepage_feature span {
        display: block;
        width: 514px;
        position: absolute;
        top: 125px;
        left: 350px;
        font-size: 23px;
        text-align: right;
        line-height: 25px;
    }

    .homepage_feature a {
        text-decoration: none !important;
        cursor: pointer;
    }

    .homepage_feature img {
        position: absolute;
        top: 0;
        left: 0;
    }







/* download */
.download {
    height: 29px;
    overflow: hidden;
    margin: 0 0 25px 0;
}

    .download span {
        float: left;
        height: 29px;
        background: url(../images/download_bg.jpg) no-repeat 100% 0;
        text-decoration: none;
    }

    .download a {
        float: left;
        height: 26px;
        font-weight: 700;
        font-size: 11px;
        padding: 3px 88px 0 8px;
        color: #6a6a6a;
        text-decoration: none;
    }

        .download a span {
            float: none;
            font-weight: 400;
            background: none;
        }

        .download a img {
            position: relative;
            top: 3px;
            margin: 0 8px 0 0;
        }






/* image_big */
.image_big img {
    width: 724px;
    height: 289px;
    margin: 0 0 25px 0;
}



/* image_medium */
.image_medium_holder {
    margin: 0 0 25px 0;
}

.image_medium {
    float: left;
    width: 355px;
    height: 251px;
    overflow: hidden;
    position: relative;
    margin: 0 14px 12px 0;
}

    .image_medium img {
        width: 355px;
        height: 251px;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 89;
    }

    .image_medium .zoom {
        z-index: 99;
        left: 333px;
        width: 22px;
        height: 22px;
    }



/* image_small */
.image_small_holder {
    margin: 0 0 25px 0;
}

.image_small {
    float: left;
    width: 233px;
    height: 191px;
    overflow: hidden;
    margin: 0 12px 12px 0;
}

    .image_small img {
        width: 233px;
        height: 191px;
        overflow: hidden;
    }



/* image_text_medium */
.image_text_medium {
    width: 724px;
    margin: 0 0 25px 0;
}

    .image_text_medium .image_text_medium_content, .image_text_medium_content_right {
        display: inline;
        float: left;
        width: 355px;
    }

.image_text_medium_content_right {
    float: right;
}

.image_text_medium img {
    width: 355px;
    float: right;
}

.image_text_medium_left {
    float: left !important;
}

.image_text_medium table {
    width: 355px !important;
}






/* separator */
.separator {
    background: #E5E5E5;
    height: 1px;
    margin: 29px 0 29px 0;
    overflow: hidden;
}



/* standard_text */
.standard_text {
    margin: 0 0 25px 0;
}

.column_right .standard_text {
    height: auto !important;
    padding: 0 0 13px;
}
/* table */
#content table {
    padding: 0;
    width: 722px;
    border-collapse: collapse;
    margin: 0 0 12px 0;
    overflow: hidden;
}

    #content table tr.table_row_odd td {
        background: #F7F7F7;
    }

    #content table tr th p {
        color: #000 !important;
        text-align: left;
        padding: 4px 0 4px 4px;
        font-size: 13px;
        height: 20px;
    }

    #content table tr th {
        background: #F7F7F7 url(../images/header_bg.jpg) 0 -135px repeat-x;
    }

    #content table td {
        padding: 6px 0 6px 6px;
    }

#content .table_wrapper {
    padding: 1px;
    width: 722px;
}



/* teaser */
.teaser {
    float: left;
    margin: 0 12px 12px 0;
    width: auto;
    height: 181px;
    overflow: hidden;
    position: relative;
    color: #6a6a69;
}

    .teaser a {
        color: #6a6a69;
        height: 100%;
        width: 100%;
        cursor: pointer;
    }

    .teaser .more {
        position: absolute;
        right: 12px;
        bottom: 10px;
    }

.teaser_bright a, .teaser_dark a {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none !important;
}

.teaser_bright {
    background: #F7F6F4 url(../images/teaser_bright_bg.jpg) 0 bottom repeat-x;
}

.teaser_dark {
    background: #515151 url(../images/teaser_dark_bg.jpg) 0 bottom repeat-x;
}

.teaser_bg {
    background: #F7F6F4 url(../images/teaser_bg.jpg) 0 bottom repeat-x;
}

.teaser strong {
    font-size: 19px;
    font-weight: 400;
    display: block;
    margin: 10px 0 8px 0;
}

.teaser_link {
    width: 180px;
    cursor: pointer;
}

.teaser strong, .teaser span {
    font-family: 'Bitter', serif;
    padding: 0 13px 0 13px;
}

.teaser_bright strong {
    color: #4b4b4b !important;
}

.teaser_bright span {
    color: #6a6a69;
}

.teaser_dark strong {
    color: #FFF !important;
}

.teaser_dark span {
    color: #A5A5A5;
}

.teaser span {
    display: block;
    line-height: 17px;
    font-family: 'Encode Sans Semi Condensed', sans-serif;
}

.teaser p {
    padding: 0 13px 0 13px;
}

.teaser ul {
    margin: 0 !important;
}

    .teaser ul li {
        position: relative;
        margin: 0 0 6px 15px !important;
        min-height: 11px;
        width: 205px;
        height: auto;
    }

        .teaser ul li a, .teaser a.headline {
            text-decoration: none !important;
        }

.teaser a strong {
    color: #4b4b4b;
}

.teaser_std {
    height: auto;
    background: none !important;
}

    .teaser_std .more {
        display: none;
    }

    .teaser_std .more_link {
        display: block;
        width: auto;
        position: relative;
        height: 20px;
        top: -12px;
        cursor: pointer;
    }

.more_link_pad {
    float: left;
    width: 100%;
    padding: 0 !important;
}

.teaser_std .more, .content_teaser .more, .gallery_teaser .more {
    background-position: 100% 6px !important;
}

.teaser_std strong.no_padding, .teaser_std .headline {
    color: #4b4b4b; /* #4B4B4B */
}

.teaser_std span {
    width: 200px;
}

.teaser_std a:hover .image {
    border: 3px solid #0084B5;
    width: 194px;
    height: 94px !important;
    background-position: -3px -3px !important;
}

.teaser_holder_group {
    width: 999px;
}

.teaser_margin_odd {
    margin: 0 13px 12px 0 !important;
}

.teaser a:hover .teaser_overlay {
    display: block;
}

.teaser a:hover .more {
    text-decoration: none !important;
}

.teaser_overlay {
    display: none;
    position: absolute;
    width: 233px;
    height: 100px;
    z-index: 990;
    top: 0;
    left: 0;
}
/* gallery_teaser */
.gallery_teaser_holder {
    margin: 0 0 25px 0;
}

.gallery_teaser {
    width: 172px;
    overflow: hidden;
    height: auto;
}

    .gallery_teaser img {
        width: 172px;
        height: 107px;
        overflow: hidden;
        margin: 0 0 10px 0;
    }

    .gallery_teaser .more {
        float: left;
        position: static;
        margin: 3px 0 1px 0;
        padding: 0 10px 0 0;
        color: #111;
        background: url(../images/more_arrow.jpg) 100% 4px no-repeat;
        text-decoration: underline !important;
    }

        .gallery_teaser .more:hover {
            text-decoration: none !important;
        }
/* content_teaser */
.content_teaser_holder {
    margin: 0 0 25px 0;
}

.content_teaser {
    width: 233px;
}

    .content_teaser img {
        width: 233px;
        height: 100px;
    }

    .content_teaser strong, .gallery_teaser strong {
        font-size: 17px;
        font-weight: 400;
        color: #111 !important;
        margin: 0 0 13px 0;
        font-family: 'Encode Sans Semi Condensed', sans-serif;
        text-decoration: none;
    }

    .content_teaser span, .gallery_teaser span, .content_teaser a, .gallery_teaser a {
        text-decoration: none;
    }

    .content_teaser .more, .news_teaser .more, .teaser_std .more, .back {
        float: left;
        position: static;
        margin: 5px 0 1px 0;
        padding: 0 10px 0 0;
        color: #0084B5;
        line-height: 16px;
        background: url(../images/more_arrow_blue.jpg) 100% 4px no-repeat;
        text-decoration: underline !important;
    }

        .content_teaser .more:hover, .news_teaser .more:hover, .back:hover {
            text-decoration: none !important;
        }

.back {
    padding: 0 0 0 10px;
    background: url(../images/back_arrow.jpg) 0 4px no-repeat;
}
