/** ------------------------------------------
 *  Header
 * -------------------------------------------   */

/** Header-Hintergrundfarbe  */
#page-header {
   background: #FFFFFF;/*#f0f0f0;*//*Lightgray;*/
   /*color: White;*/
}

/** Text im Header ausblenden */
#page-header h1 span {
  display:none;
}

/** ------------------------------------------
 *  Gestaltung Hauptmenü (Breadcrumbs unter Header)
 * -------------------------------------------  
 */

/* Menü-Farben ändern – Normalzustand */

#top-navigation ul a {
  color: #343434;
  border-bottom: 1px solid #FFF;
  background: #FFFFFF none repeat scroll 0% 0%;
}

/* Menü-Farben ändern – Reaktionszustand */

 #top-navigation ul a:hover,
 #top-navigation ul a:focus,
 #top-navigation ul a.selected {
  color: #343434;
  background-color: #F0F0F0;
  font-weight: bold;
}


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

/** ------------------------------------------ 
 *  Deklaration, damit im Firefox die Skalierung
 *  des InstitutsLogos richtig funktioniert.
 * -------------------------------------------  */
#page-header h1 img {
  height: 70px;/* 100px; */
  width: auto; /* 227px */
  margin-top: 40px;
}
.fold-header #page-header h1 img {
  height: 60px;
  width: auto; /* 99px */
  margin-top: 0px;
}
@media screen and (max-width: 1024px) {
  #page-header h1 img, .fold-header #page-header h1 img {
    height: 60px;
    width: auto; /* 99px */
    margin-top: 0px;
  }
} 

/*  Kein Hintergrundbild, nur Farbe  */
body {
  /*background-image:none;*/
  background: #F0F0F0 url("../Img/BackgroundEdit2_small.png") 90% 50% no-repeat;
  background-size: cover; /* Resize the background image to cover the entire container */
  background-attachment: fixed;
}