/*** ALLGEMEINE Styles ***/
* {
    margin: 0;
    padding: 0;
}
html, body {
    height: 97%;
}
body {
    background: #fff none repeat scroll 0%;
    color: #000000;
    font-family: Arial,Helvetica,Sans-Serif;
    font-size: 13px;
    text-align: left;
    /*height:1000px;*/
}
h1 {
    color: #B99300;
    font-family: Arial Black,Arial,Helvetica,Sans-Serif;
    font-size: 24px;
    margin: 0 0 0 688px;
    padding: 5px 0 0 0;
    width: 270px;
    height: 66px;
    line-height:28px;
    clear: both;
}
h2 {
    font-size: 15px;
    font-weight: bold;
    padding: 24px 0 16px 0;
}
p {
    padding: 0 0 17px 0;
}
b, strong {
    font-weight:bold;
}
ul, dl {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
}
ol, ul, li {
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
    color: #000000;
    margin:0;
    padding:0;
}
img { border: 0;}
sup {
    font-size: 10px;
}
/*div {border:1px solid #f00;}*/
/*** ROOT-Element mit Hintergrund (editierbar in den Seiten) und Zentrierung ***/
#root {
    margin: 0 auto;
    width: 980px;
    position: relative;
    text-align: left;
}
/*** META-Navigation: Kontakt, Impressum, Datenschutz ***/
#metaNavigation ul {
    margin-left: 688px;
    padding-top: 84px;
    width: 270px;
    height: 20px;
}
#metaNavigation ul li{
    float:left;
    padding: 2px 0;
}
#metaNavigation ul li a{
    margin: 0 0 0 15px;
}
body#kontakt ul li a#meta_kontakt,
body#impressum ul li a#meta_impressum,
body#datenschutz ul li a#meta_datenschutz {
    font-weight: bold;
}
/*** LOGO ***/
#logo {
    float:left;
    width:274px;
    height:72px;
    padding: 0;
    margin: -41px 0 0 9px;
}
/*** MAIN-Navigation: Unternehmen, Flotte, Karriere ***/
#mainNavigation {
    float:left;
    margin: 0;
    padding:0;
    width: 668px;
    height: 42px;
}
#mainNavigation ul li {
    float: left;
}
#mainNavigation ul li a{
    float: left;
    margin: 10px 0 0 15px;
    padding: 2px 0;
    text-align: center;
    width: 110px;
}
/*** MAIN-Navigation Highlight im Bereich Unternehmen ***/ 
body#unternehmen ul li a#main_unternehmen,
body#tradition ul li a#main_unternehmen,
body#management ul li a#main_unternehmen,
body#sicherheit ul li a#main_unternehmen,
body#panorama ul li a#main_unternehmen,
body#presse ul li a#main_unternehmen {
    font-family: Arial,Helvetica,Sans-Serif;
    font-weight: bold;
    margin: 8px 0 0 15px;
}
/*** MAIN-Navigation Highlight im Bereich Flotte ***/ 
body#flotte ul li a#main_flotte,
body#containerschiffe ul li a#main_flotte,
body#massengutfrachter ul li a#main_flotte,
body#offshore ul li a#main_flotte,
body#agenten ul li a#main_flotte,
body#fahrplaene ul li a#main_flotte {
    font-family: Arial,Helvetica,Sans-Serif;
    font-weight: bold;
    margin: 8px 0 0 15px;
}
/*** MAIN-Navigation Highlight im Bereich Karriere ***/ 
body#karriere ul li a#main_karriere,
body#aufsee ul li a#main_karriere, 
body#anland ul li a#main_karriere, 
body#training ul li a#main_karriere, 
body#perskontakt ul li a#main_karriere {
    font-family: Arial,Helvetica,Sans-Serif;
    font-weight: bold;
    margin: 8px 0 0 15px;
}
#mainNavigation ul li a:hover {
    font-family: Arial,Helvetica,Sans-Serif;
    font-weight: bold;
}
/*** LINKE Spalte mit Sub-Navigation und News-Boxen ***/
#contentLeft {
    float: left;
    padding:0 0 0 10px;
    width: 276px;
}
/*** LINKE Spalte: SUB-Navigation ***/ 
#contentLeft .subNavigation {
    float:left;
    height:240px;
}
#contentLeft .subNavigation ul li {
    padding: 0 0 20px 0;
}
#contentLeft .subNavigation ul li a{
    margin: 0;
    padding: 0;
    line-height: 15px;
}
/*** LINKE Spalte: SUB-Navigation Highlight im Bereich Unternehmen ***/ 
body#unternehmen ul li a#sub_unternehmen,
body#tradition ul li a#sub_tradition,
body#management ul li a#sub_management,
body#sicherheit ul li a#sub_sicherheit,
body#panorama ul li a#sub_panorama,
body#presse ul li a#sub_presse{
    font-family: Arial,Helvetica,Sans-Serif;
    font-weight: bold;
}
/*** LINKE Spalte: SUB-Navigation Highlight im Bereich Flotte ***/ 
body#flotte ul li a#sub_flotte,
body#containerschiffe ul li a#sub_containerschiffe,
body#massengutfrachter ul li a#sub_massengutfrachter,
body#offshore ul li a#sub_offshore,
body#agenten ul li a#sub_agenten,
body#fahrplaene ul li a#sub_fahrplaene{
    font-family: Arial,Helvetica,Sans-Serif;
    font-weight: bold;
}
/*** LINKE Spalte: SUB-Navigation Highlight im Bereich Karriere ***/ 
body#karriere ul li a#sub_karriere,
body#aufsee ul li a#sub_aufsee,
body#anland ul li a#sub_anland,
body#training ul li a#sub_training,
body#perskontakt ul li a#sub_perskontakt{
    font-family: Arial,Helvetica,Sans-Serif;
    font-weight: bold;
}
#contentLeft .subNavigation ul li a:hover {
    font-family: Arial,Helvetica,Sans-Serif;
    font-weight: bold;
}
/*** LINKE Spalte: Navigations-Box Pressemitteilungen & Pressefotos ***/
#contentLeft .pressNavigation {
    position: absolute;
    left: 86px;
    margin: 196px 0 15px 0;
    width: 200px;
    text-align: right;
}
#contentLeft .pressNavigation a {
    text-decoration: underline;
}
/*** LINKE Spalte: Teaser Area (Presse-Kontakte, News-Box) ***/
#contentLeft .teaserArea {
    clear: both;
    text-align: right;
    padding: 15px 10px 15px 0;
}
/*** LINKE Spalte: TEASER-Box ***/
/*** LINKE Spalte: TEASER-Box ***/
#contentLeft .teaserArea .teaserBox p a {
    font-family: Arial,Helvetica,Sans-Serif;
    font-size: 13px;
    text-decoration: underline;
}
#contentLeft .teaserArea .teaserBox p a.teaser, #contentLeft .teaserArea .teaserBox a.teaser {
    font-size: 15px;
    font-family: Arial Black,Arial,Helvetica,Sans-Serif;
    line-height: 18px;
}
#contentLeft .teaserArea .teaserBox h3{
    color: #B99300;
    font-size: 15px;
    font-family: Arial Black,Arial,Helvetica,Sans-Serif;
    line-height: 18px;
}
#contentLeft .teaserArea .teaserBox p a.mailto {
    font-family: Arial,Helvetica,Sans-Serif;
    font-size: 13px;
    text-decoration: underline;
}
/*** INHALTS-Spalte ***/
#contentMain {
    float:left;
    padding: 0 0  0 14px;
    width: 660px;
}
#contentMain a {
    text-decoration: underline;
}
#contentMain ul {
    /*list-style-image: none;
    list-style-position: inside;
    list-style-type: square;*/
    margin: 0 0 17px 17px;
}
#contentMain ul li {
    background: transparent url(/main/ers/images/bullet_square_5x5px.gif) no-repeat 0 6px;
    padding: 0 0 0 13px;
}
#contentMain .copyText {
    padding: 0 60px 0 0;
}
/* IE6 Hack */
*html #contentMain .copyText {
    padding: 0 0 0 0;
}
#contentMain .copytext h2, #contentMain .copyTextSmall h2 {
    font-size: 15px;
    font-weight: bold;
    padding: 24px 0 16px 0;
}
#contentMain .copyTextSmall {
    float:left;
    width: 426px;
    padding: 0 14px 0 0;
}
#contentMain .imageBox {
    float:left;
    background-color: #F1F3F6;
    width: 220px;
    padding: 60px 0  0 0;
}
.messing {
    color: #B99300;
}
/*** INHALTS-Spalte: Tradition ***/
.traditionLeft {
    float:left;
}
.traditionRight {
    float:right;
}
.traditionPhotoBox {
}
.traditionPhotoBoxText {
     float:left;
    width: 426px;
    padding: 0 14px 0 0;
}
.traditionPhotoBoxText p a{
     text-decoration: underline;
     font-weight: bold;
}
.traditionPhotoBoxImage {
    float:left;
    width: 160px;
    margin: 0 0 3px 0;
}
#contentMain .traditionPhotoBoxText ul {
    margin:0 0 0 0;
    padding:0;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}
#contentMain .traditionPhotoBoxText ul li {
    float:left;
    padding: 0 17px 0 0;
    margin:0;
}
.previous a {
    background: transparent url(/main/ers/images/pfeil_messing_back.gif) no-repeat 0 5px;
    padding: 0 0 0 12px;
}
.next a {
    background: transparent url(/main/ers/images/pfeil_messing.gif) no-repeat 0 5px;
    padding: 0 0 0 12px;
}
#contentMain ul li.overview {
    background: none;
    list-style-image: none;
    list-style-type: none;
}
/*** INHALTS-Spalte: Management ***/
.managementPhotoBox {}
.managementPhotoBoxText {
    float:left;
    width: 426px;
    padding: 0 14px 0 0;
}
.managementPhotoBoxText p{
    padding: 0;
}
.managementPhotoBoxImage {
    float:left;
    background-color: #F1F3F6;
    width: 220px;
    margin: 0 0 50px 0;
}
/*** INHALTS-Spalte: Pressemitteilungen ***/
p.pressVolumes a {
    display:block;
    float:left;
    margin-right:8px;
    padding:0 0 17px 10px;
}
/*** INHALTS-Spalte: Pressefotos ***/
.pressPhotoBox {
}
.pressPhotoBoxText {
     float:left;
    width: 426px;
    padding: 0 14px 30px 0;
}
.pressPhotoBoxText p.printVersion {
     float:left;
    width:50%;
    padding: 0 0 17px 0;
}
.pressPhotoBoxText p.copyRight {
    clear: left;
    padding: 0 0 17px 0;
}
.pressPhotoBoxImage {
    float:left;
    background-color: #F1F3F6;
    width: 220px;
    margin: 0 0 50px 0;
}
/*** INHALTS-Spalte: Schiffs-Flotten (Containerschiffe, Massengutfrachter, Offshore vessels) ***/
table.fleetList {
    border:0;
    margin:5px 0 25px 0;
    padding:0;
}
table.fleetList tr.grey {
    background-color: #F1F3F6;
}
table.fleetList th, table.fleetList td {
    padding: 2px 5px;
}
table.fleetList td.shipClass {
    padding: 0 0 0 5px;
}
/*** INHALTS-Spalte: Schiffs-Detailseite ***/
#contentMain .schiffsriss {
    padding: 0 0 30px 0;
}
#contentMain .technicalData {
    float:left;
    padding: 0 14px 0 0;
    width: 330px;
}
table.techData {
    border:0;
    margin:0 0 20px 0;
    padding:0;
}
table.techData th {
    padding: 0 5px;
    text-align: left;
}
table.techData td {
    padding: 2px 5px;
    vertical-align: top;
}
table.techData td.right {
    padding-left: 100px;
}
#contentMain .vesselData {
    float:left;
    background: transparent url(/main/ers/images/bg_vesseldata.gif) repeat-y;
    width: 316px;
    
}
#contentMain .copyTextVessel {
    width: 228px;
    padding: 18px 14px 0 14px;
}
/*** INHALTS-Spalte: Flotte / Agenten-Formular ***/
form {
    padding: 20px 0 50px 0;
    width:480px;
}
form label {
    display: block;
    float:left;
    margin: 0 0 20px 0;
    width: 100px;
    
}
form select {
    border: 1px solid #000000;
    font-size: 11px;
    padding: 1px;
    margin: 0 0 20px 0;
}
form .submit {
    text-align: right;
    padding: 20px 20px 0 0;
}
/*** INHALTS-Spalte: Flotte / Fahrplan-Formular ***/
form {
    padding: 20px 0 50px 0;
    width:480px;
}
form label {
    display: block;
    float:left;
    margin: 0 0 20px 0;
    width: 100px;
    
}
form select {
    border: 1px solid #000000;
    font-size: 11px;
    padding: 1px;
    margin: 0 0 20px 0;
}
form input.text {
    border: 1px solid #000000;
    font-size: 11px;
    padding: 1px;
    margin: 0 0 20px 0;
    width:110px;
    float:left;
}
form .submit {
    text-align: right;
    padding: 20px 20px 0 0;
}
form .kalender {
    padding: 0 0 0 5px;
    float:left;
}
/*** INHALTS-Spalte: Stellenangebote Detailseite ***/
p a.back {
    background: transparent url(/main/ers/images/pfeil_messing.gif) no-repeat 0 4px;
    float: left;
    padding: 0 0 0 12px;
}
p a.application {
    background: transparent url(/main/ers/images/pfeil_messing.gif) no-repeat 0 4px;
    float: right;
    padding: 0 0 0 12px;
}
/*** FOOTER ***/
#footer {
    background: transparent url(/main/ers/images/bg_abschluss.jpg) no-repeat 0 1px;;
    height:8px;
    clear:both;
    margin: 0 0 20px 0;
}