/*
  Body-Hintergrundfarbe 
*/

body, html {
  background-color: #DBDEE3;
  background-image: none;
}


/*
  Header-Hintergrundfarbe 
*/

#page-header {
  background: #FFFFFF;
}

.fold-header #page-header, .fold-header #page-header #tuhh-logo {
  height: 86px;
}

.fold-header #page-header #tuhh-logo-title {
  margin-top: -5%
}


/*
  Instituts-Logo ausblenden
*/

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


/*
  Deklaration, damit im Firefox die Skalierung des Instituts-Logos richtig funktioniert.
*/

#page-header h1 img {
  height: 60px;
  width: auto; /* 227px */
}

.fold-header #page-header h1 img {
  height: 60px;
  width: auto; /* 99px */
}

/*@media screen and (max-width: 1024px) { */
@media screen and (max-width: 2048px) {
  #page-header h1 img, .fold-header #page-header h1 img {
    height: 60px;
    width: auto; /* 99px */
  }
}


/*
  Sprach-Umschalter
*/

#navigation-bar #language-switch {
  background-color: #E4E4E4;
  display: none;
}

#navigation-bar #language-switch span {
  background-color: #E4E4E4;
  display: none;
}


/*
  Top-Navigation in 2 Gruppen aufteilen, Farben
*/

#top-navigation li a {
  width: 48%;
  text-align: center;
  color: #FFFFFF;
  background: #0747AD;
}

#top-navigation a:hover, #top-navigation a:focus {
  background: #80B3FF;
}

#top-navigation a.selected, #top-navigation a.parent-of-selected {
  background: #80B3FF;
}

/*
  Top-Navigation ausschalten
*/

/*
section#navigation-bar {
  display: none;
}
*/


/*
  Farben der Suchbox in der Top-Navigation
*/

#navigation-bar #search-link {
  background-color: #0747AD;
  border-left-color: #0747AD;
  border-right-color: #0747AD;
  border-left-width: 0px;
}

#navigation-bar #search-link img {
  padding: 7px;
}

#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;
}


/*
  Teaser-Hintergrundfarben
*/

.js .fold-teaser #teaser-bar {  
  background: none repeat scroll 0% 0% #0747AD;
}

.js #teaser-bar {
  background: none repeat scroll 0% 0% #0747AD;
}

.js #teaser-bar #numbers a.active {
  background: none repeat scroll 0% 0% #80B3FF;
  opacity: 1;
  color: #FFFFFF;
}

.js #teaser-bar #slider {
  opacity: .85;
}
 
#teaser-bar article h1,#teaser-bar article h1 a {
  color: #0747AD;
  font-weight: 700;
  display: block;
}


/*
  Teaser-Hintergrundbild, falls kein Teaser vorhanden
*/

.js #teaser-bar #teaser {
  background: #F0F0F0 url("../Img/727x270oberercampus.jpg") 50% 50% no-repeat;
}


/*
  Inhaltsbereiche in der linken Spalte höher setzen
*/

#sidebar .box:first-of-type {
/*  margin-top: -114px; */
  margin-top: -64px;
}