/*******************************************/ /* layout.css */ /* begonnen: 10.10.2012 */ /*******************************************/ /* INDEX: 1. BASIC 1-1 Fonts laden/rendern 1-2 Basics 1-3 Fontstyles // Schriftformate 1-4 Abstaende // 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 */ /* 1. BASICS ================================================================= */ @import url("/fileadmin/rg-new/css/font.css"); /* resetter */ *{ margin: 0px; padding: 0px; } /* a-Behavior */ a{ text-decoration: none; outline: none; color: #3c3c3c; } /******** noscript noscript { background-color: #FAD160; display:block; padding:10px; text-align:center; border-bottom:1px solid black; } noscript span { font-weight:bold; } **********/ .newsbox h2 { text-align: left; } /*Graue Schrift für die Textseiten-Links*/ .textblock p.bodytext a.internal-link{color: #266451;} .newsbox p.bodytext a{color: #266451;} p a, p.bodytext a{ color: #266451; font-weight: bold; } h3 a { color: #6d8178; } .newsPress p a { font-weight: normal; } p a:hover, .textblock p.bodytext a.internal-link:hover, p.bodytext a:hover{ color: #e21d27; } a img{ border:none; } /* Bilder */ img{ display: block; width: 100%; height: auto;} img[src$="space.gif"]{ display: none; } /* Bullets von Listen weg */ ul, .container_white .facts ul, .container_white ul.ul_download { list-style-type: none; list-style-image:none; } .container_white ul.ul_download { margin-left: 0px; padding: 0px; } /* im fliesstext sollen diese jedoch weiterhin als graphisches Element vorhanden sein */ .container_white ul, .two-thirds.column div ul { list-style-type: square; margin-left: 12px; padding: 0px 0px 10px 25px; color: #6d8178; } .two-thirds.column div ul.ul_download{ list-style-type: none; margin-left: 0px; padding: 0px;} .textblock li{ margin-bottom: 10px; color: #0f3225; line-height: 22px; } .textblock ul.ul_download li:last-child{ margin-bottom: 0px; } .textblock .container_white ul{ margin-bottom: 0px; padding-top: 0px; } ul.spacer{ margin-bottom: 50px; } /* Body */ body{ background-color: #fff; color: #0f3225; /*#266451*/ /*#3c3c3c*/ font-family: 'Open Sans', sans-serif; font-size: 100%; text-align:left; } /* Damit in non-IE eine Scroll-Leiste erscheint */ html { overflow-y: scroll; -webkit-font-smoothing: subpixel-antialiased; -webkit-font-smoothing: antialiased; -webkit-text-stroke: rgba(255,255,255,0.01) 0.1px; -webkit-text-stroke-width: 0.1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } a:hover { color: #e21d27; } p.short_margin { margin-bottom: 5px; } /* ============================================================= */ /* SCHRIFTEN! ********************************/ h1, h2, h3, h4, h5, .startseite #investor_teaser h2 { letter-spacing: 0.002em; font-family: "FagoOffc"; color: #6D8178; } h2 a { color: #6d8178!important; } h1, h2, .startseite #investor_teaser h2 { letter-spacing: -0.03em; } h2, .startseite #investor_teaser h2{ margin-bottom: 15px; } h3 { font-size: 1.2em; } .two-thirds div h3, .offices h1.headline, .offices h2.city, h3.h3_gross { padding: 14px 0px 2px 0px!important; font-size: 1.45em; letter-spacing: -0.03em; color: #6d8178; } b { color: #0f3225; font-weight: bold; font-family: 'Open Sans', sans-serif; font-size: 1em; } a.artikel_mail { color: #6d8178; } .ship_detailpage h1, .ship_detailpage h3 { text-align: left; padding-left: 0px;} .two-thirds h1, .two-thirds h3, #textseite .office_select .facts h3 { text-align: left; padding-left: 0%; padding-top: 0px; width: 100%; } .offices table.mainAddress h1, .adresse { color: #0f3225; font-family: 'Open Sans', sans-serif; font-size: 0.85em; font-weight: normal; line-height: 1.6; margin: 0;} .adresse a { color: #266451; font-weight: bold; } #textseite .offices .two-thirds h3, #textseite .offices h3, #textseite .office_select .facts h3{ font-size: 1.2em;} .office_select h3 { color: #0f3225; margin-bottom: 6px;} .headline_bereich h1 { width: 100%; } h2, h1, .offices h1.h1_gross, .startseite #investor_teaser h2 { /* Hellgruene Ueberschriften */ font-size: 2.8em; font-weight: normal; } #container_dynStart h2 a { color: #8a9891!important; } .startseite #investor_teaser h2 { text-transform: none; } .startseite #investor_teaser .newsPress.short_teaser .timer, article h3 { margin-bottom: 8px; font-size: 1.8em !important; line-height: 1.1!important; } .investor_contact h2 { color: #FFF; font-size: 1.6em; } .flex-caption h1 { text-align: left; width: 100%; padding-left: 0px; } h1 { margin-bottom: 30px; } .list_page h1 { margin-bottom: 10px; } .groupContent h1 { margin-bottom: 0px; } #news h1 { margin-bottom: 10px; } .offices h1.headline { } h3, .offices h1.headline, .offices h2.city { /* // Ueberschriften */ letter-spacing: 0.04em; margin-bottom: 4px; line-height: 1.4; font-weight: 300; } .offices h1.headline, .offices h2.city { margin-bottom: 30px; } .newsbox h3.h3_name { font-size: 1.4em; padding: 6px 0px; } .newsPress h3 a, .newsPress.short_teaser h4 a{ /* Gruppen */ font-family: "FagoOffc"; text-transform: none; font-size: 1.0em; margin-bottom: 3px; text-align:left; } .newsPress.short_teaser img { margin-bottom: 14px; } h2.corporate_h2 { margin-top: 30px; padding-bottom: 5px; padding-top: 30px; /*border-top: 1px solid #c4c4c4;*/ } h2.corporate_h2 span.rickMag { font-size:0.37em; line-height:0;} h3.corporate_h3 { color: #000; margin-bottom: 25px; } h3.corporate_h3 span { color: #e21d27; } .newsPress h2{ font-size: 1.1em; color: #89898e; font-family: 'Open Sans', sans-serif; font-weight: 300; } .financal-report h3 { text-align: left; border-bottom: 1px solid #ddd; margin-top: 10px;} #textseite .facts h3{font-size: 0.96em; padding-top: 20px; text-align: left; padding-left: 12px;} .financal-report h4.timer, .financal-report h4 { font-size: 1.0em; text-transform: none; } h6 { font-size: 1.05em; color: #FFF; text-align: center; font-weight: 300; line-height: 1.4em; } p { font-family: "Open Sans", sans-serif; letter-spacing: 0.01em;font-size:1em; color: #0F3225; /* #454547;*/ /*#454547*/ line-height: 1.6; /*letter-spacing: 0.03em;*/} p.MsoNormal{ margin-bottom: 25px; } p.bodytext{ margin-bottom: 20px; font-family: "Open Sans", sans-serif; font-weight: 400; } p:last-child.bodytext{ margin-bottom: 0px; } b{ line-height: 1.4; font-size: 0.99em; } .strong_intro strong, .strong_intro b, .startseite #investor_teaser div.newsPress .strong_intro a { font-family: "FagoOffc"; letter-spacing: -0.03em; margin: 0px 0px 12px 0px; display: block; font-size: 1.45em; font-weight: normal; line-height: 1.45;} .startseite #investor_teaser .second .newsPress a { font-size: 1em; color: #0f3225; } .start_news .news_datum { color: #0f3225; } .startseite #investor_teaser .second .newsPress h3 { padding: 8px 0px; } .startseite #investor_teaser .second .news_datum { font-weight: bold; } .startseite .start_news { padding-top: 8px; } /* IntroText*/ .introtext p, .strong_intro { color: #0f3225; } .introtext hr.headline_hr { border: 1px solid #81BDAA; margin: 10px auto; padding: 0px; } .introtext { font-size: 1.4em; text-align: center; text-transform: uppercase; width: 70%; margin-left: 15%; } /*margin-top: 20px; padding: 10px 0px 0px 0px;*/ .introtext.abstand_unten_p{ padding: 0px 0px 20px 0px; } .zitat { padding: 0px; text-align: left; width: 100%; margin: 0px; font-size: 1.5em; color: #81BDAA;} .introtext span { display: block; font-size: 0.4em; color: gray; } .zitat span, .zitat b { font-size: 0.6em; color: #3a3a3a; margin-top: 20px; display: block; color: #b1b3b4; font-weight: 400;} table p.bodytext { margin:0; color: black; } h2.disclaimer { font-size: 0.74em; margin-left: 0px; text-align: left; color: #3c3c3c; } span.bildunterschrift { font-size: 0.9em; color: #4b4b4b; line-height: 1.6; } .office_select .clear { display: none; } .offices-select-title { display: inline-block; min-width: 100px; } /* Listen - Formatierung */ .two-thirds div ul li h3{ padding: 4px 0px 2px 0px!important; } .two-thirds div ul li strong{ margin-bottom: 10px; } /* 24px Abstandklassen ================================================================= */ /* Abstaende! ********************************/ .abstand_m{ margin: 60px 0px 60px 0px; overflow: hidden; } .abstand_unten_m{ margin-bottom: 50px; overflow: hidden;} .abstand_oben_m{ margin-top:50px; overflow: hidden;} .abstand_oben_klein{ margin-top:40px; overflow: hidden;} .abstand_p{ padding: 60px 0px 60px 0px; overflow: hidden; } .abstand_unten_p{ padding-bottom: 60px; overflow: hidden;} .abstand_oben_p{ padding-top: 50px; overflow: hidden;} .abstand_oben_p_kl { padding-top: 25px; overflow: hidden;} .abstand_p_big{ padding: 60px 0px 60px 0px; overflow: hidden; } .abstand_m_big{ margin: 60px 0px 60px 0px; overflow: hidden; } .office_select .abstand_unten_m { margin-bottom: 30px; } /*******************************************/ h2{padding-bottom: 0px;} h3{padding-bottom: 0px; } h4{ text-align: center; font-size: 1.3em; padding-bottom: 4px; color: #3a3a3a; font-weight: 400;} .financal-report h4 { display: inline-block; } h4.linker{ text-align: left; } h1.abstand_p{padding-bottom: 4px;} h3.abstand_p{padding-bottom: 0px;} h1.abstand_unten_p{padding-bottom: 4px;} .center{ text-align: center; display: block; overflow: hidden; color: gray; padding: 20px 0px; } .center p{ color: #89898e; font-family: 'Open Sans', sans-serif; font-size: 1.2em; font-weight: 300; } .center h3{ padding-left: 0px; } /* ============================================================= */ /* HEADER ================================================================= */ #header { position: fixed; top: 0px; width: 100%; background: #fff; border-bottom: 1px solid #ddd; z-index: 20000000; } #header a.logo img{ width: 100%; /*max-width: 175px; */ } #header a.logo{width: 138px; margin-top: 18px; padding-bottom: 0px;} /* BREADCRUMB ================================================================= */ #breadcrumb{ position: absolute; top: 420px; left: 0px; width: 100%; z-index: 10; background: #f4f4f4; border-top: 1px solid #ddd; /* nicht wieder reinmachen: overflow: hidden; */ } .offices #breadcrumb { top: 426px; } /* fuer die Startseite */ .startseite #breadcrumb{ top: 0px; background: #6B7F74; border-top: none; } h1, h2 { color: #6d8178; } .startseite #investor_teaser .column a[title=" Read more"] b { font-size: 16px; color: #275a22; } .startseite #investor_teaser .column a[title=" Read more"] { margin-top: 12px; } .startseite #investor_teaser .second a[title=" Read more"] { font-size: 1.6em; } .startseite .one-two.column.first { width: 58%; margin-right: 2%; margin-top: 20px; } .startseite .one-two.column.second { width: 38%; margin-left: 2%; margin-top: 20px; } .startseite #investor_teaser .first a[title=" Read more"] { font-size: 0.88em; } .startseite .timer b { font-family: 'Open Sans', sans-serif; } .startseite #breadcrumb ul{ list-style-type: none; margin: 0px; padding: 0px; } .startseite #breadcrumb ul li{ display: inline-block; width: 20%;} .startseite #breadcrumb ul li.li_fleet { width: 17%; } .startseite #breadcrumb ul li.li_lin { width: 18%; } .startseite #breadcrumb ul li.li_asset { width: 21% } .startseite #breadcrumb ul li.li_man{ width: 21% } .startseite .newsPress p b { color: #6d8178; } .startseite #breadcrumb ul li h3{ margin-bottom: 0px; text-align: left; } .startseite #breadcrumb ul li h3 a{ display: block; padding: 17px 0px; color: #fff; } .startseite #breadcrumb ul li h3 a:hover{ color: #0f3225; } /* Publications */ .crumb_top{ padding-top: 96px; } .crumb_top #breadcrumb{ top: 0px; } /* Offices */ .offices .container{ padding-top: 66px; } /* statt 30px ohne breadcrumb */ /* Vessel-Seite */ .vessel #breadcrumb, .crumb_space #breadcrumb{ position: relative; top: 0px; margin-bottom: 50px; } .crumb_space #breadcrumb{ } .crumb_space #breadcrumb:first-child, .vessel #breadcrumb { display: block; height: 46px; } .crumb_space #breadcrumb ul li, .crumb_space .breadcrumb ul li h3 a{ text-indent: 0px; } .breadcrumb{ text-indent: -10000px; } .breadcrumb ul li{ position: relative; } .breadcrumb ul li h3{ margin-bottom: 0px; text-indent: 0px; } .breadcrumb ul li h3 a, .breadcrumb ul li.pageLinkDropdown a{ display: block; padding: 17.5px 10px 17.5px 0px; /*15px 10px 10px 0px; */ color: #6d8178; font-family: "FagoOffc"; font-size: 0.8em; } .breadcrumb ul li h3 a:hover, .breadcrumb ul li.pageLinkDropdown a:hover { color: #e21d27; } #breadcrumb .breadcrumb ul li h3 a:after { content: ">"; padding-left: 10px; vertical-align: middle; } #breadcrumb .breadcrumb ul li h3:last-child a:after { content: ""; } /* Ausgleich Abstaende */ #breadcrumb .breadcrumb ul { display:inline; text-indent:0px; vertical-align: middle; } #breadcrumb .breadcrumb ul li { float: left; /* display:inline-block; */ margin-bottom: 0px; } /* die anderen navigationspunkte werden nur eingeblendet on hover */ #breadcrumb .breadcrumb ul li ul { clear: left; position: absolute; margin-top: -10px; left: -10px; width: 200%; padding: 0px 10px 0 10px; text-indent: 0px; background-color:#F4F4F4; display: none; z-index: 100; } .crumb_space #breadcrumb ul li ul{ margin-top: 0px; } #breadcrumb .breadcrumb ul li ul li.pageLinkDropdown { float:none; display:block; line-height:1em; } #breadcrumb .breadcrumb ul li ul li.pageLinkDropdown a{ padding: 10px 0px 10px 0px; font-size: 1em; } .breadcrumb br{ display: none; line-height: 0px; } /* ============================================================= */ /* Klassen */ .clear { clear: both; width: 100%; height: 0px; } /* KLASSEN */ /* p zur Headline machen */ .head-line{ font-size: 1em; font-weight: 600; } /* .more */ .more{ display: inline-block; margin: 0px; padding: 0px; } .more a{ display: block; padding: 10px 20px 10px 20px; font-size: 1.3em; font-weight: 400; color: #FFF; background: #2b715b; -moz-transition: all 1s linear; -webkit-transition: all 1s linear; -o-transition: all 1s linear; -ms-transition: all 1s linear; transition: all 1s linear; } .more a:hover{ background: #f4f4f4; color: #DDD; /*#fff; /* border: 1px solid #1CA168; */ } .more.facts{ margin-left: 20px; overflow: hidden; float: none; } /* .more.dokus, */ .more.news{ display: block; position: relative; margin: 50px 0px; text-align: right; } .more.news.dezent{ text-align: center; } .more.news.dezent a { background: #4A4A4A; } .more.news a{ display: inline-block; } .more.ir-kontakt{ margin-top: 250px; } .more.dezent a{ margin-left: 50%;} /*** ---------------------------------------- ***/ /*** tooltip ***/ /*** ---------------------------------------- ***/ .tooltipHidden { font-size: 0.8em; padding: 3px; background-color:#004933; color:white; display:none; } /* Animationsklassen */ .fadein { -vendor-animation-duration: 1s; -vendor-animation-delay: 0s; } .fadein { opacity: 0.00; } .left-bouncer{opacity: 0.00;} .right-bouncer{opacity: 0.00;} /*.newPress{ opacity: 0.00; }*/ .contact_teaser .fadeup{ opacity: 0.00; } /* Required */ .hidden{ opacity: 0; } .visible{ opacity: 1; } .away{ opacity: 0; transform: rotateY(-180deg); transition: all 1s linear; } .come{ position: absolute; margin-top: -40px; margin-left: 15%; margin-bottom: 30px; height: 250px; width: 250px; border-radius: 50%; text-align: center; background: #ddd; opacity: 1; transform: rotateY(0deg); transition: all 1s linear; } .come b{ display: block; margin: 100px auto 0px auto; width: 70%; } /* Linie */ hr.headline_hr { display: block; margin: 0px auto; border: 1px solid red; width: 8%; text-align: center; margin-bottom: 30px; } /* Seitenelemente Formatierungen ================================================================= */ /* Inhaltsbereich */ #content { position: relative; top: 116px; width: 100%; overflow:hidden; } .container_white, #news { position: relative; width: 100%; height: auto; background: #FFF; padding-bottom: 370px; overflow: hidden; } #news{ top: 420px; padding-top: 66px; padding-bottom: 440px; }/*460*/ #slideshow_container { height: 600px; } .headerbild, #slideshow_container_klein { height: 300px; } .slides li{ margin-left: 0%; } .content_neu { position: relative; width: 100%; top: 306px; height: 100%; background: #FFF } .headline_bereich { position: fixed; padding: 28px 30px; max-width: 30%; margin-top: 200px; background-color: rgba(0, 100, 100, 0.9); height: auto; } .headline_bereich h1 { line-height: 1.0;} .headline_bereich .headline_hr { margin: 0 auto 18px; background: #FFF; width: 30%; } /*** --------------------------------------- ***/ /*** STARTSEITE ***/ /*** --------------------------------------- ***/ #slideshow_container, .headerbild, #slideshow_container_klein { width: 100%; height: 420px; overflow: hidden; position: fixed; } #slideshow_container, #slideshow_container_klein, .headerbild{ top: 30px; } .headerbild.ship_skizze{ top: 0px; } /* Durch Minus z-index nicht mehr klickbar*/ .slideshow_container_klein { height: 300px; overflow: hidden; } /*.jp-type-single{ width: 100%; overflow: hidden; height: 360px!important;} */ #factsColumn #jp_container_1 { margin-left: 12px; } .jp-video { height: auto; } /*360px!important margin-top: 50px;*/ #ob_close { visibility: hidden; } /* SLIDESHOW FlexSlider Necessary Styles ================================================================= */ .flexslider { margin: 0; padding: 0; } .flexslider .slides li { position: relative; display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 2000px; display: block; height: auto; } .flex-pauseplay span {text-transform: capitalize;} /* #slideshow{ position: relative; } */ /* Caption *********************************/ /* FLEXCAPTION */ .flex-caption { position: absolute; /* bottom: 85px; height: auto; */ left: 0; top:32px; width: 100%; /* 39.38665% */ color: #FFF; /* background-color: rgba(175, 164, 128, 0.8); */ /* background-color: rgba(109, 129, 120, 0.8); */ } .flex-caption:hover{ cursor: pointer; } .flex-caption-deeper{ height: auto; margin-left: 0; /* padding: 34px 30px 74px 30px; */ /* background-color: rgba(15, 50, 37, 0.9); */ } .flex-caption-deeper:before{ content: "."; display: block; position: absolute; top: 0; /* left: -20%; */ width: 60%; height: 100%; text-indent: -20000px; } .flex-caption-deeper h2{ padding: 0px; margin-bottom: 0px; font-size: 2.8em; line-height: 1.1em; color: #FFF; } .flex-caption-deeper p.zitat { padding: 0px; margin-top: -3px; font-family: "FagoOffc"; font-size: 2.8em; letter-spacing: - 0.03; line-height: 1.1em; color: #c7cdca; } /**************************************************************/ /* Kontrollpunkte Formatierung *********************************/ .flex-control-nav { position: absolute; z-index: 50; left: 13%; width: 90%; max-width: 1200px; padding-left: 1%; padding-right: 1%; margin-top: -200px; display: none; } .flex-control-nav li {margin: 0 5px; display: inline-block;} .flex-control-paging li a { width: 8px; height: 8px; display: block; background: #FFF; background: #f3f2f1; cursor: pointer; text-indent: -9999px; } .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; } /* ============================================================= */ /* ============================================================= */ /*** --------------------------------------- ***/ /*** TEXTSEITE ***/ /*** --------------------------------------- ***/ #jp_container_1 .jp-video.jp-video-270p{width: 80%; margin-top:10px; } .jp-interface, .jp-controls-holder { margin:0; padding:0; } ul.jp-controls { margin:0 auto !important; width:123px; background:url('../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 { display: none; background-color: #e6e6e6; font-family: "FagoOffc", Tahoma, Arial; padding:10px; } .jp-no-solution a { } /*** ---------------------------------------- ***/ /*** mediaPlayer***/ /*** ---------------------------------------- ***/ #jquery_jplayer_1_frame { /* border:1px solid white; */ position:absolute; display:block; } #playVideoButton { position:absolute; z-index:9999; margin:15% 40%; } /*** --------------------------------------- ***/ #textseite { padding-bottom: 50px; height: auto; line-height: 1.1; letter-spacing: 0.0em; } /* NEWS & PRESS ================================================================= */ div.newsPress{ height: auto; letter-spacing: 0.005em; padding: 28px 0px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } div.newsPress:hover { padding-left: 1%; } #investor_teaser div.newsPress { padding: 0px; } div.newsPress .rightcolumn{ overflow: hidden; } .newsPress .leftcolumn { float: left; width: 20%; min-height: 80px; margin-right: 2%; overflow: hidden; } .newsPress .rightcolumn { width: 65%; float: left; } .newsPress .thirdcolumn { width: 8%; float: left; } .newsPress .thirdcolumn img { width: 50px; height: 50px;} .newsPress .thirdcolumn p{ text-align: center; } .symbol { padding: 10px 5px 10px 0px; font-weight: bold; font-size: 0.9em; } .press-release .masonries { margin-top: 32px;} /* */ #investor_teaser div.newsPress.short_teaser h5{ padding: 0px; font-family: "FagoOffc"; letter-spacing: -0.03em; } #investor_teaser div.newsPress.short_teaser h5 a { color: #6d8178; } .newsPress h5 a { display: block; padding: 10px 0px 10px 20px; margin-bottom: 15px; font-size: 1.0em; /*border-top: 1px solid #c4c4c4; */ letter-spacing: 0.02em; } .newsPress h5 { margin: 0px; } #container_dynStart a[title=" Read more"] b:after { content: url(../images/nav/icons/more_arrow.jpg); margin-left: 8px; } #investor_teaser .newsPress.short_teaser .timer, #investor_teaser .newsPress.short_teaser h4{ width: 90%; } #investor_teaser .newsPress.short_teaser .timer, #investor_teaser div.newsPress .timer a { display: block; padding: 0px; color: #6d8178; } #investor_teaser .newsPress.short_teaser .timer{ font-size: 1.2em!important; font-family: "FagoOffc"; line-height: 1.15em; } #investor_teaser div.newsPress .timer a { font-size: inherit; font-family: "FagoOffc"; } .startseite #investor_teaser .newsPress.short_teaser span.timer { font-size: 1.6 !important; } #investor_teaser div.newsPress a[title=" Read more"]{ display: block; padding: 0px; margin: 0px; font-size: 100%; color: #779973; font-weight: normal; } #investor_teaser div.newsPress a[title=" Read more"] b{ font-size: inherit; font-weight: normal; } #investor_teaser div.newsPress a[title=" Read more"] br{ display: none; } #investor_teaser .newsPress.short_teaser h4{ font-size: 1em; } .blaettern { position: relative; margin-top: 15px; width: 100%; text-align:center; } .newsPress.short_teaser h4 { padding: 0px; } .newsPress.short_teaser:hover, .home_teaserblock .one-third:hover { background: none; cursor: pointer; } #investor_teaser div.newsPress.short_teaser h5 { font-size: 2.4em; } div.newsPress.short_teaser a img { display: block; width: 100%; padding: 0%;} #investor_teaser .contact_details .one-fourth { width: 100%; margin: 0px; min-height: 0px; margin-bottom: 10px; } h5 { font-size: 1.1em; font-weight: 300; padding: 6px 0px; text-align: left; margin: 0px 0px 30px 0px;} .newsbox.abstand_unten_p{ padding-bottom: 30px;} div.newsPress.short_teaser div { padding-bottom: 6px; } #downloadIframe { display:none; } .picDownload ul li p{ text-align: center; } .picDownload ul li { margin-bottom: 40px; } .download, p.bodytext a.download { padding: 12px 8px 12px 44px; display: block; background: url("../images/24px-pdf_icon.png") no-repeat scroll 12px 10px; /*#f0f0f0*/ border: 1px solid #FFF; font-size: 0.85em; text-transform: uppercase; font-weight: normal; } .download:hover, p.bodytext a.download:hover { cursor: pointer; padding: 12px 8px 12px 44px; } /*background: url("../images/pdf.png") no-repeat scroll 12px 15px #ddd; */ /* Ende newtopic */ div.newsPress.short_teaser .more_news { background: #f4f4f4; width: auto; padding: 12px 12px; margin-top: 20px; border-radius: 6px; display: inline-block; color: #4a4a4a; border: 1px solid #f0f0f0; } /* FAKTENBLOCK ------------- */ .facts{ margin-bottom: 24px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .facts ul { padding: 0px 0px 20px 0px;} /* 0px 20px 20px 20px*/ .facts .news_pictures { padding-left: 20px; } .facts .news_pictures img{ border: 10px solid #f4f4f4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px;} .facts .news_pictures img:hover { border: 4px solid #266451; cursor: pointer; } h6.timer { padding-top: 0px; } .facts li{ padding: 12px 0px 7px 0px; margin-left: 0px; border-top: 1px solid #c4c4c4; overflow: hidden; } #textseite .facts li{ font-size: 0.75em;} .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 ***/ /*** --------------------------------------- ***/ /** * Disclaimer Top/Bottom Definition * * Text Open Sans Light Italic 9/11pt * Hervorhebungen mit Open Sans Bold 9/11pt * 2 Linien oben/unten siehe Startseite, Investor Relations * Abstand zur Headline18pt **/ p.newsDisclaimerTop { border-top: 1px solid black; border-bottom: 1px solid black; font-size:.8em; margin-bottom:40px; padding: 8px 0px; } p.newsDisclaimerBottom { font-size:.8em; border-top: 1px solid black; border-bottom: 1px solid black; margin-top:20px; padding: 8px 0px; } .news_detail_headlines h1 { margin-bottom: 15px; } p.IntroPressetext { /** Open Sans Bold 11pt/16pt **/ font-weight:bold; } p.copyPressetext { /** Open Sans Reg 11pt/16pt * Zwischenheads in der Open Sans Bold 11pt * Abstand jeweils eine Leerzeile **/ } p.aboutRickmersGruppe b { font-size: 1.2em; margin-bottom: 20px; padding-top: 20px; } p.aboutRickmersGruppe { font-size: 0.8em; } p.presseanfragen b { font-size: 1.0em; margin: 20px 0px; } p.presseanfragen { /** * Zwischenhead Open Sans Bold 11pt * Text Open Sans Reg 11pt/16pt * Abstand zur Linie Legal Text: 2 Leerzeilen **/ margin-bottom:30px; margin-top: 30px; } ul.newsListePunkte { list-style-type:disc; padding-left:10px; font-weight: bold; } ul.newsListeNummern { list-style-type:decimal; padding-left:10px; } .newsbox{ position: relative; width: 100%; overflow: hidden; border-bottom: 1px solid #ddd; } .newsbox:first-child{ padding-top: 0px; } h3.listview { font-size: 1.7em; font-weight: 400; padding-bottom: 20px; } .newsbox h3{ padding: 0px 0px; border-bottom: none; text-align: left; margin: 5px 0px; letter-spacing: 0.01em; text-transform: none; } .newsbox h2{ margin-bottom: 0px; line-height: 1.0; padding-left: 0%; font-size: 2.2em; } .newsbox h4, .news_detail_headlines h3 { text-align: left; display: inline-block; font-size: 1.05em; color: #266451; font-family: "Open Sans",sans-serif; } .news_detail_headlines h3 { color: #0f3225; margin-bottom: 50px; } .newsbox.abstand_p { padding: 50px 0px 50px 0px; } #typo3container #breadcrumb + .container .newsbox.abstand_p{ padding: 40px 0px 40px 0px; } .newsbox a[rel="lightbox"]{ display: block; } .newsbox a img, .newsbox img{ display: block; /*padding-top: 50px;*/ } /*.newsbox:first-child a:first-child img:first-child, .tenPix { padding-top:10px; }*/ .newsbox.ir_contact img{ padding: 50px 0px 50px 0px; } .newsbox.ir_contact.first img{ padding: 0px 0px 50px 0px; } .newsbox div{ overflow: hidden; } /* box - Bild linke Seite*/ .newsbox.pic_left a[rel="lightbox"]{ float: left; width: 25%; margin: 0px 5% 0px 0px; } /* 3% nach unten weggemacht img*/ /* box - Bild rechte Seite*/ .newsbox.pic_right a[rel="lightbox"]{ float: right; width: 32%; margin: 0px 0px 3% 3% ; } /* ============================================================= */ /*** --------------------------------------- ***/ /*** INVESTOR SEITEN ***/ /*** --------------------------------------- ***/ /* IR CONTACT */ .person img { margin-top: 0px; height: 220px; margin-bottom: 30px; margin-left: 30%; width: 220px; } p.small { font-size: 0.85em; } .hotline { text-align: center; background: #f4f4f4; padding: 34px 25px; } .hotline p.bodytext a { color: #e21d27; } /* ============================================================= */ /*** --------------------------------------- ***/ /*** FLEETSEITEN ***/ /*** --------------------------------------- ***/ /* Schiffsbild unten ------------- */ img.pic_short{ width: 50%; display: block; margin: 24px 0px; margin-left: 5%; } /* Bilder Miniaturansicht ------------- */ .Miniaturbilder{ width: 34%; margin-left: 4.5%; } .Miniaturbilder a, .Miniaturbilder img{ display: block; } .oneColumBilder.column { width: 29.5%; margin-left: 3.5%; /* margin-top:1.0em;*/ } .oneColumBilder img{ width: auto; height: 250px; } /* Schiffsbild unten ------------- */ img.pic_short{ width: 50%; display: block; margin: 24px 0px; margin-left: 5%; } .pdf_row a { width: 23%; margin-right: 2%; float: left; } .print_back { position: relative; margin: 0px auto; width: auto; display: inline-block; } .print_back a { padding: 5px 10px; border: 1px solid #ddd; margin-right: 10px; margin-top: 20px; } td { padding: 0px 0px 0px 30px; } .shipdetails { font-size: 0.9em; } .ship h3 { text-align: left; margin-bottom: 0px; } /* TABELLEN ================================================================= */ table{ width: 100%; border-collapse:collapse;} table.auswahl td { padding: 8px 0px; } td, th{ padding: 8px 2% 8px 2%; } .offices td, .offices th { padding: 0px; } td.left_nopadding { padding: 5px 2% 5px 0%; } .contenttable tr{ border-bottom: 1px solid #ddd; } .contenttable tr.no_border{ border-bottom: none; } .contenttable td{ padding: 10px 0px; color: gray; } .contenttable p.bodytext, .adresse, p.i_small { font-size: 0.85em; color: #0f3225; margin: 0; } .contenttable th { padding: 10px 0px 10px 0px; } table.contenttable th, table.contenttable td { text-align: center!important; } table.contenttable th, table.contenttable td { text-align: center!important; } table.contenttable tbody th.align-left { text-align: left!important; } #factsAndFiguresTable td { text-align:left!important; padding-left: 5%; } .contenttable td:nth-child(1){ text-align: left!important; } .contenttable td:nth-child(2), .contenttable th:nth-child(2) { background: #f0f0f0; } .contenttable td:nth-child(2) p, .contenttable th:nth-child(2) p { padding-left: 5%; } .contenttable td.leftNoBackground { background: none; text-align:left !important; } .noborder { border: none!important; } .financial_calender table.contenttable th, .financial_calender table.contenttable td { text-align: left!important; } .financial_calender table.contenttable td:nth-child(2) { padding-left: 12px; } .office_select { border-bottom: 1px solid #ddd; overflow: hidden; margin-bottom: 30px;} .offices .abstand_oben_m { margin: 0px 0px; } table.mainAddress { margin-bottom: 25px; } table.mainAddress h1{font-size: 1.1em; text-align: left; padding-left: 0px; width: 100%; } .offices h2, .offices h1 { font-size: 1.3em; text-align: left; padding-left: 0px; width: 100%; } .offices h2{margin-bottom: 0px;} .container .office_select .two-thirds.column{ margin-right: 0px; } .container .office_select .facts.one-thirds.column{ float: left; margin-left: 0px; } table th.zahlen, table td.zahlen{ text-align: right; } table th:nth-child(3), table td:nth-child(3){ text-align: left; } /** RTE-Editor Tabellen aus dem Backend **/ /** TOP-TABELLE: KATEGORIE WÄHLEN **/ table.auswahl { margin-bottom: 10px;} .auswahl td{ width: 21%; font-weight: 100;} /* .auswahl tr:nth-child(even){ } */ .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; } .byname .nummer{width: 5%; border-right: 1px solid #FFF;} .byname .name{width: 24%; 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%; } #footNote2 { padding-bottom: 14px;} .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.ship_image{ width: 46%; } .ship { padding: 15px 0px; border: 1px solid #ddd; border-bottom: none; } .daten { border: 1px solid #ddd; border-top: none; } .daten tr { width: 100%; } .schiffsnamen { border: 1px solid #ddd; border-top: none; } /** Damit Describtion nicht anklatscht **/ .ship td b{ margin-right: 3px; } .daten{margin-top: 5px; clear: left; display: block; overflow: hidden; width: 100%; padding: 0px; } .daten tbody, .daten tr { width: 100%; display: inline-block; } .daten tr{ border-bottom: 1px solid #ddd; } .daten tr:last-child{ border-bottom: none; } .daten td{ display: inline-block; margin: 0px; width: 20.7%; font-weight: 100; font-size: 0.9em; } .daten td:nth-child(even){font-weight: 600; color: rgb(120, 120, 120);} .daten tr:nth-child(odd){ } .full_grayrow { background: #f4f4f4; padding: 30px 0px 5px 0px; margin-bottom: 40px; border-bottom: 1px solid #ddd;} /** EINZELSCHIFFSANSICHT Tabellen **/ .shipdetails{ table-layout: fixed; width: 61.5%; overflow: hidden; height: 1%; } .shipdetails tr:nth-child(odd){ background: #f0f0f0;} .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 Typ;e **/ .schiffsnamen{ width: 100%; padding: 12px 0px; border-bottom: 1px solid #ddd; overflow:hidden; margin-bottom: 40px; box-sizing: border-box; -webkit-box-sizing: content-box; } .schiffsnamen:last-child{ margin-bottom: 0px; } .schiffsnamen p{ float: left; padding-left: 2%; width: 8%; font-weight: bold; font-size: 0.75em; color: rgb(165, 165, 165); line-height: normal; } .schiffsnamen ul{ list-style-type: none; overflow: hidden; margin-bottom: 0px; } .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; } /* ============================================================= */ /** OFFICES Worldwide **/ .offices select{ margin: 8px 0px; padding: 5px 0px; min-width: 164px; } #textseite .office_select .facts .offices-select-title{ display: none; } /*table.mainAddress{ float: left; width: 50%; }*/ /* ============================================================= */ /*** ---------------------------------------- ***/ /*** print ***/ /*** ---------------------------------------- ***/ @media print { #header { position: relative; } #seiten_navi, .downloadCenter, #bottom_navi, #footer { display:none; } .nav_search_box, #top_navi, #seiten_navi, .downloadCenter, #bottom_navi, #footer { display:none;} .logo { visibility:visible !important; display:block !important; position:relative; } #textseite, #textseite > div { width:100%; position:absolute; top:-80px; margin:0px; padding:0px; left:0; } #breadcrumb { display:none; visibility:hidden; } /*div.container { visibility:visible; display:block;} */ .container, #container { margin: 0 0; } .container .two-thirds.column { margin:0; width:100% !important; } #content { overflow: visible; } .fleet_list { page-break-before: always; } .fleet_list .ship {page-break-before:always; margin-top:0 !important; padding-top:0 !important; } #header { background-color:#ffffff !important; border-bottom:none !important;} .daten td { margin-left:0 !important; margin-right:0 !important; padding-left:0 !important; padding-right:0 !important; } .auswahl { page-break-after:always; } .byname tr:nth-of-type(20n+0) { page-break-after:always;} .byname td a { font-size:80%; } /* .byname td {font-size:0.5;} */ img { max-width: 700px !important; display:block !important; } .two-thirds-column { font-size:80%! important;} } /*** --------------------------------------- ***/ /*** Investor Relation ***/ /*** --------------------------------------- ***/ .investor_teaser h2 { padding-top: 30px; padding-bottom: 10px; } .investor_teaser .newsPress h5 { margin: 0px 0px 20px 0px; padding: 10px; } .morefacts { text-align: center; width: 100%; overflow: hidden; } .morefacts a{ padding: 6px 14px; border: 1px solid #4A4A4A; } .investor_contact { background: #3a3a3a; } .diagram { width: 30%; margin-left: 30%; } .headline_field { position: absolute; z-index: 90; top: 260px; width: 100%; } .headline_field h1 { border: none; color: #FFF; font-size: 1.6em; font-family: 'Open Sans', sans-serif; font-weight: 200!important; text-align: center;} .container_neu { top: 300px;} .fragen img { width: 20px; display: inline-block; margin-right: 16px; margin-top: 12px; } .fragen span{ line-height: 2.5em; } .career_teaser h2 { margin: 40px 0px 40px 0px; text-transform: uppercase; } .group_teaser h2 a, .career_teaser h2 a { border: none!important; text-transform: uppercase; color: #4A4A4A; } .absolute { position: absolute; z-index: 100; width: 70%; left: 50px; bottom: 100px; } .group_teaser .absolute, #investor_teaser .absolute { padding: 50px 50px 50px 50px; background: rgba(255,255,255,0.8); } #investor_teaser h2 { margin-bottom: 30px; } .group_teaser p, .group_teaser a { text-align: left; margin-left: 0px; width: 50%; } .group_teaser a { padding: 8px 12px; border: 1px solid gray; margin-top: 44px; } .group_teaser p { margin-bottom: 30px; font-size: 1.2em; color: gray; } .group_teaser { display: none; background: url("../images/group.jpg") no-repeat right #f4f4f4; position: relative; overflow:hidden; width:100%; height: 380px; } .group_teaser .flex-caption h1 { text-align: center; margin-top: 75px; } .group_teaser h2{ padding-left: 0px;} .group_block { height: 400px; overflow: hidden;} .one-third.three.column.absolute{ bottom: -110px; } .bg_bild, .bg_bild_contact { display: none; width: auto; min-height: 100%; background: #f4f4f4; position: fixed; z-index: -1; top: 94px; overflow: hidden;} .bg_bild img { height: 100%; width: auto;} .financal-report img { width: 12px; float: left; margin-right: 6px; padding-top: 17px; } .investor_teaserbild { height: 250px; overflow: hidden; } .home_teaserblock { position: relative; height: 400px; width: 100%; } .white { background: #43B08F; text-align: center; padding: 0px 0px 0px 0px; width: 100%; overflow: hidden; } .small_font { font-size: 0.8em;} .career_teaser{ padding-top: 1200px; height: 1000px; } .award_teaser .one-third.three{ right: 0px; } .award_teaser h3{ visibility:hidden; margin-bottom: 20px; } .award_teaser h2{ visibility: hidden; margin-left: 10%; width: 80%; font-size: 2.6em; } .award_teaser{ margin-top: 150px; margin-bottom: 100px; text-align: center; background: #FFF; } .award_teaser h2{ margin-bottom: 30px; } .contact_teaser { position: relative; overflow: hidden; height: auto; width: 100%; text-transform: uppercase;} #textseite .contact_teaser div{ padding-bottom: 0px; border: none; text-align: center; } .contact_teaser div a{ display: block; color: #266451; font-size: 0.9em; } .contact_teaser div a img{ margin-bottom: 15px; width: 60%; margin-left: 20%;} .fragen-navi h2{ font-size: 2.2em; border-bottom: none; padding: 0px; } .fragen-navi{ overflow: hidden; clear: left; } .fragen-navi h1 a{ display: block; width: 60%; margin: 0px auto; font-size: 3.5em; text-align: center; } .fragen-navi p{ margin-top: 0px; } .fragen-navi p a, .group_teaser p a, .career_teaser p a { font-size: 1em; padding: 12px; border: 1px solid #FFF; margin-right: 100px; } .fragen-navi p a:hover, .group_teaser p a:hover { border-bottom: 1px solid #fff; } .Counter { overflow: hidden; margin-bottom: 40px; } .Counter li { text-align: center; } .Counter h2 { font-size: 2.6em; } .Counter p { color: #4A4A4A; } .dokumente p.last { margin-bottom: 0px; } .dokumente .two-thirds p a { display: block; font-size: 1.2em; border-bottom: none; } .dokumente .two-thirds p a:hover{ border-bottom: none;} .anleihe_hotline { overflow: hidden;} .documents ul li.even { float: left; width: 10%; } /***************************************************/ /* TABS */ .tab-rider.akkordeon .tabs { position: absolute; margin-top: -59px;} .tab-rider.deeper .tabs{ position: relative; margin-top: 0px; padding-top: 0px; } /* Tabs - Akkordeon */ .tab-rider.akkordeon .tabs li{ float: left; padding: 14px 24px; background: #5D897B; border-right: 1px solid #b5b5b5; text-transform: uppercase; font-size: 1.1em; color: #FFF;} .tab-rider.akkordeon .tabs li.active { background: #81bdaa; color: #FFF; } .tab-rider.akkordeon .tabs li:hover { background: #266451; cursor: pointer;} /* Tabs - Navigation */ .tab-rider.deeper .tabs li { float: left; } .tab-rider.deeper .tabs li.last { border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .tab-rider.deeper .tabs li.active { font-weight: bold; } .tab-rider.deeper .tabs li:hover { background: #ddd; } .tab-rider.deeper .tabs li a{ display: block; padding: 20px 10px; font-size: 0.9em; color: #3a3a3a; } #rider2, #rider3, #rider4, #rider5, #rider6{ display: none; } #rider2 table p.bodytext{ color: #fff; } #rider3 .masonries{ position: relative; display: block; } .dokumente_tab img{ float: left; height: auto; margin-right: 8px; width: 18px;} /***************************************************/ .fragen { text-align: center; background: #81bdaa; padding: 50px 0px; margin-top: 50px; } .fragen h3, .fragen p { color: #FFF; } #textseite .fragen.faqs h3 { margin-bottom: 30px; } #textseite .fragen.faqs p { font-size: 1.0em; text-align: center; } .faqs_firstrow { width: 100%; overflow: hidden; } .slider_caption { position: absolute; z-index: 300000000; margin-top: 200px; } .slider_caption p{ text-align: center; } .headerbild { height: 450px; overflow: hidden;} .headerbild img{ width: 2000px; } /* .headerbild .bildcontainer { position: relative; width: 100%; overflow: hidden; } */ /* e-mail alert Formular */ #newsletter_signup .two_paragraphs_in_one { clear:both; padding:0; line-height:0; margin:0; } #newsletter_signup{ width: 84%; margin-top: 10px; } #newsletter_signup form p, form.confirmBond div, form.confirmBond .confirmInputs{ padding: 20px 0px; overflow: hidden; } #newsletter_signup form p { width:50%; float:left; padding:10px 0; } form.confirmBond .confirmInputs{ margin-bottom: 20px; } #newsletter_signup select{ display: block; width: 50%; margin-bottom: 10px; } form.confirmBond select{ float: right; width: 30%; margin-bottom: 20px; } #newsletter_signup select,#newsletter_signup option, #newsletter_signup input[type="text"], form.confirmBond select, form.confirmBond option, form.confirmBond input[type="text"]{ padding: 4px 0px 4px 2px; border: 1px solid #b1b3b4; } #newsletter_signup select, #newsletter_signup option { padding:1px 0px 1px 2px; } #newsletter_signup input[type="text"], form.confirmBond input[type="text"]{ display: block; float: right; width: 25%; } #newsletter_signup input[type="text"] { float:left; width:50%; } .newsletterCheckbox input{ margin-right: 20px; } .newsletterCheckbox a{ display: block; padding-left: 33px; padding-bottom: 0px; color: #266451; } #newsletter_signup p.abstand_unten_m{ display: none; } #newsletter_signup input[type="submit"], form.confirmBond .disclaimerButton{ padding: 10px 10px; background: #004933; color: #fff; font-size: 1.1em; text-align: center; border: none; } #newsletter_signup input[type="submit"]{ float: left; } #newsletter_signup input[type="submit"]:hover, form.confirmBond .disclaimerButton:hover{ cursor: pointer; background: #266451;} .newsletterCheckbox{ clear: both; } .newsletterCheckbox:last-child{ display: none; } /*** --------------------------------------- ***/ /*** Footer ***/ /*** --------------------------------------- ***/ #footer{ position: relative; width: 100%; height: 219px; color: #FFF; font-size: 0.8em; background: #f4f4f4; padding: 0px 0px; } #footer span.copy{ line-height: 35px; } #footer li { padding: 4px 0px; } .footer_links { width: 100%; overflow: hidden; } .footer_impressum { padding-top: 10px; padding-bottom: 40px; border-top: 1px solid #ddd; } .topper, .scroll_teaser, p.topper { position: fixed; bottom: -100px; right: 50px; width: auto; height: auto; z-index: 3000; } .scroll_teaser{ bottom: 50px; z-index: 3001; } .topper a, .scroll_teaser a { position: relative; display: block; background: #4A4A4A; width: 24px; height: 24px; border-radius: 50%; padding: 14px; color: #FFF; } .topper a img, .scroll_teaser a img{ width: 24px; height: auto; border: none; padding-left: 0px; } p.topper{ background: #4A4A4A url("../images/nav/icons/arrow_top.png") no-repeat center 40%; width: 24px; height: 24px; border-radius: 50%; padding: 14px; color: #FFF; text-indent: -100000px;} p.topper:hover, .topper a:hover, .scroll_teaser a:hover{ cursor: pointer; background-color: #6a6a6a; } .scroll_teaser a img{ margin-top: 3px; } /* 5.1. CS */ .diagramm .omega li:after, .kennzahlen li:after{ content: "."; height: 0px; clear: both; visibility: hidden; } /*.scroll_teaser a:hover { background: #4A4A4A ; }*/ /*#f8f8f8*/ .scroll_teaser a img{ /*margin-top: 2px;*/ } /*** Investor relation - Index ***/ .faqs .counter-box{ float: left; margin-left: 20px; padding: 0px; padding-top: 20px; font-size: 1.2em; display: block; color: #266451; } /*.post { visibility:hidden } */ .faqs img { width: 100%; height: auto; } .faqs .counter-box b{ font-size: 1.2em; font-weight: 400; padding-right: 2px; } #textseite .faqs h3, #textseite .fragen h3, .globe_teaser h3, .career_teaser h2 a, .group_teaser h2 a, #investor_teaser h3, .award_teaser h3, .abstand_p_big h3 { padding-bottom: 0px; margin-bottom: 6px; font-size: 2.0em; font-weight: 400; border-bottom: none; } .abstand_p_big h3{ text-align: left; } .timer{ margin-bottom: 0px; } .financal-report .timer { padding: 10px 0px 0px 0px; text-align: center; } .faqs p.bodytext{ margin-bottom: 20px; font-size: 1.2em; } .questions li{ padding: 20px 0px; } .questions li a{ font-size: 1.2em; color: #266451; vertical-align: 10%; } .financial_calender li { line-height: 2.4em; } /*** Investor relation - FAKTEN ***/ /* Grosse UEberschrift */ .head-line-big{ display: inline-block; position: absolute; top: -220px; left: 0px; width: auto; } .head-line-big h1{ color: #fff; font-size: 2.5em; font-weight: 500; border-bottom: none; } .head-line-big p{ color: #fff; } .fakten_teaser { width: 100%; overflow: hidden; background: #86A78F; color: #FFF; } /* mit Zentrierung*/ .head-line-big.container{ display: block; position: relative; top: 0px; padding: 0px; } .head-line-big.container h1{ display: inline-block; padding: 20px 100px 20px 20px; position: absolute; top: -56px; left: 0px; background: #2b715b; z-index: 5000; } .pic_height{ height: 250px; } .dokumente.akkordeon{ background: #81bdaa; overflow: hidden; } .dokumente p { margin-bottom: 20px; } .dokumente p a { color: #FFF; } .anleihen_dokumente .dokumente p a { color: red; } .anleihen_dokumente .dokumente{ padding: 30px 0px; margin-top: 30px; background: none; border: 2px solid #c5a47e;} .anleihen_dokumente h2{ font-size: 1.8em; text-transform: uppercase; text-align: center; } .anleihen_dokumente a{ font-size: 1.2em; } .bonds_news_teaser { width: 100%; background: #f4f4f4; overflow: hidden;} .bounce-holder li{ font-size: 0.7em; } /* Klasse fuer Zahlen mit Schrift*/ .make_block{ margin-bottom: 40px; } .make_block b{ display: block; font-size: 1.6em; line-height: normal; } .make_block span{ color: #6E6E70; text-transform: uppercase; line-height: normal; } .diagramm { color: #5D5E60; } .diagramm .omega{ padding-top: 20px; } .diagramm .alpha img{ width: 50%; padding-left: 30%; } .diagramm .omega li strong, .diagramm .omega li span{ display: block; float: left; width: 50%; } #textseite .anleihe_fakten_teaser .one-two.column.alpha h3{ padding: 60px 0px; } .kennzahlen{ background: #E8E9E9; color: #5D5E60; width:100%; clear: left; } .kennzahlen h1{ color: #216451; font-size: 2.5em; text-align: center; border-bottom: none; } .kennzahlen h2{ text-align: center; color: #5D5E60; font-size: 1.2em; } .item { width: 350px; /*29.1666%; */ margin: 2px; float: left; box-sizing: border-box; } .tabelle { border: 10px solid #f4f4f4; padding: 10px; overflow: hidden; } .tabelle .even { float: left; width: 30%; } .tabelle .odd { float: left; width: 70%; } #investor_teaser .bonds_teaser img { position:absolute; width:100%; z-index:1;} .bonds_teaser { position:relative; width:100%; background: #f4f4f4; } #investor_teaser .one-thirds img {} #investor_teaser { position: relative; background: #FFF; overflow: hidden; } #investor_teaser .three.column p { padding: 8px 0px;} #investor_teaser .one-third { width:32%; float:left; margin-right: 1%; height:230px; } #investor_teaser .one-third.orange { background-color:#f06d41; } #investor_teaser .one-third.green { background-color:#7b9f93; } #investor_teaser .one-third.grey { background-color:#7a7b7f; } #investor_teaser .one-third .short_teaser { padding:10px; color:white; } #investor_teaser .one-third .short_teaser h3 { font-weight: 400; font-size: 1.25em; letter-spacing: -0.03em; padding: 4px 0px 10px 0px; } #investor_teaser .one-third .short_teaser h3 a { color:white; } #investor_teaser .newsPress.short_teaser h3.bottom_border { font-weight: normal; } #investor_teaser .one-third .short_teaser span a { color:white; } #investor_teaser .diagram.one-third img, #investor_teaser .bericht.one-third img { height:180px; width: auto; padding-top: 20px; margin: 0px auto; } #investor_teaser .aktuelles.one-third { background: #DADADA; } #investor_teaser .bericht.one-third { background: #266451; } #investor_teaser .newsPress.short_teaser h3 { font-size: 1.1em; font-weight:bold; } #investor_teaser .newsPress.short_teaser h3.bottom_border { border-bottom:1px solid gray; } #investor_teaser .headline_green{ position: absolute; top: 100px; background: #2b715b; left: 0px; width: 400px; padding: 14px; height: auto; } #investor_teaser .headline_green h3 { color: #FFF; } .investor_contact .one-two { text-align: center; } .investor_contact .one-two div{ margin-top: 50px; padding-top: 200px; } .investor_contact img { position: absolute; height: 220px; width: 220px; margin-left: 30%; margin-bottom: 30px; border-radius: 50%; } .investor_contact p, .investor_contact b { color: rgb(199, 199, 199); } .key-figures img { height: 220px; width: 220px; margin-left: 30%; margin-bottom: 30px; border-radius: 50%; } .counter-box{ padding: 50px 0px;} .kennzahlen ul li{ margin-bottom: 30px; overflow: hidden; } .kennzahlen .head_line_number{ margin-left: 105px; width: 80px; text-align: center; } .kennzahlen li strong{ float: left; margin: 0px; width: 40%; padding-top: 35px; font-size: 1.2em; font-weight: normal; text-align: center; } .kennzahlen li.head_liner strong{ padding: 0px; } .kennzahlen li span{ display: block; float: left; width: 30%; } .kennzahlen .number{ margin-left: 100px; padding-top: 15px; height: 65px; width: 80px; color: #216451; font-size: 1.6em; font-weight: bold; border: 4px solid #fff; border-radius: 50%; text-align: center; } .kurzportrait { text-align: center; } .kennzahlen ol{ list-style-type:decimal; list-style-position: inside; } .trenn_strich { width: 30%; margin-left: 40%; height: 1px; border-top: 1px solid #2b715b; padding-top: 20px; } .newsPress h2, .timer { font-size: 1.0em; color: #266451; padding: 0px 20px 0px 0px; -webkit-box-sizing: border-box; box-sizing: border-box; text-transform: uppercase; } .newsPress h4{ padding: 0px 30px; } .newsPress h4 a{ color: #81bdaa; } div.newsPress h4{ font-size: 1.2em; text-transform:none; letter-spacing: 0.02em; border-bottom: none; line-height: 1.4; text-align: left; margin-bottom: 0px; padding-top: 10px; } .timer { text-transform: none!important;} .news_datum { margin-right: 8px; font-size: 1.0em; color: #266451; } div.newsPress a { padding: 6px 0px 0px 0px; color: #0f3225; } /* Aenderung bei newsPress - Kalender */ .events .newsPress .rightcolumn .news_datum{ display: block; float: left; padding-top: 4px; margin-right: 10%; } .events .newsPress .rightcolumn .rightcolumn_text{ overflow: hidden; } .events .newsPress .rightcolumn .rightcolumn_text a{ padding: 0px; } div.newsPress.short_teaser a{ padding: 0px; } /* .newsPress p{ padding: 0px 30px 0px 30px; } .newsPress p.clear{ padding: 0px 30px 0px 30px; } */ .newsPress{ -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; border-bottom: 1px solid #c4c4c4;} .newsPress div.trenn_strich{ margin: 20px 30px;} #investor_teaser .newsPress { border-bottom: none; } .newsPress:hover, .item:hover{ background: #f4f4f4; } .dokumente img, .dokumente_grau img { width: 18px; height: auto; float: left; margin-right: 8px; } .dokumente_grau { background: #f4f4f4; overflow: hidden; display: block; padding: 12px 0px; } .dokumente_grau li { padding: 8px 0px; } .dokumente_grau a { color:#A3A3A3 } .dokumente_grau a, .dokumente a { text-transform: uppercase; font-size: 0.9em; } #footer{ height: auto; color: #4b4b4b; } #footer h2 { font-size: 1.4em; color: #4A4A4A; text-align: left; padding-left: 0px; } /************ WORDPRESS STARTSEITE FORMATIERUNGEN ************/ article { width: 100%; position:absolute; overflow: hidden; } article p { display: none; } article h2 { font-size:1.1em; color: #e21d27; line-height:1.33333333333333em; margin-bottom: 8px; font-weight:400; padding: 20px 20px 0px 20px; } article h3 { margin:0 0 0.4615em 0; font-weight:400; color: #6d8178; width: 60%; letter-spacing:-0.02em; padding: 4px 20px 20px 20px; } .post_text, .post_image { float: left; margin: 0px; padding: 0px; border: none; height: 226px; } .post_text { float: right; background: #FFF; width: 500px; } .postThumbMobile img { width: 100%; } .post_image { width: 284px; } .main { width: 784px; } .globe_slider article:nth-child(3) .post_text, .globe_slider article:nth-child(4) .post_text { float: left; } article.blogStreampage.tag-floatright { float:right; /* margin-right:0;*/ } .sc_columns_item.post_image .postThumb { display:none; } .home_teaserblock li.one-two.column.two, .globe_next { display: none;} .globe_slider { width: 100%; height: 500px; max-width: 1160px; overflow: hidden; } /* padding-bottom: 80px; */ .globe_slider img { max-width: 100%; } .globe_slider a img { border: medium none; } /* Leere Elemente */ .oneColumBilder:empty, .oneColumBilder:-moz-only-whitespace{ padding-top: 0px; padding-bottom: 0px; } .newsbox.pic_right a[rel="lightbox"]:empty, .newsbox.pic_right a[rel="lightbox"]:-moz-only-whitespace, .list_page .newsbox .groupContent h3:empty, .list_page .newsbox .groupContent h3:-moz-only-whitespace{ margin: 0px; } p:empty, p:-moz-only-whitespace{ line-height: 0px; } table.contenttable{ margin-bottom: 20px; } table:last-child.contenttable{ margin-bottom: 0px; } /************ Ende layout.css ************/ /* Anpassung Studio Wencelides/SD */ .head_slider li { margin-bottom: 10px; color: #0f3225; line-height: 22px; } .startseite .one-two.column.first { margin-right: 4%; width: 62%; } .startseite .one-two.column.second { margin-left: 5%; margin-top: 20px; width: 28%; } #investor_teaser .one-third.green { background-color:#5a8275; } #investor_teaser .one-third.green h3 { background-color:#316352; } #investor_teaser .one-third.orange { background-color:#ef883b; } #investor_teaser .one-third.orange h3 { background-color:#eb6a0a; } #investor_teaser .one-third.grey { background-color:#8f9dab; } #investor_teaser .one-third.grey h3 { background-color:#738496; } #top_navi>ul>li.active>a { color:#000000 !important; /* overrides navi.css */ } #top_navi>ul>li:hover>a { color:#FFFFFF !important; /* overrides navi.css */ } ul.mainnav>li>ul>li>a { /* padding:10px 20px 8px 20px;*/ color:#FFFFFF !important; line-height:1.5em !important; } ul.mainnav>li>ul>li>ul { margin-top:0 !important; } ul.mainnav>li>ul>li>ul>li, ul.mainnav>li>ul>li>ul>li>ul>li { padding-left:20px !important; /* overrides navi.css */ padding-right:30px !important; /* overrides navi.css */ } ul.mainnav>li>ul>li>ul>li>a { /* padding:10px 20px 8px 20px;*/ padding:0 0 0 0 !important; /* overrides navi.css */ line-height:1.5em !important; } ul.mainnav>li>ul>li>ul>li>ul>li>a { padding:0 0 0 0 !important; /* overrides navi.css */ line-height:1.5em !important; } #top_navi .navi_arrow { position: relative; } #top_navi .arrow_down { position: absolute; top: 0; right: 15px; display: block; width: auto; height: auto; z-index: 10; color:#FFFFFF; line-height:20px; background-image:none !important; /* overrides navi.css */ } .second .short_teaser { position: relative; } .second .short_teaser a { display: block; } .startseite #investor_teaser h2 { margin-bottom:30px; } .startseite #investor_teaser .second .newsPress a { color: #6D8178 !important; } .second .short_teaser .arrow_down { font-size: 1em; color: #266451; line-height: 1.4; padding:0 !important; width: auto; height: auto; position: absolute; top: 8px; right: 0; background-image:none !important; /* overrides navi.css */ /* display: block; z-index: 10; color:#FFFFFF; line-height:20px; */ } .second .short_teaser h3:hover a, .second .short_teaser h3:hover .arrow_down { color: #e21d27 !important; } #top_navi>ul>li>ul>li>.arrow_down { display:none; } #top_navi>ul>li:nth-child(-n+3)>ul>li>a { display:block !important; } .navi_arrow:hover>.arrow_down { display:none !important; } #top_navi>ul>li>ul>li>ul>li>ul { margin-top:0 !important; /* against js drawbacks */ } #top_navi>ul>li>ul>li>ul>li>ul { margin-left:-30px !important; } #top_navi>ul>li>ul>li>ul>li>ul { left:100% !important; /* overrides rickmers.jss */ } #top_navi>ul>li>ul>li:nth-child(4)>ul>li>ul { left:-100% !important; /* overrides rickmers.jss */ margin-left:15px !important; } #top_navi>ul>li>ul>li>ul>li>ul>li>a { display:block !important; min-width:0 !important; } /* #top_navi>ul>li>ul>li>ul>li>ul>li { color:#FF0000 !important; } #top_navi>ul>li>ul>li>ul>li>ul>li>a { color:#FF0000 !important; } */ #investor_teaser .one-third { width: 47%; float: left; margin-left: 5%; margin-right: 0; height: 230px; display:block; } #investor_teaser .one-third:first-child { margin-left: 0; } #investor_teaser .one-third:hover { opacity:0.7; -moz-opacity:0.7; -webkit-opacity:0.7; } #investor_landingpage > span.short_teaser { display: block; font-family: "FagoOffc"; font-size: 1.45em; font-weight: normal; letter-spacing: -0.03em; line-height: 1.45; margin: 0 0 12px; } #investor_teaser .triplet_wrapper, #investor_landingpage .triplet_wrapper { overflow:auto; } #investor_teaser .triplet_wrapper .short_teaser { padding:0 0 0 0; } #investor_teaser .triplet_wrapper .short_teaser h3 { padding:15px 10px 15px 10px; margin:0 0 0 0; color:#ffffff; /* font-size: 1.375em;*/ font-size: 1.25em; } #investor_teaser .triplet_wrapper .short_teaser span { padding:10px 10px 10px 10px; display:block; color:#ffffff; font-family: "FagoOffc"; font-size: 1.125em; line-height: 1.3em; } #investor_teaser .newsPress.short_teaser h3.bottom_border { margin:0; border:none; padding-bottom:0; } #textseite .facts h3 { font-size: 0.96em; padding-top: 20px; text-align: left; padding: 6px 0px 4px 0px; /* padding: 12px 0px 12px 0px;*/ /* padding-left: 12px;*/ margin-left: 0px; margin-bottom: 0; border-top: 1px solid #666666; border-bottom: 1px solid #666666; overflow: hidden; } /*.container_white ul {*/ #textseite .facts ul { margin-left: 0px; } #textseite .facts ul li { border-top: 1px solid #dddddd; } #textseite .facts ul li:first-child { border-top: none; } /* ################################################################ */ /* ab hier nachher weg */ /* #textseite .facts .marginal_contact ul { padding:0 0 0 0; font-size:1em; } #textseite .facts .marginal_contact li { border-top: none; padding:0 0 0 0; font-size:1em; } #textseite .facts .marginal_contact .marginal_contact_record { border-top: 1px solid #dddddd; padding: 10px 0px 50px 0px; } #textseite .facts .marginal_contact .marginal_contact_record:first-child { border-top: none; } #textseite .facts .marginal_contact .marginal_contact_data { width:50%; float:left; } #textseite .facts .marginal_contact .marginal_contact_jobtitle { font-size:0.75em; line-height:1.5em; } #textseite .facts .marginal_contact .marginal_contact_data_block { padding: 10px 0px 0px 0px; } #textseite .facts .marginal_contact .marginal_contact_name { font-size:0.75em; line-height:1.5em; color:#0f3225; font-weight:700; } #textseite .facts .marginal_contact .marginal_contact_data_block_line { font-size:0.75em; line-height:1.5em; } #textseite .facts .marginal_contact .marginal_contact_portrait { float:right; } #textseite .facts .marginal_contact .marginal_contact_portrait img { width:auto; } #textseite .facts .marginal_contact a { color:#0f3225; } #textseite .facts .marginal_contact a:hover { color: #e21d27; } */ /* bis hier nachher weg */ /* ################################################################ */ /* ################################################################ */ #textseite .facts #showEmailForm { margin-left:0; } #textseite .facts .bild { float: right; position:static; display: block; padding-left: 0; } #textseite .facts h1.headline { display: none; } #textseite .facts h3:first-child { display: none; } #textseite .facts #showEmailForm { padding: 10px 0 0 0; } #textseite .facts p.dotted { border-top: 1px solid #dddddd; padding-bottom:10px; } #textseite .facts .person { float: left; position: static; margin-right: 0; margin-bottom: 0; width:50%; } #textseite .facts .institution { float: left; position: static; margin-right: 0; margin-bottom: 0; width:50%; } #textseite .facts .person { font-size: 0.75em; line-height: 1.5em; display:block; color: #6d8178; font-family: 'Open Sans', sans-serif; font-weight:normal; } #textseite .facts .person .location_person { display:block; color: #6d8178; font-weight:normal; margin-bottom:1em; } #textseite .facts .person .salutation, #textseite .facts .person .title_person, #textseite .facts .person .firstname, #textseite .facts .person .lastname { color: #0f3225; font-weight:bold; } #textseite .facts .person .adresse { color: #0f3225; font-size:1em; } #textseite .facts .person .adresse a { color: #266451; font-weight:bold; } #textseite .facts .person .adresse a:nth-child(5) { display:none; } #textseite .facts .institution { color: #6d8178; font-weight:normal; font-size:0.75em; margin-top:1em; } #textseite .facts .institution b { color: #6d8178; font-weight:normal; font-size:1em; } #textseite .facts .institution .adresse { color: #6d8178; font-weight:normal; font-size:1em; } #textseite .facts .marginal_contact ul { padding:0 0 0 0; font-size:1em; } #textseite .facts .marginal_contact li { border-top: none; padding:0 0 0 0; font-size:1em; } #textseite .facts .marginal_contact .marginal_contact_record { border-top: 1px solid #dddddd; padding: 10px 0px 50px 0px; } #textseite .facts .marginal_contact .marginal_contact_record:first-child { border-top: none; } #textseite .facts .marginal_contact .marginal_contact_data { width:50%; float:left; } #textseite .facts .marginal_contact .marginal_contact_jobtitle { font-size:0.75em; line-height:1.5em; } #textseite .facts .marginal_contact .marginal_contact_data_block { padding: 10px 0px 0px 0px; } #textseite .facts .marginal_contact .marginal_contact_name { font-size:0.75em; line-height:1.5em; color:#0f3225; font-weight:700; } #textseite .facts .marginal_contact .marginal_contact_data_block_line { font-size:0.75em; line-height:1.5em; } #textseite .facts .marginal_contact .marginal_contact_portrait { float:right; } #textseite .facts .marginal_contact .marginal_contact_portrait img { width:auto; } #textseite .facts .marginal_contact a { color:#0f3225; } #textseite .facts .marginal_contact a:hover { color: #e21d27; } /* ################################################################ */ .bodytext, .ul_download li, .pdf_row { position:relative; } .pdf_row { margin-bottom: 10px; color: #0f3225; line-height: 22px; } .download, p.bodytext a.download { background-image: none; padding-left:34px !important; /* padding: 12px 8px 12px 44px; display: block; border: 1px solid #FFF; font-size: 0.85em; text-transform: uppercase; font-weight: normal; */ } .bodytext .icon_download, .ul_download li .icon_download, .pdf_row .icon_download { position:absolute; top:0.65em; bottom:0; font-size:1.25em; color: #6d8178; } .pdf_row .icon_download { left:0; } .bodytext:hover .icon_download, .ul_download li:hover .icon_download, .pdf_row:hover .icon_download { color: #e21d27; } .short_teaser .start_news { font-family: "FagoOffc"; font-weight:300; color:#6D8178; letter-spacing:0.7px; border-top: 1px solid #dddddd; padding:10px 0 10px 0; font-size:0.9375em; } .short_teaser .start_news:nth-child(2) { border-top: none; padding-top:10px; } .short_teaser .start_news a { display:inline; } .short_teaser .start_news .news_datum { /* font-weight:300 !important;*/ font-weight:bold; color:#6d8178; /* color:#266451;*/ } .short_teaser .start_news:hover a, .short_teaser .start_news:hover .news_datum { color: #e21d27 !important; } .short_teaser .start_news .news_link a { color:#0f3225 !important; } .startseite #investor_teaser .second .newsPress a span.fa-angle-right { margin-left:10px; } .offices h1.headline, .offices h2.city { margin-bottom: 5px; } table.mainAddress { margin-bottom: 15px; } /* .offices table.mainAddress h1 { color:#000000; } */ #factsAndFiguresTable td { padding-left:0; vertical-align:top; padding-right:10px; } .contenttable td:nth-child(2) p, .contenttable th:nth-child(2) p { padding-left:10px; padding-right:10px; } .newsbox h3 { margin-bottom: 15px; } .picDownload li p:first-child { padding: 8px 10px 8px 10px; font-size: 0.75em; color: #89898e; text-align: center; } .picDownload li p { background-color:transparent !important; /* overrides navi.css */ color:#266451 !important; /* overrides navi.css */ } .picDownload h3 { padding-bottom:20px !important; } .picDownload ul { margin-left:-20px; } #factsColumn #jp_container_1 { margin-left:0; } #container_dynStart h2 a { color: #6d8178 !important; } .picDownload.container { border-top: 1px solid #dddddd; padding-top:26px; } .picDownload.container:nth-child(4) { border-top:none; padding-top:0; } #investor_landingpage .second .newsPress h2 { /* color:#436e92;*/ color: #6d8178; margin-bottom: 10px; } #investor_landingpage h2 { /* color:#436e92;*/ color: #6d8178; margin-bottom:30px; } #investor_landingpage .second .newsPress { padding: 0px; border:none; } #investor_landingpage .second .newsPress:first-child { /* background-color:#698ba8;*/ margin-bottom:0; } #investor_landingpage .second .newsPress:first-child p { padding:0 10px 15px 10px; border:none; letter-spacing: 0.04em; } #investor_landingpage .second .newsPress:first-child p:nth-child(2) { padding-top:15px; font-size:1.1875em; letter-spacing: 0em; } #investor_landingpage .second .newsPress:first-child p .news_datum { color:#FFFFFF !important; font-weight:bold !important; } #investor_landingpage .second .newsPress:first-child p a { color:#FFFFFF !important; } /* #investor_landingpage .second .newsPress:first-child h3:hover a, #investor_landingpage .second .newsPress:first-child h3:hover .arrow_down { color: #FFFFFF !important; } */ #investor_landingpage .second .newsPress h3 { padding: 8px 0px; letter-spacing: 0em; } #investor_landingpage .second .newsPress:first-child h3 { margin:0 0 0 0; /* font-size: 1.375em;*/ font-size: 1.25em; letter-spacing: -0.03em; /* background-color:#436e92; */ } /* #investor_landingpage .newsPress.short_teaser:first-child h3 a { color: #EA5E65; } #investor_landingpage .second .newsPress:first-child h3 .arrow_down { display:none; } */ #investor_landingpage .newsPress.short_teaser:first-child h3.bottom_border { padding:15px 0px 15px 0px; } #investor_landingpage .second .newsPress:first-child h3 a { /* color:#ffffff; */ margin:0; } #investor_landingpage .second .newsPress a { /* color: #436e92;*/ color: #6d8178; } #investor_landingpage .second .newsPress h4>span { /* color: #436e92;*/ color: #6d8178; } #investor_landingpage .second .newsPress h2 { text-transform:none; padding-right:0; position:relative; } #investor_landingpage .second .newsPress h2 a { /* color: #436e92 !important;*/ color: #6d8178 !important; font-family: "FagoOffc"; font-size: 1.2em; margin-bottom: 3px; text-align: left; text-transform: none; line-height: 1.4; } #investor_landingpage .second .newsPress h2 .fa { background-image: none !important; font-size: 1.2em; height: auto; line-height: 1.4; padding: 0 !important; position: absolute; right: 0; top: -1px; width: auto; font-weight:400; } #investor_landingpage .second .newsPress .strong_intro { display:none; } #investor_landingpage .second .newsPress h4 { font-size:0.9375em; line-height:1.6; padding: 10px 0 10px 0; border-top: 1px solid #dddddd; } #investor_landingpage .second .newsPress h4:nth-child(2) { border-top: medium none; padding-top: 0px; } #investor_landingpage .second .newsPress h4 a { display:inline; } #investor_landingpage .second .newsPress h4 a .fa { margin-left:10px; } #investor_landingpage .second .newsPress h4 span.timer { padding-right:0; margin-right:8px; font-weight:bold; } #investor_landingpage .second .newsPress .arrow_down { /* color: #436e92;*/ color: #6d8178; } #investor_landingpage .one-third { /* background-color:#698ba8;*/ background-color:#436e92; } #investor_landingpage .one-third h3 { background-color:#436e92; } /* #investor_landingpage .one-third.orange { background-color:#ef883b; } #investor_landingpage .one-third.orange h3 { background-color:#eb6a0a; } #investor_landingpage .one-third.grey { background-color:#8f9dab; } #investor_landingpage .one-third.grey h3 { background-color:#738496; } */ #investor_landingpage .one-third, #investor_landingpage .first .triplet_wrapper .newsPress { width: 30%; float: left; margin-left: 5%; margin-right: 0; /* height: 230px;*/ height: auto; display:block; margin-top:0; } #investor_landingpage .one-third:first-child { margin-left: 0; } #investor_landingpage .triplet_wrapper:nth-child(2) .one-third:nth-child(2) { margin-left: 0; padding-left: 5%; } #investor_landingpage .triplet_wrapper:nth-child(2) .one-third, #investor_landingpage .first .triplet_wrapper:nth-child(2) .newsPress { height:350px; } #investor_landingpage .one-third:hover { opacity:0.7; -moz-opacity:0.7; -webkit-opacity:0.7; } #investor_landingpage .triplet_wrapper .short_teaser { padding:0 0 0 0; } #investor_landingpage .triplet_wrapper .short_teaser h3 { padding:15px 10px 15px 10px; margin:0 0 0 0; color:#ffffff; /* font-size: 1.375em;*/ font-size: 1.25em; letter-spacing: -0.03em; /* display:none;*/ } #investor_landingpage .triplet_wrapper:first-child .short_teaser h3 { display:block; } #investor_landingpage .triplet_wrapper:first-child .box1 .short_teaser h3 { background-color:#EA5E65; } #investor_landingpage .first .triplet_wrapper .newsPress { background-color:#436e92; } #investor_landingpage .triplet_wrapper .newsPress.short_teaser h3 { display:block; padding-bottom:15px !important; } #investor_landingpage .triplet_wrapper .newsPress.short_teaser a { color:#FFFFFF !important; } #investor_landingpage .triplet_wrapper:nth-child(2) { position:relative; overflow:hidden; } #investor_landingpage .triplet_wrapper:nth-child(2) .short_teaser:nth-child(2) { height:350px; width:65%; float:left; background-color: #436e92; } #investor_landingpage .triplet_wrapper:nth-child(2) .short_teaser:nth-child(4) { height:350px; width:30%; float:left; padding-left:5%; background-color: #436e92; } #investor_landingpage .triplet_wrapper:nth-child(2) .short_teaser:nth-child(5) h3.bottom_border .fa { display:none; } #investor_landingpage .triplet_wrapper:nth-child(2)>a:nth-child(1) { position:absolute; background-color:transparent; top:0; left:0; } #investor_landingpage .triplet_wrapper:nth-child(2)>a:nth-child(3) { position:absolute; background-color:transparent; top:0; left:35%; margin:0; } #investor_landingpage .triplet_wrapper:nth-child(2)>a:nth-child(1):hover, #investor_landingpage .triplet_wrapper:nth-child(2)>a:nth-child(3):hover { background-color:#FFFFFF; opacity:0.3; -moz-opacity:0.3; -webkit-opacity:0.3; } /* workaround */ /* #investor_landingpage .triplet_wrapper:nth-child(2)>a { display:none; } */ #investor_landingpage .triplet_wrapper:nth-child(2) .short_teaser>a { display:none; } /* workaround */ #investor_landingpage .triplet_wrapper .newsPress.short_teaser .start_news { border-top: 1px solid #819AB6; color: #FFFFFF; font-family: "FagoOffc"; font-size: 0.833333333333333em; font-weight: 300; letter-spacing: 0.7px; padding: 15px 0 15px 0 !important; margin: 0 10px 0 10px; line-height:1.6em; } #investor_landingpage .triplet_wrapper .newsPress.short_teaser .start_news:nth-child(2) { border-top: none; padding-top:0 !important; } #investor_landingpage .triplet_wrapper .newsPress.short_teaser .start_news span { display:inline; } #investor_landingpage .triplet_wrapper .newsPress.short_teaser .start_news span .fa { font-family: FontAwesome; margin-left: 10px; } #investor_landingpage .triplet_wrapper .newsPress.short_teaser .start_news .news_datum { white-space: nowrap; line-height:1.6em; } #investor_landingpage .triplet_wrapper .newsPress.short_teaser .start_news .news_datum a { font-weight:bold; } #investor_landingpage .triplet_wrapper .newsPress.short_teaser .start_news .news_link a::before { content:" "; } #investor_landingpage .triplet_wrapper:nth-child(2) .short_teaser { height:100%; } #investor_landingpage .triplet_wrapper .short_teaser iframe { border:none; width:100%; height:100%; } #investor_landingpage .triplet_wrapper .short_teaser span { /* padding:10px 10px 10px 10px;*/ display:block; color:#ffffff; font-family: "FagoOffc"; font-size: 1.125em; line-height: 1.3em; } #investor_landingpage .newsPress.short_teaser h3.bottom_border { margin:0; border:none; padding-bottom:0; } #textseite .facts li { padding-top: 7px; line-height:1.4; } #textseite .facts strong { padding-top:0; font-size:1em; line-height:1.4; } ul.mainnav>li.main_nav:nth-child(4), ul.mainnav>li.main_nav:nth-child(5) { position:relative; } ul.mainnav>li.main_nav:nth-child(4)>ul, ul.mainnav>li.main_nav:nth-child(5)>ul { width:200px !important; min-width:200px !important; left:0 !important; } ul.mainnav>li.main_nav:nth-child(4)>ul>li, ul.mainnav>li.main_nav:nth-child(5)>ul>li { float:none !important; width:auto !important; } ul.mainnav>li.main_nav:nth-child(4)>ul>li:nth-child(n+2), ul.mainnav>li.main_nav:nth-child(5)>ul>li:nth-child(n+2) { margin-top:0 !important; } ul.mainnav>li.main_nav:nth-child(4)>ul>li>a, ul.mainnav>li.main_nav:nth-child(5)>ul>li>a { font-weight:normal !important; } ul.mainnav>li.main_nav:nth-child(4)>ul>li:hover, ul.mainnav>li.main_nav:nth-child(5)>ul>li:hover { background-color:#BEBEBE !important; } ul.mainnav>li.main_nav:nth-child(4)>ul>li, ul.mainnav>li.main_nav:nth-child(5)>ul>li { padding-left:20px !important; /* overrides navi.css */ /* padding-right:30px !important;*/ /* overrides navi.css */ padding-right:20px !important; /* overrides navi.css */ width:auto; } ul.mainnav>li.main_nav:nth-child(4)>ul>li>a, ul.mainnav>li.main_nav:nth-child(5)>ul>li>a { padding:0 0 0 0 !important; /* overrides navi.css */ line-height:1.5em !important; } .container .office_select { border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; padding-top:15px; } .container .office_select>div>h3 { border:none !important; } .container .office_select .two-thirds.column { margin-bottom:15px; } .offices .container h1.headline { border-top: 1px solid #dddddd; margin-top:30px; padding-top:30px !important; } #investor_landingpage { padding-bottom:30px; } #investor_landingpage .triplet_wrapper { margin-bottom:30px; } #investor_landingpage .triplet_wrapper .timer { padding-right:0; } #investor_landingpage .first .newsPress { overflow:visible; border:none; color: #436e92; padding:0 0 0 0; margin:30px 0 30px 0; } #investor_landingpage .first .newsPress, #investor_landingpage .newsPress a, #investor_landingpage .newsPress b { color:#0F3225; } #investor_landingpage .first .newsPress h2 { text-transform:none; color: #436e92; font-size:1.1875em; font-family: "FagoOffc"; /* padding: 6px 0px 4px 0px;*/ /* line-height:1.4;*/ /* border-top:1px solid #436e92; border-bottom:1px solid #436e92;*/ } #investor_landingpage .first .newsPress h2 a { color: #436e92 !important; } #investor_landingpage .first div.newsPress:hover { padding-left:0; } #investor_landingpage .first .newsPress h4 { border-top: 1px solid #dddddd; padding-top:15px; padding-bottom:15px; font-size:1em; } #investor_landingpage .first .newsPress h4 a { /* font-family: 'Open Sans', sans-serif;*/ font-family: "FagoOffc"; font-size:1em; color: #436e92 !important; } #investor_landingpage .first .newsPress h4 .timer { color: #436e92; font-weight:bold; } #investor_landingpage .first .newsPress h4 a span.fa-angle-right { margin-left:10px; } #investor_landingpage .first .newsPress h4:nth-child(2) { border-top:none; } #investor_landingpage .first .newsPress .strong_intro { display:none; } .fleet_list { margin-top:60px !important; } .fleet_list td { padding:0 0 0 0; margin:0 0 0 0; } .fleet_list .column.ship { border-left:none; border-right:none; border-top:none; } .fleet_list .column.ship td { width:auto; } .fleet_list .column.ship .ship_image { width:400px; } .fleet_list .column.ship .ship_image img { margin-left:-28%; width:140%; margin-top:-40px; } .fleet_list .daten { border-left:none; border-right:none; } .fleet_list .daten tr { padding: 6px 0px 4px 0px; } .fleet_list .daten td { display:table-cell; } .fleet_list .daten td:nth-child(1) { width:160px; } .fleet_list .daten td:nth-child(2) { width:100px; padding-right:140px; text-align:right; } .fleet_list .daten td:nth-child(3) { width:160px; } .fleet_list .daten td:nth-child(4) { width:100px; padding-right:140px; text-align:right; } .fleet_list .schiffsnamen { border-left:none; border-right:none; border-bottom:1px solid #666666; } .fleet_list .schiffsnamen:nth-last-child(5) { border-bottom:none; } .fleet_list .schiffsnamen p { color: #0f3225; font-family: 'Open Sans', sans-serif; font-weight: 100; font-size: 0.9em; height:auto; width:200px; float:left; padding:2px 0 0 0; } .shipdetails { width:100%; } .shipdetails tr { background-color:transparent !important; padding: 0; border-bottom: 1px solid #dddddd; } .shipdetails td { padding: 6px 10% 4px 0px; } .shipdetails td:first-child { color: #0f3225; } .auswahl td b { font-family: 'Open Sans', sans-serif; color: #6D8178 !important; font-weight:bold; } .newsbox { border-bottom:none; border-top:1px solid #DDDDDD; } .newsbox:nth-child(1), .newsbox:nth-child(2), .newsbox:nth-child(3) { border-top:none; } #map_canvas { padding-bottom: 57px; } .office_select .offices-select-title, .office_select select { margin-right:20px; } .office_select .one-half { margin-right:20px; } .office_select .one-half:first-child .offices-select-title:first-child { display:none; } .office_select .one-half:first-child .offices-select-title:first-child { display:none; } .highcharts-container { margin-left:-18px; padding-right:25%; padding-bottom:40px; } /* table.contenttable { border-top: 1px solid #ddd; } */ .contenttable tr td { border-bottom: 1px solid #ddd; } table.contenttable td.segment_headline { text-align: left !important; padding:8px 0 3px 0; background-color:#f0f0f0; border:none; } table.contenttable td.spacer_row { border:none; } table.contenttable td.segment_headline h4 { padding:0 0 0 20px; text-align: left; color: #6d8178; font-size: 1.45em; } .contenttable tr { border-bottom: none } body.fullwidth .container .two-thirds.column #container1, body.fullwidth .container .two-thirds.column #container2, body.fullwidth .container .two-thirds.column #container3, body.fullwidth .container .two-thirds.column #container4, body.fullwidth .container .two-thirds.column #container5, body.fullwidth .container .two-thirds.column #container6, body.fullwidth .container .two-thirds.column #container7, body.fullwidth .container .two-thirds.column #container8, body.fullwidth .container .two-thirds.column #container9, body.fullwidth .container .two-thirds.column #container10, body.fullwidth .container .two-thirds.column #container11, body.fullwidth .container .two-thirds.column #container12, body.fullwidth .container .two-thirds.column #container13, body.fullwidth .container .two-thirds.column #container14, body.fullwidth .container .two-thirds.column #container15, body.fullwidth .container .two-thirds.column #container16, body.fullwidth .container .two-thirds.column #container17, body.fullwidth .container .two-thirds.column #container18, body.fullwidth .container .two-thirds.column #container19, body.fullwidth .container .two-thirds.column #container20 { padding-bottom:30px; } .noheaderimage #breadcrumb, .noheaderimage .container_white { top:0; } .arrow_down { background-image: none !important; } * { letter-spacing:0 !important; } .box7 { margin-top:10px; } #investor_teaser .newsPress.short_teaser:first-child h3.bottom_border a, #investor_landingpage .newsPress.short_teaser:first-child h3 a, #investor_landingpage .second .newsPress:nth-child(2) a, .startseite #investor_teaser .second .newsPress:nth-child(2) a, #investor_landingpage .second .newsPress h4 span.timer:hover { color: #e21d27 !important; } #investor_teaser .newsPress.short_teaser:first-child h3.bottom_border a:hover, #investor_landingpage .newsPress.short_teaser:first-child h3 a:hover, #investor_landingpage .second .newsPress:nth-child(2) a:hover, .startseite #investor_teaser .second .newsPress:nth-child(2) a:hover { color: #c0c0c0 !important; }