/** ------------------------------------------ 
 *  Header-Hintergrundfarbe 
 * -------------------------------------------  
#page-header {
   background: #00bed9; header_727x185.png
}

 */

#page-header {
  background: #0B1440;
  background-image:url("../Img/ssi.svg");
  background-repeat:no-repeat;
  background-position:right;
  background-position:99%;
  background-size:contain;
}

#sidebar-navigation ul a:hover,#sidebar-navigation ul a:focus,#sidebar-navigation ul a.selected {
  color:#343434;
  text-decoration:none;
  background-color:#fff;
  display:block
}

.fold-header #page-header {
  background: #00bed9;
  background-image:url("../Img/header_727x70.png");
  background-repeat:no-repeat;
  background-position:left;
  background-position:296px;
}

div.grauebox{
  background-color:rgba(0, 0, 0, 0.055); 
  padding:0px 10px 0px 10px; 
  margin:2em 0px;
  position:relative;
}


.grauebox dt{
    float: left;
    clear: left;
    width: 10em;
    margin: 0px 2em 0px 0px !important;
    padding: 0px !important;
}

.grauebox dd {
    padding: 0px 0px 1em 12em !important;
}

.grauebox h1{
  font-size: 150% !important;
  margin-top: 0px !important;
  margin-bottom: 1em !important;
}

/** ------------------------------------------
 *  Background top & bottom
 * -------------------------------------------  
 */
body {
   background-color:#ccc;
   background-image:none;
}

html{
   background-color:#ccc;
   background-image:none;
}
/** ------------------------------------------
 *  Header-Text
 * -------------------------------------------  
 */
#page-header h1 #backflip {
  font-family: Helvetica, Arial, sans-serif;
  text-rendering: optimizelegibility;
  font-size:100%;
  color:white;
  background-color:transparent;
  text-align:left; 
  padding-left: 0px;
  vertical-align:bottom;
}   

#inst-logo{visibility:hidden;}


.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 */
  }
} 

/** ------------------------------------------
 *  Undisplay the autor signature
 * -------------------------------------------  
*/ 
#change-info {
  visibility: hidden;
}

.footer-bumper {
    height: 120px;
    clear: both
}

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

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


pre {
    padding: 1em;
    border: 1px dashed #2f6fab;
    color: black;
    background-color: #f9f9f9;
    line-height: 1.1em;
    font-family: monospace;
    margin-top: -1em;
    white-space: pre-line;
  white-space: pre-wrap;  
 white-space: -moz-pre-wrap; 
 white-space: -pre-wrap; 
 white-space: -o-pre-wrap; 
  margin-top: -2em;
}


#content-frame hr, #sidebar hr {
    border: 0;
    height: 1px;
    background: #ccc;
    margin: 1em 0;
}

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

#content ul li ul {
    list-style-image: url('../Img/square_blue.png');
}


#content ul li ul li ul {
    list-style-image: url('../Img/circle_blue.png');
}


#content ul a {
    text-decoration:none;
}

#content ul a:active{
    color:black;
}

#content ul a:hover{
    color:black;
}

#content a:active{
    color:black;
    background:none;
}

#content a:hover{
    color:black;
  background:none;
}