// Bild als Logo ausblenden
document.getElementById("logo").style.visibility = "hidden";

// Teillogos einblenden (noch außerhalb des DIVS)
document.getElementById("baier").style.visibility = "visible";
document.getElementById("rheinrohr").style.visibility = "visible";


// Ausgangsvariablen
x_baier = 939;
x_rheinrohr = 867;
i = 0;
function bewegen() {
	// Laufvarible erhöhen
	i = i + 1;

	// Ändern der beiden X-Werte
	x_baier = x_baier - 5;
	x_rheinrohr = x_rheinrohr - 5;

	// CSS-Eigenschaften ändern
	document.getElementById("baier").style.margin = "-344px "+x_baier+"px 0 -470px";
	document.getElementById("rheinrohr").style.margin = "-344px 0 0 "+x_rheinrohr+"px";

	if(i>=94) { // wenn die 470px abgelaufen sind
		// Intervall beenden
		window.clearInterval(aktiv);

		// Bild mit &-Zeichen einblenden
		document.getElementById("logo").style.visibility = "visible";
		
		// Teillogos ausblenden
		document.getElementById("baier").style.visibility = "hidden";
		document.getElementById("rheinrohr").style.visibility = "hidden";
	}
}

// Intervall starten
aktiv = window.setInterval("bewegen()",20);