@charset "utf-8";
/* required to be at the top before any comments or code */

/* CC version 81 */
/* global.css */
/**
 * ===============================
 * CSS Images
 * =============================== 
 */
#shadow_left {
    background-image: url(/styles/images/shadow_left.gif);
}
#shadow_right {
    background-image: url(/styles/images/shadow_right.gif);
}
#shadow_bottom_right {
    background-image: url(/styles/images/shadow_bottom_right.gif);
}
#shadow_bottom_left {
    background-image: url(/styles/images/shadow_bottom_left.gif);
}
.alpha-shadow {
    background-image: url(/styles/images/shadow.gif);
}
.alpha-shadow div {
    background: url(/styles/images/shadow2.png) no-repeat left top !important;
    background: url(/styles/images/shadow2.gif) no-repeat left top;
}
.user-generated-content ul li,
.user-generated-content ul.opener .answer li,
a.greaterThan,
a.greaterThan:link,
a.needs-login,
a.needs-login:link,
a.olbStartPageLink,
a.olbStartPageLink:link,
input.linkButton,
input.linkButton:link,
#homeLinks li a,
#homeLinks li a:link,
#homeNews li a,
#homeNews li a:link,
#content .content2Teaser li a,
#content .content2Teaser li a:link,
#content .olbLikeTeaser li a,
#content .olbLikeTeaser li a:link,
#content .linkListTeaser li a,
#content .linkListTeaser li a:link,
#sitemap li a,
#sitemap li a:link,
#content #pagenav li a,
#content #pagenav li a:link,
#content .vessels ul a,
#content .vessels ul a:link,
#contentOlb .olbTeaser li a,
#contentOlb .olbTeaser li a:link {
    background-image: url(/styles/images/link_icons.gif);
}
a.email,
a.email:link {
    background-image: url(/styles/images/mail.gif);
}
#contentSearch p.pagingBottom a.previous,
#contentSearch p.pagingBottom a.next,
#content ul.opener a.question,
#contentRight .box .register input.submit,
table#vacancies_result_table tfoot td.lowerScrollButton a.previous, 
table#vacancies_result_table tfoot td.lowerScrollButton a.next {
    background-image: url(/styles/images/icons.gif) !important;
}
a.button,
input.button {
    background-image: url(/styles/images/button.gif);
}
table.data .selectionArrow {
    background-image: url(/styles/images/data_table_arrow.png);
}
div.qaf span.error,
div.qaf span.info, 
div.qaf span.warning {
    background-image: url(/styles/images/exit_x_01.gif);
}
#content a.pdf,
#content ul.file-details .file-type,
#contentRight a.pdf {
    background-image: url(/styles/images/file_types.gif);
}
.screenshot-link {
  cursor: url(/styles/images/zoom.cur), default;
}
/** 
 * ===============================    
 * Allgemeine Selektoren
 * =============================== 
 */
html {
    font-size    : 100%;
    overflow    : auto;
}
body {
    background-color: #ffffff;
    color            : #232124;
    font-family        : Helvetica, Arial, sans-serif;
    font-size        : 1em;
    height            : 100%;
    margin            : 0;
    padding            : 0;
    /* Hierdurch wird der Container in IE 5*-Browsern zentriert. */ 
    /* Dem Text wird dann im #corset-Selektor die Standardausrichtung left (links) zugewiesen. */
    text-align        : center;
}
h1 {
    font-size        : 1.5em; /* 24px ~ 1.5em */
    line-height        : 1em;
    margin-bottom    : 0.625em; /* 10px ~ 0.625em */
    margin-top        : 1.5em; /* 24px ~ 1.5em */
}
h2 {
    font-size        : 1.125em; /* 18px ~ 1.125em */
    line-height        : 1em;
    margin-bottom    : 0.5em; /* 9px/18px ~ 0.5em */
    margin-top        : 1em; /* 18px/18px ~ 1em */
}
h3,
h4,
h5,
h6 {
    font-size        : 1em; /* 16px ~ 1em */
    line-height        : 1em;
    margin-bottom    : 0.375em; /* 6px ~ 0.375em */
    margin-top        : 1em; /* 16px ~ 1em */
}
h4 {
    font-weight    : bold;
}
b,
strong {
    font-weight    : bold;
}
em,
i {
    font-style    : italic;
}
/**
 * ===============================
 * Tag:        SPAN
 * ===============================
 * Classes: copyright
 *            error
 *            filetype
 *            info
 *            messageHidden
 *            messagePointer
 *            searchLink
 *            warning
 * ===============================
 */
#contentRight span.searchLink {
    display    : none;
}
#contentSearch p span.searchLink {
    color    : #e75200;
}
#contentSearch p span.filetype {
    font-size    : 0.75em;
}
#sitemap li span {
    display        : block;
    font-size    : 0.75em;
}
#sitemap #sitemap_online_business li span,
#sitemap ul ul li span,
#sitemap li li span {
    margin-left    : 10px;
    margin-top    : 0.5em;
}
#footer span.copyright {
    color        : #666666;
    margin-right: 0.3333em;
    white-space    : nowrap;
}
/* ==== Fehlermeldungen (ICEs) ==== */
/* Formatierung fuer Fehlermeldungstexte und zu kennzeichnende Label und Eingabefelder */
/* dependancy: #contentOlb .error, .warning, .information in contentOlb.css */
/* als box links neben dem entsprechenden div.qaf des Portlets ausrichten */
div.qaf span.error,
div.qaf span.info,
div.qaf span.warning {
    background-color    : #f0f0f0;
    background-position    : right top; /* exit_x_01.gif */
    background-repeat    : no-repeat;
    display                : block;
    font-size            : 0.75em;
    font-weight            : bold;
    left                : -19.4em;
    padding                : 0.375em 1.075em 0.375em 0.375em;
    position            : absolute;
    top                    : -0.375em;
    width                : 17.3em;
}
/* spezielle Eigenschaften werden nachtraeglich gesetzt */
div.qaf span.error {
    border    : 1px solid #e75200;
    color    : #e75200;
}
div.qaf span.warning {
    border    : 1px solid #fa8e00;
    color    : #fa8e00;
}
div.qaf span.info {
    border    : 1px solid #007419;
    color    : #007419;
}
/* Maus-Zeiger wird zur Hand auf den Meldungsboxen */
div.qaf span.messagePointer {
    cursor    : pointer;
}
/* Die Meldungsboxen werden ausgeblendet. */
div.qaf span.messageHidden {
    display    : none;
}
/**
 * ===============================
 * Tag:        P
 * ===============================
 * Classes: pagingBottom
 * ===============================
 */
p {
    font-size        : 0.75em; /* 12px ~ 0.75em */
    line-height        : 1.5em;
    margin-bottom    : 1em;
    margin-top        : 0.5em;
    white-space    : normal;
}
label.hlLabel p {
    font-size    : 1em;    
}
table.data p {
    font-size    : 1em;
    margin        : 0;
}
#contentRight p.pagingBottom {
    text-align    : center;
}
/**
 * ===============================
 * Tag:        A
 * ===============================
 * Classes: greaterThan
 *            email
 * ===============================
 */
a {
    color            : #111565;
    font-weight        : bold;
    text-decoration    : underline;
}
a:link {
    color    : #111565;
}
a:visited {
    color    : #5277b7;
}
a:hover,
a:active {
    color    : #e75200;
}
/* link class: greaterThan */
a.greaterThan {
    background-position    : 0 0; /* link_icons.gif */
    background-repeat    : no-repeat;
    padding-left        : 10px;
    text-decoration        : none;
}
a.greaterThan:link {
    background-position    : 0 0; /* link_icons.gif */
}
a.greaterThan:visited {
    background-position    : 0 -200px; /* link_icons.gif */
}
a.greaterThan:hover, 
a.greaterThan:active {
    background-position    : 0 -100px; /* link_icons.gif */
}
/* link class: hlkf */
a.hlkf {
    bottom            : 0.5em;
    display            : block;
    font-size        : 0.75em;
    left            : 0;
    margin-left        : 0.5em;
    position        : absolute;
    text-decoration    : none;
}
a.hlkf img {
    padding-right    : 0.5em;
    vertical-align    : top;
}
img.hlkf {
    vertical-align    : bottom;
}
/* link class: email */
a.email,
a.email:link {
    background-position    : left 3px; /* mail.gif */
    background-repeat    : no-repeat;
    padding-left        : 18px;
    text-decoration        : none;
}
table.data a.email,
table.data a.email:link {
    display    : block;
}
/**
 * ===============================
 * Tag:        OL
 * ===============================
 */
ol {
    list-style-image: none;
    list-style-type    : decimal !important;
    padding-left    : 3em;
}
.user-generated-content ol {
    font-size    : 0.75em;
}
/**
 * ===============================
 * Tag:        UL
 * ===============================
 */
ul {
    margin-bottom    : 1em;
    margin-top        : 1em;
}
/**
 * ===============================
 * Tag:        LI
 * ===============================
 */
li {
    margin-bottom    : 0.375em;
}
li a,
li a:link {
    text-decoration    : none;
}
.user-generated-content ul li {
    background-position    : 0 -694px; /* link_icons.gif */
    background-repeat    : no-repeat;
    font-size            : 0.75em;
    line-height            : 1.5em;
    margin-bottom        : 0.25em;
    margin-left            : 1em;
    padding-left        : 10px;
}
.user-generated-content ul li a {
    background-image: none !important;
    font-size        : 1em !important;
    padding-left    : 0 !important;
}
/**
 * ===============================
 * Tag:        INPUT
 * Type:    SUBMIT
 *            BUTTON
 * ===============================
 * Class:    back
 *            button
 *            linkButton
 * ===============================
 * "overflow: visible" relevant fuer den IE, damit nicht zusaetzliches Padding reserviert wird, 
 * welches breiter wird je mehr Text der Button fasst. 
 * "width: auto;" ist relevant fuer Buttons innerhalb von Tabellen. ( fuer IE6 ueberschrieben) 
 */
input.button {
    background-position    : 50% -118px; /* button.gif */
    background-repeat    : no-repeat; /* button.gif */
    border                : 1px solid #9ba9be;
    color                : #111565;
    cursor                : pointer;
    font-size            : 0.75em;
    font-weight            : bold;
    overflow            : visible;
    padding                : 0.0833em 0.5833em;
}
#search input.button {
    font-size        : 1em;
    height            : 1.5em;
    padding            : 0 0.1666em 0.1666em;
    vertical-align    : middle;
}
/* Alle Buttons sehen in den qaf per default aus wie richtige Schaltflaechen */
div.qaf input.button {
    background-color: #111565;
    background-image: none;
    border            : 1px solid #111565;
    color            : #ffffff;
    float            : right;
    font-size        : 0.625em;
    font-weight        : normal;
    height            : 1.6em;
    padding            : 0 0.1em 0.1em;
}
/* back button style */
input.back {
    float    : right;
    margin    : 0 0 1em 0;
}
/* Einige Buttons in den QAF und im OLB sehen aus wie Links */
input.linkButton {
    background-color    : transparent;
    background-position    : 0 1px; /* link_icons.gif */
    background-repeat    : no-repeat;
    border                : 0 none;
    color                : #111565;
    cursor                : pointer;
    font-size            : 0.75em;
    font-weight            : bold;
    overflow            : visible;
    padding-left        : 0.5em;
}
input.linkButton:hover,
input.linkButton.hover-lb {
    background-position    : 0 -99px;
    color                : #e75200;
}
/* 
 * ===============================
 * Tag:        LABEL 
 * ===============================
 * Class:    hlLabel
 *            inputLabel
 * ===============================
 */
label.hlLabel,
label.inputLabel {
    display        : block;
    font-size    : 0.75em;
    margin        : 0 0.25em 0 0;
}
label.inputLabel {
    font-weight    : bold;
}
div.qaf label {
    color        : #111565;
    font-size    : 0.625em;
    font-weight    : normal;
    height        : 1.1em;
    margin        : 0 0.4em 0 0;
}
/* 
 * ===============================
 * Tag:        INPUT
 *            SELECT
 * ===============================
 * Class:    hscChapter
 *            hscPosition
 *            hscSubPosition
 *            inputCombo
 *            inputDate
 *            inputTime
 *            inputField
 *            mcName
 *            mcSupplement
 *            multiColList
 *            tnfInternationalDialing
 *            tnfNationalDialingCode
 *            tnfSubscriberNumber
 * ===============================
 */
input.hscChapter, 
input.hscPosition,
input.hscSubPosition,
input.inputDate,
input.inputTime,
input.inputEdit,
input.inputField,
input.mcName,
input.mcSupplement,
input.tnfInternationalDialing,
input.tnfNationalDialingCode,
input.tnfSubscriberNumber {
    border        : 1px solid #9ba9be;
    font-size    : 0.75em;
    height        : 1.25em; 
    margin        : 0 0.25em 0 0;
    padding        : 0.1667em 0.25em;
}
input.inputEdit {
    width    : 16em;
}
#contentRight input.inputEdit {
    float    : left;
    width    : 11.5em;
}
#search input.inputEdit,
#search input.inputEdit:focus {
    border    : 1px solid #E75200 !important;
}
#search input.inputEdit {
    font-size        : 1em;
    height            : 1.25em;
    margin            : 0;
    padding            : 0.0833em 0.0833em 0;
    vertical-align    : middle;
    width            : 8.6666em;
}
input.inputField {
    width    : 10em; /* Standardbreite fuer alle Eingabefelder */ 
}
input.inputDate {
    width    : 5.5em;
}
input.inputTime {
    width    : 4.5em;
}
.x-form-field-wrap input.inputDate,
.x-form-field-wrap input.inputTime {
    margin    : 0;
}
input.inputCombo,
select.inputCombo {
    font-family    : Helvetica, Arial, sans-serif;
    font-size    : 0.75em;
    width        : 10em;
}
select.inputCombo {
    border    : 1px solid #9ba9be;
    height    : 1.75em;
    margin    : 0 0.25em 0 0;
    width    : 11.4166em; /* add 17px ~ 1.4166em for ext trigger image */
}
input.multiColList,
select.multiColList {
    font-family    : Courier, monospace;
}
/* Eingabefelder in den QAF bekommen keine Focusfarbe, da ecf1f7 praktisch gleich der focusfarbe e2e9f4 ist */
div.qaf input.inputCombo,
div.qaf select.inputCombo,
div.qaf input.inputDate,
div.qaf input.inputField {
    background-color: #e2e9f4;
    border            : 1px solid #111565;
    color            : #111565;
    font-size        : 0.625em;
    margin            : 0;
    padding            : 0.1em 0.1em 0;
}
div.qaf input.inputField {
    height    : 1.3em;
    width    : 9em;
}
div.qaf input.inputCombo,
div.qaf select.inputCombo {
    font-family    : Helvetica, Arial, sans-serif;
    width        : 14em;
}
div.qaf select.inputCombo {
    height    : 1.6em;
    padding    : 0;
}
/**
 * Zur Vereinheitlichung des gesamten Erscheinungsbildes im OLB gibt es alle Eingabefelder
 * und Combo-Boxen in 8 festen Breiten. Diese werden durch das JSF-Framework aus FIT
 * abhaengig von der Zeichenlaenge reingerendert.
 * ------------------------------------------------
 * Folgende Eigenschaften aus dem FIT werden ausgewertet:
 * 1. HLTextfield, HLNumericField und HLPasswordField: "DisplayLength"
 * 2. HLComboBox: "Length"
 * ------------------------------------------------
 * und in folgende Klassen umgesetzt:
 * 1. sizeSingleChar<suffix> (1 Zeichen)
 * 2. sizeMini<suffix> (2-6 Zeichen)
 * 3. sizeTiny<suffix> (7-10 Zeichen)
 * 4. sizeSmall<suffix> (11-15 Zeichen)
 * 5. "sizeNormal" (16-20 Zeichen) - existiert nicht, wird per default gesteuert
 * 6. sizeBig<suffix> (21-30 Zeichen)
 * 7. sizeLarge<suffix> (31-40 Zeichen)
 * 8. sizeGigantic<suffix> (41-50 Zeichen)
 * 9. sizeBombastic<suffix> (51-? Zeichen)
 * ------------------------------------------------
 * Eine weitere Unterscheidung betrifft den Eingabeelementtyp, da die Anzeigebreite hier
 * unterschiedlich koennen sein soll.
 * A) <suffix>="Combo" fuer Comboboxen
 * B) HLTextfield, HLNumericField und HLPasswordField haben keinen Suffix
 */
/*
 * sizeSingleChar<suffix> (1 Zeichen)
 */
input.sizeSingleChar,
input.sizeSingleCharCombo {
    width    : 1em;
}
select.sizeSingleCharCombo {
    width    : 2.4166em; /* add 17px ~ 1.4166em for ext trigger image */
}
div.qaf input.sizeSingleChar,
div.qaf input.sizeSingleCharCombo {
    width    : 1em;
}
div.qaf select.sizeSingleCharCombo {
    width    : 2.5em; /* add 11px(ext trigger image) + 2px (border) + 2px (padding) ~ 1.5em */
}
/*
 * sizeMini<suffix> (2-6 Zeichen)
 */
input.sizeMini,
input.sizeMiniCombo {
    width    : 4em;
}
select.sizeMiniCombo {
    width    : 5.4166em; /* add 17px ~ 1.4166em for ext trigger image */
}
div.qaf input.sizeMini,
div.qaf input.sizeMiniCombo {
    width    : 4em;
}
div.qaf select.sizeMiniCombo {
    width    : 5.5em; /* add 11px(ext trigger image) + 2px (border) + 2px (padding) ~ 1.5em */
}
/*
 * sizeTiny<suffix> (7-10 Zeichen)
 */
input.sizeTiny,
input.sizeTinyCombo {
    width    : 8em;
}
select.sizeTinyCombo {
    width    : 9.4166em; /* add 17px ~ 1.4166em for ext trigger image */
}
div.qaf input.sizeTiny,
div.qaf input.sizeTinyCombo {
    width    : 8em;
}
div.qaf select.sizeTinyCombo {
    width    : 9.5em; /* add 11px(ext trigger image) + 2px (border) + 2px (padding) ~ 1.5em */
}
/*
 * sizeSmall<suffix> (11-15 Zeichen)
 */
input.sizeSmall,
input.sizeSmallCombo {
    width    : 9em;
}
select.sizeSmallCombo {
    width    : 10.4166em; /* add 17px ~ 1.4166em for ext trigger image */
}
div.qaf input.sizeSmall,
div.qaf input.sizeSmallCombo {
    width    : 8.5em;
}
div.qaf select.sizeSmallCombo {
    width    : 10em; /* add 11px(ext trigger image) + 2px (border) + 2px (padding) ~ 1.5em */
}
/*
 * sizeBig<suffix> (21-30 Zeichen)
 */
input.sizeBig,
input.sizeBigCombo {
    width    : 13em;
}
select.sizeBigCombo {
    width    : 14.4166em; /* add 17px ~ 1.4166em for ext trigger image */
}
div.qaf input.sizeBig,
div.qaf input.sizeBigCombo {
    width    : 12em;
}
div.qaf select.sizeBigCombo {
    width    : 13.5em; /* add 11px(ext trigger image) + 2px (border) + 2px (padding) ~ 1.5em */
}
/*
 * sizeLarge<suffix> (31-40 Zeichen)
 */
input.sizeLarge,
input.sizeLargeCombo {
    width    : 16em;
}
select.sizeLargeCombo {
    width    : 17.4166em; /* add 17px ~ 1.4166em for ext trigger image */
}
div.qaf input.sizeLarge,
div.qaf input.sizeLargeCombo {
    width    : 14em;
}
div.qaf select.sizeLargeCombo {
    width    : 15.5em; /* add 11px(ext trigger image) + 2px (border) + 2px (padding) ~ 1.5em */
}
/*
 * sizeGigantic<suffix> (41-50 Zeichen)
 */
input.sizeGigantic,
input.sizeGiganticCombo {
    width    : 22em;
}
select.sizeGiganticCombo {
    width    : 23.4166em; /* add 17px ~ 1.4166em for ext trigger image */
}
div.qaf input.sizeGigantic,
div.qaf input.sizeGiganticCombo {
    width    : 14em;
}
div.qaf select.sizeGiganticCombo {
    width    : 15.5em; /* add 11px(ext trigger image) + 2px (border) + 2px (padding) ~ 1.5em */
}
/* 
 * sizeBombastic<suffix> (51-? Zeichen)
 */
input.sizeBombastic,
input.sizeBombasticCombo {
    width    : 25em;
}
select.sizeBombasticCombo {
    width    : 26.4166em; /* add 17px ~ 1.4166em for ext trigger image */
}
div.qaf input.sizeBombastic,
div.qaf input.sizeBombasticCombo {
    width    : 14em;
}
div.qaf select.sizeBombasticCombo {
    width    : 15.5em; /* add 11px(ext trigger image) + 2px (border) + 2px (padding) ~ 1.5em */
}
/*
 * ===============================
 * Tag:        TEXTAREA
 * ===============================
 * Class:    textArea
 *           textAreaNonEdit
 * ===============================
 */
pre.textAreaNonEdit,
textarea.textArea,
textarea.textAreaNonEdit {
    font-family : "Lucida Console", "Courier New", "Courier", monospace;
    font-size   : 0.75em;
    line-height : 1.25em;
    margin      : 0.1667em 0.25em 0.0833em 0;
    padding     : 0.1667em 0.25em;
}
textarea.textArea {
    border      : 1px solid #9ba9be;
}
/*
 * ===============================
 * Tag:        INPUT
 * Type:       RADIO
 * ===============================
 * Class:    inputRadio
 * ===============================
 */
input.inputRadio {
    font-size    : 0.75em;
}
div.qaf input.inputRadio {
    font-size    : 0.625em;
    height        : 1.3em;
    width        : 1.3em;
}
/*
 * ===============================
 * Tag:        INPUT
 * Type:       CHECKBOX
 * ===============================
 * Class:    inputCheckBox
 * ===============================
 */
input.inputCheckBox {
    font-size    : 0.75em;
    margin        : 0 0.25em 0 0;
}
table.data tbody td input.inputCheckBox {
    margin    : 0 !important;
}
/*
 * ===============================
 * Tag:        IMG
 * ===============================
 * Class:    floatRightVessel
 *           photo
 * ===============================
 */
/* image der vessel details pages */
img.floatRightVessel {
    float        : right;
    margin-left  : 0.375em;
    width        : 16.25em;
}
.vcard img.photo {
    border    : 1px solid #b3c4de;
    height    : 4.47em;
    width    : 4.47em;
}
/**
 * ===============================
 * Tag:        TABLE
 * ===============================
 * Class:    data
 *            details
 *            factsAndFigures
 *            smallerTable
 *            smallTable
 * ===============================
 */
/* replacement for margin-top and margin-bottom properties of table text content */
td {
    height    : 1.5em;
}
div.qaf td {
    height    : 1.125em;
}
div.headlineAndTable {
    margin-bottom: 1.5em;
    margin-top: 1.5em;
}
table.data {
    clear: both;
    white-space: normal;
    width: 100%;
}
table.data .right {
    text-align: right;    
}
table.data thead th {
    background-color: #e2e9f4;
    border: 1px solid #9ba9be;
    font-size: 0.75em;
    font-weight: bold;
    padding: 0.25em;
    vertical-align: top;
}
table.data tbody tr.odd {
    background-color: #ffffff;
}
table.data tbody tr.even {
    background-color: #f0f0f0;
}
table.data tbody td {
    border: 1px solid #9ba9be;
    font-size: 0.75em;
    height: 2em;
    padding: 0.25em;
}
table.data tbody td.strong {
    font-weight: bold;    
}
table.data tbody td.check {
    text-align: center;
    vertical-align: middle;   
}
table.data thead th.invisible,
table.data tbody td.invisible {
    display: none;    
}
table.data thead th.cellRedDot,
table.data tbody td.cellRedDot {
    width: 16px;    
}
/* hovered table rows */
/*table.data tbody tr.hover td {
    background-color: #fddeba !important;
}*/
/* classes for table highlighting */
table.data tbody td.click, 
table.data thead th.click {
    background-color: #ffcd93;
}
table.data tbody td.hover,
table.data tbody tr.hover {
    background-color: #fddeba;
}
table.data tbody tr.selected {
    background-color: #fddeba;
}
/* marked table rows */
table.data tbody tr.marked {
    background-color: #fddeba;
}
table.data tfoot {
    background-color: #ffffff;
    border-style: none;
}
table.data tfoot td {
    padding: 0.3125em 0;
    text-align: left;
}
table.data tfoot td.lowerScrollButton input.button {
    float: left;
}
table#vacancies_result_table tfoot td.lowerScrollButton {
    /*background-color: #e2e9f4;*/
    border: 1px solid #9ba9be;
    font-size: 0.75em;
    text-align: center;
}
table#vacancies_result_table tfoot td.lowerScrollButton a {
    text-decoration: none;
}
table#vacancies_result_table tfoot td.lowerScrollButton a.previous,
table#vacancies_result_table tfoot td.lowerScrollButton a.previous:link {
    background-position: left -497px; /* icons.gif */
    background-repeat: no-repeat;
    padding-left: 12px;
}
table#vacancies_result_table tfoot td.lowerScrollButton a.previous:visited {
    background-position: left -497px; /* icons.gif */
}
table#vacancies_result_table tfoot td.lowerScrollButton a.previous:hover,
table#vacancies_result_table tfoot td.lowerScrollButton a.previous:active {
    background-position: left -647px; /* icons.gif */
}
table#vacancies_result_table tfoot td.lowerScrollButton a.next,
table#vacancies_result_table tfoot td.lowerScrollButton a.next:link {
    background-position: right -547px; /* icons.gif */
    background-repeat: no-repeat;
    padding-right: 12px;
}
table#vacancies_result_table tfoot td.lowerScrollButton a.next:visited {
    background-position: right -547px; /* icons.gif */
}
table#vacancies_result_table tfoot td.lowerScrollButton a.next:hover,
table#vacancies_result_table tfoot td.lowerScrollButton a.next:active {
    background-position: right -597px; /* icons.gif */
}
table.data tfoot td input.next,
table.data tfoot td input.previous {
    float: right !important;
    margin-right: 0 !important;
}
table.data tfoot td input.next {
    background-position: right -120px; /* button.gif */
    margin-left: 0.25em !important;
    padding-right: 1.25em;
}
table.data tfoot td input.next-inactive {
    background-position: right -420px; /* button.gif */
}
table.data tfoot td input.previous {
    background-position: left -119px; /* button.gif */
    padding-left: 1.25em;
}
table.data tfoot td input.previous-inactive {
    background-position: left -419px; /* button.gif */
}
table.data tfoot td input.button {
    margin-right: 0.25em;
}
/* data table single selection arrow */
table.data .selectionArrow {
    background-position: 0 0; /* data_table_arrow.png */
    background-repeat: no-repeat;
    height: 19px;
    margin: 0 auto;
    width: 19px;
}
/* no data available style */
.emptyTable {
    font-size: 0.75em;
    font-weight: bold;
}
.emptyTable p {
    font-size: 1em;
}
table.smallTable {
    font-weight: bold;
    width: 75% !important;
}
table.smallerTable {
    font-weight: bold;
    width: 50% !important;
}
table.factsAndFigures {
    margin-top: 1em;
    table-layout: fixed;
}
table.factsAndFigures td,
table.factsAndFigures th {
    /*width: 8em;*/
    padding: 0.25em 1.2em 0.25em 0.25em !important;
}
table.details td {
    vertical-align: top;
}
/*
 * focus, hover, active state of form fields
 * =========================================
 */
input:focus,
input.focus,
select:focus,
textarea:focus,
textarea.focus {
    border-color: #111565 !important;
}
input.inputCombo:focus,
.x-form-field-wrap input.inputDate:focus {
    border-right: 1px solid #9ba9be !important;
}
input.button:focus,
input.button:hover,
input.button.hover-b {
    border-color: #4a95c9 !important;
    color: #e75200;
}
input.button:active {
    border-color: #e75200 !important;
    color: #e75200;
}
div.qaf input.button:focus,
div.qaf input.button:hover,
div.qaf input.button.hover-b {
    border-color: #4a95c9 !important;
    color: #ffffff;
}
div.qaf input.button:active {
    border-color: #e75200 !important;
    color: #ffffff;
}
input.inactive {
    background-position: 50% -418px; /* button.gif */
}
input.inactive,
input.inactive:hover,
input.inactive:hover,
input.inactive:active {
    border-color: #9ba9be !important;
    color: #232124 !important;
}
div.qaf input.inactive,
div.qaf input.inactive:hover,
div.qaf input.inactive:hover,
div.qaf input.inactive:active {
    border-color: #9ba9be !important;
    color: #ffffff !important;
}
/**
 * ===============================
 * Shadow Background Files
 * =============================== 
 */
#shadow_left {
    background-position: left; /* shadow_left.gif */
    background-repeat: repeat-y;
    padding-left: 7px;
}
#shadow_right {
    background-position: right; /* shadow_right.gif */
    background-repeat: repeat-y;
    padding-right: 15px;
}
#shadow_bottom_right {
    background-position: right; /* shadow_bottom_right.gif */
    background-repeat: no-repeat;
    height: 20px;
}
#shadow_bottom_left {
    background-position: left; /* shadow_bottom_left.gif */
    background-repeat: no-repeat;
    height: 20px;
}
/* @group image alpha shadows */
/* constructor: <div class="alpha-shadow"><div><img src=".." /></div></div> */
.alpha-shadow {
    background-position: bottom right; /* shadow.gif */
    background-repeat: no-repeat;
    float: left;
    margin-bottom: 1em;
}
.alpha-shadow div {
    /*
    background: url(/styles/images/shadow2.png) no-repeat left top !important;
    background: url(/styles/images/shadow2.gif) no-repeat left top;
    */
    padding: 0px 5px 5px 0px;
}
.alpha-shadow img,
#lightbox-image {
    background-color: #ffffff;    
}
#contentOlbManual .alpha-shadow img {
    padding: 4px;
}
#contentOlbManual .alpha-shadow img,
#contentRight div.box .alpha-shadow img,
#ux-lightbox-image,
#lightbox-image {
    border: 1px solid #a9a9a9;
}
#contentRight div.box .alpha-shadow-wrap {
    display: inline-block;
    margin-top: 0.5em;
}
#contentRight div.box .alpha-shadow {
    margin-bottom: 0;
}
#contentRight div.box .alpha-shadow img {
    display: block;
}
#contentRight div.logo .alpha-shadow img {
    padding: 0.3333em;
}
#contentRight div.logo ul {
    margin-top: 0;
    padding-top: 0.25em;
}
/**
 * ===============================
 * CORSET Container
 * =============================== 
 */
#corset {
    display        : block;
    height        : 100%;
    margin        : 0 auto;
    /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    text-align    : left; 
    width        : 62.625em;
}
/**
 * ===============================
 * BLOCK Class
 * =============================== 
 */
div.block {
    margin-bottom: 1em;
}
/**
 * ===============================
 * Allgemein benutzbare Klassen
 * =============================== 
 */
/* Diese Klasse sollte in einem div- oder break-Element platziert werden */ 
/* und das letzte Element vor dem Schließen eines Containers sein, */ 
/* der wiederum einen vollstaendigen Float enthalten sollte. */
div.clearfloat { 
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
}
/* layout fix for the GO button of the 'My Shipment' QAF */
div.oneLine form.olbForm div.clearfloat {
    clear: none;
    font-size: 0;
    height: 0;
    line-height: 0;
}
img.floatRight {
    float: right;
    margin-left: 0.375em;
}
img.floatLeft {
    float: left;
    margin-right: 0.375em;
}
/**
 * ===============================
 * OLB Generics 
 * ===============================
 * Styles aus dem OnlineBusiness, die Verallgemeinert wurden. 
 * Hier oben, damit es noch überschrieben werden kann.
 * ===============================
 */
/* ==== Inhaltsbereich von H-/V-Boxen  ==== */
.boxContent {
    /*margin: 0.5em 0.75em;*/
    padding: 0.5em 0.75em;
}
/* ==== fillHorizontal von H-/V-Boxen  ==== */
/* Ist die Eigenschaft fillHorizontal = true gesetzt ... */
.boxFill {
    width: 100%;
}
/* ==== H-/V-Box ==== */
/* Jede H-/V-Box erhaelt diese Eigenschaft. */
/* scheint mir nicht notwendig, da in reset.css bereits gesetzt? pruefung erforderlich! */
.boxBasic {
    /*margin-right: 0.25em;  macht den Searchstreifen zu breit */
}
/** 
 * ===============================
 * HEADER
 * ===============================
 * Container: header
 *            metaLang
 *            metaNav
 *            search
 * ===============================
 */
#header {
    clear: both;
    font-size: 0.75em;
    height: 4.5em;
    vertical-align: bottom;
}
#header a {
    text-decoration: none;
}
#header img {
    float: left;
    font-size: 1.333em;
    padding: 1em 0 0 0.625em;
}
#metaLang, 
#metaNav, 
#search {
    float: right;
    margin-left: 2.8333em;
    padding-top: 2.3333em;
    vertical-align: bottom;
}
#metaLang a, 
#metaNav a {
    font-weight: normal;
    padding: 0 0.5em;
    text-decoration: none;
}
#metaLang a:visited, 
#metaNav a:visited {
    text-decoration: none;
}
#metaLang .current {
    color: #e75200;
}
#search {
    margin-left: 2.8333em;
    margin-right: 0.5em;
    padding-top: 2.1666em;
}
/* overwrite here for correct position of search portlet placeholder */
#search img {
    padding: 0;
}
/**
 * ===============================
 * HOME PAGE VISUAL
 * ===============================
 * Container: homeVisual
 *            login
 * ===============================
 */
#homeVisual {
    clear: both;
    height: 13.4375em; /* 215px/16px */
    overflow: hidden;
    position: relative;
    width: 100%;
}
#homeVisual img {
    height: 13.4375em; /* 215px/16px */
    width: 62em; /* 992px/16px */
}
#homeVisual #login,
#spHeader #login {
    background-color: #b5c6de;
    width: 13.5em;
}
#homeVisual #login {
    bottom: 0;
    height: 4.5em;
    padding: 0.25em 0;
    position: absolute;
    right: 0;
}
#spHeader #login {
    float: right;
    height: 6.6875em;
}
#homeVisual #login div.qaf,
#spHeader #login div.qaf {
    padding: 0 0.375em;
}
#spHeader #login div.qaf {
    bottom: 0;
    padding-bottom: 0.25em;
    padding-top: 0.25em;
    position: absolute;
    width: 12.75em; /* 13.5em (width #login) - 2 * 0.375em (padding div.qaf) */
}
#homeVisual #login div.qaf h1,
#spHeader #login div.qaf h1 { 
    display: none;
}
#homeVisual #login div.qaf img {
    height: auto;
    width: auto;
}
/**
 * ===============================
 * NAVIGATION Level 1
 * ===============================
 * Container: navi
 *            business
 *            company
 * ===============================
 */
#navi {
    background-color: #e75200;
    clear: both;
    height: 3.4375em; /* eventuell entfernen ? */
    line-height: 1em;
}
#navi #business,
#navi #company {
    float: left;
}
#navi #company {
    width: 20.25em;
}
#navi p {
    color: #f7c4a8;
    font-weight: bold;
    height: 1.8333em;
    letter-spacing: 0.0833em;
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 0.8333em;
    padding-top: 1em;
}
#navi ul {
    margin: 0;
}
#navi ul li {
    float: left;
    margin: 0;
    position: relative;
    /* required due to IE's(CSS2.1) relative z-index calculation */
    /* prevents from overlapping the horizontal menu */
    /* does not effect Firefox (CSS2) rendering */
    z-index: 7999;
}
#navi ul li a {
    border-color: transparent transparent transparent #ffffff;
    border-style: none none none solid;
    border-width: 0 0 0 1px;
    color: #ffffff;
    display: block;
    font-size: 0.75em;
    letter-spacing: 0.0833em;
    line-height: 1.25em;
    margin: 0;
    padding: 0.25em 0.75em 0.25em 0.8333em;
    white-space: nowrap;
}
#navi ul li a.first {
    border-left: none;
    margin-left: 0;
}
#navi ul li a:link {
    background-color: transparent;
    color: #ffffff;
}
#navi ul li a.hover,
#navi ul li a:hover,
#navi ul li:hover a,
#navi ul li a.active {
    background-color: #ffffff;
    color: #e75200;
}
#navi ul li ul {
    background-color: #ffffff;
    border-bottom: none;
    border-left: 1px solid #b5c6de;
    border-right: 1px solid #b5c6de;
    border-top: 1px solid #b5c6de;
    display: block;
    left: -9999em;
    margin-left: -1px;
    position: absolute;
    top: 1.3125em;
    width: 12em;
    z-index: 7999;
}
#navi ul li ul.hover {
    left: 0;
}
#navi ul li ul li {
    background-color: #ffffff;
    border-bottom: 1px solid #B5C6DE;
    float: none;
}
#navi ul li ul li, 
#navi ul li ul li a,
#navi ul li ul li a:link {
    color: #111565;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
#navi ul li ul li a,
#navi ul li ul li a:link {
    border: none;
    display: block;
    letter-spacing: normal;
    padding: 0.25em 0 0.25em 0.8333em;
}
#navi ul li ul li a.needs-login, 
#navi ul li ul li a.needs-login:link {
    background-position: 11px -296px; /* link_icons.gif */
    background-repeat: no-repeat;
    padding-left: 1.9167em !important; /* 23px */
}
#navi ul li ul li a.olbStartPageLink,
#navi ul li ul li a.olbStartPageLink:link {
    background-position: 9px -895px; /* link_icons.gif */
    background-repeat: no-repeat;
    padding-left: 1.8333em !important; /* 22px */
}
#navi ul li ul li a:visited {
    color: #111565;
}
#navi ul li ul li:hover a,
#navi ul li ul li a:hover,
#navi ul li ul li a:active,
#navi ul li ul li a.selected,
#navi ul li ul li a.selected:link {
    color: #e75200;
}
/**
 * ===============================
 * NAVIGATION Level 2 & 3
 * ===============================
 * Container: belowNavi
 *            submenu
 *            thirdLevelMenu
 *            homeNews
 *            homeLinks
 *            homeTeaser
 *            olbQAF
 * ===============================
 */
#belowNavi {
    clear: both;
    overflow: hidden;
}
#belowNavi.wider #content {
    width: 47.5em;
}
#belowNavi.wider #contentRight {
    width: 12.5em;
}
#belowNavi.fixed-width #contentOlb {
    width: 43.25em;
}
#belowNavi #submenu {
  border-bottom: 1px solid #b5c6de;
  border-top: 1px solid #ffffff;
  height: 1.3125em;
}
#belowNavi #submenu ul,
#belowNavi #thirdLevelMenu ul {
    margin: 0;
}
#belowNavi #submenu li, 
#belowNavi #submenu li a,
#belowNavi #submenu li a:link {
    color: #111565;
    display: block;
    float: left;
    font-weight: normal;
    margin-bottom: 0;
}
#belowNavi #submenu li a,
#belowNavi #submenu li a:link {
    font-size: 0.75em;
    line-height: 1.25em;
    padding: 0.25em 0.5em 0.25em 0.8333em;
    white-space: nowrap;
}
#belowNavi #submenu li a:hover,
#belowNavi #submenu li a.selected {
    color: #e75200;
}
#belowNavi #submenu li a.needs-login,
#belowNavi #submenu li a.needs-login:link {
    background-position: 6px -296px; /* link_icons.gif */
    background-repeat: no-repeat;
    padding-left: 18px !important;
}
#belowNavi #submenu li a.olbStartPageLink,
#belowNavi #submenu li a.olbStartPageLink:link {
    background-position: 6px -895px; /* link_icons.gif */
    background-repeat: no-repeat;
    padding-left: 19px !important;
}
#belowNavi #thirdLevelMenu {
    border-bottom: 1px solid #b5c6de;
    height: 1.375em;
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 0.625em;
    padding-left: 0.625em;
}
#belowNavi #thirdLevelMenu li,
#belowNavi #thirdLevelMenu li a, 
#belowNavi #thirdLevelMenu li a:link {
    color: #111565;
    display: block;
    float: left;
    font-weight: normal;
    margin-bottom: 0;
}
#belowNavi #thirdLevelMenu li {
    padding-left: 0.375em;
}
#belowNavi #thirdLevelMenu li:first-child {
    padding-left: 0;
}
#belowNavi #thirdLevelMenu li a, 
#belowNavi #thirdLevelMenu li a:link {
    border-bottom: 1px solid #b5c6de;
    border-left: 1px solid #b5c6de;
    border-right: 1px solid #b5c6de;
    border-top: 1px solid #b5c6de;
    font-size: 0.75em;
    line-height: 1.25em;
    padding: 0.25em 0.5em;
    white-space: nowrap;
}
#belowNavi #thirdLevelMenu li a:hover,
#belowNavi #thirdLevelMenu li a.selected {
    color: #e75200;
}
#belowNavi #thirdLevelMenu li a.selected {
    border-bottom: 1px solid #FFFFFF;
}
#belowNavi #thirdLevelMenu li a.needs-login,
#belowNavi #thirdLevelMenu li a.needs-login:link {
    background-position: 6px -296px; /* link_icons.gif */
    background-repeat: no-repeat;
    padding-left: 18px !important;
}
#belowNavi #contentHome {
    padding-bottom: 3.125em;
}
#belowNavi #contentHome h2 {
    font-size: 1em;
}
#belowNavi div.column-align-bottom {    
    border: medium none;
    bottom: 0;
    margin: 0;
    position: absolute;
}
#belowNavi #homeLinks,
#belowNavi #homeNews,
#belowNavi #homeTeaser,
#belowNavi #olbQAF,
#belowNavi #olbQAF div.column-align-bottom {
    height: 15.5em;
}
#belowNavi #olbQAF,
#belowNavi #olbQAF div.column-align-bottom {
    width: 13.5em;
}
#belowNavi #olbQAF {
    background-color: #b5c6de;
    float: right;
    position: relative;
    z-index: 1;
}
#belowNavi #homeLinks,
#belowNavi #homeNews,
#belowNavi #homeTeaser {
    position: relative; 
}
#belowNavi #homeLinks,
#belowNavi #homeLinks div.column-align-bottom,
#belowNavi #homeTeaser,
#belowNavi #homeTeaser div.column-align-bottom {
    width: 12.8125em;
}
#belowNavi #homeLinks, 
#belowNavi #homeTeaser {
    float: left;
    margin-left: 0.6875em;
}
#belowNavi #homeNews,
#belowNavi #homeNews div.column-align-bottom {
    width: 19.5625em;
}
#belowNavi #homeNews {
    float: left;
    margin-left: 0.625em;
}
#belowNavi #homeLinks div.column-align-bottom div,
#belowNavi #homeNews div.column-align-bottom div {
    border: 1px solid #d5d5d5;
    height: 10em;
    margin-top: 0.625em;
}
#belowNavi #homeLinks div ul,
#belowNavi #homeNews div ul {
    margin: 0.375em 0.375em 0.375em 0;
}
#belowNavi #homeLinks li a,
#belowNavi #homeLinks li a:link,
#belowNavi #homeNews li a,
#belowNavi #homeNews li a:link {
    background-position: 0 0; /* link_icons.gif */
    background-repeat: no-repeat;
    display: block;
    font-size: 0.75em;
    margin-left: 0.5em;
    padding-left: 10px;
}
#belowNavi #homeLinks li a:visited, 
#belowNavi #homeNews li a:visited {
    background-position: 0 -200px;
}
#belowNavi #homeLinks li a:hover,
#belowNavi #homeLinks li a:active,
#belowNavi #homeNews li a:hover,
#belowNavi #homeNews li a:active {
    background-position: 0 -100px;
}
/* QAF-Box fuer die OLB-Funktionen */
#belowNavi #olbQAF div.qaf {
    border-top: 1px solid #ffffff;
    padding: 0.25em 0.375em;
}
/* Formatierung des Titels der QAF-Portlets (ohne Login-Portlet!) */
#belowNavi #olbQAF div.qaf h1 {
    padding-bottom: 0.25em;
}
/* Die erste QAF-Box erhaelt keine Trennlinie, diese befindet sich immer oben an den darunterliegenden Boxen */
#belowNavi #olbQAF div.first {
    border-top: none;
}
div.home2Teaser {
    border: 1px solid #d5d5d5;
    height: 4.625em;
    margin-top: 0.625em;
    position: relative;
    width: 12.625em;
}
div.home2Teaser a {
    display: block;
    font-size: 0.75em;
    left: 0;
    padding: 0.5em;
    position: absolute;
    text-decoration: none;
    top: 0;
}
div.home2Teaser a.img {
    padding: 0;
}
div.home2Teaser a.img img {
    height: 6.167em;
    width: 16.833em;
}
/**
 * ===============================
 * FOOTER
 * ===============================
 * Container: footer
 * ===============================
 */
#footer {
    background-color: #ffffff;
    background-image: none;
    clear: both;
    display: block;
    font-size: 0.75em;
    padding-bottom: 1em;
    padding-left: 7px;
}
#footer a {
    font-weight: normal;
    padding-left: 0.3333em;
    padding-right: 0.3333em;
    text-decoration: none;
    white-space: nowrap;
}
/**
 * ===============================
 * SUB PAGES HEADER
 * ===============================
 * Container: spHeader
 *            spCenter
 *            spVisual
 *            login
 * ===============================
 */
#spHeader {
    background-color: #e75200;
    border-bottom: 1px solid white;
    clear: both;
    position: relative;
    width: 100%;
}
#spHeader #spCenter,
#spHeader #spVisual {
    float: left;
}
#spHeader #spCenter {
    /*background-color: #e75200;*/
    height: 6.6875em;
}
#spHeader #spCenter h1 {
    color: #ffffff;
    margin-bottom: 0;
    margin-left: 0.3333em;
    margin-top: 3.25em;
    white-space: nowrap;
}
#spHeader #spVisual {
    height: 6.6875em;
    overflow: hidden;
    width: 20.25em;
}
#spHeader #spVisual img {
    overflow: hidden;
    width: 20.25em;
}
/**
 * ===============================
 * CONTENT
 * ===============================
 * Container: content
 * ===============================
 */
#content {
    float: left;
    margin-left: 0.625em;
    padding-bottom: 0.5em;
    width: 43.25em;
}
/**
 * class: contentTeaser
 * ===============================
 */
#content div.contentTeaser {
    float: left;
    margin-left: 1.875em;
}
#content div.contentTeaser div {
    background-color: #ecf1f7;
    border: 1px solid #b5c6de;
    height: 5em !important;
    margin-bottom: 1.5em;
    margin-top: 0.625em;
    position: relative;
    width: 20.5em;
}
#content div.contentTeaser div img {
    float: left;
    height: 5em;
    width: 5em;
}
#content div.contentTeaser div p {
    height: 5em;
    line-height: 1.25em;
    margin: 0.66em 0.66em 0 7.5em;
}
#content div.contentTeaser div p a {
    bottom: 0.66em;
    font-size: 1em;
    position: absolute;
    right: 0.66em;
    text-decoration: none;
}
/**
 * class: leftTeaser
 * ===============================
 */
#content div.leftTeaser{
    margin-left: 0;
}
/**
 * class: content2Teaser
 * ===============================
 */
#content .content2Teaser {
    float: left;
    margin-right: 0.5em;
    width: 9.688em;
}
#content .content2Teaser div {
    border: 1px solid #d5d5d5;
    height: 18em !important;
    margin-bottom: 3.125em;
    margin-top: 0.625em;
    position: relative;
}
#content .content2Teaser div ul {
    margin-bottom: 0;
    margin-top: 1em;
    width: 9.375em;
}
#content .content2Teaser div ul li {
    margin-bottom: 0.375em;
}
#content .content2Teaser img.teaser {
    height: 4.313em;
    width: 9.563em;
}
#content .content2Teaser li a,
#content .content2Teaser li a:link {
    background-position: 0 0; /* link_icons.gif */
    background-repeat: no-repeat;
    display: block;
    font-size: 0.75em;
    margin-left: 0.5em;
    padding-left: 10px;
}
#content .content2Teaser li a:visited {
    background-position: 0 -200px;
}
#content .content2Teaser li a:hover,
#content .content2Teaser li a:active {
    background-position: 0 -100px;
}
#content .content2Teaser p {
    font-size: 0.75em;
    margin: 1em 0.375em 0.375em;
}
/**
 * class: imgTeaser
 * ===============================
 */
#content .imgTeaser,
#content .imgTeaser img {
    width: 7.25em;
}
#content .imgTeaser {
    float: left;
    margin-right: 0.625em;
}
#content .imgTeaser img {
    margin-top: 0.5625em;
}
/**
 * class: imgLeftOfText
 *          imgLeftOfTextBox
 * ===============================
 */
#content .imgLeftOfTextBox,
#content .imgLeftOfTextBox img.imgLeftOfText {
    width: 7.25em;
}
#content .imgLeftOfTextBox {
    float: left;
    margin-right: 0.625em;
}
#content .imgLeftOfTextBox img.imgLeftOfText {
    margin-top: 0.6em;
}
/**
 * class: mainText
 * ===============================
 */
#content .mainText {
    float: left;
    width: 35em;
}
/**
 * class: olbLikeTeaser
 * ===============================
 */
#content .olbLikeTeaser {
    float: left;
    margin-right: 1em;
    width: 9.688em;
}
#content .olbLikeTeaser h2 {
    font-size: 1em;
    margin-top: 1.875em;
}
#content .olbLikeTeaser div,
#content .olbLikeTeaser img {
    width: 9.563em;
}
#content .olbLikeTeaser div {
    border: 1px solid #d5d5d5;
    height: 19em !important;
    margin: 0.625em 0 2em 0;
}
#content .olbLikeTeaser div ul {
    list-style-image: none;
    margin: 1em 0pt 0.375em 0.5em;
}
#content .olbLikeTeaser div ul li {
    font-size: 1em;
    margin-bottom: 0.375em;
}
#content .olbLikeTeaser li a,
#content .olbLikeTeaser li a:link {
    background-position: 0 0; /* link_icons.gif */
    background-repeat: no-repeat;
    display: block;
    font-size: 0.75em;
    padding-left: 0.8em;
}
#content .olbLikeTeaser li a:visited {
    background-position: 0 -200px;
}
#content .olbLikeTeaser li a:hover,
#content .olbLikeTeaser li a:active {
    background-position: 0 -100px;
}
/**
 * class: teaserContainer
 * ===============================
 */
#content .teaserContainer {
    margin-bottom: 1em;
}
/**
 * class: linkListTeaser
 * ===============================
 */
#content .linkListTeaser {
    float: left;
    margin-right: 0.7em;
    width: 12.9em;
}
#content .linkListTeaser h2 {
    font-size: 1em;
    margin-top: 1.875em;
}
#content .linkListTeaser div,
#content .linkListTeaser div img {
    width: 12.69em; 
}
#content .linkListTeaser div .reddot-image img {
    width: auto; 
}
#content .linkListTeaser div {
    border: 1px solid #d5d5d5;
    height: 12.5em !important;
    margin-top: 0.625em;
}
#content .linkListTeaser div ul {
    list-style-image: none;
    margin: 1em 0 0.375em 0.5em;
}
#content .linkListTeaser div ul li {
    font-size: 1em;
    margin-bottom: 0.375em;
}
#content .linkListTeaser li a,
#content .linkListTeaser li a:link {
    background-position: 0 0; /* link_icons.gif */
    background-repeat: no-repeat;
    display: block;
    font-size: 0.75em;
    padding-left: 0.8em;
}
#content .linkListTeaser li a:visited {
    background-position: 0 -200px;
}
#content .linkListTeaser li a:hover,
#content .linkListTeaser li a:active {
    background-position: 0 -100px;
}
/**
 * ===============================
 * CONTENT RIGHT
 * ===============================
 * Container: contentRight
 * ===============================
 */
#contentRight {
    float: right;
    margin-top: 2.25em;
    padding-right: 0.625em;
    width: 13.5em;
}
#contentRight h1,
#contentRight h2 {
    font-size: 0.75em;
    font-weight: bold;
    margin-bottom: 0.3125em;
}
#contentRight h4 {
    margin-top: 0.5em;
}
#contentRight p {
    margin-bottom: 0;
}
#contentRight ul {
    margin-bottom: 0;
    margin-top: 0.5em;
}
#contentRight li {
    margin-bottom: 0;
}
#contentRight li a {
    display: block;
    font-size: 0.75em;
}
#contentRight .box {
    border-bottom: 1px solid #b5c6de;
    margin-bottom: 1em;
    padding-left: 0.375em;
    padding-bottom: 0.375em;
}
#contentRight .box input.text {
    border: 1px solid #111565;
    color: #111565;
    font-size: 0.625em;
    width: 8em;
}
#contentRight .box input.submit {
    font-size: 0.625em;
    height: 1.7em;
}
#contentRight .box .register input.submit {
    background-color: transparent;
    background-position: right -796px; /* icons.gif */
    background-repeat: no-repeat;
    border: 0;
    float: right;
    font-size: .75em;
    height: 1.4em;
    margin-right: 10px;
    padding-right: 20px;
}
#contentRight .box .register input.submit:hover {
    color: #e75200;
}
#contentRight .box .register input.text {
    background-color: #ecf1f7;
    float: left;
    font-size: 0.75em;
}
/**
 * ===============================
 * CONTENT PORTAL ERROR
 * ===============================
 * Container: portal-error
 * ===============================
 */
#portal-error {
    font-size: 0.75em;
    margin-top: 1.5625em;    
}
#portal-error h1 {
    float: none;
    font-size: 1.0625em;
    margin-bottom: 0.625em;
}
#portal-error p {
    font-size: 1em;
}
#contentOlb #portal-error h1 {
    font-size: 1.4em;
    margin-bottom: 0.625em;
}
div.qaf #portal-error {
    color: #111565;
    font-size: 0.625em;
    margin-top: 0;
}
#homeVisual #portal-error h1,
#olbQAF #portal-error h1 {
    display: block;
    font-size: 1.2em;
    margin-bottom: 0.25em;
}
/**
 * ===============================
 * CONTENT SEARCH
 * ===============================
 * Suchergegnisseite
 * Bisher nicht als eigene Datei ausgelagert.
 * ===============================
 * Container: contentSearch
 *            languageSelectionLabel
 * ===============================
 */
#contentSearch  {
    clear: both;
    margin-left: 0.625em;
    margin-right: 0.5em;
    padding-bottom: 0.5em;    
}
#contentSearch p {
    line-height: 1.5em;
    margin-bottom: 0.4em;
    margin-top: 0.4em;
    width: 70%;
}
#contentSearch form p {
    margin-bottom: 0;
}
#contentSearch p em {
    font-weight: bold;    
}
#contentSearch .boxBgColor {
    background-color: #f0f0f0;
    border: 1px solid #9ba9be;
    padding: 0.5em;
}
#contentSearch p.searchResultHeader {
    margin-bottom: 0.3em;
    margin-top: 0.7em;
}
#contentSearch p.pagingBottom {
    border-top: 1px solid #9ba9be;
    margin-top: 0.3em;
    padding-top: 0.7em;
    text-align: center;
    width: 100%;
}
#contentSearch p.pagingBottom a {
    text-decoration: none;
}
#contentSearch p.pagingBottom a.previous,
#contentSearch p.pagingBottom a.previous:link {
    background-position: left -497px; /* icons.gif */
    background-repeat: no-repeat;
    padding-left: 12px;
}
#contentSearch p.pagingBottom a.previous:visited {
    background-position: left -497px; /* icons.gif */
}
#contentSearch p.pagingBottom a.previous:hover,
#contentSearch p.pagingBottom a.previous:active {
    background-position: left -647px; /* icons.gif */
}
#contentSearch p.pagingBottom a.next,
#contentSearch p.pagingBottom a.next:link {
    background-position: right -547px; /* icons.gif */
    background-repeat: no-repeat;
    padding-right: 12px;
}
#contentSearch p.pagingBottom a.next:visited {
    background-position: right -547px; /* icons.gif */
}
#contentSearch p.pagingBottom a.next:hover,
#contentSearch p.pagingBottom a.next:active {
    background-position: right -597px; /* icons.gif */
}
#contentSearch p.noSearchResult {
    margin-bottom: 6em;
    margin-top: 0.7em;
}
#contentSearch  #languageSelectionLabel {
    float: left;
    font-size: 0.75em;
    width: 6em;
}
#contentSearch .x-form-text {
    font-size: 1em;
    height: 100%;
    line-height: 1.25em;
    margin: 0;
    padding: 2px;
}
#contentSearch .x-form-field-wrap .x-form-trigger {
    height: 1.6667em;
}
/**
 * ===============================
 * SITEMAP
 * ===============================
 * Container: sitemap
 * ===============================
 */
#sitemap {
    margin-left: 0.625em;
    padding-bottom: 0.5em;
}
#sitemap a {
    font-size: 0.75em;
}
#sitemap #sitemap_business,
#sitemap #sitemap_company,
#sitemap #sitemap_online_business {
    float: left;
}
#sitemap #sitemap_business,
#sitemap #sitemap_online_business {
    margin-left: 1.125em;
}
#sitemap #sitemap_business div,
#sitemap #sitemap_company div,
#sitemap #sitemap_online_business div {
    border: 1px solid #d5d5d5;
    margin-top: 0.5em;
}
#sitemap ul {
    list-style-image: none;
    margin: 0.375em 0.375em 0.375em 0.375em;
}
#sitemap ul ul {
    margin: 0.25em 0 0.375em 5px;
}
#sitemap #sitemap_online_business ul ul {
    margin: 0 0 0.375em 0;
}
#sitemap #sitemap_online_business ul li ul,
#sitemap #sitemap_online_business ul ul ul {
    margin: 0.25em 0 0.375em 15px;
}
#sitemap li {
    margin-bottom: 0;
}
#sitemap li li li {
    margin-left: 10px;
}
#sitemap li a,
#sitemap li a:link {
    background-position: 0 0; /* link_icons.gif */
    background-repeat: no-repeat;
    padding-left: 10px;
    text-decoration: none;
}
#sitemap li a:visited {
    background-position: 0 -200px;
}
#sitemap li a:hover,
#sitemap li a:active {
    background-position: 0 -100px;
}
#sitemap li a.needs-login,
#sitemap li a.needs-login:link {
    background-position: 0 -400px; /* link_icons.gif */
    background-repeat: no-repeat;
    padding-left: 1.95em !important;
}
#sitemap li a.needs-login:visited {
    background-position: 0 -600px;
}
#sitemap li a.needs-login:hover,
#sitemap li a.needs-login:active {
    background-position: 0 -500px;
}
/**
 * ===============================
 * OLB QUICK ACCESS FORMS
 * ===============================
 * Online Business
 * TODO:
 * 1. Im Firefox wird die linke Border als dicker Strich dargestellt.
 * 2. Die Schriftgroesse, da relativ vererbt und in EM-Maßen,
 *    wird im IE nicht als 12px Schrift dargestellt.
 *    Hier reicht es moeglicherweise aus, relative Schriftgroessen anzubieten,
 *    die vom Benutzer vergroessert oder verkleinert werden koennen.
 * 3. Die GroupBorders haben im Firefox noch ein Padding.
 * ===============================
 */
div.qaf h1 {
    color: #111565;
    font-size: 0.75em;
    font-weight: bold;
    margin: 0;
    padding-top: 0.0833em;
}
/* a ueberhaupt benutzt? */
div.qaf a {
    font-size: 0.625em;
}
div.qaf p a {
    font-size: 1.1em;
}
/* ==== H-/V-Box ==== */
/* Jede H-/V-Box erhaelt diese Eigenschaft. */
/* scheint mir nicht notwendig, da in reset.css bereits gesetzt? pruefung erforderlich! */
div.qaf .boxBasic {
    width: 100%;
}
/* Ein einzeiliges Layout ermoeglichen, d.h. Ueberschrift + Button einzeilig, z.B. My Shipments */
div.oneLine h1 {
    float: left;
}
div.oneLine table.boxBasic {
    height: 1em;
    position: absolute;
    right: 0;
    width: auto;
}
#login div.qaf form.olbForm,
#olbQAF div.qaf form.olbForm {
    position: relative;
    z-index: 1;
}
/**
 * ===============================
 * GEMEINSAME CONTENT BLOECKE
 * ===============================
 * Gemeinsam genutzte Blockelemente im Content-Bereich
 * der Company- und Businessseiten.
 * ===============================
 */
 
/* ==================== NAMICS NEW-STYLES START ==================== */
#content ul.photolibrary,
#content ul.publications {
    list-style-image: none;
    margin-left: 0;
    margin-top: 1em;
}
#content #ofLegend li,
#content .ofTeaser li,
#content #pagenav li a,
#content ul.file-details li,
#content ul.photolibrary li,
#content ul.press li,
#content ul.publications li,
#content .vessels li {
    font-size        : 0.75em;
    margin-bottom    : 0;
    padding-bottom    : 0.5em;
}
#content ul.photolibrary li,
#content ul.publications li {
    float: left;
}
#content ul.photolibrary li {
    margin: 0 1em 2.5em 0;
    width: 28.3em;
}
#content ul.publications li {
    margin: 0 0 2.5em 0;
}
#content ul.publications li div.alpha-shadow div img,
#content ul.publications li div.publication-content {
    height: 11.64em;
}
#content ul.publications li div.alpha-shadow div img {
    width: 8.17em;
}
#content ul.photolibrary li div.photolibrary-content,
#content ul.photolibrary li div.alpha-shadow div img {
    height: 9.3333em;
}
#content ul.photolibrary li div.alpha-shadow div img {
    width: 14em;
}
#content ul.photolibrary li.portrait div.photolibrary-content,
#content ul.photolibrary li.portrait div.alpha-shadow div img {
    height: 14em;
}
#content ul.photolibrary li.portrait div.alpha-shadow div img {
    width: 9.3333em;
}
#content ul.photolibrary li.right {
    margin: 0 0 2.5em 0;
}
#content ul.photolibrary li ul li,
#content ul.publications li ul li {
    float: none;
    margin: 0;
    width: auto;
}
#content ul.photolibrary h2,
#content ul.publications h2 {
    font-size: 1.0833em;
    font-weight: bold;
    margin: 0;
}
#content ul.photolibrary p,
#content ul.publications p {
    font-size: 1em;
    line-height: 1.25em;
    margin-bottom: 0.5em;
}
#content ul.photolibrary li div.photolibrary-content,
#content ul.publications li div.publication-content {
    position: relative;
}
#content ul.photolibrary li div.photolibrary-content {
    margin-left: 15.25em;
}
#content ul.publications li div.publication-content {
    margin-left: 9.4166em;
    width: 48em;
}
#content ul.photolibrary li div.photolibrary-content div.footer,
#content ul.publications li div.publication-content div.footer {
    position: absolute;
    bottom: 0;
}
#content ul.photolibrary li div.photolibrary-content div p,
#content ul.publications li div.publication-content div p {
    margin: 0;
}
/* @group press list */
#content ul.press {
    list-style-image: none;
    margin-left: 0;
    margin-top: 1em;
}
#content ul.press li {
    border-bottom: 1px solid #b3c4de;
    clear: left;
    margin-bottom: 1em;
    padding-bottom: 0.5em;
}
#content ul.press h2 {
    font-size: 1.1em;
    margin: 0 0 0.5em 6.3636em;
    position: relative;
}
#content ul.press p {
    font-size: 1em;
    margin-bottom: .5em;
    margin-left: 7em;
}
#content ul.press .date {
    display: block;
    left: -6.3636em;
    position: absolute;
    top: 0;
}
/* @group file details list */
#content ul.file-details {
    list-style-image: none;
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 0.5em;
}
#content ul.file-details li {
    clear: none;
    line-height: 1em;
    margin-bottom: 0;
    overflow: auto;
}
#content li ul.file-details li {
    font-size: 1em;
}
#content ul.file-details .label {
    display: block;
    float: left;
    width: 5.5em;
}
#content ul.file-details .pages,
#content ul.file-details .file-size {
    display: block;
    float: left;
}
#content ul.file-details .file-type {
    background-repeat: no-repeat; /* file_types.gif */
    display: block;
    float: left;
    padding-right: 19px;
}
#content ul.file-details .pdf {
    background-position: right 0; /* file_types.gif */
}
#vesselContentRight {
    float: right;
    margin-top: 0;
    width: 16.25em;
}
#vesselContentRight .vessel_image {
    margin-bottom: 1.125em;
    margin-right: 0;
    width: 16.25em;
}
#vesselContentRight h2 {
    margin-top: 0;
}
#vesselContentRight div {
    margin-bottom: 2em;
}
#vesselProperties {
    width: 50%;
}
#contentContainer #vesselProperties {
    width: 30.25em;
}
#vesselProperties .heightFix {
    /*height: 20.9em;*/
}
#content ul.file-details .jpg {
    background-position: right 0;
}
/**
 * ===============================
 * OPENER
 * ===============================
 * Container: opener
 * ===============================
 */
#content ul.opener {
    margin-bottom: 0.5em;
    margin-left: 0;
}
#content ul.opener li {
    clear: left;
    padding-bottom: 0.5em;
}
.user-generated-content ul.opener li {
    background-image: none;
    margin: 0;
}
.user-generated-content ul.opener .answer li {
    background-position: 0 -694px; /* icons.gif */
    background-repeat: no-repeat;
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: 0.25em;
    margin-left: 1em;
    padding-left: 10px;
}
#content ul.opener a.question,
#content ul.opener .answer {
    padding-left: 12px !important;
}
#content ul.opener a.question {
    background-position: 0 -694px; /* icons.gif */
    background-repeat: no-repeat;
    color: #e75200;
    display: block;
    font-size: 0.75em;
}
#content ul.opener .closed a.question {
    background-position: 2px 5px; /* icons.gif */
    color: #111565;
}
#content ul.opener a.question:hover {
    color: #e75200;
}
#content ul.opener .closed a.question:hover {
    background-position: 2px -95px; /* icons.gif */
}
#content ul.opener p {
    font-size: 1em;
    margin: 0;
    padding: 0.5em 0 0;
}


/* @group pagenav list */
#content #pagenav {
    border-bottom: 1px solid #b3c4de;
    margin-bottom: 1em;
    padding-bottom: 0.0625em;
}
#content #pagenav li a {
    background-position: 0 0; /* link_icons.gif */
    background-repeat: no-repeat;
    display: block;
    padding-left: 10px;
}
#content #pagenav li a:focus,
#content #pagenav li a:hover {
    background-position: 0 -100px; /* link_icons.gif */
    color: #e75200;
}
/* @group press and media / products and services */
#content p.date {
    margin: 1em 0;
}
#content h2.section-headline {
    /*margin: 0 0 .8em;*/
    /*padding-top: .8em;*/
}
#content h2.file-details-headline {
    margin: 8em 0 .8em;
}
#content h3.file-details-headline {
    margin: 2.4em 0 .8em;
}
#content a.print-version,
#contentRight a.print-version {
    text-decoration: none;
}
#content a.pdf,
#contentRight a.pdf {
    background-position: left 0; /* file_types.gif */
    background-repeat: no-repeat;
    display: block;
    line-height: 1.3333em;
    padding-left: 20px;
}
#content a.top {
    border-bottom: 1px solid #b3C4de;
    display: block;
    text-align: right;
    text-decoration: none;
}
/* @group fleet, vessels */
div#content.vessels h3 {
    font-size: 0.8em;
}
#content .vessels {
    float: left;
    margin: 0 0.8em 0 0;
    width: 10em;
}
#content.vessels h2{
    height: 1em;
    margin: 0 0 0.8em 0;
    padding: 2em 0 0 0;
    position: relative;
}
#content.vessels h2 img{
    bottom: 0.1em;
    height: 2.75em;
    right: 0;
    position: absolute;
}
#content .vessels ul {
    margin-top: 0.5em;
}
#content .vessels li a,
#content .vessels li a:link {
    background-position: 0 0; /* link_icons.gif */
    background-repeat: no-repeat;
    padding-left: 10px;
}
#content .vessels li a:focus,
#content .vessels li a:hover {
    background-position: 0 -100px; /* link_icons.gif */
}
/* ==================== NAMICS NEW-STYLES STOP ==================== */
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
    height: 500px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9000;
}
#jquery-lightbox {
    left: 0;
    line-height: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 10000;
}
#jquery-lightbox a img { 
    border: none; 
}
#lightbox-container-image-box {
    background-color: #ffffff;
    height: 250px;
    margin: 0 auto;
    position: relative;
    width: 250px;
}
#lightbox-container-image { 
    padding: 10px; 
}
#lightbox-loading {
    background: url(/styles/images/lb-load.gif) no-repeat center 15%;
    height: 25%;
    left: 0%;
    line-height: 0;
    position: absolute;
    text-align: center;
    top: 40%;
    width: 100%;
}
#lightbox-nav {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { 
    left: 0;
}
#lightbox-nav a { 
    outline: none;
}
#lightbox-nav-btnPrev,
#lightbox-nav-btnNext {
    display: block;
    height: 100%;
    width: 49%;
}
#lightbox-nav-btnPrev {
    float: left;
    left: 0;
}
#lightbox-nav-btnNext {
    float: right;
    right: 0;
}
#lightbox-container-image-data-box {
    background-color: #ffffff;
    font: 10px Verdana, Helvetica, sans-serif;
    line-height: 1.4em;
    margin: 0 auto;
    overflow: auto;
    padding: 0 10px 10px;
    width: 100%;
}
#lightbox-container-image-data {
    color: #666666;
    padding: 0;
}
#lightbox-container-image-data #lightbox-image-details {
    float: left; 
    text-align: left;
    width: 70%;
}    
#lightbox-image-details-caption { 
    font-weight: bold; 
}
#lightbox-image-details-currentNumber {
    clear: left; 
    display: block;
    padding-bottom: 1em;    
}
#lightbox-secNav-btnClose {
    background: url(/styles/images/lb-close.gif) no-repeat; 
    float: right;
    height: 22px;
    outline: none;
    width: 66px; 
}
#lightbox-secNav-btnClose:hover {
    background-image: url(/styles/images/lb-close-over.gif);
}
/**
 * ===============================
 * REDDOT STYLES
 * ===============================
 */
.rdSEComment {
    font-size: 15px; 
    font-weight: bold; 
    color: green;
}
.rdSECommentExtra {
    font-size: 20px;
    font-weight: bold;
    color: green;
}
.rdSECommentSmall {
    font-size: 10px;
    font-weight: normal;
    color: green;
}
.rdSecuComment {
    font-size: 15px;
    font-weight: bold;
    color: #804000;
}
.rdPageData {
    font-size: 15px;
    font-weight: bold;
    color: #808000;
}
.rdPageDataSmall {
    font-size: 10px;
    font-weight: bold;
    color: #808000;
}
#rdSEHeader, #rdSEFooter {
    margin: 0 auto;
    padding-left: 7px;
    padding-right: 15px;
    text-align: left;
    width: 61.25em;
}
#rdSEHeader {
    padding-bottom: 5px;
}
#rdSEHeader {
    padding-top: 5px;
}
#rdSEHeader a, #rdSEHeader a:link, 
#rdSEFooter a, #rdSEFooter a:link, 
#rdSETmpltFunctions a, #rdSETmpltFunctions a:link {
    font-size: 15px;
    text-decoration: none;
}
#rdSEHeader a.rdSEScriptLinks {
    color: #800040;
}
#rdSEHeader a.rdSEScriptLinks:hover {
    color: #e75200;
}
#rdSETmpltFunctions a.rdSEScriptLinks {
    color: #800040;
}
#rdSETmpltFunctions a.rdSEScriptLinks:hover {
    color: #e75200;
}
#rdSEHeader a.left, #rdSEFooter a.left, {
    float: left;
    margin-right: 20px;
}
#rdSEHeader a.right, #rdSEFooter a.right, {
    float: right;
    margin-left: 20px;
}
fieldset.rdSEGroup {
    color: black;
    border: 1px solid green; 
    margin-bottom: 5px;
    padding: 0 5px 5px 5px;
}
/**
 * ===============================
 * PRINT STYLES
 * ===============================
 */
#printHeader {
    display    : none;
}
#printHeader p {
    font-size    : 1em;
}
@media print {
    html {
        margin    : 0;
    }
    body {
        margin    : 0;
    }
    body {
        font            : 11pt/120% Arial, serif;
        background-image: none;
        color            : black;
    }
    #corset {
        /*width: 100%;*/
        width    : auto;
        height    : 0;
    }
    #contentRight,
    #footer a,
    #homeVisual,
    #login,
    #metaNav, 
    #metaNav a,
    #metaLang,
    #metaLang a,
    #navi, 
    #olbQAF,
    #search,
    #search input,
    #shadow_bottom_right, 
    #spVisual, 
    #submenu,
    #thirdLevelMenu,
    div.inetHelpId,
    input.button {
        display    : none;
    }
    #shadow_left, 
    #shadow_right {
        background-image: none;
        padding            : 0;
    }
    #printHeader {
        display    : block;
    }
    #spHeader {
        background-color: transparent;
    }
    #spHeader #spCenter {
        height    : 4em;
    }
    #spHeader #spCenter h1 {
        color    : #000000;
        margin    : 0.5em 0 0.5em 0;
    }
    #footer span.copyright {
        display        : block;
        margin-top    : 12pt;
        width        : 30em !important;
    }
    a.button, 
    input.button, 
    #search input.button {
        background-color: transparent;
        background-image: none !important;
        border            : 1px solid #000 !important;
    }
    #header,
    #spHeader {
        border    : 0;
    }
    #footer,
    #header img {
        padding    : 0;
    }
    #belowNavi {
        overflow: visible;
    }
    #belowNavi h1 {
        margin-top    : 0;
    }
    #content {
        float    : none !important;
        margin    : 0;
    }
    table.data {
        /*border: 1px solid #000000;*/
        display    : table;
        /*table-layout: fixed;*/ /*disabled for printing Customs table*/
    }
    table.data thead {
        display    : table-header-group;
    }
    table.data tbody {
        display    : table-row-group;
    }
    table.data tfoot {
        display    : table-footer-group;
    }
    table.data tbody td,
    table.data thead th,
    table.data tfoot td {
        background-image: none !important;
        padding            : 0;
    }
    table.data tbody td,
    table.data thead th {
        border    : 1px solid #000000 !important;
    }
    table.data tfoot td div.selectionArrow,
    table.data tfoot td input.button {
        display    : none;
    }
    input.inputCombo, 
    select.inputCombo {
        background-color: transparent;
        color            : black;
        display            : inline;
    }
}