@charset "UTF-8";
/**  TuTech-Styles  */
@import url(./tutech_application.css);
/**  Styles fuer Login-Formular */
@import url(./login-form.css);
/**  RZT-Styles fuer die Allgemeinheit */
@import url(./rzt.css);
/**  Default-Styles für Form-Generator-Formulare */
@import url(./form.css);

/** ---------------------------------------------
 *  Tabelle mit line-hover
 *  --------------------------------------------- */
table.line-hover tr:hover {
  box-shadow: 5px 5px 10px #888888;
}

/** ---------------------------------------------
 *  Akkordion
 *  --------------------------------------------- */
div.akkordeon > h1,
div.akkordeon > h2,
div.akkordeon > h3,
div.akkordeon > h4,
div.akkordeon > h5,
div.akkordeon > h6,
div.akkordeon > p {
  display:inline;
}

/** ---------------------------------------------
 *  Language Switcher done with FLUID
 *  --------------------------------------------- */
#navigation-bar ul#language {
  background-color: #fff;
  border-width: 0;
  box-sizing: border-box;
  float: right;
  height: 32px;
  line-height:32px;
  width: 68px;
}
#navigation-bar ul#language li {
  display:inline-block;
  height:31px;
  width:31px;
}
#navigation-bar #language-switch li.active {
  background-color:#f0f0f0;
}
#navigation-bar #language-switch li.text-muted span {
  visibility:hidden;
}

#navigation-bar #language-switch span {
  display: unset;
  height: unset;
  width: unset;
  float: unset;
  border-width: unset;
  border-color: unset;
  border-style: unset;
}

/** ---------------------------------------------
 *  Speak telephone numbers digit by digit
 *  ---------------------------------------------
 */
a[href^="tel:"]{
    speak-numeral:digits;
    speak-as:digits;
}
/** ---------------------------------------------
 *  Unterer Abstand im CE "Text & Medien"
 *  ---------------------------------------------
 */
.ce-column, .ce-bodytext {
   margin-bottom:10px;
}

/** ---------------------------------------------
 *  Inhaltselement "file links"
 *  ---------------------------------------------
 */
ul.ce-uploads li {
  list-style-image: url('../Img/pfeil_b.gif');
  margin: 0;
  overflow: visible;
  padding-top: 0;
}

#content ul {
  list-style-image: url('../Img/pfeil_b.gif');
}

/** ---------------------------------------------
 *  doppelten Unterstrich bei Abkuerzungen vermeiden
 *  ---------------------------------------------
 */
abbr {
  font-style: normal;
  text-decoration: none;
  font-variant: normal;
}

/** ------------------------------------------
* Verbesserung fuer Listen
* -------------------------------------------
*/
/*  bessere Einheit  */
#content ol {
  padding-left:2rem;
}
/*  Regelmaessigere  Abstaende geschachtelter Listen  */
#content li, #content li p, #content ol, #content ul {
    padding-top:0;
    padding-bottom:0;
    margin-top:0;
    margin-bottom:0;
}
#content li, #content li p {
    margin-bottom:1em;
}
#content li li:last-child, #content li p:last-child {
    margin-bottom:0;
}
#content li ol + p, #content li ul + p {
    margin-top:1em;
}
/**  für TYPO3-Sitemaps  */
#content .ce-menu li :first-child {
    margin-top:1em;
}

/**  für Bilder, fluid_styled_content:  */
#content .ce-column {
   margin-right: 0.5em;
}

/** ------------------------------------------
 *  uebernommen aus layout00INSTITUTE
 * -------------------------------------------
 */
.clear { clear: both;  }
.float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
.float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }
.img_left { float: left; display:inline; margin-right: 1em; margin-bottom: 1em;  }
.img_right { float: right; display:inline; margin-left: 1em; margin-bottom: 1em;  }
.align_center { text-align:center; margin: 0.5em auto }
.center { text-align:center; margin: 0.5em auto }
.align_right {text-align: right;}
.ilegend { margin-left: 1em; margin-bottom: 0.15em; font-size: 90%; font-style: italic; }

/**
.fold-header #page-header {
  height: 80px;
}
.fold-header #page-header #tuhh-logo {
  height: 80px;
}
**/

/**
 * --------------------------------------------
 * Selbe Ausrichtung des TU-Logos wie auf der Hauptseite der Webseite
 * --------------------------------------------
 */

#page-header #tuhh-logo-title {
	width: 67%;
	margin: 0 16%;
}

/** ------------------------------------------
 *  :focus Effekt liegt sonst nicht um das TUHH-Logo herum
 * -------------------------------------------
 */
.fold-header #page-header a:focus #tuhh-logo-group {
  border: 0 none transparent;
}
.fold-header #page-header a:focus #tuhh-logo-title {
  border: 1px dotted #000;
}

/** ------------------------------------------
 *  Suchboxfarben korrigieren
 * -------------------------------------------
 */
#navigation-bar #search-panel {
    background-color: #F0F0F0;
    border-left-color: #E4E4E4;
    border-right-color: #E4E4E4;
}

#navigation-bar #search-submit {
    background-color: #E4E4E4;
    border-left-width: 1px;
}

/** ------------------------------------------
 *  - fuer das Institutslogo im SVG-Format
 *  - muss in der institutseigenen CSS-Datei
 *    individuell angepasst werden
 * -------------------------------------------
 */
#page-header h1 img {
  height: 138px;
  width: auto; /* 227px */
}
.fold-header #page-header h1 img {
  height: 60px;
  width: auto; /* 99px */
}
@media screen and (max-width: 1024px) {
  #page-header h1 img, .fold-header #page-header h1 img {
    height: 60px;
    width: auto; /* 99px */
  }
}

/** ------------------------------------------------
 *  Teaser-Hintergrund, falls kein Teaser vorhanden
 * -------------------------------------------------
 */
.js #teaser-bar #teaser {
  background: #f0f0f0;
}
.js #teaser-bar  h2, .js #teaser-bar  h3, .js #teaser-bar  h4 {
  font-size: large;
  padding-bottom: 0.8em;
}


/** ------------------------------------------------
 *  Play-Button positionieren bei kleinem Header
 * -------------------------------------------------
 */
.js .fold-teaser #play-pause-button {
     top: 0px;
}

/** ----------------------------------------------
 *  Breadcrumb fuer kleine Bildschirme einblenden
 * -----------------------------------------------
 */
@media screen and (max-width: 570px) {
    #content-frame #breadcrumb {
        height: 20px;
    }
    #content-frame #breadcrumb div {
       margin-left: 0%;
       background-color: #f0f0f0;
       padding-left: 10px;
    }
    #navigation-bar {
        height: 34px;
    }
    #navigation-bar #language-switch {
        line-height: 34px;
	padding-left: 10px;
    }
    #navigation-bar #search-link {
        height: 34px;
   }
}

/** ------------------------------------------------------
 * totop: Sprung nach oben am Ende eines Inhaltselementes
 * -------------------------------------------------------
 */
#content p a[href="#top"] {
    background: transparent url(../Img/arrow-up-blue.gif) no-repeat 0 50%;
    color: #3333b0;
    display: block;
    font-size: 90%;
    margin: 0 0 1em 0;
    padding: 0 0 0 1.25em;
}

/** ---------------------------------------------
 *  Bildunterschrift italic
 * ----------------------------------------------
 */
figcaption { font-style: italic; }

/** ---------------------------------------------
 *  Bilder skalieren, maximale Bildbreite: 100 %
 *  ---------------------------------------------
 */
img  {
      max-width: 100%;
      height: auto;
  }

/** ------------------------------------------
 *  Bibtex Plugin
 * -------------------------------------------
 */
#content .tx-sibibtex-pi1 ul li {
  padding: 0;
}
#content .tx-sibibtex-pi1-sort-links  a {
  display: inline-block;
  width: 10em;
  border: 1px solid #ccc;
  background-color: #eee;
  text-align: center;
  padding: 0.2em 0;
  margin: 0 0.2em;
}
#content-frame .tx-sibibtex-pi1-sort-links a:focus {
  background-color: #0747AD;
  color: #fff;
  box-shadow: 0px 0px 6px #0747AD;
}

/** ------------------------------------------
 *  gkh_rss_import Plugin
 * -------------------------------------------
 */
 #sidebar section .tx-gkhrssimport-pi1-rss_box > ul > li,
 #content-frame .tx-gkhrssimport-pi1-rss_box > ul > li {
     list-style: none outside none;
 }

 #sidebar .tx-gkhrssimport-pi1-rss_box {
     margin-left: 0;
 }
 #sidebar section .tx-gkhrssimport-pi1-rss_box > ul {
       margin-left: 13px;
 }

/** ------------------------------------------
 *  EXT:sd-lightbox
 * ------------------------------------------- */

#sd-lightbox {
    background: rgba(0, 0, 0, 0.8);
}

/** ------------------------------------------
 *  Buttons
 * ------------------------------------------- */

#content div.button1,
#content div.button2,
#sidebar div.button1,
#sidebar div.button2,
#teaser div.button1,
#teaser div.button2 {
	border-radius: 8px;
	box-shadow: 2px 2px 2px #666;
	display: inline-block;
	font-weight:bold;
	margin: 5px 2em 14px 0;
	padding: 10px 25px;
	text-align: center;
	width: auto;
}
#content div.button1 p,
#content div.button2 p,
#sidebar div.button1 p,
#sidebar div.button2 p,
#teaser div.button1 p,
#teaser div.button2 p {
	margin-bottom:0;
}
#content div.button1,
#sidebar div.button1,
#teaser div.button1 {
	background-color:#00BDDC;
}
#content div.button1:hover,
#sidebar div.button1:hover,
#teaser div.button1:hover {
	background-color:#E4E4E4;
}
#content div.button2,
#sidebar div.button2,
#teaser div.button2 {
	background-color:#E4E4E4;
}
#content div.button2:hover,
#sidebar div.button2:hover,
#teaser div.button2:hover {
	background-color:#00BDDC;
}
#content div.button1 a,
#sidebar div.button1 a,
#teaser div.button1 a,
#content div.button2 a,
#sidebar div.button2 a,
#teaser div.button2 a {
	text-decoration:none;
}
#content div.button1 a,
#sidebar div.button1 a,
#teaser div.button1 a {
	color:white;
}
#content div.button1:hover a,
#sidebar div.button1:hover a,
#teaser div.button1:hover a {
	color:#00BDDC;
}
#content div.button2 a,
#sidebar div.button2 a,
#teaser div.button2 a {
	color:black;
}
#content div.button2:hover a,
#sidebar div.button2:hover a,
#teaser div.button2:hover a {
	color:white;
}