/* 
    Document   : newHome
    Created on : 09.11.2010, 09:46:49
    Author     : mabec
    Description:
        Purpose of the stylesheet follows.
*/

div#main div#slideShow a.link, div#main div#teaserArea a.link {
    background: url(./img/link_arrow_2.png) no-repeat right 8px;
    padding: 10px 16px 0 0;
    color: #424141;
}


div#main div#slideShow {
   position: relative;
   margin-left: 11px;
   width: 980px;
   height: 350px;
   overflow: hidden;
}

div#main div#slideShow #slides img {
   width: 980px;
   height: 350px;
}

div#main div#slideShow #slides {
    position: relative;
    width: 980px;
}

div#main div#slideShow #slides .slide {
    position: relative;
    float: left;
}

div#main div#slideShow #slides span.sliderTextBox {
    position: absolute;
    left: 58px;
    top: 53px;
    width: 520px;
    height: 210px;
    font-size: 13px;
    line-height: 18px;
    color: #ffffff;
    z-index: 10000;
}

div#main div#slideShow #slides span.sliderTextBox .slideHeadline {
/*    position: relative;*/
    font-size: 42px;
    line-height: 47px;
    margin-bottom: 32px;
    width: 520px;
}

div#main div#slideShow #slides span.sliderTextBox p {
/*    position: relative;*/
    width: 300px;
}

div#main div#slideShow #slides span.sliderTextBox a {
/*    position: relative;*/
    color: #ffffff;
}
div#main div#slideShow #slides span.sliderTextBox .newPageTeaser {
    width: 350px;
}
div#main div#slideShow #slides span.sliderTextBox .newPageTeaser::before {
    content: '';
    display: block;
    width: 244px;
    height: 71px;
    margin-left: -36px;
    margin-bottom: 25px;
    background: url(../img/logo-new.png) left top no-repeat;
}
div#main div#slideShow #slides span.sliderTextBox .highlighted {
    display: inline-block;
    margin-top: 5px;
    padding: 1px 3px 0;
    font-weight: bold;
    color: #fff;
    background: #C57F04;
}

div#main div#slideShow div#slideShowControlArea {
    position: absolute;
    background: url(./img/slideShowCtrls.png) no-repeat; /*#595959*/;
    height: 10px;
    width: 980px;
    bottom: 0px;
    text-align: right;
    padding: 0;
}

div#main div#slideShow div#slideShowControlArea div#slideShowControls {
    float: right;
}

div#main div#slideShow div#slideShowControlArea div#slideShowControls .control {
    background: #ebe9e9;
    height: 10px;
    width: 29px;
    margin-left: 1px;
    float: left;
    cursor: pointer;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    padding: 0;
}

div#main div#slideShow div#slideShowControlArea div#slideShowControls .control:hover {
    background: #fc8404;
}

div#main div#slideShow div#slideShowControlArea div#slideShowControls .selected {
    background: #fc8404;
}

div#main div#slideShow div#slideShowControlArea div#slideShowControls .passed {
    background: #040404;
}


div#main div#teaserArea {
    margin-left: 11px;
    margin-top: 39px;
    width: 980px;
}

div#main div#teaserArea div#shortTeasers {
    font-size: 11px;
    line-height: 15px;
    width: 298px;
    margin-left: 58px;
    float: left;
}

div#main div#teaserArea div#shortTeasers .shortTeaser {
    margin-bottom: 29px;
}

div#main div#teaserArea div#shortTeasers .shortTeaser #teaserHeadline {
    font-weight: bold;
}

div#main div#teaserArea div#shortTeasers .shortTeaser #teaserLink {
    margin-top: 11px;
}

div#main div#teaserArea .bigTeaser {
    width: 258px;
    margin-left: 25px;
    float: left;
    font-size: 11px;
    line-height: 15px;
}

div#main div#teaserArea .bigTeaser #teaserHeadline {
    font-size: 26px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 20px;
}

div#main div#teaserArea .bigTeaser #teaserHeadline .teaserHeadlinePic {
    float: left;
    margin-right: 19px;
    width: 80px;
}

div#main div#teaserArea .bigTeaser #teaserHeadline .teaserHeadlineText {
    float: left;
    width: 159px;
}

div#main div#teaserArea .bigTeaser #teaserLink {
    margin-top: 11px;
}