/*
    project: WestLB
    type: stylesheet
    description: print styles for WestLB
    (c) Aperto AG 2004. All rights reserved.
*/

/*

    WESTLB FONT SIZE - reference print font size
    
*/

/* ----------  PART II: global element (re)definitions  ---------- */
/* body */
@media print {
    body {
        font-size: 12pt;
    }
}

/*

    WESTLB BASIC - basic print styles for all browser with default values but without positioning

*/

/* ----------  PART I: global class definitions  ---------- */
* {
    background-color: transparent !important;
    border-color: #000 !important;
    color: #000 !important;
}

/* error messages */
em.error {
    font-style: italic;
}


/* ----------  PART II: global element definitions  ---------- */
/* body */
body {
    background-color: #fff !important;
    padding: .625em 1em;
}
body, button, input, optgroup, select, textarea {
    font-family: Verdana, Helvetica, Arial, Tahoma, sans-serif;
}

/* links - specificity: "LVHAF"! */
a:hover, a:visited:hover {
    background-color: transparent;
    color: #3351a3 !important;
}

@media print {
    body {
        padding: 1em 0;
        orphans: 2;
        widows: 2;
    }
    
    /* headlines */
    h1, h2, h3, h4, h5, h6 {
        page-break-after: avoid;
        page-break-inside: avoid;
    }
    
    /* text, img, forms */
    address, q, img, form, ul, ol, li, tr, th, td {
        page-break-inside: avoid;
    }

    /* links */
    a[href^="http"]:after {
        content: " (" attr(href) ")";
        text-decoration: none;
    }
    
    /* ----------  PART III: section styles  ---------- */
}


/*

    WESTLB LAYOUT - print layout

*/

/* ----------  PART III: section styles  ---------- */
/* --- section: header --- */
#header {
    max-width: none;
    min-height: 3.125em;
    width: 47.875em; /* 766px */
}

/* --- section: navigation -- */
#navWrapper {
    display: none;
}

/* --- section: info --- */
#info {
    height: auto;
    margin-left: 0;
    min-height: 0;
}

/* --- container for sections intro, content and marginal --- */
#contentWrapper {
    margin-left: 1em;
}

/* --- section: content --- */
#content {
    float: none;
    width: 100%;
}

/* --- section: marginal --- */
#marginal {
    border-top: 1px solid #000;
    clear: left;
    float: none;
    padding-top: 1em;
    width: 100%;
}

/* --- section: footer --- */
body #footer {
    margin-left: 0;
    width: 47.75em; /* 764px */
}

@media print {
    #header, #footer {
        width: 100%;
    }

    #info {
        width: 99.75%;
    }

    #contentWrapper {
        margin-left: 2%;
        width: 98%;
    }
    #content {
        background-color: #00ffff !important;
        page-break-before: avoid;
        /* width: 100%; */
        /* width: 66.31%; */
    }
    .twoColPortal #firstCol {
        width: 33%;
    }
    .twoColPortal #secondCol {
        padding-left: 34%;    
    }

    #marginal {
        background-color: #808080 !important;
        /* page-break-before: always; */
        /* width: 100%; */
        /* width: 32.62%; */
    }

}


/*

    WESTLB FORMS

*/

/* ----------  PART I: global class (re)definitions  ---------- */


/* ----------  PART II: global element (re)definitions  ---------- */
label {
    font-weight: bold;
}


/*

    WESTLB ICONS

*/

/* ----------  PART I: global class (re)definitions  ---------- */
/* arrow right - 7px width */
a.arrow, .arrow a {
    background-image: url("../../images/icon_arrow_right_print.png");
}

/* arrow up - 7px width */
a.top {
    background-image: url("../../images/icon_arrow_up_print.png");
}

/* portal arrow - 12px width */
a.portal, .portal a {
    background-image: url("../../images/icon_portal_print.png");
}

/* external arrow - 9px width */
a.external, .external a {
    background-image: url("../../images/icon_external_print.png");
}

/* attachments - 10px width */
a.attachment, .attachment a {
    background-image: url("../../images/icon_attachment_print.png");
}

/* page utility buttons: print page - 10px width */
.printPage {
    background-image: url("../../images/icon_print_page_print.png");
}

/* page utility buttons: close window - 10px width */
.closeWindow {
    background-image: url("../../images/icon_window_close_print.png");
}


/*

    WESTLB COMPONENTS/TEMPLATES 
    
*/

/* ----------  PART I: global class (re)definitions  ---------- */


/* ----------  PART II: global element (re)definitions  ---------- */


/* ----------  PART III: section styles  ---------- */
/* --- section: header --- */
#w0udm {
    display: none;
}
#header {
    height: auto !important;
}
#header img {
    margin: 0 0 1em ;
}
#header p {
    font-size: .5625em;
    line-height: 1;
    padding-top: 3.5556em;
}


/* --- section: navigation -- */


/* --- section: info --- */
#info {
    height: auto !important;
}
#info p {
    font-size: .5625em;
    padding: .7778em 0 .6667em .8889em;
}
/* print utility buttons */
#info ul, #footer ul {
    font-size: .625em;
    float: right !important;
    line-height: 1.2;
    padding: .7em 1em 0 0;
    text-align: right;
}
#footer ul {
    width: 45%;
    padding-top: .4em;
    border-right: 1px solid #FFF !important;
}
#info ul li, #footer ul li {
    display: inline;
}
#info ul li a, #footer ul li a {
    padding: 0 .5em 0 0;
}
    
@media print {
    #info ul, #footer ul {
        display: none;
    }
}
/* component: CN01 page utility buttons */
#pageUtilityButtons {
    display: none;
}



/* --- container for sections intro, content and marginal --- */


/* --- section: content --- */
#content:after { /* clear possible floats before #marginal section begins (avoid collapsing margins) */
    display: block;
    clear: both;
    content: " ";
    height: 1pt;
}
#content p {
/*    font-size: 1.1em;*/
/*    font-size: .9167em;*/
    line-height: 1.4545;
    margin-bottom: 1.4545em;
/*    word-spacing: normal !important;
    white-space: normal !important;
    letter-spacing: normal;
    font-stretch: narrower;
*/
}
#marginal {
    margin: 12pt 0 0;
}
#marginal p {
/*    font-size: 1em;*/
/*    font-size: .8333em;*/
    line-height: 1.2;
    margin-bottom: 1.6em;
}

/* top link */
#content .topLink {
    display: none;
}

/* components: CC01 article header, CC02 intro text */
#contentWrapper #articleHeader, #content #intro h2 {
    border-color: #00268c !important;
}
#contentWrapper #articleHeader, #content #intro {
    clear: both;
    width: 100%;
}

/* component: CC01 article header */
#contentWrapper #articleHeader {
    position: relative;
}
#contentWrapper #articleHeader p {
    float: none;
    left: 26em;
    margin-left: 0;
    margin-right: 0;
    position: absolute;
    width: 32.26%;
}

/* component: CC11 HP teaser */
#teaser {
    margin-left: 0;
    width: 101%;
}
#teaser div {
    margin-right: .9%;
    margin-left: 0;
}
#teaser .big {
    width: 65.4%;
}
#teaser .small {
    width: 32.12%;
}

/* component: CC17 thumbnails gallery */
#contentWrapper .gallery {
    border-top: 1px solid !important;
}

/* component: CC18 portal visual */
#portalVisual {
    float: right;
    height: 10em;
    margin-bottom: .9375em;
    width: 20.5em;
}

.flash {
    display: none; /* printing flash makes no sense */
}

/* component: CNXX pager */
#contentWrapper .pager form  {
    display: none;
}

/* component: CT01 Table */
.dataTable thead, .dataTable tbody tr.last {
    border-bottom-style: solid;
    border-bottom-width: 3px;
}
.dataTable tbody tr {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
.dataTable tbody tr.groupEnd {
    border-bottom-width: 2px;
}

/* template: TF08 User customized article list */
#content .custArticleListForm dl div,
#content .custArticleListForm dl dl dt {
    border-color: #fff !important;
}


/* --- section: marginal --- */
#nextLvlNav, #hierarchy {
    display: none;
}
/* paragraph boxes */
#marginal .box {
    border: none;
    padding: .4em 0 0;
}


/* --- section: footer --- */
#footer {
    padding-top: 0;
}
#footer p {
    padding-top: .8889em;
    width: 56.8889em;
    float: left !important;
    width: 50%;
}
#footer p.disclaimer {
    margin-left: 1.7778em;
    width: 55.1111em;
}

