/**
  @file
  <pre>
    ----------------------------------------------------------------
    Status:       [ ] in Bearbeitung
                  [x] Release Candidate
    ----------------------------------------------------------------
    Beschreibung: Auftrittsabhängige Config
    ----------------------------------------------------------------
    Datum       Wer       Version   Was
    21.03.2012  pflug     1.0.0     Datei erstellt und Inhalt aus CWeblayout übernommen
    20.08.2012  pflug     1.0.1     Borderfarbe für #topnav ist wird nun aus der Hintergrundfarbe vom
                                    'header' im Konfigarray übernommen -> Hintergrundfarbe der Seite
                                    lässt sich anpassen
    21.08.2012  pflug     1.0.2     Abstand nach unten der .columnbox anpassbar
    ----------------------------------------------------------------
  </pre>
*/
/* --- layout.css --- */

/* Hier stehen alle Eigenschaften die Pageelemente (vorzugsweise DIV-Container)
positionieren und ihnen ihre Dimension verleihen.
Hier sollten keine Farbangaben und Grafikreferenzen stehen! */

/* <Elemente> */
*  {
  margin: 0;  /* alle Aussen- & Innenabstaende aus */
  padding: 0;
}
html, body  {
  height: 100%;  /* für footer notwendig */
}
*:not(hr) body  {  /* Mozilla-Hack */
  height: 100.01%;
}

/* .Klassen */
.svglink  {
  position: relative;
}
span.svglink  {
  /*display: inline-table;*/
}
.svglink a, .svglink object  {
  width: inherit;
  height: inherit;
  font-size: 100%;
  background: none !important;
}
.svglink a  {
  position: absolute;
  display: inline;
}
span.svglink object  {
  position: relative;
}
@media screen  {
  .svglink a, .svglink a:hover  {
    background-image : url(/export/data/global/106_dot_transparent.gif) !important;
  }
}
.svglink a, .svglink a:hover  {
  color: black;
  background-color: transparent !important;
  z-index: 2;
}
.svglink object {
  z-index: 1;
}
/* #IDs */
/* Anker für Top bekommt eine Höhe von 0, weil höhere Chrome versionen dafür eine Höhe setzen */
#top {
   display: block;
   height: 0;
}
/* +++ Groesse SVGs-Start +++ */
#svg6221, #svg6221 a, #svg6239, #svg6239 a,
#svglogo, #svglogo a, #imglogo  {  /* IE7 kennt kein inherit, dafür der zusätzliche Selektor */
  width: 10.9388em;
  height: 5.0436em;
}
#svglogo  {  /* IE7 kennt kein inherit, dafür der zusätzliche Selektor */
  float: left;
  padding: 0.5em 0 0 0.66em;
}
#svg240, #svg240 a, #svg241, #svg241 a, #svg242, #svg242 a, #svg243, #svg243 a  {  /* Flaggen */
  width: 1.6174em;
  height: 1.0012em;
}
#svg12665, #svg12665 a, #svg12466, #svg12466 a  {  /* Helmholtz-Gemeinschaft (de, en) */
  width: 6.0261em;
  height: 2.1615em;
  padding-left: 0.5em;
}
#svg12464, #svg12464 a  {  /* Peer */
  width: 5.6331em;
  height: 1.572em;
}
#svg12463, #svg12463 a  {  /* Emas */
  width: 2.8165em;
  height: 4.7161em;
}
#svg10734, #svg10734 a  {  /* Modelprobe */
  height: 6.0261em;
}
#svg10734 a  {
  width: 28.1003em;
}
#svg13273,  #svg13273 a  {  /* CAS */
  height: 5.3711em;
}
#svg13273 a  {
  width: 11.7248em;
}
/* +++ Groesse SVGs-Ende +++ */

#wrapper  {  /* Container für alles */
  position: relative;
  margin: 0 auto;      /* rückt Seite bei > max-width in die Mitte des Browserfenster */
  max-width: 71.05em;  /* 71.05 * 15.2(px~95%) = 1080(px) */
  min-width: 50em;     /* 50    * 15.2(px~95%) = 760(px) */
  height: 100%;        /* für footer notwendig */
}
#top  {
  padding-right: 0;  /* padding ausschalten sonst r&uuml;ckt im Firefox alles nach unten  */
}

/* +++ title-Start +++ */
#title  {
  height:   6.84em;
  overflow: hidden;   /*http://colinaarts.com/articles/the-magic-of-overflow-hidden/*/
}
#title li  {
  display: inline;  /* alle Listen (Links) im Titel ohne Umbruch */
}
#titleline  {
  position:    relative;
  height:      0.528em;
  margin-left: 11.6em;
}
#colwhit, #colblue, #colopac  {
  width: 2.378em;
  height: 6.34em;  /* title height minus titleline height  */
}
#colwhit  {
  position: absolute;
  left:         1;
  padding-left: 14.2em;
}
#colblue, #colopac   {
  margin-left: 2.378em;
}
#titlenav  {
  display: inline;
  position: absolute;
  top: 0.8em;
  right: 0.8em;
  margin: 0;
  padding: 0 0 0 0;
  line-height: 100%;
}
#titlenav li  {
  margin: 0;
  padding-top: 0;
}
#titletext  {
  margin-top: 1.5em;
  height: 3.5em;
}
#languages  {
  position: absolute;
  top: 5.5em;
  right: 0.7em;
}
#languages li  {
  margin: 0;
  padding: 0;
}
#languages a  {
  padding-left: 2.15em;  /* anklickbaren Bereich erweitern */
}
#languages object, #languages img  {
  position: relative;
}
#languages object  {
  top: 0.1em;
  right: -2.15em;  /* anklickbaren Bereich erweitern */
}
#languages span.svglink  {
  display: inline;
}
#languages .svglink a  {
  position: relative;
}
/* +++ title-Ende +++ */

/* +++ topnav-Start +++ */
#topnav  {
  width: 100%;  /* korrigiert Peekaboo-Bug im IE6 (http://www.positioniseverything.net/explorer/peekaboo.html) */
}
#topnav li  {
  display: inline;
}
#topline, #searchline  {
  height: 0.528em;
}
#searchline, #searchbox  {
  /*width: 14.2em;*/
  width: 100%;
}
#searchline  {
  margin-left: auto;
  position: absolute;
  top: -0.528em;
}
#searchbox  {
  /*position: absolute;*/
  position: relative;
  right: 0;
  /*height: 1.7em;*/
  /*padding-top: 0.3em;*/
  padding: 0.3em 0;
  line-height: 1.3em;
  text-align: center;
}
#searchbox form p  {
  display: inline;
  margin: 0;
  padding: 0;
}
.bottomline  {
  clear:         both;
  border-bottom: 1px solid #B1B7B9;
}
#breadcrumb li  {
  display: inline;
  margin-left: 0;
}
#toolbar  {
  white-space: nowrap;
}
#toolbar .svglink {
  width: inherit;
  height: inherit;
}
/* +++ topnav-Ende +++ */

/* +++ 3 Spalten & Fusszeile +++ */
#main  {
  min-height: 100%;  /* wird für Footer benötigt */
}
#main:after  {  /* setzt nach dem main ein Clearing-Element um im Firefox die Box nach unten zu dehnen */
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#submenu  {
  float: left;
  width: 16.5%;  /* ergibt zusammen mit content (width/margin) 80% */
  margin: 1.5em 2.5% 1em 1%;
}
#content  {
  position: relative;
  float: left;
  width: 56%;
  margin: 0 2% 1em 2%;
}
#column  {
  padding: 0 0 4.5em 82%;
}
.columnbox {
  margin-bottom: 0;
}
.columnbox img {
  max-width: 99%;
}
html:first-child>b\ody .guillotinebug  {  /* nutzt den IE6-Guillotinebug-DIV um einen */
  clear: both;                            /* Darstellungsfehler des Footers im Opera */
}                                         /* zu beseitigen */
#footer  {
  clear: both;
  /*margin: -4em 0 0 0;*/
  padding: 0 2% 0 20%;
  height: 4em;
}
#footer ul  {
  padding-top: 2em;  /*  padding-top: 1.5em; */
}
#footer li  {
  display: inline;
  margin-left: 0;
}
/* +++ 3 Spalten & Fusszeile-Ende +++ */


/*Einstellungen für Topnav -> Marcel Pflug, 19.10.2011*/

.toprow:after {
  display: block;
  height: 0;
  font-size: 0;
  clear: left;
  content: '.';
}

.toprow ul {
  padding: 0;
}

.colWidthLeft1 div,
.colWidthLeft2 div,
.colWidthLeft3 div,
.colWidthMiddle1 div,
.colWidthMiddle2 div,
.colWidthRight1 div {
  width: auto;
}

.colWidthLeft1 div,
.colWidthMiddle1 div,
.colWidthRight1 div {
  width: 100%;
}

.colWidthLeft1 {
  float: left;
  width: 20%;
}

.colWidthLeft2 {
  float: left;
  width: 80%;
}

.colWidthLeft3 {
  float: left;
  width: 100%;
}

.colWidthMiddle1 {
  float: left;
  width: 60%;
}

.colWidthMiddle2 {
  float: left;
  width: 80%;
}

.colWidthRight1 {
  float: left;
  width: 20%;
}

#topnav {
  border-bottom: 0.8em solid white;
}

#toolbar li {
  width: 2.1752em;
  height: 2.1752em;
  margin: 0.3em 0 0.5em 0.6em;
  float: left;
}

#breadcrumb ul, #toolbar li, #toprow div {
  font-size: 0.85em;
}

#breadcrumb {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}


/*
* Akkordeon/Foldable
*/
.akkordeon > .panel {
    margin-bottom: 0;
    border-bottom: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.akkordeon > .panel > .panel-heading {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.akkordeon > .panel:first-child, .akkordeon > .panel:first-child > .panel-heading {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.akkordeon > .panel:last-child {
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom: 1px solid #ddd;
}
.panel > .panel-heading > a > i.fa-minus,
.panel > .panel-heading > a.collapsed > i.fa-plus {
    display: block;
    float: right;
    margin-top: 5px;
}
.panel > .panel-heading > a > i.fa-plus,
.panel > .panel-heading > a.collapsed > i.fa-minus {
    display: none;
}
.panel > .panel-heading > a > i.fa {
    color: rgba(0, 88, 156, 1);
}
.panel > .panel-heading > a:hover,
.panel > .panel-heading > a:focus {
    text-decoration: none;
    border: none;
    outline: 0;
}
.panel > .panel-heading > a > span {
    color: rgba(150, 150, 150, 1);
}
.panel > .panel-heading > a > h4 {
    margin: 0;
    padding-top: 0;
    font-size: 1.2em;
}

/*Akkordeon + Foldable*/
.panel {
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
}
.panel-body {
    padding: 15px;
}
.panel-heading {
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 10px 15px;
}
.panel-heading > .dropdown .dropdown-toggle {
    color: inherit;
}
.panel-title {
    color: inherit;
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 0;
}
.panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {
    color: inherit;
}
.panel-footer {
    background-color: #f5f5f5;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top: 1px solid #ddd;
    padding: 10px 15px;
}
.panel > .list-group, .panel > .panel-collapse > .list-group {
    margin-bottom: 0;
}
.panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {
    border-radius: 0;
    border-width: 1px 0;
}
.panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0 none;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0 none;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}
.list-group + .panel-footer {
    border-top-width: 0;
}
.panel-default {
    border-color: #ddd;
}
.panel-default > .panel-heading {
    background-color: #f5f5f5;
    border-color: #ddd;
    color: #333;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
    background-color: #333;
    color: #f5f5f5;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd;
}