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

/** ------------------------------------------ 
 *  Teaser-Hintergrundbild falls kein Teaser vorhanden
 * -------------------------------------------  
 */
.js #teaser-bar #teaser {
  background: #ffffff url("../Img/baum_800_344.html") 50% 50% no-repeat;
}

/** ------------------------------------------ 
 *  Deklaration, damit im Firefox die Skalierung 
 *  des InstitutsLogos richtig funktioniert.
 * -------------------------------------------  
 */
#page-header h1 img {
  height: 80px;
  width: auto; /* 99px */
}
.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 */
  }
} 

/** ------------------------------------------
 *  Institutsname vertikal zentriert
 * -------------------------------------------  
 */
#page-header h1 #backflip {
  vertical-align: middle;
}

/** ------------------------------------------
 *  Hintergrund web allgem.
 * -------------------------------------------  
 */
body {
  background-image: none;
  background-color: rgb(70,130,180);
}

/** Institutslogo weiter nach unten  */
#page-header h1 img {
    margin-top: 30px;