/*******************************************/
/*        media-queries.css                      */
/*        begonnen: 07.07.2012             */
/*******************************************/

 /* Base Grid */

 .container, .breadcrumb{
   position: relative;
   margin: 0px auto;
   width: 90%; max-width: 1200px;
 }
  

 .column{
   position: relative;
   float: left;
   display: inline;
 }

 .container .Miniaturbilder.column,
 .container .facts.column{float:right;}

  .one-one.column{ width: 100%; }
  .one-two.column{ width: 50%; }
  .one-two.one.column{ width: 47%; margin-right: 3%; }
  .one-two.two.column{ width: 47%; margin-left: 3%; }

  .one-third.column, .grid-sizer{ width: 33.333%; }
  /*#investor_teaser .one-third.one.column, #investor_teaser .two-third.one.column { width: 38%;} */

  .one-third.one.column{ width: 29.334%; margin-right: 4%; }
  .one-third.two.column{ width: 29.334%; margin-right: 2%; margin-left: 2%; }
  .one-third.three.column{ width: 29.334%; margin-left: 4%; }

.home_teaserblock .one-two.one.column { width: 49.5%; margin-right: 0.5%; }
.home_teaserblock .one-two.two.column { width: 49.5%; margin-left: 0.5%; }
.globe_1row { margin-bottom: 1%; }

  .one-fourth{
    width: 23%;   /*23.5*/
    -webkit-box-sizing: border-box; /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
    box-sizing: border-box;
  }

#investor_teaser p.clear { display: none; }

   #investor_teaser .one-fourth, .contact_details { width: 18%; }
   #investor_teaser .one-fourth { min-height: 300px; border-top: 1px solid #c4c4c4; padding: 20px 0px; }
   #investor_teaser .one-fourth { min-height: 109px; }
   #investor_teaser .one-fourth.first { clear: left; }

   #investor_teaser .one-fourth.row2 { border-bottom: 1px solid #c4c4c4; }

   .contact_details { float: left; display: inline; margin-top: 0px; margin-left: 2%; }

  .one-fourth.first{ margin-left: 0%;  margin-right: 2%; }
  .one-fourth.second{ margin-left: 1%; margin-right: 1%; }
  .one-fourth.third{ margin-left: 1%; margin-right: 1%; }
  .one-fourth.last{ margin-left: 2%; margin-right: 0%; }



 /* 5 ROWS */
  .one-five.column{width: 14%;}

  .one-five:nth-child(1) { margin-left: 0%;  margin-right: 6%;}
  .one-five:nth-child(2) { margin-left: 2%; margin-right: 4%;}
  .one-five:nth-child(3) { margin-left: 3%; margin-right: 3%;}
  .one-five:nth-child(4) {  margin-left: 4%; margin-right: 2%;}
  .one-five:nth-child(5) {  margin-left: 6%; margin-right: 0%;}

 .container .schiffsnamen .one-fourth.column { width: 25%;} /* 22.5 */
 .container .currentTopics .one-fourth.column { width: 22.75%;  margin-left: 1.5%;  margin-right: 1.5%;}
 .container .picDownload .one-third.column{ width: 31.460%; margin-left: 1.4%;  margin-right: 1.4%;}

 /* Fuer top_navi */

 .container .one-six.column{ width: 16.66666666666667%;}
 .container .one-six.column.omega a{ margin-right:1px; }

 /* Miniaturbilder */

 .container .Miniaturbilder a.one-two.column{ width: 50%; margin-left: 0px; margin-bottom: 2%;}
 .container .Miniaturbilder a:nth-child(odd).one-two.column{margin-left: 0px;}
 .container .Miniaturbilder a img.one-two.column{ width: 100% }

 .container .downloadCenter .one-fourth.column{width:22.5%;}

 /* Fuellbereiche im container */

 .container #news.two-thirds.column{ width: 74.5%;}
 .container .one-thirds.column{width: 24%;  margin-right: 6%;}

 #career_teaser .container .one-thirds.column{ width: 300px; margin-left: 0px; }


 /* Fuer den Factscontainer rechts Extraeinteilung */

 .container .two-thirds.column{ width: 62%; margin-right: 4%;}
 .container .facts.one-thirds.column, .oneColumBilder {width: 28%;  margin-left: 5%; margin-right: 0px; }  /*35.5*/

 .fourty { width: 40%; margin-right: 3%; }
 .sixty { width: 54%; margin-left: 3%; }

 /* Für die Text-Seite  */
 .container .one-thirds.column.left{width: 19.5%; margin-left: 0%; margin-right: 2.5%; }
 .container .two-thirds.column.left{width: 78%;}

  /* groesserer thirds*/
  .container .one-thirds.big.column{width: 40%; margin-left: 0px;}
  .container .two-thirds.big.column{ width: 60%;}

 /* fuer das Object */



 /* fuers erste und letzte Element */

 .container .currentTopics .column.alpha,
 .container .column.alpha{margin-left: 0px;}


 .container .currentTopics .column.omega,
 .container .column.omega,
 .container #bottom_navi .one-fourth.column.omega a{ margin-right: 0px; }

 /* Spezial fuer picDownload */

.container.picDownload li.one-third.column{ width: 29.334%; margin-right: 2%; margin-left: 2%;}

 .container.picDownload li:nth-child(3n+1).one-third.column{  margin-left: 0px; }
 .container.picDownload li:nth-child(3n+3).one-third.column{margin-right: 0px; }

 .container .seiten_navi .one-six.column.alpha{ border-top: 1px solid #CCC; }


.iframe_full_page, .iframe_full_page_hrTool { height: 1400px; }


   @media only screen and (min-width: 2601px) {
    .flexslider .slides img, .headerbild img {  width: 100%; margin-top: -88px; }
    #slideshow_container { height: 600px; } .headerbild, #slideshow_container_klein { height: 600px; }
    .container_white { top: 430px; padding-bottom: 470px;}
    .scroll_teaser { top: 570px; }
    h2, h1 { font-size: 3.2em; }

    /* FLEXCAPTION */
    .flex-caption { top: 120px; }
    .flex-caption-deeper:before{ left: -100%; width: 80%; /*  evt. Größen ändern */ }
    .flex-caption-deeper { top: 80px; }
  }


  @media only screen and (min-width: 2001px) and (max-width: 2600px) {
    .flexslider .slides img, .headerbild img {  width: 100%; margin-top: 0px; }
    #slideshow_container { height: 600px; } .headerbild, #slideshow_container_klein { height: 600px; }
    .container_white { top: 430px; padding-bottom: 470px;}
    .scroll_teaser { top: 570px; }
    h2, h1 { font-size: 3.2em; }

    /* FLEXCAPTION */
    .flex-caption { top: 120px; }
    .flex-caption-deeper:before{ left: -100%; width: 80%; /*  evt. Größen ändern */ }
    .flex-caption-deeper { top: 80px; }
  }

   @media only screen and (min-width: 1681px) and (max-width: 2000px) {
    /* FLEXCAPTION */
    .flex-caption { top: 46px; }
   }

  @media only screen and (min-width: 1351px) and (max-width: 2000px) {
    .flexslider .slides img, .headerbild img {  width: 2000px; }
    .headerbild, #slideshow_container_klein, #slideshow_container { height: 560px; }
    .container_white { top: 420px; padding-bottom: 391px;}

    /*.flexslider .slides img, .headerbild img {  width: 2000px; height: auto; margin-top: -55px; } */
    /*#slideshow_container { height: 520px; } .headerbild, #slideshow_container_klein { height: 520px; } */
    /*.container_white { top: 460px; padding-bottom: 410px; } */

    #content.startseite{ overflow: hidden; } /* yeah!!!*/
    .startseite .container_white{ padding-bottom: 399px; }
  
    /* Abstand #content*/
    .item{ width: 30.333%; }


    /* FLEXCAPTION */
    .flex-caption { top: 120px; }

   }


/* #grosser Bildschirm
================================================== */
   @media only screen and (min-width: 1025px) and (max-width: 1350px) {
   
     .container .one-thirds.column.left.logo{ margin-right: 0px; }
    #header .nav_search_box{ margin-left: 0px; }
       
    #top_navi {font-size: 90%;}

    .item{ width: 30.333%; }
    #textseite{ padding-bottom: 60px; }
    /* Tabellenschrift kleiner */
    .container table{ font-size: 0.75em;}
    .container table.byname .name{ width: 24%;}
    .container table.byname .zahlen{ width: 10%;}
    .container table.byname .type{ width: 41%;}

    #header .small_navi li { padding-right: 6px; }
    #header .small_navi li span{ padding-left: 5px; }

    .flexslider .slides img, .headerbild img { width: 2000px; }
    .headerbild.ship_skizze img.pic_short { width: 1600px; }

    .headerbild, #slideshow_container_klein, #slideshow_container { height: 560px; }
    .container_white { top: 400px; padding-bottom: 391px; }       
    /* FLEXCAPTION */
    .flex-caption { top: 110px; font-size: 85%; }     

     .container_white .container.abstand_p{ padding: 60px 0px; }
     /* Breadcrumb */

     #breadcrumb, #news{ top: 440px; }
     #typo3container.textblock #breadcrumb, #typo3container.head_slider #breadcrumb{ top: 390px; }
     #typo3container.textblock.offices #breadcrumb{ top: 473px; }
     #typo3container.textblock.crumb_space #breadcrumb{ top: 0px; }

    .group_teaser { height: 420px; }

    .headerbild.ship_skizze { top: 40px; }


    /* SEITEN - NAVIGATION kleiner machen! */
    .container #seiten_navi ul li a{font-size: 0.75em; }
        
    /* #header .one-one.column img {width: 160px; height: auto;} */

    .facts { font-size: 0.8em;  }
    .container #bottom_navi .one-fourth.column { font-size: 0.8em;}

    #investor_teaser .newsPress.short_teaser{ min-height: 288px;  }
    #investor_teaser .newsPress.short_teaser.contact_details{ min-height: 0; }

    .home_teaserblock p{ min-height: 75px; }

    /* IFRAME */
    .iframe_full_page, .iframe_full_page_hrTool {font-size: 1.4em;}
    .wizard { font-size: 0.75em; }
    select#P32_ddlAnrede { font-size: 1.6em;}
    .content_text { font-size: 1.4em;}

     /* Topper */
    .topper, .scroll_teaser{ right: 20px; }

   }

   /* Extragroesse fuer Navigation */
 
  @media only screen and (min-width: 1025px) and (max-width: 1050px) {
     #top_navi{ padding-left: 0px;}
  }


    /* Note: Design for a width between 1024px and higher */
   @media only screen and (min-width: 1025px) {

/*
    #top_navi ul li { margin:0; padding:0; background-color:none;}
    #top_navi ul li ul { margin:0; padding:0; }
    #top_navi ul li ul li { margin:0; padding:0; }
    #top_navi ul li ul li a { margin:0; padding:0; background-color:none;}
    #top_navi ul li ul li ul li a,
    #top_navi ul li ul li ul li a:hover { background-color:none; }
    #top_navi ul li ul li ul { margin:35px 0 0 0 !important; clear: both; border: 1px solid black; display:block; position:relative; padding:0;}
*/
   }



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

  @media only screen and (min-width: 769px) and (max-width: 1024px) {
    .container .two-thirds.column,  .container .two-thirds.big.column, #newsletter_signup { width: 100%; margin: 0px; }

    .headerbild.ship_skizze { top: 40px; }
 
     /* Newsletter */

    .newsletterCheckbox a{ display: inline; padding-left: 4px; }
    .newsletterCheckbox input{ vertical-align: -1px; }

    .container{  font-size: 90%;}     /* font-size setzen */

    .scroll_teaser {top: 470px;}

    #content { top: 90px; }

    .group_teaser { background-position: 300px 0px; }
        
    .flexslider .slides img, .headerbild img {  width: 1300px; }
    .headerbild,  #slideshow_container { height: 400px;  }
    .container_white { top: 370px; padding-top: 66px; padding-bottom: 320px; }

    /* FLEXCAPTION */
    .flex-caption { top: 46px; font-size: 80%; }

    .ship_detailpage, .container_white .container{/* padding-top: 0px; */ }

    /* globe_slider - Startseite */
    article h3{ font-size: 1.6em !important; }

     /* Breadcrumb */
     #breadcrumb, #news{ top: 380px; }
     #typo3container.textblock #breadcrumb,  #typo3container.head_slider #breadcrumb{ top: 370px; }
     #typo3container.textblock.offices #breadcrumb{ top: 473px; }
     #typo3container.textblock.crumb_space #breadcrumb{ top: 0px; }

    span.bildunterschrift{ font-size: 0.85em; line-height: 1.4; }

    .one-thirds.column ul#network li{font-size: 93%;}
    .one-thirds.column ul#network li a img {width: 60px; height: auto; margin-left: -30px}

    .vessel #breadcrumb, .crumb_space #breadcrumb { margin-bottom: 40px; }
    .crumb_top{ padding-top: 86px; }

    .abstand_p { padding: 30px 0px; }
    .abstand_oben_p { padding-top: 40px; }
    .abstand_m { margin: 30px 0px; }
    .abstand_oben_m { margin: 30px 0px; }

    .container_white .downloadCenter{ margin-top: 0px; }

   
    #investor_teaser .one-fourth { width: 30%; margin-left: 0%; margin-right: 2%; min-height: 150px;}
    #investor_teaser .one-fourth.empty { display: none; }
     #investor_teaser.container.abstand_oben_p{ padding: 0px; }
     .newsPress.short_teaser.contact_details{ padding: 0px; }
     #investor_teaser.container .newsPress.short_teaser.contact_details .one-fourth.column{ min-height: 0px; }

    .container .facts.one-thirds.column, .oneColumBilder  { margin-left: 0; width: 100%; }
    .container .one-fourth.column { width: 48%; margin-left: 0px; margin-right: 0px; margin-bottom: 2%; }
    .container .one-fourth.first.column, .container .one-fourth.third.column{ margin-right: 1%;}
    .container .currentTopics .one-fourth.second.column, .container .one-fourth.second.column, .container .one-fourth.last.column{  margin-left: 1%; }
    .container .facts { margin-bottom: 0px; }
    .container .facts ul { padding: 0px; margin-left: 0px;}


    .container #bottom_navi .one-fourth.column { font-size: 0.84em;}
    .container .two-thirds .newsbox h2{margin-top: 13px}
    .container .one-fourth{ width: 24.25%; }

    #textseite .facts h3 { padding-left: 0px; padding-top: 0px;}



    .item{ width: 45%; }

    /* top_streifen - Elemente */

    #header .small_navi li a{ font-size: 0.88em;}
    #header .small_navi li { padding-right: 6px; }
    #header .small_navi li span{ padding-left: 5px; }

    /* Suchfeld verkleinern damits passt */
    .nav_search_box{ width: 180px; height: 19px;}/* margin-top: 52px; */
    .nav_search_box li{ width: 150px; }
    .nav_search_box li input{ height: 18px;}
    .nav_search_box li.lupe{ width: 22px; height: 18px;}


    /* Startseite .home_teaserblock */

    .home_teaserblock p{ min-height: 70px; }
    .home_teaserblock.abstand_p{ padding: 50px 0px; }

    .container #footer div{ width: 89%;}

    .contenttable p.bodytext{ font-size: 0.9em; }
    /* Tabellenschrift kleiner */
    .container table{ font-size: 0.85em;}
    .container table.byname .name{ width: 21%;}
    .container table.byname .zahlen{ width: 11%;}
    .container table.byname .type{ width: 41%;}

    .container .schiffsnamen li.one-fourth.column{ width: 50%; }
    .container .schiffsnamen ul li.one-fourth.column a{ margin-top: 0%; }

    /* facts */

    .container .facts.one-thirds.column, .oneColumBilder { font-size: 0.9em;  }
    #factsColumn #jp_container_1 { padding:0 0px; }

    /* IFRAME */
    .iframe_full_page, .iframe_full_page_hrTool {font-size: 1.15em;}

    /* Worldwide .offices */
    .offices h1.abstand_oben_p{ padding: 50px 0px 0px 0px;  }
    .office_select{ margin: 30px 0px; }
    .office_select .two-thirds.column.abstand_unten_m{ margin-bottom: 0px; padding-bottom: 20px; }

    .offices .office_select h3, #textseite .offices .facts h3{ margin-bottom: 10px; font-size: 1.4em; }
    .facts .offices-select-title{ display: none; }
    .offices-select-title{ display: inline-block; margin-bottom: 10px; }
    .offices .facts.one-thirds.column{ padding-bottom: 20px; }
    form.offices div.clear{ display: none;}

    /* select abstand nach links*/
    #city{ margin-left: 45px; }
    #country{ margin-left: 20px;}
    #area{ margin-left: 40px; }

     /* Bottom-Navi */
     #Liste1 .one-fourth.column, #Liste2 .one-fourth.column, #Liste3 .one-fourth.column{ width: 50%;  }
     #Liste1, #Liste2, #Liste3 { width: 50%; }

     #bottom_navi .one-fourth.column{ margin-bottom: 0px; }
     #bottom_navi div.one-fourth.column.omega{ padding: 30px 0px; }
     .container #bottom_navi .one-fourth.column{ font-size: 1.1em; }

 }


    @media only screen and (min-width: 600px) and (max-width: 800px) {
      .container .facts.one-thirds.column, .oneColumBilder {
        margin-top: 0%;
        width: 36.5%;  margin-left: 2%; font-size: 0.85em;
      }
     #header .two-thirds.column.left.top_banner { height: 42px; }

.breadcrumb ul li h3 a, .breadcrumb ul li.pageLinkDropdown a { font-size: 0.75em; }

    }


  @media only screen and (min-width: 769px) and (max-width: 1116px) {
    /*.container .one-fourth.second{ width: 40%; }*/
     .picDownload li p:first-child{ min-height: 28px; }
     .iframe_full_page, .iframe_full_page_hrTool { height: 1600px; }
  }

 @media only screen and (min-width: 769px) and (max-width: 904px) {

  /* globe_slider - Startseite */
  .globe_slider{ padding-bottom: 0px; }
  article{ width: 48%; }
  article h3{ font-size: 1.4em !important; }
 }

@media only screen and (min-width: 320px) and (max-width: 573px) {
   
 .daten td{ width: 20%;}

}

/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 481px) and (max-width: 768px) {

     .iframe_full_page, .iframe_full_page_hrTool { height: 2900px; }

     .abstand_oben_p { padding: 40px 0px; }
     .vessel #breadcrumb, .crumb_space #breadcrumb { margin-bottom: 40px; }
     .crumb_top{ padding-top: 86px; }
    .abstand_p { padding: 40px 0px; }
    .abstand_m { margin: 40px 0px; }
    .abstand_oben_m { margin: 40px 0px; }

.headerbild.ship_skizze { top: 93px; }
.flexslider .slides img, .headerbild img{ width: 1200px; }

#investor_teaser .one-fourth { width: 47%; }
h2.corporate_h2 { margin-top: 0px; }

.clear.abstand_oben_p{ padding: 0px; }


  /* FLEXCAPTION */
     .flex-caption { top: 38px; font-size: 80%; }


.home_teaserblock .one-two.one.column, .home_teaserblock .one-two.two.column, #newsletter_signup{ width: 100%; }

 /* globe_slider - Startseite */
 .globe_slider{ padding-bottom: 0px; }
 article{ float: none; width: 100%; }
 article h3{ font-size: 1.6em !important; }

.container .facts.one-thirds.column, .oneColumBilder {
    margin-left: 0; margin-top: 20px;
    width: 100%; }

#content { top: 90px; }

.container .facts { margin-bottom: 0px; }

#textseite .facts h3 { padding-left: 0px; padding-top: 0px;}

.container .facts ul { padding: 0px;}
 #factsColumn #jp_container_1 { padding:0 0px; }

/*.downloadCenter { margin-top: 0px; } */
    
    .container .two-thirds.column,  .container .two-thirds.big.column { width: 100%; margin: 0px; }

           
           
    .headerbild, .headerbild #flexslider { height: 300px; }
    .container_white,#news { top: 300px; /*padding-top: 66px;*/ padding-bottom: 240px; }
     #news{ padding-bottom: 300px; }
    .ship_detailpage{ padding-top: 0px; } /* , .container_white .container */

.downloadCenter{/* margin-top: 0px; */}
 .textblock li{ margin-bottom: 20px; }

 /* Bredcrumb */

#breadcrumb{ top: 300px; }

.group_teaser { height: 480px; background-position: 115px 0px; }

        .container {  font-size: 88%; width: 92%; }     /* font-size setzen */

        .container .one-one.column,
        .container .one-two.column{ width: 100%; }
        .container .one-third.column{ width: 33.334%; }
        .item{ width: 100%; margin: 0px 0px 10px 0px;  }

.home_teaserblock .one-third.column { width: 100%; margin: 0px; padding-bottom: 15px; }
         .home_teaserblock .one-third.column div { width: 40%; margin-right: 5%; float: left;}
.home_teaserblock .one-third.column p { width: 40%; margin-left: 5%; float: left;}

        .container .currentTopics .one-fourth.column,
        .container .one-fourth.column {
          width: 47%;
          margin-left: 0px;
          margin-right: 2%;
          margin-bottom: 2%;
         }
      
#investor_teaser .one-fourth { min-height: 310px; }
#investor_teaser .one-fourth.last_pic { margin-right: 50%; }
#investor_teaser .one-fourth.first { clear: none; }
#investor_teaser .one-fourth.empty { display: none; }

      
       .container ul.currentTopics li.one-fourth.column.alpha{  margin-right: 2%; }
       .container ul.currentTopics li.one-fourth.column.omega{  margin-left: 2%; }

     /* Bottom-Navi */

     #Liste1 .one-fourth.column, #Liste2 .one-fourth.column, #Liste3 .one-fourth.column{ width: 50%;  }
     #Liste1, #Liste2, #Liste3 { width: 50%; }

     #bottom_navi div.one-fourth.column.omega{ padding: 30px 0px; }
     #bottom_navi .one-fourth.column{ margin-bottom: 0px; }


     .container #bottom_navi .one-fourth.column { font-size: 0.95em;}

        /* fuer die Top-Navigation */

        #top_navi ul li.one-six a{padding-left: 5px; }
        #top_navi ul li:nth-child(3) a{ margin-right: 0px;}

        #top_navi ul li a{ font-size: 0.55em; }


        /* Suchfeld  */
        .nav_search_box{ float: left; margin-top: 10px; margin-bottom: 2px;}

        /* contentbereich */
        .container #news.two-thirds.column{width: 60%;}

        .container .two-thirds.column.left{width: 100%;}
        .container .one-thirds.column.left{width: 100%; margin-left: 0%; margin-right: 0%}



         .container .two-thirds .newsbox h2{margin-top: 13px; border:none;}

         /* SEITEN - NAVIGATION kleiner machen! */

         .container #seiten_navi ul li a{ font-size: 0.9em;}


         /*** Seitennavigation Unter-Navi ***/

        /* li.active.navi_arrow{ border-bottom: 1px solid rgb( 230, 230, 230 );} */
         li.active.navi_arrow ul{ background: rgb( 255, 255, 255 );}


         .container #seiten_navi ul li.Navilevel3 a{font-size: 0.75em;}
         .container #seiten_navi ul li.Navilevel3.alpha{ border-top: 1px solid transparent; }

          /* ZITAT */
          .container #seiten_navi .seiten_navi_text{padding-top: 4px;}

       /* .newsbox */
        .newsbox{ padding-bottom: 30px; }
         .newsbox.ir_contact p.bodytext{ margin-bottom: 0px;  }
         .newsbox.ir_contact > p.bodytext{ line-height: 0px;   }
         .newsbox.ir_contact img, .newsbox.ir_contact.first img{ padding: 30px 0px 0px 0px; line-height: 0px; }


         /*  Footer  */
         .container #footer{ height: auto; font-size: 0.75em; text-align: center; padding-bottom: 10px;}
         .container #footer div{ width: 100%;}
         .container #footer div ul.small_navi{ float: none; padding-top: 0px; margin-top: 0px; }


         .container #footer div li a,
         .container #footer div li span{line-height: 0px; }

         /* Schiffsansicht */

           .container .Miniaturbilder.column {float: none; clear: right; width: 100%; margin-top: 0px}
           .container .Miniaturbilder .one-two.column{ width: 32%; margin-bottom: 24px; margin-top: 7px;}   /* 3er Aufteilung */

           .container .Miniaturbilder img:nth-child(even).one-two.column {margin-right: 2%;}
           .container .Miniaturbilder img:nth-child(3).one-two.column {margin-right: 0px;}

           .container table.shipdetails { width: 100%; border:none; margin-left: 0px; }
           .container table.shipdetails tbody, .container table.shipdetails tr{ width: 100%; }
           /* funktioniert nicht:
            .container table.shipdetails td{ width: 64%; }
           .container table.shipdetails td:first-child{ width: 35%; }*/

         /* Tabellenschrift kleiner */
           .container table{ font-size: 0.85em;}
           .container table.byname .name{ width: 23%;}
           .container table.byname .zahlen{ width: 10%;}
           .container table.byname .type{ width: 42%;}

      
 .list_page .newsbox .groupContent h3 { margin-bottom: 40px; }
 .list_page .newsbox img { width: 100%; }
 .newsbox.pic_left a[rel="lightbox"] { width: 40%; }

            .container .schiffsnamen a{display: block; text-align: left; font-size: 0.7em;}


       /* downloadCenter */

     .container_white .downloadCenter {  margin-top: 0; }

        .container .downloadCenter li.one-fourth.column{ width: 33.334%; margin-bottom: 0px; }

     /* Presse DownloadCenter */
  

  .container.picDownload li.one-third.column{ width: 48%; margin-right: 0px; margin-left: 0px;}

  .container.picDownload li.one-third.column:nth-child(2n+1){ margin-right: 1%; }
  .container.picDownload li.one-third.column:nth-child(2n+2){ margin-left: 1%; }
  .picDownload li p:first-child{ min-height: 26px; }

  .picDownload:last-child{ margin-bottom: 0px; }
  .picDownload:last-child  li.one-third.column{ margin-bottom: 0px; }


        /* IFRAME */
         .iframe_full_page, .iframe_full_page_hrTool {font-size: 1.2em;}
         .wizarditem { float: left; margin-bottom: 15px; }

         /* FLASH-BANNER */
        #seiten_b { display: none; }
        #top_b { display: none; }
        .seiten_banner, .top_banner{ display: none; }


          /* Newsletter */
         #newsletter_signup #form_submit { width: 89px; }
.newsletterCheckbox a{ display: inline; padding-left: 4px; }
.newsletterCheckbox input{ vertical-align: -1px; }

        .newsbox a img, .newsbox img{ width: 55%; }
        .newsbox.pic_left img{ margin: 0px; float: none;  }
        .newsbox div{ overflow: visible; width: 100%; }
        .newsbox h2, .newsbox h3, .newsbox h4{ display: block; width: 100%; }
        .newsbox h2{ margin-top: 30px; }

     /* Topper */
     .topper, .scroll_teaser{ right: 19px; }

    }


  @media only screen and (min-width: 470px) and (max-width: 700px) {
     .iframe_full_page, .iframe_full_page_hrTool { height: 3200px; }

  }

/* Extra-Grösse Breadcrumb */
@media only screen and (min-width: 481px) and (max-width: 500px) {

.breadcrumb h3{  }
.breadcrumb h3 a{ padding: 10px 10px 10px 0px; }

}


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 480px) {
        .container { font-size: 82%; width: 90%; }   /* font-size setzen */
        

     .iframe_full_page, .iframe_full_page_hrTool { height: 3000px; }
       .abstand_oben_p { padding: 40px 0px; }
.vessel #breadcrumb, .crumb_space #breadcrumb { margin-bottom: 40px; }
 .crumb_top{ padding-top: 86px; }
     #textseite > .abstand_oben_p { padding: 50px 0px 0px 0px; }
    .abstand_p { padding: 30px 0px; }
    .abstand_m { margin: 30px 0px; }
    .abstand_oben_m { margin: 30px 0px; }

     .oneColumBilder.abstand_oben_p{  }

     .group_teaser { background-image: none; height: auto; }

#investor_teaser .one-fourth { width: 100%; min-height: 0px; }
h2.corporate_h2 { margin-top: 0px; }

 /* FLEXCAPTION */
.flex-caption {   position: absolute; top: 30px; width: 100%; padding: 0px;  font-size: 70%; }
.flex-caption-deeper:before{ display: none; }


 /* globe_slider - Startseite */
 .globe_slider{ padding-bottom: 0px; }
 article{ float: none; width: 100%; }
 article h3{ font-size: 1.6em !important; }
 article.tag-bg-ccc8b5 h3{  word-wrap: break-word;}

  /* Breadcrumb */
 #breadcrumb{ top: 240px; }
/*.breadcrumb{ padding: 10px 0px;   .breadcrumb h3 a{ padding: 5px 10px 5px 0px; }}*/
.breadcrumb h3{ line-height: normal; }


.breadcrumb ul li h3 a, .breadcrumb ul li.pageLinkDropdown a { font-size: 0.6em; }

 .textblock.offices #breadcrumb{ top: 473px; }

#typo3container.head_slider #breadcrumb, #typo3container.head_slider .container_white{ top: 174px; }

.home_teaserblock.abstand_unten_p{ padding-bottom: 0px; }

.home_teaserblock .one-two.one.column, .home_teaserblock .one-two.two.column{ width: 100%;  }
.home_teaserblock .one-two.one.column{ margin-bottom: 20px; }

.group_teaser p{ width: 90%;}

#news{ top: 240px; padding-bottom: 220px; }

   /* DownloadCenter */
  

  .container.picDownload li.one-third.column{ width: 48%; margin-right: 0px; margin-left: 0px;}

 .container.picDownload li.one-third.column:nth-child(2n+1){ margin-right: 1%; }
 .container.picDownload li.one-third.column:nth-child(2n+2){ margin-left: 1%; }
.picDownload li p:first-child{ min-height: 26px; }

 .picDownload:last-child{ margin-bottom: 0px; }
.picDownload:last-child  li.one-third.column{ margin-bottom: 0px; }

.container .facts.one-thirds.column, .oneColumBilder  {
    margin-left: 0;
    width: 100%; }

#content { top: 90px; }

.container .facts { margin-bottom: 0px; }

#textseite .facts h3 { padding-left: 0px; padding-top: 0px;}

.container .facts ul { padding: 0px;}
 #factsColumn #jp_container_1 { padding:0 0px; }

        .container .one-one.column,
        .container .one-two.column,
        .container .two-thirds.column,
        .container .one-third.column,
        .container .one-thirds.column,
        .container .currentTopics .one-fourth.column,
        .container .one-fourth.column,
        .container .one-thirds.column,
        .container .one-thirds.column.left,
        .container .two-thirds.column.left,
        .container .two-thirds.column .newsbox div,
        .container .one-five.column, .introtext, .item, .newsbox a img, .newsbox img, #newsletter_signup{ width: 100%; margin-left: 0px;  margin-right: 0px;}
        .container #news.two-thirds.column{ width: 100%; margin-left: 0px;  margin-right: 0px;}
        .container .facts.one-thirds.column, .oneColumBilder.column { width: 100%; margin-left: 0px;  margin-right: 0px;}

        .newsbox.pic_left img{ margin: 0px; float: none;  }
        .list_page .newsbox .groupContent h3 { margin-bottom: 20px; }
        .list_page .newsbox img { width: 60%; }
        .newsbox.pic_left a[rel="lightbox"] { width: 100%; margin-bottom: 30px; margin-right: 0px; }
        .newsbox div{ overflow: visible; width: 100%; }
        .newsbox h2, .newsbox h3, .newsbox h4{ display: block; width: 100%; }

       /* .newsbox */
        .newsbox{ padding-bottom: 30px; }
         .newsbox.ir_contact p.bodytext{ margin-bottom: 0px;  }
         .newsbox.ir_contact > p.bodytext{ line-height: 0px;   }
         .newsbox.ir_contact img, .newsbox.ir_contact.first img{ padding: 30px 0px 0px 0px; line-height: 0px; }


         .clear.abstand_oben_p{ padding: 0px; }

         .container .one-third.column {  margin-bottom: 20px; }

         /* newspress */
         .newsPress .rightcolumn{ float: none; width: 100%; }

        .newsPress h2{ float: none; width: 100%; }

         .container .two-thirds.column.left.top_banner{}

        .container .two-thirds .newsbox h2{padding-top: 13px}

        .container .two-thirds .newsbox img{float: none; width: 100%; height: auto; margin: 0px; margin-bottom: 25px;}

        .container .one-fourth.column{margin-bottom: 2%;}
         #investor_teaser.container .one-fourth.column{ margin-bottom: 0px; }

        .container .one-fourth.column p{font-size: 0.95em;}

        .blaettern{  width: 90%; margin: 0px auto;}
        .blaettern ul{ display: block; }
    _teaser.abstand_m{ margin: 0px 0px 0px 0px; }

.two-thirds.column.abstand_oben_p{ padding: 40px 0px 0px 0px; }

       
        .flexslider .slides img {  width: 840px; }
        .headerbild.ship_skizze { position: relative;  top: 0px;}
       .headerbild img{ width: 880px; height: auto;}
        .headerbild.ship_skizze img{  width: 100%; height: auto;}
       .headerbild .flexslider, .headerbild { height: 240px; }
       .container_white { top: 240px; padding-bottom: 225px;  } /* 225 */
       .startseite .container_white{  top: 240px; }
       .textblock.ship_detail_page .container_white{ top: 0px; }
       .textblock.vessel .container_white, .textblock.ship_detail_page .container_white {  padding-bottom: 0px;  }

/* Newsletter */
#newsletter_signup{ margin-top: 0px; }
#newsletter_signup input[type="text"], form.confirmBond input[type="text"]{ float: none; width: 94%; }
.newsletterCheckbox input{ vertical-align: -1px; }
.newsletterCheckbox a{ display: inline; padding-left: 4px; }
.downloadCenter.abstand_unten_m{ margin-bottom: 0px; }

form.confirmBond div.countryVerificationCountry{ padding: 0px 0px 20px 0px; }
form.confirmBond .countryVerificationCountryTitle, form.confirmBond .countryVerificationCityTitle, form.confirmBond .countryVerificationPlzTitle{
  display: block;
  margin-bottom: 20px;
}
form.confirmBond select{ float: none; margin-bottom: 0px; }

.newsbox h4{ margin-top: 30px; }


.ship_detailpage{ padding-top: 50px; }  /* , .container_white .container */

.container .facts.one-thirds.column, .oneColumBilder { padding-top: 20px; }
#textseite .facts h3{ margin-top: 0px; }
.container .facts ul, #factsColumn #jp_container_1{ margin-left: 0px; }

.newsPress.short_teaser { min-height: 0px;}

      /* IR KONTAKT */
     .person img{ margin: 0px auto; }

      /* newsPress */
      .newsPress .leftcolumn{ float: none; margin-right: 0px; width: 100%; min-height: 0px; }
      .newsPress h2, .newsPress h3, .newsPress p, .timer{ padding: 0px 20px 0px 20px; text-align: left; }
      .container .newsPress h2, .newsPress h3, .newsPress p, .timer{ padding: 0px; }

      .container .newsPress div h3{ margin-top: 0px; }

       /* Video */
       .jp-video .jp-type-single{ height: 100%; }

       .container .facts{ margin-bottom: 0px; }



        #header.container .top_streifen .two-thirds.column.left{
          left: 0px;  bottom: 0px;
        }

         #header.container .top_streifen .two-thirds.column.left .small_navi {
          float: none;
          width: 100%;
          margin-left: 0px;  margin-bottom: 0px;
          bottom: 45px;
        }

        /* grosse Ueberschrift im Textblock */
        .two-thirds h1{ font-size: 2.4em; }
        .container .two-thirds h3{ margin-top: 0px; }

        .nav_search_box{ float: left; margin-top: 12px; margin-bottom:12px; }


           /* SEITEN - NAVIGATION kleiner machen! */
         .container #seiten_navi {font-size: 0.9em;}
         .container #seiten_navi ul li a{ }
    



           /*** 3. NAvigationsebene  **/*
         .container #seiten_navi ul li.Navilevel3 a{font-size: 0.85em;}
         .container #seiten_navi .seiten_navi_text{padding-top: 4px;} /*ZITAT/*

         /* fuer Seite Download mit Bildern */
         .container .picDownload .one-third.column{
          width: 100%;
          margin-left: 0px; margin-right: 0px;
         }
         .container .picDownload.alpha h2{ margin-top: 0px; }


        /* fuer die rechte Seite auf der index */
        .one-thirds.column ul#network li{ padding-top: 169px; font-size: 1.2em;}
        .one-thirds.column ul#network li img{ top: 50px; }

         /*  footer  */
         .container #footer{ height: auto; font-size: 0.7em; text-align: center; padding-bottom: 10px;}
         .container #footer div{ width: 100%;}
         .container #footer div ul{ float: none; padding-top: 0px; margin-top: 0px; }


         .container #footer div li a,
         .container #footer div li span{line-height: normal; }


         /* Schiffsansicht */
         .ship_detailpage h1, .ship_detailpage h3{ clear: both; }
         .container .Miniaturbilder.column {float: none; width: 100%; margin-top: 0px; margin-left: 0px; }

         .container .Miniaturbilder img:nth-child(even).one-two.column {margin-right: 2%;}
         .container .Miniaturbilder img:nth-child(3).one-two.column{margin-right: 0px;}

         .container table.shipdetails { float: none; clear: left; width: 100%; border:none; }
         .container table.shipdetails td{ width: 54%; }
         .container table.shipdetails td:first-child{ width: 35%; }



         /* Tabellenschrift kleiner */
         .container table{ font-size: 0.95em;}
         .container table.byname .name{ width: 21%;}
         .container table.byname .zahlen{ width: 13%;}
         .container table.byname .type{ width: 35%;}

         .container .schiffsnamen { padding: 6px 2%;}
         .container .schiffsnamen p{ float: none; width: 100%; height: auto; margin-bottom: 8px; padding-left: 0%; }
         .container .schiffsnamen a{display: block; text-align: left; font-size: 0.7em;}
         .container .schiffsnamen li.one-fourth.column{ width: 48%; }


        .container .facts{
          margin-top: 0px; margin-bottom: 0px;
          width: 100%;
        }

       /* downloadCenter */
      
        .container .downloadCenter li.one-fourth.column{width: 50%; margin-bottom: 0px;}
        .container .downloadCenter li.one-third.column{width: 100%; margin-bottom: 8px !important; }
        .pdf_row a{ float: none; width: 100%; margin-right: 0px; }
        .container_white .downloadCenter{ clear: both; margin-top: 30px; }

       /* IFRAME */
         .iframe_full_page, .iframe_full_page_hrTool {font-size: 1.4em;}
         .wizarditem { float: left; margin-bottom: 15px; font-size: 0.8em; }

          /* FLASH-BANNER */
        #seiten_b { display: none; }
        #top_b { display: none; }
        .seiten_banner,.top_banner { display: none; }

       /* Newsletter */
         #newsletter_signup #form_submit { width: 89px; }

     /*****************************/

.contact_teaser div a img {
    margin-left: 30%;
    width: 40%;
}

#textseite .contact_teaser div { margin-bottom: 20px; }

   
      /*Startseite group-teaser*/
      .group_teaser img{ height: 500px; }

      .introtext{ margin-bottom: 50px; }

      /* tabs */
      ul.tabs{ margin-top: -54px;}

      .investor_contact img{ width: 200px; height: 200px; margin-left: 25%; }
      .investor_contact .one-two div{ margin-top: 0px; margin-bottom: 50px; }
      .investor_contact .one-two.last div{ margin-bottom: 0px; }
      /* Anleihe facts kennzahlen */

     .kennzahlen .head_line_number, .kennzahlen .number{ margin-left: 0px; }
     .kennzahlen li strong{ padding-top: 12px; }
     .kennzahlen .number{ width: 60px; margin-left: 10px; padding-top: 10px; height: 50px;  }

     /* Worldwide .offices */
    .offices h1.abstand_oben_p{ padding: 30px 0px 0px 0px;  }
    .office_select{ margin: 0px 0px 30px 0px; }
    .office_select .two-thirds.column.abstand_unten_m{ margin-bottom: 0px; padding-bottom: 20px; }

    .offices .office_select h3, #textseite .offices .facts h3{ margin-bottom: 10px; font-size: 1.4em; }
    .facts .offices-select-title{ display: none; }
    .offices-select-title{ display: inline-block; margin-bottom: 10px; min-width: 120px; }
    .offices .facts.one-thirds.column, .oneColumBilder { padding-bottom: 20px; }
    form.offices div.clear{ display: none;}



.container .office_select h3, #textseite .offices .facts h3{ margin-top: 0px; }

    /* select abstand nach links*/
 
    #city{ margin-left: 42px; }
    #country{ margin-left: 42px;}
    #area{ margin-left: 42px; }

    /* Bottom-Navigation */
    .container #bottom_navi .one-fourth.column{ width: 100%; }
    #bottom_navi div.one-fourth.column.omega{ padding: 60px 0px 20px 0px; }
    #Liste1.abstand_p, #Liste2.abstand_p, #Liste3.abstand_p{ width: 100%; padding: 20px 0px 20px 0px;}
    #footer h2, #sub1{ font-size: 1.6em; }
    .container #bottom_navi .one-fourth.column{ font-size: 1.1em; }

     #footer .small_navi { float: none; width: 100%; }
     #footer .small_navi:after, .clearfix:after{ content: " "; clear: both; }
     .container #bottom_navi .one-fourth.column, #footer .small_navi li a, #footer .small_navi li span, .copy{ font-size: 1.2em; }

     .footer_impressum{ padding: 10px 0px 60px 0px; }

     /* Topper */
     .topper, .scroll_teaser{ right: 19px; }

     .download, p.bodytext a.download{ word-wrap: break-word; }

    }

 /*** SLICKNAV ***/

 .mobile-header, .mobile_navi{
   display: none;
 }


 @media only screen and (max-width: 1024px) {

  #header { position: absolute; top: 0px; left: 0px; height: auto;  overflow: visible; }

   #top_navi, .arrow_down{ display: none; }

   .mobile-header{ display: block;  height: auto; padding: 20px 0px 20px 0px; }
   
  #header a.logo {
    position: absolute; top: 0px; left: 0px; margin-top: 20px; margin-left: 10px; width: 100px; height: auto;
  }

  #header .nav_search_box{ display: none; }
  #header .mobile-header .nav_search_box { display: block; float: none; position: absolute; right: 74px; top: 32px; margin-top: 0px; padding-top: 0px;  }
   #header .nav_search_box form{ top: 25px; }


  #header .container a.logo.one-thirds.column.left img{ margin: 0px; height: auto; }

  #content{ top: 93px; }
  #slideshow_container, .headerbild { top: 93px; padding-top: 0px; } /*93*/

   .slicknav_nav li.column{ float: none; width: 100%; }
   .slicknav_nav ul.container, .slicknav_nav .container .one-six.column, .slicknav_nav .one-fourth.column{ margin: 0px; width: 100%; }

  /* Miniaturbilder */
  /* Schiffsansicht */
  .ship_detailpage{ padding-top: 50px; }
  .ship_detailpage h1, .ship_detailpage h3{ clear: both; }
  .container .Miniaturbilder.column {float: none; width: 100%; margin-top: 0px; margin-left: 0px; }
  .container .Miniaturbilder a.one-two.column{ width: 100%; margin-bottom: 24px; margin-top: 7px;}


 }


/********************************************************************************************************************/

/* Anpassung Studio Wencelides/SD */

#investor_landingpage>div.second {
  position:absolute;
  top:30px;
  right:0;
}

#investor_landingpage>span.short_teaser {
  display:block;
}

.container>p.bodytext, #investor_landingpage>span.short_teaser {
  width: 62%;
}

body.fullwidth .container .two-thirds.column, .container .fullwidth.colum {
    margin-right: 0;
    width: 100%;
}

.fleet_list .schiffsnamen .one-fourth.column {
  width:200px;
  margin-bottom:0;
}


@media only screen and (min-width: 2601px) {
}


@media only screen and (min-width: 2001px) and (max-width: 2600px) {

}


@media only screen and (min-width: 1681px) and (max-width: 2000px) {

}


@media only screen and (min-width: 1351px) and (max-width: 2000px) {

}


/* #grosser Bildschirm
================================================== */
@media only screen and (min-width: 1025px) and (max-width: 1350px) {

  #investor_teaser .newsPress.short_teaser {
    min-height:0;
  }
  
  .facts .bild {
    width:40%;
  }
  
  .facts .bild img {
    max-width:110px;
    display:block;
    float:right;
  }

}


   /* Extragroesse fuer Navigation */
 
@media only screen and (min-width: 1025px) and (max-width: 1050px) {

}


    /* Note: Design for a width between 1024px and higher */
@media only screen and (min-width: 1025px) {

}


/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

@media only screen and (min-width: 769px) and (max-width: 1024px) {

  #investor_landingpage>div.second {
    position:static;
  }

  .container>p.bodytext, #investor_landingpage>span.short_teaser, #investor_landingpage .first {
    width: 100%;
  }

  body.fullwidth .container .two-thirds.column {
      width: 100%;
  }
    
  #textseite .facts h3 {
    padding: 6px 0px 4px 0px;
  }

}


@media only screen and (min-width: 600px) and (max-width: 800px) {

}


@media only screen and (min-width: 769px) and (max-width: 1116px) {

}


@media only screen and (min-width: 769px) and (max-width: 904px) {

}


@media only screen and (min-width: 320px) and (max-width: 573px) {

}


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

@media only screen and (min-width: 481px) and (max-width: 768px) {
  .container>p.bodytext, #investor_landingpage>span.short_teaser {
    width: 100%;
  }

  body.fullwidth .container .two-thirds.column {
      width: 100%;
  }

}


@media only screen and (min-width: 470px) and (max-width: 700px) {

}

/* Extra-Grösse Breadcrumb */
@media only screen and (min-width: 481px) and (max-width: 500px) {

}


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

@media only screen and (max-width: 480px) {
  .container>p.bodytext, #investor_landingpage>span.short_teaser {
    width: 100%;
  }

  body.fullwidth .container .two-thirds.column {
      width: 100%;
  }

}


@media only screen and (max-width: 1024px) {
  #Liste1 {
    width:auto;
    float:none;
    padding-bottom:0;
  }
  #Liste1 h2 {
    margin-bottom:0;
  }
  #Liste2, #Liste3 {
    margin-right:10%;
  }
  #Liste2, #Liste3, #Liste4 {
    width:23%;
  }
}

@media only screen and (max-width: 800px) {

  .startseite .one-two.column.second {
      margin-left: 0;
      margin-top: 20px;
      padding-top: 40px;
      width: 100%;
      float:none;
  }

  .startseite .one-two.column.first {
      margin-right: 0;
      width: 100%;
      float:none;
  }
  
  .startseite .triplet_wrapper {
    overflow:auto;
  }
  
  .startseite .triplet_wrapper .timer {
      display:none !important;
  }
  
  #investor_teaser .one-third,
  #investor_landingpage .one-third.box1,
  #investor_landingpage .one-third.box2,
  #investor_landingpage .one-third.box3 {
      float: none;
      height: auto;
      margin-left:0;
      width:100%;
      margin-bottom:20px;
  }
  
  #investor_landingpage .one-third.box4 {
    top:0 !important;
    left:0 !important;
      width:100%;
  }
  
  #investor_landingpage .one-third.box5 {
    top:370px !important;
    left:0 !important;
      width:100%;
  }
  
  #investor_landingpage .short_teaser {
      float: none !important;
/*      height: auto !important;*/
    margin-left:0 !important;
      width:100% !important;
      margin-bottom:20px;
      padding-left:0 !important;
  }


  #investor_landingpage > div.second {
      position: static;
  }

}


@media only screen and (max-width: 767px) { /* Breakpoint SD für Footer */
  #Liste1 {
    width:auto;
    float:none;
    padding-bottom:0;
  }
  #Liste2, #Liste3, #Liste4 {
    width:auto;
    float:none;
  }
}