header#header {
  width: 100%; height: 129px; border-bottom: 3px solid #cdcdcd; position: fixed; top: 0; left: 0; 
  background: #ffffff; z-index: 25;  
}
header#header .inner { position: relative; width: 1024px; height: 129px; margin: 0 auto;
background: url("../../images/backgrounds/bg_header.jpg") repeat; }

.contentpage1 header#header, .contentpage2 header#header { height: 110px; border: none; }
  .contentpage1 header#header .inner, .contentpage2 header#header .inner { height: 110px; }
  
#headerleft, #headerright { width: 50%; height: 129px; position: absolute; top: 0; }  
#headerleft { background: #fff; left: 0; }
#headerright { background: #d7ece3; right: 0; }
.contentpage1 #headerleft, .contentpage1 #headerright, .contentpage2 #headerleft, 
.contentpage2 #headerright { height: 110px; }
  
#search { position: absolute; right: 0; top: 15px; }
  #search input[type="text"] { height: 23px; line-height: 23px; border: 1px solid #cdcdcd; }
  
#portal { position: absolute; right: 0; bottom: 20px; }
  #portal ul { list-style-type: none; overflow: hidden; }
    #portal ul li { margin-left: 30px; float: left; }
      #portal ul li a { color: #b4b4b2; font-size: 19px; }
        #portal ul li.active a, #portal ul li a:hover { color: #00905b; }
        
      #portal ul li a:before {
        content: "s"; font-size: 7px; position: relative; top: -2px; color: #e13f2a; margin-right: 4px; 
        font-family: "ewr-netze" !important; font-style: normal !important; font-weight: normal !important;
        font-variant: normal !important; text-transform: none !important; speak: none;
        line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;            
      }  
      #portal ul li.active a:before { content: "r"; }
      
#logo { position: absolute; top: 27px; left: 0; }
#logo img { width: 215px; height: 71px; }      
      
@media screen and (max-width: 980px) {
header#header .inner { width: 100%; padding: 0 2%; }
#portal, #search { right: 2%; }
#logo { left: 2%; }
}      

@media screen and (max-width: 800px) {
  header#header .inner { padding: 0; }
  header#header, .contentpage1 header#header, .contentpage2 header#header { height: 55px; border-bottom: 3px solid #e5e5e5; }
  header#header .inner, .contentpage1 header#header .inner, .contentpage2 header#header .inner { height: 55px; }
  .contentpage1 #headerleft, .contentpage1 #headerright, .contentpage2 #headerleft, 
  .contentpage2 #headerright, #headerleft, #headerright { display: none; }
  #meta, #search, #portal { display: none; }  
  #logo { top: 13px; }
  #logo img { width: 103px; height: 33px; }
}