var x,y;
if (self.innerHeight) { // all except Explorer
	x = self.innerWidth;
	y = self.innerHeight;
} else if (document.documentElement && document.documentElement.clientHeight) {	// Explorer 6 Strict Mode
	x = document.documentElement.clientWidth;
	y = document.documentElement.clientHeight - 20;
} else if (document.body) { // other Explorers
	x = document.body.clientWidth;
	y = document.body.clientHeight - 20;
}

document.write('<style>');
if (x <= 800) {
	document.write('div#Logo { background: url(images/ough-logo-1.jpg) no-repeat white; min-width: 160px; min-height: 125px; }');
	document.write('div#Kopf { background: url(images/top-left-1.jpg) no-repeat white; min-width: ' + (x-20) + 'px; min-height: 8em; }');
	document.write('div#Kniefront { background: url(images/ough-knie-1.jpg) no-repeat; min-width: 21em; min-height: 450px; top: 8em; }');
	document.write('div#Knieseite { background: url(images/ough-knie-2-1.jpg) no-repeat; min-width: 35em; min-height: 450px; top: 8em; }');
	document.write('div#Schulter { background: url(images/ough-schulter-1.jpg) no-repeat; min-width: 35em; min-height: 450px; top: 8em; }');
	document.write('div#Wirbelsaeule { background: url(images/ough-wirbelsaeule-1.jpg) no-repeat; min-width: 21em; min-height: 450px; top: 8em; }');
	document.write('div#Hals { background: url(images/ough-hals-1.jpg) no-repeat; min-width: 35em; min-height: 450px; top: 8em; }');
	document.write('div#Ruecken { background: url(images/ough-ruecken-1.jpg) no-repeat; min-width: 35em; min-height: 450px; top: 8em; }');
	document.write('div#Huefte { background: url(images/ough-huefte-1.jpg) no-repeat; min-width: 35em; min-height: 450px; top: 8em; }');
	document.write('div#Fuss { background: url(images/ough-fuss-1.jpg) no-repeat; min-width: 35em; min-height: 450px; top: 8em; }');
	document.write('div#Balken { top: 8.5em; font-size: 0.8em; }');
	document.write('#Navi {	top: 10em; font-size: 0.9em; }');
	document.write('div#Inhalt { top: 14.5em; left: 20em; font-size: 0.8em; }');
	document.write('h1 { font-size: 1.3em; }');
	document.write('h2 { font-size: 1.1em; }');
	document.write('h3 { font-size: 0.9em; }');
	document.write('div#Leistungen { font-size: 0.7em; top: 28.5em; left: 11em; min-width: 20em; }');
}
if ((x <= 1024) && (x > 800)) {
	document.write('div#Logo { background: url(images/ough-logo-2.jpg) no-repeat white; min-width: 250px; min-height: 160px; }');
	document.write('div#Kopf { background: url(images/top-left-2.jpg) no-repeat white; min-width: ' + (x-20) + 'px; min-height: 11.5em; }');
	document.write('div#Kniefront { background: url(images/ough-knie-2.jpg) no-repeat; min-width: 21em; min-height: 450px; top: 11.8em; }');
	document.write('div#Knieseite { background: url(images/ough-knie-2-2.jpg) no-repeat; min-width: 21em; min-height: 450px; top: 11.8em; }');
	document.write('div#Schulter { background: url(images/ough-schulter-2.jpg) no-repeat; min-width: 35em; min-height: 450px; top: 11.8em; }');
	document.write('div#Wirbelsaeule { background: url(images/ough-wirbelsaeule-2.jpg) no-repeat; min-width: 35em; min-height: 450px; top: 11.8em; }');
	document.write('div#Hals { background: url(images/ough-hals-2.jpg) no-repeat; min-width: 35em; min-height: 450px; top: 11.8em; }');
	document.write('div#Ruecken { background: url(images/ough-ruecken-2.jpg) no-repeat; min-width: 35em; min-height: 450px; top: 11.8em; }');
	document.write('div#Huefte { background: url(images/ough-huefte-2.jpg) no-repeat; min-width: 35em; min-height: 450px; top: 11.8em; }');
	document.write('div#Fuss { background: url(images/ough-fuss-2.jpg) no-repeat; min-width: 35em; min-height: 450px; top: 11.8em; }');
	document.write('div#Balken { top: 11.5em; font-size: 0.9em; }');
	document.write('#Navi {	top: 12.2em; font-size: 1.0em; }');
	document.write('div#Inhalt { top: 16.5em; left: 25em; font-size: 0.9em; }');
	document.write('h1 { font-size: 1.5em; }');
	document.write('h2 { font-size: 0.9em; }');
	document.write('h3 { font-size: 0.8em; }');
	document.write('div#Leistungen { font-size: 0.9em; top: 30.5em; left: 11.5em; min-width: 20em; }');
}
if (x > 1024) {
	document.write('div#Logo { background: url(images/ough-logo-3.jpg) no-repeat white; min-width: 310px; min-height: 215px; }');
	document.write('div#Kopf { background: url(images/top-left-3.jpg) no-repeat white; min-width: ' + (x-20) + 'px; min-height: 13.5em; }');
	document.write('div#Kniefront { background: url(images/ough-knie-3.jpg) no-repeat; min-width: 21em; min-height: 670px; top: 15em; }');
	document.write('div#Knieseite { background: url(images/ough-knie-2-3.jpg) no-repeat; min-width: 21em; min-height: 670px; top: 15em; }');
	document.write('div#Schulter { background: url(images/ough-schulter-3.jpg) no-repeat; min-width: 35em; min-height: 670px; top: 15em; }');
	document.write('div#Wirbelsaeule { background: url(images/ough-wirbelsaeule-3.jpg) no-repeat; min-width: 35em; min-height: 670px; top: 15em; }');
	document.write('div#Hals { background: url(images/ough-hals-3.jpg) no-repeat; min-width: 35em; min-height: 670px; top: 15em; }');
	document.write('div#Ruecken { background: url(images/ough-ruecken-3.jpg) no-repeat; min-width: 35em; min-height: 670px; top: 15em; }');
	document.write('div#Huefte { background: url(images/ough-huefte-3.jpg) no-repeat; min-width: 35em; min-height: 670px; top: 15em; }');
	document.write('div#Fuss { background: url(images/ough-fuss-3.jpg) no-repeat; min-width: 35em; min-height: 670px; top: 15em; }');
	document.write('div#Balken { top: 13.5em; font-size: 1.0em; }');
	document.write('#Navi {	top: 13em; font-size: 1.2em; }');
	document.write('div#Inhalt { top: 22em; left: 31em; font-size: 0.9em; }');
	document.write('h1 { font-size: 2em; }');
	document.write('h2 { font-size: 1.4em; }');
	document.write('h3 { font-size: 0.9em; }');
	document.write('div#Leistungen { font-size: 1.2em; top: 27.3em; left: 10em; min-width: 20em; }');
}
document.write('</style>');