im_ratio = 1.6;

    str_box_frame_marginTop = document.getElementById("box_frame").style.marginTop;
    str_box_frame_paddingTop = document.getElementById("box_frame").style.paddingTop;
    str_box_frame_paddingBottom = document.getElementById("box_frame").style.paddingBottom;
    
    box_frame_marginTop = parseInt(str_box_frame_marginTop.slice(0,str_box_frame_marginTop.length-2));
    box_frame_paddingTop = parseInt(str_box_frame_paddingTop.slice(0,str_box_frame_paddingTop.length-2));
    box_frame_paddingBottom = parseInt(str_box_frame_paddingBottom.slice(0,str_box_frame_paddingBottom.length-2));
    
    scroll_frame_padding = 2 * box_frame_marginTop + box_frame_paddingTop + box_frame_paddingBottom;
    
    windowResized = false;
   
    function getratio () {
    	if (document.hintergrund.complete) {
    		im_ratio = document.hintergrund.width / document.hintergrund.height;
    		document.getElementById("bild").style.visibility = 'visible';
 		    window.onresize = resize;
 		    resize();
    	} else {
    		setTimeout("getratio()",100);
    	}
    }
    
    function resize()	{
    	if (document.documentElement.clientWidth/document.documentElement.clientHeight <= im_ratio) { //das Fenster ist höher als das Seitenverhältnis des Hintergrundbildes
    	  document.hintergrund.height = document.documentElement.clientHeight; //Hintergrundbild auf volle Höhe des Fensters anpassen
    	  document.hintergrund.width = document.hintergrund.height * im_ratio; //Seitenverhältnis beibehalten und Breite des Hintergrundbildes anpassen
    	  document.getElementById("bild").style.left = -1*((document.hintergrund.width - document.documentElement.clientWidth)/2) + 'px'; //das das Hintgrundbild umgebende div entsprechen positionieren, dass das Bild zentriert ist
     		document.getElementById("bild").style.top = '0px';
     		
     		//container-div und Inhalte passend positionieren
     		document.getElementById("container").style.marginTop = document.hintergrund.height * black_frame_ratio + 'px';
   		  document.getElementById("untermenu").style.paddingTop = (document.hintergrund.height - 2*document.hintergrund.height*black_frame_ratio)-untermenu_height + 'px';
   		  document.getElementById("hauptmenu").style.paddingTop = (document.hintergrund.height - 2*document.hintergrund.height*black_frame_ratio)-hauptmenu_height + 'px';
   		  try { 
   		  	document.getElementById("scroll_frame").height = ((document.hintergrund.height - 2*document.hintergrund.height*black_frame_ratio) - scroll_frame_padding) + 'px'; 
   		  } catch (e) {
   		  }
   		  
    	}
    	else { //das Fenster ist breiter als das Seitenverhältnis des Hintergrundbildes
    		document.hintergrund.width = document.documentElement.clientWidth; //Hintergrundbild auf volle Breite des Fensters anpassen
    		document.hintergrund.height = document.hintergrund.width / im_ratio; //Seitenverhältnis beibehalten und Höhe des Hintergrundbildes anpassen
    		document.getElementById("bild").style.top = -1*((document.hintergrund.height - document.documentElement.clientHeight)/2) + 'px'; //das das Hintgrundbild umgebende div entsprechen positionieren, dass das Bild zentriert ist
    		document.getElementById("bild").style.left = '0px'; 
    		
    		//container-div und Inhalte passend positionieren
    		if (document.hintergrund.height - 2*document.hintergrund.height*black_frame_ratio >= document.documentElement.clientHeight) { //wenn die schwarzen Balken weg sind
    			document.getElementById("container").style.marginTop = '0px';
    			document.getElementById("untermenu").style.paddingTop = document.documentElement.clientHeight - untermenu_height + 'px';
    			document.getElementById("hauptmenu").style.paddingTop = document.documentElement.clientHeight - hauptmenu_height + 'px';
    			try { 
    				document.getElementById("scroll_frame").height = (document.documentElement.clientHeight - scroll_frame_padding) + 'px'; 
     		  } catch (e) {
     		  }
    		} else { //wenn noch schwarze Balken übrig sind
    		  document.getElementById("container").style.marginTop = (document.documentElement.clientHeight - (document.hintergrund.height - 2*document.hintergrund.height*black_frame_ratio))/2 + 'px';
    		  document.getElementById("untermenu").style.paddingTop = (document.hintergrund.height - 2*document.hintergrund.height*black_frame_ratio)-untermenu_height + 'px';
    		  document.getElementById("hauptmenu").style.paddingTop = (document.hintergrund.height - 2*document.hintergrund.height*black_frame_ratio)-hauptmenu_height + 'px';
    		  try { 
    		  	document.getElementById("scroll_frame").height = ((document.hintergrund.height - 2*document.hintergrund.height*black_frame_ratio) - scroll_frame_padding) + 'px'; 
    		  } catch (e) {
    		  }
    		  	
    		}
    	}
    	windowResized = true;
    }

  	getratio();