/*******************************************/
/*        layout.css                      */
/*        begonnen: 10.10.2012             */
/*******************************************/


/*

INDEX:

1. BASIC
  1-1 Fonts laden/rendern
  1-2 Basics
  1-3 Fontstyles // Schriftformate
  1-4 Abstände // generelle 24px Abstandsklassen
  1-5 Header // Anm. Navigation und Suchfeld in navi.css

2. SEITENELEMENTE NACH SEITEN SORTIERT
  2-1 Startseite
  2-2 Textseite
  2-3 Newsseite
  2-4 Downloadseite
  2-5 Fleetseiten

3. FOOTER // Anm. Navigationen in navi.css

4. schedules & route

*/


/* 1. BASICS
================================================================= */


/*  FONTS RENDERN */

/* first for IE 4-8 */
@font-face {
  font-family: FagoOffc_Ita;
  src: url("/fileadmin/rg-new/css/FagoWeb-Ita.eot");
}

@font-face {
  font-family: FagoOffc_Ita;
  src: url("/fileadmin/rg-new/css/FagoWeb-Ita.woff") format("woff");
}

/* first for IE 4-8 */
@font-face {
  font-family: FagoOffc;
  src: url("/fileadmin/rg-new/css/FagoWeb.eot");
}

@font-face {
  font-family: FagoOffc;
  src: url("/fileadmin/rg-new/css/FagoWeb.woff") format("woff");
}



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


/* resetter */

 *{
  margin: 0px;
  padding: 0px;
 }

/* a-Behavior */

 a{
  text-decoration: none; outline: none; color: #3c3c3c;
 }
h4 a {
  color:#266451;
}


/******** noscript **********/
noscript {
    background-color: #FAD160;
    display:block;
    padding:10px;
    text-align:center;
    border-bottom:1px solid black;
}
noscript span {
    font-weight:bold;
}

.newsbox div div p.bodytext a{
   color: rgb(140, 140, 140);
  }

/*Graue Schrift für die Textseiten-Links*/
.textblock p.bodytext a.internal-link{color: rgb(140, 140, 140);}

.newsbox p.bodytext a{color: rgb(140, 140, 140);}

 p a,
 p.bodytext a, #textseite li a{
  padding-bottom: 1px;
  color: #3c3c3c;
  border-bottom: 1px solid transparent;
  -moz-transition: all 1s linear;
  -webkit-transition: all 1s linear;
  -o-transition: all 1s linear;
  -ms-transition: all 1s linear;
  transition: all 1s linear;
 }



 .quick li a:hover,
 p a:hover,
 .textblock p.bodytext a.internal-link:hover,
 p.bodytext a:hover, #textseite li a:hover{ color: rgb(0, 0, 0); border-bottom: 1px solid #8D8D8D; }

 a img{ border:none;  }

 /* Bilder */

 img { height: auto; }

/* Bullets von Listen weg */
 ul{ list-style-type: none;  list-style-image:none; }

/* Body */
 body{
  background: #fff;
  color: #3c3c3c;
  font-family: FagoOffc;
  font-size: 100%;
  text-align:left;
 }

 /* Damit in non-IE eine Scroll-Leiste erscheint */
 html { overflow-y: scroll; }

 /*  Inhaltsbereich  */
 #content{ background: rgb(255, 255, 255); }


 /* ============================================================= */


/* SCHRIFT-FORMATIERUNGEN
================================================================= */

.offices .daten { border-bottom: 2px solid #ddd;}


h1, .offices h1.headline{  /* Gruppen */
  font-family: "FagoOffc",Tahoma;
  font-size: 1.04em;
  letter-spacing: 0.001em;
  color: rgb(59,59,59);
  border-bottom: 1px solid #ddd;
 }

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

.offices .adresse { color: #000; line-height: 1.4; }

.offices .box_content {
font-size: 1.1em;
}

.offices td h1 {
    border:none; margin-top:12px; font-size: 0.95em; color: #000;
 }

.offices .abstand_oben_m {margin-top: 12px;}

.offices h1 {  /* "Offices" kein Border */
    border:none;
 }


.offices h2.city.two-thirds.column {
  border-bottom: 1px solid #ddd;
  width: 100%;
  padding: 6px 0px 6px 0px;
  font-size: 1em;
}


 .offices form, .offices-businessSegments-button {
  font-family: 'FagoOffc', Tahoma;
 }
 .offices-businessSegments-button {
  padding-left:10px;
 }
 .offices-businessSegments-button:hover {
    background-color:#F8F8F8;
 }
 .offices select {
    width:150px;
    font-family: "FagoOffc",Tahoma;
 }
 #business_segment,
 .offices-select-title {
    /* font-size: 0.94em;
    /* color: rgb(140, 140, 140); */
    font-weight: normal;
 }
.address-result-region {
    margin:20px 0 20px 0;
    line-height:1em;
}

.box_content h4.persons_headline {  font-size: 0.8em; line-height:0.8em; margin-top:10px; color:#000; }
#showEmailForm .person .fax, #showEmailForm .person .mail span.addressContactElement{ display: none; }

#showEmailForm .person { float: none; margin: 0 0 10px 0; font-style: normal; }

#showEmailForm .person div { font-family: "FagoOffc",Tahoma; float: left; width:22%;  display:inline-block; color: #000; font-size: 0.8em; }
#showEmailForm .person .name { font-weight: bold; }
#showEmailForm .person .position { text-align:left; }
.adresse .addressContactElement { margin-right:5px; }

 h2{ /* Hellgraue Ueberschriften */
  font-family: "FagoOffc",Tahoma;
/*  font-size: 0.94em;*/ font-size: 0.9em; line-height: 1.2; padding-top:0.5em;
  font-weight: normal;
  color: rgb(140, 140, 140);
 }

 h3{ /* // Ueberschriften */
  font-family: "FagoOffc",Tahoma;
/*  letter-spacing: 0.001em;*/
  font-size: 1.05em;
  border-bottom: 2px solid #ddd;
  line-height: 1.0; color: #266451; /* eigentlich #004933, ist aber optisch zu dunkel */
 }


 .seiten_navi_text{ /** Zitate **/
  font-family: 'FagoOffc_Ita';
  text-align:left;
  font-size: 1.25em;
  color: rgb(140, 140, 140);
  line-height: 1.5;
  padding-top: 40px; padding-right:10px;
 }

 .seiten_navi_text span{
   color: rgb(199, 199, 199);
 }


 table{  /** Tabellenschrift **/
   font-family: "FagoOffc",Tahoma;
   text-align: left;
   color: rgb(140, 140, 140);
   font-size: 0.8em;
  }

 table h3{ color: #3c3c3c; }


 ul.currentTopics { line-height: 1.3; font-size: 0.95em; text-align:left;}

 ul.currentTopics strong{
        font-family: "FagoOffc",Tahoma;
        font-size: 1.02em;
        font-style: normal;
        margin-bottom: 5px;
        letter-spacing: 0.01em;
  }

 ul.currentTopics p a{ color: #3c3c3c; border-bottom: none;}
 ul.currentTopics p a:hover{border-bottom: none;}
 ul.currentTopics p:hover a{ color: rgb( 140, 140, 140); }

ul.sitemap li ul li ul li a{ font-size: 0.9em; }

 div.newsPress h4{
  font-size: 0.85em;
  text-transform:none;
  letter-spacing: 0.02em;
  border-bottom: none;
  line-height: 1.4;
 }
 
 p{/*font-size: 0.9em;*/ font-size: 1.0em; /*line-height: 1.4;*/ line-height: 1.45; /*letter-spacing: 0.03em;*/}

 p.bodytext{ margin-bottom: 12px; }

 b{/*letter-spacing: 0.01em;*/ line-height: 1.4; font-size: 0.99em}

strong{margin: 0px 0px 12px 0px; display: block; /*font-size: 0.9em;*/ font-size: 1.0em; /*letter-spacing: 0.01em;*/ /*line-height: 1.4;*/ line-height: 1.45;}

table p.bodytext { margin:0; color: black; }

h2.disclaimer { font-size: 0.58em; padding-left: 2%; background: rgb(230, 230, 230); line-height: 3em; margin-bottom: 14px; margin-top:-14px; border-top: 1px solid #FFF; color: #3c3c3c; }
 

/* 24px Abstandklassen
================================================================= */



 .abstand_m{ margin: 20px 0px 20px 0px;}
 .abstand_unten_m{ margin-bottom: 20px;}
 .abstand_oben_m{ margin-top: 20px;}

 .abstand_p{ padding: 20px 0px 20px 0px;}
 .abstand_unten_p{ padding-bottom: 20px;}
 .abstand_oben_p{ padding-top: 20px}

 h2{padding-bottom: 0px;}
 h3{padding-bottom: 0px; }
 h4{/*padding-bottom: 12px;*/}

.textblock h2{ padding-bottom: 0.5em;}

 h1.abstand_p{padding-bottom: 4px;}
 h3.abstand_p{padding-bottom: 0px;}
 h1.abstand_unten_p{padding-bottom: 4px;}
 #textseite h3 {/*padding-bottom: 12px;*/ padding-bottom: 0.5em;}
 #textseite h3.abstand_unten_m {margin-bottom: 0px;}

 .newsbox.abstand_p{ padding: 14px 0px 14px 0px;}
 div.newsPress.abstand_p { padding: 14px 0px 14px 0px;}

 .textblock a.abstand_unten_m{margin-bottom: 0px; }

 div.two-thirds.column.abstand_unten_m p:last-child.bodytext{margin-bottom: 0px;}

 daten .offices box_content p abstand_unten_m { margin: 4px 0px 4px 0px;}
 daten .offices box_content p abstand_oben_m { margin: 10px 0px 10px 0px;}


 /* ============================================================= */





/*  HEADER
================================================================= */

 #header.container .top_streifen{
  position: relative;
  margin-top: 12px;
  margin-bottom: 20px;
  overflow: hidden;
 }

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

 #header a.logo img{
   width: 100%; max-width: 175px;
 }

 #header a.logo{} 


/************ BANNER ************/

 .top_banner,
.seiten_banner { width: 100%; display:none; }

.top_banner { margin-bottom: 0px; }


/*  =============================================================  */



/*  Klassen  */

 .bigStripe{
  position: relative;
  width: 100%;
  height: auto;
  background: url(/fileadmin/rl-new/images/nav/verlauf3.gif) bottom left repeat-x;
 }

 .bigStripe.absolut{
  position: absolute;
  /* height: 515px; */
  z-index: -5;
 }

 .smallStripe{
   clear: both;
   height: 24px;
   border-top: 1px solid #FFF;
   background: url(/fileadmin/rl-new/images/nav/schatten.jpg) no-repeat top center;
 }

 .clear {
  clear: both;
  width: 100%;
  height: 0px;
 }


/* Seitenelemente Formatierungen
================================================================= */


/*** --------------------------------------- ***/
     /*** STARTSEITE ***/
/*** --------------------------------------- ***/


  /* SCHEDULE & ROUTES
================================================================= */

/* schedule */

 .schedule{
   position: relative;
   overflow: hidden;
   border: 1px solid #CCC;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
   box-sizing: border-box;
 }

 .schedule img{ display: block; width: 100%; }

 .schedule .teaser_head {
  position: absolute; top: 0px;
  width: 100%; height: 100%;
  z-index: 50;
 }

 /* der von oben */
 .schedule .teaser_head p.skewer{
   position: absolute;
   top: 0%; left: 0px;     /* top: -25%*/
   width: 100%;
   height: 0px;
   background: rgba(255, 255, 255, 0.9);
 }

 /* der von unten */
 .schedule .teaser_head p.info{
   position: absolute;
   bottom: 0px;
   width: 100%;
   height: 14%;
   line-height: normal;
   background: rgba(255, 255, 255, 0.7);
 }

 /* der Text */
 .schedule .teaser_head p.info_text {
   position: absolute;
   width: 100%; height: 100%;
   bottom: 0px;
   text-align: right;
   z-index: 60;
 }

 .schedule .teaser_head p.info_text a{ display: block; width: 100%; height: 100%;}

 .schedule .teaser_head p.info_text a,
 .schedule .teaser_head p.info_text a:hover{ border-bottom: none; padding-bottom: 0px;}

 .schedule .teaser_head p.info_text strong{
   /* andere strong Angaben resetten */
   display: inline-block;
   padding: 0px 20px 12px 0px;
   margin: 0px;
   color: #3C3C3C;  /*  #266451*/
   position: absolute; bottom: 0px; right: 0px; z-index: 61;
 }

  .maersk .schedule .teaser_head p.info_text strong{
   /* andere strong Angaben resetten */
   padding: 0px 20px 6px 0px;
   font-size: 0.85em;
 }

 .schedule .teaser_head p.info_text img,
 .schedule .teaser_head p.info_text span{ opacity: 0.0; }

 .schedule .teaser_head p.info_text span{ font-weight: 600; }

 .schedule .teaser_head p.info_text img { width: 45%; height: auto; display: block; margin: 0px auto; padding-top: 50px; padding-bottom: 20px; }
 .schedule .teaser_head p.info_text span { width: 55%; padding-bottom: 0px; display: block; margin: 0px auto; color: #E2001A; text-align: center;}

 .teaser_inquiry.column .schedule .teaser_head p.info_text span {/* padding-bottom: 24%; */ }

 .schedule .teaser_head p.info_text span b.red_head { display: block; padding-bottom: 20px;}

 /* hovers */
  .schedule:hover p.skewer{}
  .schedule:hover p.info{}
   .schedule:hover p.info_text{}

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







/* SLIDESHOW
   FlexSlider Necessary Styles
================================================================= */
  .flexslider { margin: 0; padding: 0; z-index: -5;}
  .flexslider .slides li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
  .flexslider .slides img {width: 100%; display: block; height: auto; }
  .flex-pauseplay span {text-transform: capitalize;}


  /* Kontrollpunkte Formatierung
  *********************************/
  .flex-control-nav {width: 100%; position: absolute; top: 105%; text-align: center; z-index: 50; display: none;}
  .flex-control-nav li {margin: 0 5px; display: inline-block;}
  .flex-control-paging li a {
        width: 10px; height: 10px;
        display: block;
        background: #FFF;
        background: #f3f2f1;
        cursor: pointer;
        text-indent: -9999px;
        -webkit-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;
        box-shadow: inset 0 0 3px rgba(0,0,0,0.1);
   }

  .flex-control-paging li a:hover { background: #8D8D8D; background: rgba(0,0,0,0.7); }
  .flex-control-paging li a.flex-active { background: #8D8D8D; background: rgba(0,0,0,0.7); cursor: default; }

 /* ============================================================= */


 /* CURRENT TOPICS
================================================================= */

  ul.currentTopics{
   overflow: hidden;
  }

  ul.currentTopics div{ position: relative; width: 100%; overflow: hidden; }

  ul.currentTopics a,
  ul.currentTopics strong
  {
   display: block;
   border: none;
   }

   ul.currentTopics a img{
        display: block; width: 100%;
        border-bottom: 1px solid #FFF;
   }

   ul.currentTopics p.opake{
         position: absolute;
         top: 0px;
         padding: 0px;
         width: 100%;
         height: 100%;
         background: rgba(0,0,0,.3);
         display: none;
   }

   ul.currentTopics div:hover p.opake{display: block; cursor: pointer; }

   ul.currentTopics p{
        padding: 5%;
        background: url(/fileadmin/rl-new/images/nav/schatten_kl.png) no-repeat top center #f2f1ef;
        font-size: 0.85em;
        letter-spacing: 0.02em;
   }

 ul.currentTopics p a{
  padding-bottom: 1px;
}


 /* NEWS & PRESS
================================================================= */

 div.newsPress{
  height: auto;
  border-bottom: 1px solid #ddd;
  letter-spacing: 0.005em;
 }


 /* NETWORK
================================================================= */


 #network{
  text-align: center;
  width: 100%;
 }

 #network li{
  position: relative;
  padding-top: 100px;
  border-bottom: 1px solid #ddd;
 }

 #network a{
  padding-top: 30px;
  color: #6e817d;
  font-size: 0.9em;
  letter-spacing: 0.01em;
  border-bottom: 1px solid transparent;
  -moz-transition: all 1s linear;
  -webkit-transition: all 1s linear;
  -o-transition: all 1s linear;
  -ms-transition: all 1s linear;
  transition: all 1s linear;
 }

 #network a:hover{ border-bottom: 1px solid #ddd;}

 #network a img{
  position: absolute;
  max-width: 74px;
  top: 20px;
  left: 50%; margin-left: -41px;
  display: block;
 }

 #network a img.a{
  z-index: 100;
 }


 /* ============================================================= */

/*** --------------------------------------- ***/
     /*** TEXTSEITE ***/
/*** --------------------------------------- ***/

#jp_container_1{ width: 100%; }
#jp_container_1 .jp-video.jp-video-270p{width: 100%;}
.jp-interface, .jp-controls-holder { margin:0; padding:0; }
ul.jp-controls{  margin:0 auto !important; width:123px; background:url('/fileadmin/rl-new/images/nav/icons/jplayerButtonsBg.png') center 4px no-repeat; height:36px; background-color: transparent; text-align:center; }
ul.jp-controls li         { height:30px;  padding-left: 0px!important ; float:left !Important; list-style-type:none; padding:0; margin:4px 4px 0px 0px; border:0px solid black; display:inline-block; position:relative; }
ul.jp-controls li.play     { width:53px;  text-align:right !important; padding-right:0px !Important;  background-image: none;}
ul.jp-controls li.trenner { width:4px; margin:0; padding:0;  background-image: none; }
ul.jp-controls li.pause   { width:52px; text-align:left !important; padding-left:0 !important;  background-image: none; }
ul.jp-controls li img { height:30px; width:53px; padding:0px 0px 0px 0px; margin:0px; }
ul.jp-controls li.pause img   { padding-left: 2px;  }
ul.jp-controls li.play  img    {  padding-left: 6px;}
.jp-controls-holder   { height:36px; width:100%; background-color:#e6e6e6; text-align:center; padding-right:1px; margin:-35px 0px 0 0; position:absolute; display:block; }

.jp-no-solution { margin-top: -36px; background-color: #e6e6e6; font-family: "FagoOffc", Tahoma, Arial; padding:10px; }
.jp-no-solution a { }




/*** --------------------------------------- ***/

 #textseite {
   height: auto;
   line-height: 1.8;
   letter-spacing: 0.0em;
  }

 .textblock{  position: relative; overflow: hidden;}

 .textblock a ~ h3{margin-top: 14px;} /* damit auf Einzelansicht die h3 nicht am Bild klatscht*/

/*ALLGEMEINE ULS LISTEN*/

 /* bulled lists */

 /* Ergaenzung Aufzaehlungen */
 .textblock div ul { margin: 0px 0px 12px 35px;  }

.textblock div ul li {
    background-image: url("bullet.png");
    background-repeat: no-repeat;
    background-position: 0px 8px; 
    padding-left: 20px;
    font-size: 1.0em;
    line-height: 1.5;
}

.textblock div ul li a strong{ display: inline; }

 .textblock div.flexslider ul { list-style-type: none; margin: 0px; }
 .textblock div.flexslider ul li { padding: 0px; }

 .textblock div.facts ul{ list-style-type: none; margin-left: 0px; margin-top: 0px;}
.textblock div.facts h3{ color: #000; }
 .textblock div.facts ul li{  background-image: none; margin-left: 0px; color: #000; padding-left: 0px; }
 .textblock div.schiffsnamen ul{margin: 0px;}
 .textblock div.schiffsnamen ul li{ background-image: none; margin-left: 0px; margin-bottom: 0px; padding-left: 0px;}



.textblock div.downloadCenter ul li {
        background-image:none;
}
/* Ende Ergaenzung Aufzaehlungen */

 /* ordered lists*/
 .textblock div ol{
   list-style-type: decimal;
   margin: 10px 0px 10px 30px;
 }

 .textblock div ol li{ padding-left: 6px; font-size: 0.95em; }

 .textblock img,
 .textblock object{
   display: block;
   width: 100%;
   height: auto;
  }

 .textblock h3{  border: none;}

/* .textblock h3:before{content:"// ";}*/
 /* .textblock h3:before{content:"// ";} */

 #textseite .textblock table.column.ship tbody tr td h3:before{
   content: "";
  }

 #textseite .textblock form.formRickipedia { 
  margin-bottom: 20px;
  overflow: hidden;
 } /* Allgemeine Geschäftsbedingungen - damit es nicht anklatscht */
  


/* FAKTENBLOCK ------------- */

 .facts{   margin-bottom: 24px; }  /* margin-top: -3.19%; */

 .facts h3{font-size: 0.96em;}

 .facts h3:before{
  font-family: "FagoOffc",Tahoma;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 0.98em;
 }

 .facts li{
  padding: 7px 0px;
  margin-left: 0px;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
 }

 #textseite .facts li{ font-size: 0.75em;}

 .facts li:first-child{  border-top: 2px solid #ddd; }

 .facts li span,
 .facts li strong{ display: block; width: 50%; }

 .facts li span{ float: left; }

 .facts li strong{
   float: right;
   margin-bottom: 0px;
   padding-top: 3px;
   text-align: right;
   font-size: 0.95em;
   line-height: 1.5;
 }



 /* ============================================================= */

 /*** --------------------------------------- ***/
     /*** NEWSSEITE ***/
/*** --------------------------------------- ***/

 .newsbox{
  position: relative;
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
 }

 .newsbox:first-child{ padding-top: 0px; margin-top: 0px;}

 .newsbox h3{
   padding: 0px 0px;
   border-bottom: none;
 }

 .newsbox h2{
   margin-top: 13px;
 }

 .newsbox a img,
 .newsbox img{
  display: block;
  width: 37.39%;
  padding-top: 20px;
 }

 .newsbox div{ }

 .newsbox div div{width: 100%;}


 /* box - Bild linke Seite*/
 .newsbox.pic_left img{ float: left;   margin: 0px 3% 3% 0px; }

 /* box - Bild rechte Seite*/
 .newsbox.pic_right img{ float: right;   margin: 0px 0px 3% 3% ; }

  /* ============================================================= */




/*** --------------------------------------- ***/
     /*** DOWNLOADSEITE ***/
/*** --------------------------------------- ***/

  #downloadIframe {
    display:none;
  }


 .picDownload{
   text-align:left;
   padding-bottom: 15px;
   border-bottom: 1px solid #ddd;
   overflow: hidden;
 }

 .picDownload li{ margin-bottom: 4px;}

  .picDownload li p{
   font-size: 0.84em;
   line-height: 1.3;
   background: #f2f1ef;
  }

 .picDownload li p:first-child{
   padding: 5px 10px 5px 10px; font-size: 0.75em;
   min-height: 35px;   /* min-height: 62px */
 }

 .picDownload li span {
    overflow:hidden;
    position:relative;
    width:270px;
    height:174px;
    display:block;
 }
 .picDownload li span img {
    position:absolute;
    top:0;
    left:0;
 }

 .picDownload li img.big{
  margin: 1px 0px;
  width: 100%;
  display: block;
 }

 .picDownload li p.media{
  padding: 5px 10px 0px 10px;
  height: 24px;
  overflow: hidden;
}

.picDownload li p.media a{
  line-height: 24px;
  margin-right: 20px;
  border-bottom: none;
  }

 .picDownload li p.media a img{ line-height: 24px;}

 #typo3container div.media , #typo3container div.media object {
    border:none;
 }

 /* ============================================================= */




/*** --------------------------------------- ***/
     /*** FLEETSEITEN ***/
/*** --------------------------------------- ***/


/* Schiffsbild unten ------------- */

 img.pic_short{
   width: 50%;
   display: block;
   margin: 24px 0px;
   margin-left: 5%;
 }

/* Bilder Miniaturansicht ------------- */

 .Miniaturbilder{
  width: 35.5%; margin-left: 3%;
  margin-top: -4.2%;
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
 }

 .Miniaturbilder a,
 .Miniaturbilder img{
  display: block;
 }

.Miniaturbilder img{ width: 100%; }

 /* Extras fuer Fahrplan */
.textblock div.Miniaturbilder ul{ clear: both; margin: 0px; padding: 12px 0px; }

 /* TABELLEN
================================================================= */

 table { width: 100%; border-bottom: 1px solid #ddd; border-collapse:collapse;}

 td,
 th{
   padding: 5px 2% 5px 2%;
 }

.offices td, .offices th {
   padding: 0px;
}



 table th.zahlen,
 table td.zahlen{ text-align: right; }
 table td.varchar { white-space:nowrap; }
 varchar

 table th:nth-child(3),
 table td:nth-child(3){ text-align: center; }

/** TOP-TABELLE: KATEGORIE WÃ?HLEN  **/
  table.auswahl {border: 1px solid rgb(230, 230, 230); margin-bottom: 14px;}
  .auswahl td{ width: 21%; font-weight: 100;}
  .auswahl tr:nth-child(even){ background: rgb(230, 230, 230);}
  .auswahl tr.spalte2 { color: rgb(80, 80, 80); }

   /** VESSEL BY  NAME tabelle /6 spaltig **/

     /** Kopf von .byname**/
 .byname thead th{
   letter-spacing: 0.03em;
   background: rgb(255, 255, 255);
   color: #3c3c3c;
   text-transform: uppercase;
 }

 .byname .nummer{width: 5%; border-right: 1px solid #FFF;}
 .byname .name{width: 24%; font-weight: 600; color: rgb(120, 120, 120); border-right: 1px solid #FFF; letter-spacing: 0.03em;}
  table.byname td.zahlen{width: 10%; border-right: 1px solid #FFF; }
 .byname .type{width: 41%; text-transform: uppercase;}

 .byname tr:nth-child(odd){ background: rgb(230, 230, 230);}

   /** BY TYPE Tabellen **/
  .ship tr{ background: rgb(255,255,255);}
  .ship tr td{ width: 46%;}
  .ship td img{
/*
    width: 95%;
    height: 95%;
*/
  }


  /** Damit Describtion nicht anklatscht **/
.ship td b{ margin-right: 3px; }

 .daten{margin-top: 5px; border-bottom: 1px solid #ddd;}
 .daten td{ width: 21%; font-weight: 100;}
 .daten td:nth-child(even){font-weight: 600; color: rgb(120, 120, 120);}
 .daten tr:nth-child(odd){ background: rgb(230, 230, 230);}


 /** EINZELSCHIFFSANSICHT Tabellen  **/


 .shipdetails{
  table-layout: fixed;
  width:  61.5%;
  overflow: hidden;
  height: 1%;
 }

 .shipdetails tr:nth-child(odd){ background: rgb(230, 230, 230);}

 .shipdetails td:first-child{
  font-weight: 100;
  border-right: 1px solid rgb(255, 255, 255);
  color: rgb(140, 140, 140);
 }

 .shipdetails td{
  vertical-align: top;
  font-weight: 600;
  letter-spacing: 0.03em;
  color: rgb(120, 120, 120);
 }

.shipdetails td:first-child{width: 300px;}
.shipdetails td:last-child{width: 800px;}

  /** Schiffsnamen unter Tabelle /by Type  **/

 .schiffsnamen{
     width: 100%;
     padding: 12px 0px;
     border-bottom: 1px solid #ddd;
     overflow:hidden;
  }

  .schiffsnamen p{
    float: left;
    padding-left: 2%;
    width: 8%;
    font-weight: bold;
    font-size: 0.8em;
    color: rgb(165, 165, 165);
  }

 .schiffsnamen ul{ list-style-type: none; overflow: hidden;}

 .schiffsnamen ul li a{
    display: block;
    font-size: 0.75em;
    color: rgb(120, 120, 120);
    margin-top: -0.8%;   /* -1.5%; */
  }

  .schiffsnamen a:hover{ color: #c6c6c6; }

 /* ============================================================= */



/*** --------------------------------------- ***/
   /*** Footer ***/
/*** --------------------------------------- ***/

 #footer{
  width: 100%;
  margin-bottom:100px;
  height: 34px;
  background: rgb(0, 73, 51);
  color: rgb(255,255,255);
  font-size: 0.8em;
  border-top: 1px solid #FFF;
 }

 #footer div{
  width: 84%;
  margin: 0px auto;
 }

 #footer span.copy{
  line-height: 35px;
 }

/*** ---------------------------------------- ***/
    /*** tooltip ***/
/*** ---------------------------------------- ***/
.tooltipHidden {
    font-size: 0.8em;
    padding: 3px;
    background-color:#004933;
    color:white;
    display:none;
}

/*** ---------------------------------------- ***/
    /*** mediaPlayer***/
/*** ---------------------------------------- ***/
#jquery_jplayer_1_frame {
    /* border:1px solid white;  */
    position:absolute;
    display:block;
}


/*** ---------------------------------------- ***/
    /*** print ***/
/*** ---------------------------------------- ***/
@media print {

    #header, #seiten_navi, .downloadCenter, #bottom_navi, #footer { visibility:hidden; }
    #seiten_navi, .downloadCenter, #bottom_navi, #footer { display:none;}
    .logo   { visibility:visible; display:block; left:-107px; position:absolute; }
    #textseite, #textseite > div { width:100%; position:absolute; top:-80px; margin:0px; padding:0px; width:700px; left:-50px;  }

}

/*** ---------------------------------------- ***/
    /*** disclaimer ***/
/*** ---------------------------------------- ***/
option[value="open"] {
    font-weight:bold;
}


/*** ---------------------------------------- ***/
    /*** leftbox Formular ***/
/*** ---------------------------------------- ***/

.newsletter_signup {
    font-size:0.8em;
    font-style: normal !important;
    margin-left:10px;
}
h2.newsletter_signup {
    font-weight:bold;
    font-size:0.93em;
    color:#000;
}
.leftbox_form {
    font-size:0.93em;
    padding-left:10px;
}
.leftbox_form input[type="text"], .leftbox_form select {
    font-size:0.93em;
    color:#000;
    width:87%;
}
.leftbox_form select.short_input {
    margin-bottom: 8px; padding: 2px 0px 3px 0px;
    width: 31%;
    display: inline-block;
}

.leftbox_form input[type="text"] { display: inline-block; margin: 5px 0px; }
.leftbox_form input[type="text"].short_input {
    width:47%;
}

table.newsletterSignUp , table.newsletterSignUp td {
    padding:0;
    margin:0;
    font-size:1em;
}

.newsletterCheckbox a{ 
  color: #8C8C8C;
  word-wrap: break-word; 
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
 
.newsletterCheckbox { color: #3C3C3C; padding-top: 5px; vertical-align: baseline; }

.newsletterCheckbox input{ margin-right: 8px; }

#newsletter_signup #termsAndConditions { border: none; height: 14px; width: 14px; }

/*** ---------------------------------------- ***/
    /*** contentTable ***/
/*** ---------------------------------------- ***/


table.contenttable {
   font-family: FagoOffc;
  border-bottom: none;
  width: 100%;
}
table.contenttable tbody tr td {
  vertical-align:top;
}
table.contenttable tbody tr td p.bodytext {
  font-size:1.1em;
}
table.contenttable td:nth-child(odd)  {
  padding-left:0;
}


/*** ---------------------------------------- ***/
    /*** iframe layout fuer externe inhalte ***/
/*** ---------------------------------------- ***/

.iframe_full_page ,.iframe_full_page_hrTool {
    font-family: FagoOffc;
    float: left;
    width:100%;
    border: none;
    margin-top: 8px;
    padding: 10px 0px 10px 0px;
    border-top: 2px solid #ddd;
    font-size: 0.6em;
}
.iframe_full_page  {
    height: 1600px; 
}
iframe.iframe_full_page,iframe.iframe_full_page_hrTool {
    border:none;
    margin-top: 0px;
    padding:0;
}

/************ BANNER ************/

.top_banner,
.seiten_banner { width: 100%; display:none; }

.top_banner { float:right; margin-bottom: 25px; display: none;}

.top_banner object{ margin-top: 12px; display: none;}


/************ NEWSLETTER ************/

/************ DISCLAIMER ************/
#dataProtecction iframe {
    height:auto;
    padding:0;
    font-size:1em;
}
/************ /DISCLAIMER ************/



#newsletter_signup { background-color: #FFF; border: 1px solid #6d8178; padding: 14px 0px 10px 0px; color: rgb(140, 140, 140); font-family: FagoOffc; font-size: 0.9em; line-height:1;}

#newsletter_signup input{ border: 1px solid #666; margin-bottom: 7px; padding-left: 2px;}

#newsletter_signup input[type=checkbox] { margin:0 5px 0 0; width:10px; }

#leftbox_form { padding-top: 3px; margin-top: -8px; font-family: FagoOffc; }

#leftbox_form p { font-size: 0.95em; }


#leftbox_form p.newsletterCheckbox { font-size: 0.7em;  overflow: hidden; }
#newsletter_signup #form_submit{
  margin-top: -12px; font-size: 0.8em; padding: 3px 0px; color: #FFF;
  border: 1px solid #CCC; -webkit-border-radius: 4px; border-radius: 4px;
  background: linear-gradient(top, #e1e0e0 0%, #9c9b9b 40%, #9c9b9b 100%); background: -moz-linear-gradient(top, #e1e0e0 0%, #9c9b9b 40%, #9c9b9b 100%); background: -webkit-linear-gradient(top, #e1e0e0 0%, #9c9b9b 40%, #9c9b9b 100%); background: -ms-linear-gradient(top, #e1e0e0 0%, #9c9b9b 40%, #9c9b9b 100%); background: -o-linear-gradient(top, #e1e0e0 0%, #9c9b9b 40%, #9c9b9b 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e1e0e0, endColorstr=#9c9b9b,GradientType=1);
}


#newsletter_signup #form_submit:hover { color: rgb(255, 255, 255); background: #004933; cursor: pointer; border: 1px solid #004933; }

h2.newsletter_signup { line-height: 1.2; margin-bottom: 7px; color: #3c3c3c; font-size: 1.09em;}

/* Bonds */


form.formRickipedia input, #newsletter_signup #form_submit {

    font-family: FagoOffc;
  margin-left: 4px;
    padding: 3px 8px 3px 8px;
    line-height: 1.4em;
    font-size:0.9em;
    font-family:FagoOffc;
    font-weight:normal;
    font-style:normal;
    color:#3C3C3C;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #8D8D8D;
   /* background: rgb(255,255,255);   */ /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(242,242,242,1) 6%, rgba(230,230,230,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(6%,rgba(242,242,242,1)), color-stop(100%,rgba(230,230,230,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 6%,rgba(230,230,230,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 6%,rgba(230,230,230,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 6%,rgba(230,230,230,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 6%,rgba(230,230,230,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
   
}

form.confirmBond input { 
    margin-left: 4px;
}
form.confirmBond input:hover, .button:hover { background: #FFF; cursor: pointer;  }
form.confirmBond select, form.confirmBond input {
  display: inline-block;
  float: left;
  height: 26px;
}

form.confirmBond select { 
    padding: 3px;  
    height: 26px; 
}


form.confirmBond input:hover, #newsletter_signup input#form_submit:hover { 
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background: #FFF;
  cursor: pointer;  
}
form .disclaimerButton {
    width: 63px;
    text-align:center;
}

/* Ergaenzung newtopic */
h4.newtopic {
        margin-top:36px;
}
/* Ende newtopic */

/*********************************************************/
/* NAVIGARE SEARCHBAR
/*********************************************************/
/*
#navigareTabs {
}
#navigareTabs ul {
    background-color:silver;
    margin-bottom:20px;
}
#navigareTabs ul .ui-state-active {
    background-color:gray;
}
*/

/*EOF Navigare Searchbar *********************************/

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

/* Rickmers-Linie                                                    */

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

/* 4. Schedules & route
================================================================= */

 /*  header-elemente fuer Rickmers-Linie */


 #header .liner{ text-align:right; }
 #header .liner a{
  font-size: 0.75em;
  color: #8D8D8D;
 }

 #header a.GL_Certi{
  display: none;
   position: absolute;
   bottom: 0px; left: 38%;
   width: 76px; height: 37px;
   z-index: 100;
 }

 #header a.GL_Certi img{
   width: 76px; height: 37px;
 }


 #slideshow{
  position: relative;
  background: #fff;
 }

 /* extra slider-navigation für die Rickmers-linie */

/* SLIDESHOW
   FlexSlider Necessary Styles
================================================================= */
  .rl_flexslider { margin: 0; padding: 0; z-index: -5;}
  .rl_flexslider .rl_slides li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
  .rl_flexslider .rl_slides img {width: 100%; display: block; height: auto; }
  .rl_flex-pauseplay span {text-transform: capitalize;}


 #navi_slider{
   width: 80%;
   padding-left: 1.5%;
   position: absolute;
   left: 20px;
   top: 12px;
   z-index: 50;
 }

 #navi_slider .rl_slides li{
   display: block;
   height: auto;
   background: url(/fileadmin/rl-new/images/bg_trans.png);
   margin-right: 1px;
 }

  #navi_slider .rl_slides li:hover{  background: rgb(255, 255, 255); background: rgba(255,255,255, 1.00); }


 /* animation fuer den aktiven */

 #navi_slider .rl_slides li.rl_flex-active-slide{
   background: rgb(38, 100, 81);
   background: rgba(0, 73, 51, 0.5);
}
 #navi_slider .rl_slides li.rl_flex-active-slide a{ color: #fff;   }

 /*  innere Elemente */
 #navi_slider .rl_slides li p{padding: 5px 10px; }

 #navi_slider .rl_slides li p a{ font-size: 0.65em; border-bottom: none; }

  #navi_slider .rl_slides li p a:hover{ border-bottom: none; }

/* ============================================================= */
/* RICKMERS-LINIE Startseite und Mehr */

#bottom_navi.abstand_oben_m{ display: none; margin-top: 0px; border: none; }

#footer{ margin-top: 20px }


 #start_box {
    position:absolute;
    top: 25%;
    width: 40%;
    height: auto;
    margin-left: 54%;
    background: #fff;
    z-index: 105;
    font-family: FagoOffc;
 }

#navigareTabsBox{ width: 100%; height: 100%; }

 #navigareTabs {
 
  position: relative;
  -moz-box-shadow: -1 2 4px #111; /*Mozilla-basierte Browser (z.B. Firefox)*/
    -webkit-box-shadow: -1 2 4px #111; /*WebKit-basierte Browser (z.B. Safari/Chrome)*/
    box-shadow: -1px 2px 4px #111; /*CSS3 Standard*/
 }

#navigareTabs.ui-corner-all, #navigareTabs .tabs.ui-corner-all, #navigareTabs .ui-corner-all, #navigareTabs .ui-corner-top,
.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-corner-all, .ui-menu-item .ui-corner-all{
 border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-top-left-radius: 0px;
}
#navigareTabs.ui-widget-content{ border: none; }
#navigareTabs .ui-widget-header, #navigareTabs .ui-widget-header .ui-state-active, #navigareTabs .ui-widget-header .ui-state-default{ background: none; border: none; }
#navigareTabs.ui-tabs, #navigareTabs.ui-tabs .ui-tabs-nav{ padding: 0px 0px 0px 0px; }

 /* Reiter */

 #navigareTabs .tabs{
  width: 100%;
 }
 #navigareTabs.ui-tabs .ui-tabs-nav li{ margin-top: 0px; }

 #navigareTabs .tabs li{
  text-align: center;
 }
#navigareTabs.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{ cursor: pointer; }

 #navigareTabs .tabs li a{
  display: block;
  width: 100%;
  padding: 10px 0px;
  font-family: "FagoOffc";
  font-size: 0.85em;
  background: #f7f7f7;
  color: #3c3c3c;
  border: 1px solid #CDCDCD;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
   box-sizing: border-box;
 }

 #navigareTabs .tabs .activus{
   color: #266451;
   background: url(/fileadmin/rl-new/images/nav/bg_trans.png);
   border: 1px solid #fff;
   border-bottom: none;
 }

.scheduleSearchResultFeatures {
    float:right;
}

 /* Karten */

 #navigareTabs .content_box{
   clear: both;
   position: relative;
   width: 100%;
   height: 84.9057%;
 }

 #navigareTabs .content_box .karte{
  padding: 15px;
  display: none;
 }


 /* fuer die media-queries */

 #navigareTabs .tabs .one-three.column{
  width: 33.3333%;
  margin-left: 0px; margin-right: 0px;
 }

#navigareTabs.ui-tabs .ui-tabs-nav li.ui-tabs-active{ margin-bottom: 0px; padding-bottom: 0px; }

 /* Formulare */

#karte2, #karte3, #karte1  { margin-bottom:0px; }
#karte1 .abstand_unten_m{ margin-bottom: 0px; }

.col1, .col2{ padding: 10px 10px 5px 10px; }
#karte3 .col2:nth-child(2){ padding: 0px 10px 10px 10px; }

#navigareTabs input[type="text"]{ width: 80%; padding: 8px 0px 8px 8px; }

#navigareTabs .searchButton button{ width: 100%; padding: 8px 0px 8px 0px;}

 /* Inputfarbe + Input-Schriftgrösse */

#navigareTabs .ui-widget input, #navigareTabs .navigareDateInput input{ font-family: FagoOffc; font-size: 0.8em; }

.ui-autocomplete-input{ color: #B8B8B8; }
.radioButtonLabel, .navigareDateInput small, .lable legend{ color: #5D5D5D;  font-size: 0.7em;}

#navigareTabs.ui-widget button{ 
  font-family: FagoOffc; letter-spacing: 0.04em; 
  background: #004933; /* Old browsers */

  background: -moz-linear-gradient(top, rgba(0,73,51,1)  0%, rgba(0,45,31,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,73,51,1)), color-stop(100%,rgba(0,45,31,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0,73,51,1) 0%, rgba(0,45,31,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0,73,51,1) 0%, rgba(0,45,31,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0,73,51,1) 0%, rgba(0,45,31,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(0,73,51,1) 0%, rgba(0,45,31,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002D1F', endColorstr='#004933',GradientType=0 ); /* IE6-9 */
  color: #fff;
  border: none;
}
#navigareTabs.ui-widget button:hover{ cursor: pointer; background: #266451; }

.lable{ padding: 0px 0px 10px 0px; }
#karte3 .lable{ padding: 0px; display: none; }

.lable fieldset{ border: none; }
.lable legend{ padding-bottom: 5px; }

.radioButton, .radioButtonLabel{ display: inline-block; }
.radioButtonLabel{ font-family: FagoOffc;  font-size: 0.6em; }

.navigareDateInput{ clear: both; }

.navigareDate { display:none; }

/* Karte1 Liste mit Auswahlmöglichkeiten - choose */

 .ui-autocomplete.ui-front.ui-menu.ui-widget{
  width: 200px;
 } 

.ui-autocomplete.ui-front.ui-menu.ui-widget .ui-menu-item a{
  color: #5D5D5D;
  font-family: FagoOffc; font-size: 0.8em;
}

.ui-autocomplete.ui-front.ui-menu.ui-widget .ui-menu-item .ui-state-focus {
  background: rgb(226,0,26); /* Old browsers */

  background: -moz-linear-gradient(top,  rgba(226,0,26,1) 0%, rgba(128,20,25,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,0,26,1)), color-stop(100%,rgba(128,20,25,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(226,0,26,1) 0%,rgba(128,20,25,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(226,0,26,1) 0%,rgba(128,20,25,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(226,0,26,1) 0%,rgba(128,20,25,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(226,0,26,1) 0%,rgba(128,20,25,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2001a', endColorstr='#801419',GradientType=0 ); /* IE6-9 */
  color: #fff;
}

.ui-menu-item a small{ font-size: 0.8em; }

/* Karte2 */

.ui-widget #karte2 ul{ padding: 10px 10px; }

.ui-widget #karte2 li{
  margin-bottom: 4px;
}

.ui-widget #karte2 a{ 
  color: #266451;
  font-family: FagoOffc; font-size: 0.8em; letter-spacing: 0.04em;
}

.ui-widget #karte2 a:hover{ color: #c6c6c6; }
.ui-widget #karte2 a:before{
  content: url("../images/nav/icons/pdf.jpg");
  margin-right: 10px; vertical-align: bottom;
}

/* Karte3 */

#karte3 table{ border-bottom: none; color: #5d5d5d; }

#karte3 table th{
  color: #5d5d5d;
  text-transform: none;
}

#karte3 td { padding: 0px 0px; line-height: 1.1em; height: 10px; }
#karte3 table th:nth-child(odd){ width: 38%; padding: 0px 5px 5px 0px; }
#karte3 table th:nth-child(even){ width: 12%; padding: 0px 0px 5px 5px;  }

 #karte3 table tr:nth-child(odd) td{ padding-top: 10px; border-top: 1px solid rgb(230, 230, 230); } 
 #karte3 table tr:nth-child(2n+2) td{ padding-bottom: 8px; border-bottom: 1px solid rgb(230, 230, 230); } 

 #karte3 table tr:nth-child(2n+2) td:first-child { width: 10px; } 

#karte3 table td span.shipname{ font-weight: bold; }
#karte3 table td span.shipname a{ color: #266451; font-weight: bold; }

#karte3 table td a, #karte3 table td:first-child .ets{  color: #5D5D5D; float:left; }
#karte3 table td a:hover{ color: #c6c6c6; }
#karte3 table td a[href$=".pdf"]:hover{ color: #C5061A; }

#karte3 table td .routeId { font-size: 0.7em; }

#karte3 table td .ets{ color: rgb(140, 140, 140);  float:right; white-space:nowrap; }

#karte3 table td small a{ float: right; color: #266451;  }

/* Miniaturbilder Fahrplan */

.textblock div.Miniaturbilder ul{  clear: both; overflow: hidden; background-color: #E6E6E6; padding:6px;}

.textblock div.Miniaturbilder ul .routePdfAll span{ display: none; }

.textblock div.Miniaturbilder ul li{ padding: 0px; background: none; }
.textblock div.Miniaturbilder ul li.nextPortShort{ font-size:0.8em; }

.textblock div.Miniaturbilder .routePdfAll { float: left; display: inline-block; font-weight: 600; }
.textblock div.Miniaturbilder .routePdf { font-weight: 600; }
.textblock div.Miniaturbilder .routeLink{ float: right; display: inline-block;}

.textblock div.Miniaturbilder .routeLink a{ }

.textblock div.Miniaturbilder .routeLink a:after{
  content: url("../images/nav/icons/pdf.png");
  vertical-align: 5%;
}
.nextPort, .nextPortShort{ display: inline-block; text-align:center; }
li.nextPort, li.nextPortShort { display: inline-block; text-align: right;}
li.nextPort img, li.nextPortShort img { display:inline-block; padding-top:6px; }

.tableHeadCenter { text-align:center; width:100%; white-space:nowrap; }

/* Unter Uls */

/* .textblock div.Miniaturbilder ul ul { display: none; clear: both; } */
.textblock div.Miniaturbilder ul:nth-child(3){ display: block; padding: 0px 0px 6px; }

.textblock div.Miniaturbilder ul ul li.nextPort span{ padding-right: 0px; }
.textblock div.Miniaturbilder ul ul li.nextPort span.upcommingHarbourFlag { display:inline-block; float:right; margin:4px 10px 0 10px;  margin-top:4px; }
.textblock div.Miniaturbilder ul ul li.arrival span{ padding-right: 6px; }
.textblock div.Miniaturbilder ul ul li.departure span{ padding-right: 10px; }

.routesMenu a {
    color: #fff;
}
.showAll, .leftbox_form input[type="submit"], .routesMenu {
  clear: both;
  width: 100%;
  /*margin-top: 6px;*/
  padding: 4px 10px;
  background: #004933;
  color: #fff;
  text-align:center;
  margin-bottom:6px;
}
.showAll:hover, .routesMenu:hover { cursor: pointer; background-color: #266451;}

.leftbox_form input[type="submit"]{ font-family: FagoOffc; text-align: center; border: none; }
.leftbox_form input[type="submit"]:hover{ cursor: pointer; background: #266451;}


/* Element dynamisch erzeugt fuer die Fahrzeiten */

.show-box{
 display: none;
 position: absolute; top: 38%; left: 0px;
 width: 96%; height: auto;
 padding: 4%;
 background: #fff;
 border: 1px solid #ddd;
 z-index: 500;
}
.closer{ position: absolute; top: 27px; right: 4%; padding: 8px 25px; background: #004933; color: #fff; }
.closer:hover{cursor: pointer;  background: #266451; }

.show-box h1{ padding-bottom: 20px; }

.show-box .content ul{ padding: 12px 0px; }
/*.show-box .content ul:nth-child(3n+3):after{  content:"";  border-bottom: 1px solid #000; }*/

.show-box .content ul li { margin-bottom: 6px; display:inline-block; }
.show-box .content ul li.routePdf span { font-weight:600; font-size:1em; }
.show-box .content ul li.routePdf a { color: #266451; font-weight:600; font-size:1em; }
.show-box .content ul li.nextPort { width:33%; text-align:left; margin-left:12px; }
.show-box .content ul li.nextPort span { width:30px; height:16px; margin-right:6px; display:inline-block; white-space:nowrap;}
.show-box .content ul li.nextPortShort {padding-right: 36px; }
.show-box .content ul li.arrival { margin-right:5%; }
.show-box .content ul li.departure { float:right }

/* PopUp Box (show Box) */
.popUpScheduleHeadline {
    font-size: 1.4em;
}
.liGenerateShowBox thead td {
    padding-top:12px;
}
.liGenerateShowBox tbody td .upcommingHarbourFlag {  border:1px solid #cdcdcd; float:right; display:inline-block;  }


/* ************************************************************** */
/* RATE INQUIRY */

.box_content .headline, #divMailFormular form h1{ margin-bottom: 8px; padding-bottom: 8px; }

#divMailFormular form h1:first-child{ border-bottom: none; }

#divMailFormular .ftext.width140{ display: inline-block; width: 40%;  }

#divMailFormular .input_text, #divMailFormular input[type="text"]{ 
  padding: 4px 4px; width: 58%; 
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
   box-sizing: border-box;         /* Opera/IE 8+ */
}

/*#divMailFormular .ftext ~ input[type="text"]{ width: 100%; }*/

#divMailFormular textarea{ width: 100%; margin: 12px 0px; }

#divMailFormular .ftext.width420{ width: 100%; }

#divMailFormular .ftext input[type="radio"]{ margin: 0px 8px; }

#divMailFormular .submit{
  padding: 8px 20px;
  font-family: FagoOffc; font-size: 1.2em; letter-spacing: 0.04em;
  background: rgb(226,0,26); /* Old browsers */

  background: -moz-linear-gradient(top,  rgba(226,0,26,1) 0%, rgba(128,20,25,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,0,26,1)), color-stop(100%,rgba(128,20,25,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(226,0,26,1) 0%,rgba(128,20,25,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(226,0,26,1) 0%,rgba(128,20,25,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(226,0,26,1) 0%,rgba(128,20,25,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(226,0,26,1) 0%,rgba(128,20,25,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2001a', endColorstr='#801419',GradientType=0 ); /* IE6-9 */
  color: #fff;
  border: none;
}
#divMailFormular .submit:hover{ cursor: pointer; background: #266451; }



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

#customer_info_box, .quicklinks, .bereich { background: url("/fileadmin/rl-new/images/nav/verlauf2.jpg") repeat-x scroll 0 0 transparent; padding: 14px; overflow: hidden; }


#news { padding-top: 14px; }

.quick { padding-top: 14px; }
.quick a{ font-size: 0.8em; line-height: 2.74; color: #8D8D8D; border-bottom: 1px solid transparent; padding-bottom: 1px;
    transition: all 1s linear 0s; }

.info_archiv { border-top: 1px solid #DDDDDD; margin-top: 14px; padding-top: 8px; }
.info_archiv a { font-size: 0.75em; color: #8D8D8D; }

 #customer_info_box h4{ position: relative; }

 #customer_info_box h4 a[href$=".pdf"]:after{
  content: url(/fileadmin/rl-new/images/pdf_ico.png);
   position: absolute;
   top: 0px; left: 80%;
   z-index: 10;
 }

 .bereich { padding-top: 14px; overflow: hidden;}

 .radio { font-weight: normal; margin-right: 6px; }

 .radio_kreis { border: 1px solid #cdcdcd; background: url("/fileadmin/rl-new/images/btn.jpg") }

 .flaggen { position: absolute; right: 0px; top: 0px; }

 .flaggen a,
 .flaggen a:hover{ border-bottom: none;}
/************ Ende layout.css ************/