@import url("form.css");

/** ------------------------------------------
 *  Erweiterung sd_lightbox
 * ------------------------------------------- */
#sd-lightbox {
    background: rgba(0, 0, 0, 0.7);
}
/** ------------------------------------------
 *  Schriftzug unterm Logo ausblenden bis geklaert ist,
 *  wie die TUHH nun wirklich heisst.
 *  Das Logo etwas groesser anzeigen
 * ------------------------------------------- */
#tuhh-logo-subtitle {
        display: none;
}
#page-header #tuhh-logo-title {
    margin: 0 5%;
    width: 90%;
}
@media screen and (max-width: 1024px) {
   #page-header #tuhh-logo-title {
       margin-left: 15%;
       width: 60%;
   }
}
/** ------------------------------------------
 *  Erweiterung tuhh_statistics
 * -------------------------------------------  
 */
.tx_tuhhStatistics_weights {
        line-height: 240%;
}

/** ------------------------------------------
 *  Erweiterung gkh-rssimport
 * -------------------------------------------  
 */
.tx-gkhrssimport-pi1-rss_title a {
    font-size: 84%;
}

/** ------------------------------------------ 
 *  Erweiterung si_bibtex
 * ------------------------------------------- */

/** 
  #tx-sibibtex-AbstractInfoBox {
     visibility: hidden;
     position: absolute;
     top: -10px;
     left: 0px;
     z-index: 100;
     width: 240px;
     background-color: #F0F0F0;
     border: 1px solid #0090E0;
   }
 */

/** ------------------------------------------ 
 *  Institutslogo ausblenden
 * ------------------------------------------- */
#inst-logo {
   display:none;
}

/** ------------------------------------------ 
 *  Hintergrundfarbe 
 * ------------------------------------------- */
body, html {
   background-color:#5076b3;
   background-image:none;
}

/** ------------------------------------------ 
 *  Header-Hintergrundfarbe 
 * ------------------------------------------- */
#page-header {
   background: #ccffff;
}

.fold-header #page-header, .fold-header #page-header #tuhh-logo {
    height: 86px;
}
.fold-header #page-header #tuhh-logo-title {
    margin-top: -5%
}

/** ------------------------------------------
 *  Teaser-Hintergrundbild 
 * ------------------------------------------- */

/*  falls kein Teaser vorhanden  */
.js #teaser-bar #teaser {
  background: #f0f0f0 url("../Img/teaser_img_def_800_344.jpg") 50% 50% no-repeat;
}

/* Damit das Teaser-Hintergrundbild bei nur 1 Teaser breit genug ist */
.js .fold-teaser #teaser-bar .with-1-items #bg-slider span {
    background-size: 495px!important;
}
.js .fold-teaser #teaser-bar .with-2-items #bg-slider span,
.js .fold-teaser #teaser-bar .with-3-items #bg-slider span {
    background-size: 450px!important;
}

/** ------------------------------------------------------- 
 *  Teaser-Text - Groesse, Position
 * -------------------------------------------------------- */

.js #teaser-bar .with-1-items #slider {
   left: 23px;
}

/** ------------------------------------------ 
 *  Deklaration, damit im Firefox die Skalierung 
 *  des Logos richtig funktioniert
 * ------------------------------------------- */
#page-header h1 img {
  height: 138px;
  width: auto; /* 227px */
}
.fold-header #page-header h1 img {
  margin-right: 6%;
  margin-top: 10px;
  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 */
  }
} 

/** ------------------------------------------------ 
 *  Titel-Bereich fuer die Boxen etwas verkleinern
 * ------------------------------------------------- */
#sidebar .box .box-title {
  padding: 6%;
}

/** ------------------------------------------------ 
 *  Login-Formular
 * ------------------------------------------------- */
/**
#sidebar div.tx-felogin-pi1 {
 margin-left:0.25em;
}
**/