@charset "utf-8";
@import url(clearing.css);
/* *******css for screen*************** */
@media screen {
/* *main container* */
    html,
    body {
        background : url('../img/site-styling/background.jpg') top center no-repeat;
        background-color : #0d82ce;
        color : #ffffff;
        height : 100%;
        font : 14px 'Segoe UI', Arial, Helvetica, sans-serif;
    }
    #page {
        background : transparent url('../img/site-styling/overlay.png' ) top repeat-y;
        width : 960px;
        margin : 0 auto;
        min-height : 100%;
        height : auto !important;
        height : 100%;
    }
    #ieTransparency {
        height : 395px;
    }
    #flash {
        width : 960px;
        height : 335px;
    }
    #contentWrapper {
        padding-top : 10px;
        width : 960px;
    }
    /* *globals* */
    h1 {
        padding : 0 0 5px 0;
        font-size : 24px;
        font-weight : bold;
        line-height : 24px
    }
    h2 {
        padding : 0 0 10px 0;
        font-size : 20px;
        font-weight : bold;
        line-height : 20px
    }
    h3 {
        padding : 0 0 8px 0;
        font-size : 16px;
        font-weight : bold;
    }
    h4 {
        padding : 0 0 5px 0;
        font-size : 14px;
        font-weight : bold;
    }
    h5 {
        padding : 0 0 5px 0;
        font-size : 14px;
        font-weight : bold;
    }
    h6 {
        padding : 0 0 5px 0;
        font-size : 14px;
        font-weight : bold;
    }
    #content li {
        margin-left : 15px;
    }
    a {
        color : #fbf312;
        font-weight : bold;
    }
    a:link {
        text-decoration : none;
    }
    a:visited {
        color : #fabd42;
    }
    a:focus {
        border : none;
        outline : none;
    }
    a:hover {
        text-decoration : underline;
    }
    a:active {
        border : none;
        outline : none;
    }
    p {
        margin-bottom : 10px;
    }
    .graphButton {
        margin : 0;
        padding : 0;
        vertical-align : middle;
        background : transparent none repeat scroll 0 0;
        border : medium none;
    }
    sup.reg {
        font-size : 75%;
        bottom : 0.4em;
    }
    /* specific styles */
    /* *head* */
    #head {
        width : 905px;
        height : 60px;
        padding : 0 30px 0 25px;
    }
    /* logo */
    #logo {
        float : left;
        margin-top : 15px;
    }
    /* search */
    #search {
        float : right;
        margin-top : 20px;
    }
    #search .searchField {
        border : 1px solid #fabd42;
        background-color : #FFFFFF;
        color : #909090;
        font-size : 11px;
        font-style : italic;
        height : 14px;
        width : 100px;
    }
    div.firstSearchResult {
        margin-top : 10px;
    }
    div.searchResult {
        border-top : 1px dashed #9BBFD4;
    }
    div.searchResult h3 {
        margin-top : 10px;
        padding : 0 0 0 0;
    }
    div.searchResult p {
        margin : 5px 0 10px 0;
    }
    /* *country selector* */
    /* preserves the box's space and takes care of the offset */
    #box_spacer {
        height : 15px;
        float : left;
        width : 671px;
        margin : 20px 0 0;
        color : #000000;
    }
    #box {
        margin : 0 auto;
        cursor : pointer;
        width : 250px;
        margin : auto;
        background : transparent url(../img/site-styling/country-selector/transparent_pixel_high.png) repeat scroll left top;
        font-size : 10px;
    }
    #box div ul li a {
        text-decoration : none;
        font-weight : normal;
        color : #000000;
    }
    #box div ul li a span {
        text-decoration : none;
        font-weight : normal;
        cursor : pointer;
    }
    #box div ul li a:hover {
        text-decoration : none;
    }
    #box div ul li:hover {
        background : transparent url(../img/site-styling/country-selector/transparent_pixel_low.png) repeat scroll left top;
    }
    #box div.align {
        margin-left : 5px;
    }
    .navbox {
        /* the container for the 2nd layer items */
        position : absolute;
        z-index : 2;
        margin-top : -1px;
        width : 250px;
        margin-left : -5px;
    }
    /* *the dropdown funktionality of the box* */
    /* hides the 2nd layer */
    #box div ul {
        background : url('../img/site-styling/country-selector/transparent_pixel.png');
        display : none;
        position : relative;
        list-style : none;
        padding : 0;
        margin-top : 1px;
    }
    #box div ul li {
        padding : 0 5px;
    }
    /* makes the 2nd layer appear on mouseover */
    #box div:hover ul {
        display : block;
    }
    .flag {
        float : left;
        margin : 0 0 0 5px;
        padding-right : 15px;
        height : 16px;
    }
    .downArrow {
        float : right;
    }
    .countryText {
        float : left;
        padding : 0;
        margin-top : 2px;
        width : 115px
    }
    /* *menu* */
    #menu {
        float : left;
        width : 170px;
        height : 210px;
        font-weight : bold;
        margin-right : 10px;
    }
    #menu ul {
        list-style-type : none;
        padding-left : 0px;
    }
    #menu li.menuItem_1 {
        width : 172px;
        margin-bottom : 3px;
    }
    #menu div.menuItem_1 {
        background-color : #ffffff;
        padding-top : 5px;
        border-left : 4px solid #fabd42;
        border-right : 4px solid #fabd42;
        clear : both;
    }
    #menu li.menuItem_2 {
        padding : 0 3px 3px 20px;
        font-size : 12px;
        line-height : normal;
    }
    #menu div.menuItem_2 {
        margin-left : -10px;
        width : 151px;
    }
    #menu li.menuItem_3 {
        margin-left : -12px;
        padding : 0 3px 3px 34px;
        font-size : 12px;
    }
    #menu li.menuItem_3 a {
        font-weight : normal !important;
    }
    #menu div.menuItem_3 {
        margin-left : 12px;
    }
    #menu li.menuItem_1 > div.borderTop {
        width : 172px;
        height : 6px;
        background : url('../img/site-styling/menu_border_01.png') top left no-repeat;
    }
    #menu li.menuItem_1 > div.borderBottom {
        width : 172px;
        height : 6px;
        background : url('../img/site-styling/menu_border_03.png') top left no-repeat;
        clear : both;
    }
    #menu li.menuItem_1 > a > span.menuWrapper {
        width : 152px;
        float : left;
        padding : 0 10px 2px 10px;
        background-color : #fabd42;
        cursor : pointer;
    }
    #menu li a {
        color : #ffffff;
        text-decoration : none;
    }
    #menu li div a {
        color : #000000;
    }
    #menu li a:hover {
        text-decoration : underline;
    }
    #menu span.menuIcon {
        margin : 0 6px 0 -11px;
        width : 10px;
        vertical-align : bottom;
    }
    /* *main page content* */
    #content {
        line-height : 17px;
        float : left;
        width : 770px;
        margin-right : 10px;
    }
    /* authentication */
    body div#page div#contentWrapper div#authentication {
        font-size : 12px;
        padding : 0 0 0 180px;
    }
    body div#page div#contentWrapper div#authentication div.loginBoxWrapper ul {
        list-style-type : none;
        padding : 0;
        margin : 0 0 10px 0;
    }
    body div#page div#contentWrapper div#authentication div.loginBoxWrapper ul li {
        vertical-align : middle;
        line-height : 18px;
    }
    body div#page div#contentWrapper div#authentication div.loginBoxWrapper ul li img {
        margin : 0 3px 0 0;
        padding : 0;
        border : 0;
        vertical-align : middle;
    }
    body div#page div#contentWrapper div#authentication div.loginBoxWrapper ul li a {
        vertical-align : middle;
    }
    body div#page div#contentWrapper div#authentication div.loginBoxWrapper form div {
        margin : 0;
        padding : 0;
    }
    body div#page div#contentWrapper div#authentication div.loginBoxWrapper form input {
        font-size : 12px;
        width : 150px;
        margin : 0 5px 5px 0;
    }
    body div#page div#contentWrapper div#authentication div.loginBoxWrapper form input.displayMode {
        font-style : italic;
        color : #B2B5B9;
    }
    body div#page div#contentWrapper div#authentication div.loginBoxWrapper form input.editMode {
        font-style : normal !important;
        color : #000000 !important;
    }
    /* search */
    .black {
        font-style : normal !important;
        color : #000 !important;
    }
    /* skyline background */
    #skylineBackground {
        width : 734px;
        height : 320px;
        margin-left : -180px;
        clear : both;
    }
    /* product-movie */
    #flashContentOverview {
        margin : 0 0 0 0;
        padding : 0 0 0 0;
        width : 770px;
        clear : both;
    }
    #flashContentMovie {
        margin : 0 0 0 0;
        padding : 0 0 0 0;
        width : 770px;
        clear : both;
        margin-right : -10px;
    }
    .noFlashText {
        font-weight : bold;
        width : 670px;
        margin : 0 50px 50px;
        float : left;
        height : 30px;
        text-align : center;
    }
    .noFlashProductText {
        float : left;
        text-align : left;
    }
    /* error messages */
    .error {
        margin-bottom : 3px;
    }
    .inputError {
        width : 240px;
        margin-bottom : 3px;
    }
    .error_topLeft {
        float : left;
        width : 4px;
        height : 3px;
        background : url('../img/site-styling/error-box/error_border_01.gif') bottom left no-repeat;
    }
    .error_topRight {
        margin-left : 4px;
        height : 3px;
        background : url('../img/site-styling/error-box/error_border_02.gif') top right no-repeat;
    }
    .error_msg {
        color : #ffffff;
        clear : both;
        background-color : #bf0013;
        padding : 0 3px;
        line-height : normal;
        font-size : 10px;
    }
    .error_bottomLeft {
        float : left;
        width : 4px;
        height : 3px;
        background : url('../img/site-styling/error-box/error_border_03.gif') top left no-repeat;
    }
    .error_bottomRight {
        margin-left : 4px;
        height : 3px;
        background : url('../img/site-styling/error-box/error_border_04.gif') top right no-repeat;
    }
    /* footer */
    #footer {
        border-top : 1px dashed #9BBFD4;
        font-size : 9px;
        margin : 5px 0 0 185px;
        padding : 3px 0 5px 0;
        clear : both;
    }
    #footer .right {
        float : right;
        margin-right : 5px;
    }
    #footer .left {
        float : left;
    }
    #footer a {
        color : #ffffff;
    }
    /* imprint */
    .imprint {
        font-size : 12px;
    }
    /* *tools* */
    .clearBoth {
        clear : both;
    }
}
/* ********css for print************ */
@media print {
    object {
        display : none;
    }
    object#flashContentMovie {
        display : none;
        visibility : hidden;
    }
    object#productMovieOverview {
        display : none;
    }
    object#productMoviePen {
        display : none;
    }
    object#productMovieRoller {
        display : none;
    }
    #skylineBackground {
        display : none;
    }
    #menu {
        display : none;
    }
    #printContent {
        display : block;
    }
    #authentication {
        display : none;
    }
    #flash {
        display : none;
    }
    #contentFlash {
        display : none;
    }
    #search {
        display : none;
    }
    #statue {
        display : none;
    }
}