@charset "utf-8";
/* CSS Dokument */


/* REGELWERK
***************************************************/
/* 
 * body.homepage <- Klasse nur fuer Homepage
 * body.subpage-2column <- Klassen fuer zweispaltige Folgeseiten
 * body.subpage-3column <- Klassen fuer dreispaltige Folgeseiten
 */

/* 
 * Styleregeln fuer Blockelemente (p, div, td, li etc.)
 * befinden sich in der Datei gfz_text.css.
 * Desweiteren sind dort spezielle RTE classes untergebracht.
 */

/* 
 * Styleregeln für Extensions liegen in extra Dateien.
 * Beispiel: Formatierungen fuer das Plugin cal liegen 
 * im Extension-Ordner in der Datei cal.css
 */

/* GrundLayout CSS
***************************************************/
body {
  background: #FFF url(../images/background.gif) repeat-x;
  color: #000;
  font: 100% Verdana, Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}

.clearfix::after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
}

#wrapper_borderOverall {  
  background: transparent;
  background-color: transparent; 
  margin: 0 auto;
  overflow: hidden;
  width: 990px;
}

#borderOverall {  
  background: #FFF;
  -moz-border-radius: 15px; /* Firefox */
  -webkit-border-radius: 15px; /* Safari, Chrome */
  -khtml-border-radius: 15px; /* Konqueror */
  border-radius: 15px; /* CSS3 */  
  -moz-box-shadow: 2px 2px 6px #999;
  -webkit-box-shadow: 2px 2px 6px #999;  
  box-shadow: 2px 2px 6px #999;  
  margin: 10px;
  padding: 10px;
}

#wrapper_header_mainNav_carousel {
  margin: 0 10px;
}

#wrapper_mainContent_leftColumn_rightColumn {
  padding: 10px 0 0;
}

#wrapper_mainContent_3columnLayout {
  width: 520px;
  float: left;
}

#mainContent_3columnLayout {
  margin: 0 10px 0 0;
}

#wrapper_mainContent_2columnLayout {
  width: 720px;
  float: left;
}

#mainContent_2columnLayout {
  margin: 0 10px 0 0;
}

/* Scrollbar horizontal bei ueberbreiten iframes ausblenden
#mainContent_2columnLayout iframe {
  overflow-x: hidden;
}
*/

#wrapper_lastChange_toTop {
  border-top: 1px solid #BBDCEB;
  border-bottom: 1px solid #BBDCEB;  
  padding: 5px 0 5px 0;
}

#wrapper_lastChange {
  float: left;
  font-size: 8.8px;
  font-size: 0.55rem;
  width: 50%;  
}

#wrapper_toTop {
  font-size: 8.8px;
  font-size: 0.55rem;
  text-align: right;  
}

#wrapper_rightColumn {
  width: 200px;
  float: right;
}


/* NUR Homepage
***************************************************/
#gfzAktuell,
#gfzAktiv {  
  margin: 0 0 0 10px;
}

#gfzAktuell h2,
#gfzAktiv h2,
#gfzAktiv h1,
#erdbebeninfo h2 {
  color: #00589C;
  font-size: 15.4px;
  font-size: 0.963rem;
  font-weight: bold;
}

#gfzAktuell ul,
#gfzAktiv ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#gfzAktuell img {
  -moz-border-radius: 0 !important; /* Firefox */
  -webkit-border-radius: 0 !important; /* Safari, Chrome */
  -khtml-border-radius: 0 !important; /* Konqueror */
  border-radius: 0 !important; /* CSS3 */
  width: 170px; 
}

#gfzAktuell img.first {
  -moz-border-radius: 0 0 0 15px !important; /* Firefox */
  -webkit-border-radius: 0 0 0 15px !important; /* Safari, Chrome */
  -khtml-border-radius: 0 0 0 15px !important; /* Konqueror */
  border-radius: 0 0 0 15px !important; /* CSS3 */  
}

#gfzAktuell img.last {
  -moz-border-radius: 0 15px 0 0 !important; /* Firefox */
  -webkit-border-radius: 0 15px 0 0 !important; /* Safari, Chrome */
  -khtml-border-radius: 0 15px 0 0 !important; /* Konqueror */
  border-radius: 0 15px 0 0 !important; /* CSS3 */  
}

#gfzAktuell li {
  display: inline-block;
  float: left;
  -webkit-hyphens: auto; /* Safari, Chrome */
  -moz-hyphens: auto; /* Firefox */
  -ms-hyphens: auto;
  hyphens: auto; /* CSS3 */
  padding: 0 10px 0 0;
  width: 170px;
}

#gfzAktuell li.last {
  padding: 0;
}

#gfzAktuell li a {
  background: url(../images/arrows/arr_right_orange_white_no.gif) no-repeat -3px 2px;
  color: #000;
  display: block;
  padding: 0 0 0 10px;
  width: 160px;  
}

#gfzAktuell li a:hover {
  color: #F60;
  text-decoration: none;
}

#gfzAktuell span {
  margin: 10px 0 0 0;
}

.homepage hr {
  margin: 25px 0 25px 10px;
}

#gfzAktiv {
  float: left;
}

#gfzAktiv li {  
  background: #BBDCEB;
  height: 16px;
  margin: 10px 0; 
  padding: 0px 5px 15px 5px;
  width: 340px;
}

#gfzAktiv li:hover {
  background: #4CA8CD;  
}

#gfzAktiv li a {  
  background: url(../images/arrows/arr_right_orange_blue3_no.gif) no-repeat 0 10px; /* TODO */
  display: block;
  font-size: 11px;
  font-size: 0.688rem;
  font-weight: bold;
  padding: 10px 0 8px 15px;
}

#gfzAktiv li a:hover {  
  background: url(../images/arrows/arr_right_orange_blue2_no.gif) no-repeat 0 10px; 
  color: #00589C;
  text-decoration: none;  
}

#erdbebeninfo {
  float: right; 
  width: 350px;
}

#erdbebeninfo div {
  background: #E0EFF6;
  border: 3px solid #BBDCEB;
  -moz-border-radius: 0 15px 0 15px; /* Firefox */
  -webkit-border-radius: 0 15px 0 15px; /* Safari, Chrome */
  -khtml-border-radius: 0 15px 0 15px; /* Konqueror */
  border-radius: 0 15px 0 15px; /* CSS3 */  
  padding: 7px 0 4px 0;
  text-align: center; 
}


/* header
***************************************************/
#header {
  height: 100px;
  position: relative;
}

#header img { /* keine runden Ecken im Kopfbereich (Logo, Wortmarke, Druckersymbol etc.) */
  -moz-border-radius: 0 !important; /* Firefox */
  -webkit-border-radius: 0 !important; /* Safari, Chrome */
  -khtml-border-radius: 0 !important; /* Konqueror */
  border-radius: 0 !important; /* CSS3 */
}


/* serviceNav
***************************************************/
#serviceNav {
  float: right;  
  padding: 6px 0 0 20px;
  text-align: right;
}

#serviceNav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#serviceNav li {
  color: #00589C;
  display: inline-block;
  font-size: 8.8px;
  font-size: 0.55rem;
  margin: 0;
}

#serviceNav li div.tx-srlanguagemenu-pi1 {
  font-size: 8.8px;
  font-size: 0.55rem; /* Schriftgroesze fuer Sprachumschalter anpassen */
}

#serviceNav .symbol-link { /* Icons auf Grundlinie setzen */
    position: relative;
    top: 2px;
}

#serviceNav a:hover {
  text-decoration: none;
}


/* logoGFZ
***************************************************/
#logoGFZ {
  position: absolute;
  left: -20px;
  bottom: 0;
}


/* wordmarkGFZ
***************************************************/
#wordmarkGFZ {
  position: absolute;
  right: -8px;
  bottom: 0;
}


/* mainNav
***************************************************/
#mainNav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#mainNav li {
  color: #00589C;
  display: inline-block;
  font-size: 15.4px;
  font-size: 0.963rem;
  font-weight: bold;
}

#mainNav a:hover {
  text-decoration: none;
}

#mainNav .divider {
  font-weight: normal;
  margin: 0 16px 0 16px;
}


/* carousel
***************************************************/
#carousel {  
  margin: 12px 0 0 0;
  overflow: hidden;
}


/* leftColumn (Seitennavigation)
***************************************************/
#wrapper_leftColumn {  
  float: left;
  width: 230px;
}

#leftColumn {
  -webkit-hyphens: auto; /* Safari, Chrome */
  -moz-hyphens: auto; /* Firefox */
  -ms-hyphens: auto;
  hyphens: auto; /* CSS3 */
  margin: 10px 20px 0 10px; 
}

/*** LISTEN ***/
#leftColumn ul {
  list-style: none;
  margin: 0;
  padding: 0;  
}

#leftColumn ul ul {  
  margin: 8px 0 0 0;
  width: 200px; 
}

/*** LISTENELEMENTE ***/
#leftColumn ul li {
  background: #00589C;
  border-bottom: 1px solid #4CA8CD;
  color: #FFF;
  display: block;
  font-size: 11px;
  font-size: 0.688rem;
  font-weight: bold;
  padding: 8px 8px 8px 0;  
}

#leftColumn ul ul li {
  background: #BBDCEB;  
  font-weight: normal;
}

#leftColumn ul ul ul li {
  background: #E0EFF6;  
  padding: 8px 8px 8px 13px; 
}

/*** LINKS ***/
#leftColumn ul li a {
  background: url(../images/arrows/arr_right_orange_blue1_no.gif) no-repeat;
  color: #FFF;
  margin: 0 0 0 10px;
  padding: 0 0 0 15px;
  display: block;  
}

#leftColumn ul ul li a {
  background: url(../images/arrows/arr_right_black_blue3_no.gif) no-repeat;
  color: #000;   
}

#leftColumn ul ul ul li a {
  background: url(../images/arrows/arr_right_gray_blue4_no.gif) no-repeat;
  color: #666;
}

#leftColumn ul li.active a { /* Erste Ebene aktiv */
  background: url(../images/arrows/arr_down_orange_blue1_no.gif) no-repeat;
}

#leftColumn ul li.up a { /* Erste Ebene aktiv - speziell fuer Sektionen */
  background: url(../images/arrows/arr_up_orange_blue1_no.gif) no-repeat 0 1px;
}

#leftColumn ul li.active ul li a { /* Werte fuer nachgeordnete Ebenen ueberschreiben */
  background: url(../images/arrows/arr_right_black_blue3_no.gif) no-repeat;
}

#leftColumn ul li.active ul li ul li a { /* Werte fuer nachgeordnete Ebenen ueberschreiben */
  background: url(../images/arrows/arr_right_gray_blue4_no.gif) no-repeat;
}

#leftColumn ul li.active ul li.active a { /* Zweite Ebene aktiv */
  background: url(../images/arrows/arr_down_orange_blue3_no.gif) no-repeat;
  color: #F60;
  font-weight: bold;  
}

#leftColumn ul li.active ul li.active ul li a { /* Werte fuer nachgeordnete Ebenen ueberschreiben */
  background: url(../images/arrows/arr_right_gray_blue4_no.gif) no-repeat;
  color: #666;
  font-weight: normal;
}

/*** SPEZIELL ***/
#leftColumn ul li.has-children,
#leftColumn ul ul li.has-children {
  padding: 8px 8px 0 0;
}

#leftColumn ul li li.last {
  border-bottom: none !important;
}


/* breadcrumb
***************************************************/
#wrapper_breadcrumb {
  padding: 6px 0 10px;
}

ul.breadcrumb {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.breadcrumb li {
  color: #666;
  display: inline-block;  
  font-size: 8.8px;
  font-size: 0.55rem;   
}

ul.breadcrumb li a {
  background: url(../images/arrows/arr_right_gray_white_sm.gif) no-repeat 0 1px;
  color: #666;
  margin: 0;
  padding: 0 0 0 12px;  
}

ul.breadcrumb li a:hover {
  color: #F60;
  text-decoration: none;
}

ul.breadcrumb li.active a {
  background: url(../images/arrows/arr_right_orange_white_sm.gif) no-repeat 0 1px;
  color: #F60;  
}

ul.breadcrumb li.first a {
  background: none !important;
  padding: 0;
}


/* rightColumn (Boxen)
***************************************************/
#rightColumn {  
  margin: 4px 10px 0 10px;
}

.homepage #rightColumn {  
  margin: 20px 10px 0 10px;
}

.boxRight { /* einzelne Box */
  background: #E0EFF6;
  -moz-box-shadow: 2px 2px 6px #999; /* Firefox */
  -webkit-box-shadow: 2px 2px 6px #999; /* Safari, Chrome */ 
  box-shadow: 2px 2px 6px #999; /* CSS3 */
  -webkit-hyphens: auto; /* Safari, Chrome */
  -moz-hyphens: auto; /* Firefox */
  -ms-hyphens: auto;
  hyphens: auto; /* CSS3 */
  overflow: hidden;
  padding: 0 0 8px 0;
  margin-bottom: 20px; 
}

.boxRight h2 {
  background: #BBDCEB;
  font-size: 11px;
  font-size: 0.688rem;  
  padding: 8px;  
}

.boxRight h2:first-child { /* nur erste H2 mit dunkelblauem HG */
  background: #00589C;
  color: #FFF;
  margin: 0 0 10px 0; 
}

.boxRight h2:first-child a {
   color: #FFF;
}

.boxRight a:hover {
  text-decoration: none;
}

.boxRight p {
  font-size: 10px;
  font-size: 0.625rem;
  padding: 0 10px;
}

.boxRight ul {
  list-style: none;
  margin: 0;
  padding: 0 10px;
}

.boxRight li {
  padding: 0 0 4px 0;
  font-size: 10px;
  font-size: 0.625rem;
}

.boxRight li a {
  background: url(../images/arrows/arr_right_orange_blue4_no.gif) no-repeat;
  display: block;
  padding: 0 0 0 14px;  
}

.boxRight .csc-textpic-image {
   padding: 0 10px;
}

.boxRight table,
.boxRight table tbody td {
  border: none;
}

.homepage .boxRight li a { /* nur Startseite: andere Pfeile */
  background: url(../images/arrows/arr_right_blue1_blue4_no.gif) no-repeat;
}

.homepage .boxRight li a:hover { /* nur Startseite: andere Pfeile */
  background: url(../images/arrows/arr_right_orange_blue4_no.gif) no-repeat;  
}


/* footer
***************************************************/
#footer {
  clear: both;  
  margin: 0 10px 0 230px;
  padding: 20px 0;
  text-align: right;  
}

#footer img { /* keine runden Ecken fuer Helmholtz-Logo */
  -moz-border-radius: 0 !important; /* Firefox */
  -webkit-border-radius: 0 !important; /* Safari, Chrome */
  -khtml-border-radius: 0 !important; /* Konqueror */
  border-radius: 0 !important; /* CSS3 */
}

#wrapper_lastChange_toTop {
  position: relative;
  text-align: left;
  top: 25px;
  width: 70%;  
}

#copyright {
  color: #999;
  float: left;
  font-size: 8.8px;
  font-size: 0.55rem;
  position: relative;
  text-align: center;
  top: 30px;
  width: 70%;
}

.homepage #copyright,
.subpage-2column #copyright {
  text-align: left;
}

#logoHelmholtzGemeinschaft {
  float: right;
}

#mitgliedslogo {
  float: left;
  left: 8px;
  position: relative;  
}

.homepage #footer {
  margin: 0 10px 0 10px;
}

/* quicksearch
***************************************************/
#quicksearch {
  float: right;
}

.newsearch {
  background: url(../images/search_gray.png) no-repeat 8px 4px;
  background-color: #FCFCFC;
  border: 1px solid #D0D0D0;
  -moz-border-radius: 15px; /* Firefox */
  -webkit-border-radius: 15px; /* Safari, Chrome */
  -khtml-border-radius: 15px; /* Konqueror */
  border-radius: 15px; /* CSS3 */ 
  color: #BCBCBC;
  font-size: 11px;
  font-size: 0.688rem;
  margin: 3px;
  padding: 6px 15px 6px 30px;
  width: 180px;  
}

#inputText:focus {
  border: 1px solid #F60;
  outline: none;  
  outline: #D0D0D0 dotted 1px;
  outline-offset: 3px;
}

.newsearchform fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

#search-options {  
  background: #F1F1F1;
  -moz-border-radius: 0 0 15px 15px; /* Firefox */
  -webkit-border-radius: 0 0 15px 15px; /* Safari, Chrome */
  -khtml-border-radius: 0 0 15px 15px; /* Konqueror */
  border-radius: 0 0 15px 15px; /* CSS3 */
  font-size: 11px;
  font-size: 0.688rem;
  list-style: none;
  margin: 0.6px 0 0 -1px;
  opacity: 0.9;
  padding: 5px 0 10px 10px;
  position: absolute;
  text-align: left;
  width: 225px;
  z-index: 2;
}

#search-options li {
  line-height: 2;
}

div.tx-indexedsearch-res img { /* keine runden Ecken im Suchergebnis */
  -moz-border-radius: 0 !important; /* Firefox */
  -webkit-border-radius: 0 !important; /* Safari, Chrome */
  -khtml-border-radius: 0 !important; /* Konqueror */
  border-radius: 0 !important; /* CSS3 */
}

/* Spezielle Formate
***************************************************/
.toTop a:hover { /* keine Unterstreichung beim To-Top-Link */
  text-decoration: none;
}

.invisible { /* Verstecken */
  display: none;
}

.orange { /* fuer Texte */
  color: #F60;
}

.orange a { /* fuer Links */
  color: #F60;
}

.align-justify { /* Blocksatz */
  text-align: justify;
}

#fancybox-title-over { /* Fancybox Overlay farblich anpassen */
  background-image: none;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgb(0, 0, 0);
  /* RGBa with 0.6 opacity */
  background: rgba(0, 0, 0, 0.3);
}

.csc-textpic-caption { /* fuer Bildunterschriften */
  color: #666;
  font-size: 8.8px;
  font-size: 0.55rem;
  line-height: 1.4;
  margin: 5px 0 0 0;  
}

.csc-textpic-image table,
.csc-textpic-image td { /* hellgrauen Rand ausblenden */
  border: 0px !important;
}

DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
  margin: 15px 0 10px 0; /* Bild in Text mit Bild nach unten schieben */
}

.csc-frame-imgNoRoundCorners img { /* spezielles Format fuer Bilder ohne Rundungen */
  -moz-border-radius: 0 !important; /* Firefox */
  -webkit-border-radius: 0 !important; /* Safari, Chrome */
  -khtml-border-radius: 0 !important; /* Konqueror */
  border-radius: 0 !important; /* CSS3 */ 
}

/* fuer jfmulticontent */
.equalize{  overflow: visible;  display: table;  table-layout: fixed;}