// Eventhandler setzen
  window.onresize = setWidthAndHeight;	
	
  // Diese Funktion ermittelt die Größe des Browserfensters  
  function getWindowSize() {
    var myWidth = 0, myHeight = 0;
    iebrowser = false;
    if( typeof( window.innerWidth ) == 'number' ) {
      //Non-IE
      myWidth = window.innerWidth;
      myHeight = window.innerHeight;
    } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
      //IE 6+ in 'standards compliant mode'
      myWidth = document.documentElement.clientWidth;
      myHeight = document.documentElement.clientHeight;
      iebrowser = true;
    } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
      //IE 4 compatible
      myWidth = document.body.clientWidth;
      myHeight = document.body.clientHeight;
      iebrowser =true;
    }

    var windowWidth = 0;
    var windowHeight = 1;
    var aWindowSize = new Array(2);
    
    aWindowSize[windowHeight] = myHeight;
    aWindowSize[windowWidth] = myWidth;
 
    // Mindesthöhe (759px) setzen! 749 - footerContainer (= 72px) = 687px
    // dann scrollen, d.h. die Breite muss um den Scrollbalken reduziert werden, wenn es sich nicht um den IE (-18px) handelt
    
    // Keine Mindesthöhe setzen, bei 1024 x 768 Bildschirmauflösung,
    // es sei denn MainContent macht ein "Aufziehen" notwendig.
    
    //alert ("Ihre Bildschirmauflösung: "+screen.width+" x "+screen.height+"Pixel"); 
    //var h = document.getElementById("contentContainer").style.height;
    // h = document.getElementById('contentContainer').offsetHeight;
    
    
    //alert(document.all.contentContainer.offsetHeight);
    
    var minHeight = false;
    var maxHeight = false;
    
    if ((iebrowser == false && screen.height == 768 && document.getElementById("contentContainer").offsetHeight <= 340)
         || iebrowser == true && screen.height == 768 && document.all.contentContainer.offsetHeight <= 340)  {
      // dann keine Mindesthöhe setzen
      minHeight = true;
    }
      
    
    
    // Wenn die Höhe des aktuellen Browserfensters kleiner als 687 ist, 
    // dann wird die Höhe künstlich aufgezogen, bzw. bei mehr als 1024px künstlich begrenzt.
    if ((myHeight <= 640 || myHeight >= 1024) && minHeight == false) {
      if (myHeight <= 640) {
        aWindowSize[windowHeight] = 640;
        if (navigator.appName.indexOf("Internet Explorer") == -1) {
          //alert(navigator.userAgent);
          aWindowSize[windowWidth] = myWidth - 18;
          minHeight = true;
        }
      }
      // Max Height festlegen, damit der weiße Contentbreich immer unten mit der Hintergundgrfik abschließt
      else {
        aWindowSize[windowHeight] = 1024;
        if (navigator.appName.indexOf("Internet Explorer") == -1) {
          //alert(navigator.userAgent);
          aWindowSize[windowWidth] = myWidth - 18;
          maxHeight = true;
        }
        
      }
    }  
    // Mindestbreite setzen, so dass die Servicenavi noch auf dem Hintergundbrild 
    // steht
    if (myWidth <= 865) {
      aWindowSize[windowWidth] = 865;
      if (navigator.appName.indexOf("Internet Explorer") == -1 && minHeight == false && maxHeight == false) {
        // die neue Höhe nur setzen, wenn Sie nicht schon grad gesetzt wurde
        aWindowSize[windowHeight] = myHeight - 18;
      }
    }
   
    
    
    return aWindowSize;
  }  



  // Diese Funktion setzt die Größe der Container
  function setWidthAndHeight () {
    var windowWidth = 0;
    var windowHeight = 1;
  
    var aWindowSize = getWindowSize();


    var ua = navigator.userAgent.toLowerCase();
    var netscapebrowser = (ua.indexOf("mozilla") != -1 && 
                           ua.indexOf("compatible") == -1 && 
                           ua.indexOf("opera") == -1);
    var iebrowser = (ua.indexOf("msie") > -1 && 
                     ua.indexOf("opera") == -1);

    var av = navigator.appVersion;
    var version = parseFloat(av.substr(0, av.indexOf(" ")));
    var version2 = parseFloat(av.substr(0, av.indexOf(".")));
    if (netscapebrowser) {
      var versionsnummer = version2;
    } else {
      if (iebrowser) {
        if (version2 < 4) {
          versionsnummer= 3;
        } else if (version2==4 && ua.indexOf("msie 4") > -1) {
          versionsnummer = 4;
        } else if (version2==4 && ua.indexOf("msie 5") > -1) {
          versionsnummer = 5;
        } else if (version2==4 && ua.indexOf("msie 6") > -1) {
          versionsnummer = 6;
        }
      }
    }


    var width = aWindowSize[windowWidth];
    document.getElementById('wrapper').style.width = width + "px";
    
    var iePixel = 0;
    if (netscapebrowser || versionsnummer <= 6)
      ;
    else
      ;//iePixel = 3;
      
    // top ist die gesamte Höhe des Browserfensters - dem FooterConatiner
    var top = aWindowSize[windowHeight] - document.getElementById('footerContainer').style.height - 72;
    document.getElementById('footerContainer').style.top = (top - iePixel) + "px";
    document.getElementById('mainContainer').style.height = (top  - iePixel) + "px";
    document.getElementById('wrapper').style.height = (aWindowSize[windowHeight] - 0) + "px";
  }