window.onload = function () {
   // initale Breite und Höhe des Browserfensters
   var iWidth = window.innerWidth || (window.document.documentElement.clientWidth || window.document.body.clientWidth);
   var iHeight = window.innerHeight || 
      (window.document.documentElement.clientHeight || window.document.body.clientHeight);

   // in DIV-Element eintragen
   //var infoausgabe = document.getElementById('infoausgabe');
   //infoausgabe.innerHTML = "Fensterbreite " + iWidth + " Fensterhöhe " + iHeight;

   // Beim Vergrößern oder Verkleinern des Browserfensters
   // die Ausgabe der Werte permanet aktualisieren
   window.onresize = function (evt) {
      var width = window.innerWidth || 
         (window.document.documentElement.clientWidth || window.document.body.clientWidth);
      var height = window.innerHeight || 
         (window.document.documentElement.clientHeight || window.document.body.clientHeight);
      //var infoausgabe = document.getElementById('infoausgabe');
      //infoausgabe.innerHTML = "Resize Breite " + width + "  <br />Resize Höhe  " + height;

      
      if(width < 910){
          var zusatz_breite = 910 - width;
    	  document.getElementById('hauptbereich').style.left = '0px';
    	  document.getElementById('hauptbereich').style.marginLeft = '0px';
    	  //infoausgabe.innerHTML = "<br />Zusatz-Breite " + zusatz_breite;
      }
      if(width > 910){
    	  document.getElementById('hauptbereich').style.left = '50%';
    	  document.getElementById('hauptbereich').style.marginLeft = '-474px';
      }    

      if(height < 660){
          var zusatz_hoehe = 910 - width;
    	  document.getElementById('hauptbereich').style.top = '0px';
    	  document.getElementById('hauptbereich').style.marginTop = '0px';
    	  //infoausgabe.innerHTML = "<br />Zusatz-Höhe " + zusatz_hoehe;
      }
      if(height > 660){
    	  document.getElementById('hauptbereich').style.top = '50%';
    	  document.getElementById('hauptbereich').style.marginTop = '-330px';
      }
      
   }
}