// Durch Tabellen realisiertes, abgerundetes Rechteck

function ContentBox(html) {
	var elem = new Div();
	elem.className = "content_box";
	elem.style.width = "100%";
	var boxTable = elem.appendChild(new Table());
	boxTable.width = "100%";
	boxTable.style.overflow = "hidden";
	boxTable.style.width = "100%";
	boxTable.style.tableLayout = "fixed";
	boxTable.cellPadding = "0";
	boxTable.cellSpacing = "0";
	boxTable.style.height = "auto";
	boxTable.style.verticalAlign = "top";
	var row0 = boxTable.appendChild(new Row());
		row0.height = "64px";
		var topLeft = row0.appendChild(new Cell());
			topLeft.style.width = "64px";
			topLeft.style.height = "64px";
			topLeft.style.background = "url("+window.imagepath+"system/rec_0_0.jpg)";
			topLeft.innerHTML = " ";
		var topCenter = row0.appendChild(new Cell()); 
			topCenter.style.height = "64px";
			topCenter.style.background = "url("+window.imagepath+"system/rec_0_1.jpg) repeat-x top";
			topCenter.innerHTML = " ";
		var topRight = row0.appendChild(new Cell()); 
			topRight.style.width = "64px";
			topRight.style.height = "64px";
			topRight.style.background = "url("+window.imagepath+"system/rec_0_2.jpg)";
			topRight.innerHTML = " ";
	var row1 = boxTable.appendChild(new Row());
		var middleLeft = row1.appendChild(new Cell()); 
			middleLeft.style.width = "64px";
			middleLeft.style.background = "url("+window.imagepath+"system/rec_1_0.jpg) repeat-y left";
			middleLeft.innerHTML = " ";
		var middleCenter = row1.appendChild(new Cell());
			middleCenter.innerHTML = html;
		var middleRight = row1.appendChild(new Cell()); 
			middleRight.style.width = "64px";
			middleRight.style.background = "url("+window.imagepath+"system/rec_1_2.jpg) repeat-y right";
			middleRight.innerHTML = " ";
	var row2 = boxTable.appendChild(new Row());

		row2.height = "64px";
		var bottomLeft = row2.appendChild(new Cell()); 
			bottomLeft.style.width = "64px";
			bottomLeft.style.height = "64px";
			bottomLeft.style.background = "url("+window.imagepath+"system/rec_2_0.jpg)";
			bottomLeft.innerHTML = " ";
		var bottomCenter = row2.appendChild(new Cell()); 
			bottomCenter.style.height = "64px";
			bottomCenter.style.background = "url("+window.imagepath+"system/rec_2_1.jpg) repeat-x bottom";
			bottomCenter.innerHTML = " ";
		var bottomRight = row2.appendChild(new Cell()); 
			bottomRight.style.width = "64px";
			bottomRight.style.height = "64px";
			bottomRight.style.background = "url("+window.imagepath+"system/rec_2_2.jpg)";
			bottomRight.innerHTML = " ";
	var legalnotice = middleCenter.appendChild(new Div());
		legalnotice.style.textAlign = "right";
		legalnotice.style.clear = "both";
		legalnotice.style.margin = "32px 0px -16px 16px";
		legalnotice.style.fontColor = "grey";
		legalnotice.style.fontSize = "9pt";
		var notice = legalnotice.appendChild(new Span());
			notice.innerHTML = "ZARM - Center of Applied Space Technology and Microgravity | ";
		var legallink = legalnotice.appendChild(new Link("legal", "javascript:openLink('legal')"));
	var skybox = elem.appendChild(new Div());
		skybox.style.overflow = "hidden";
		skybox.style.position = "relative";
	var skyline = skybox.appendChild(new Img("images/bremen-skyline.jpg"));
		skyline.style.position = "relative";
		skyline.style.width = "100%";
	return elem.innerHTML;		
}