function startPosition()
{
document.getElementById("katze").style.visibility = "hidden";

document.getElementById("personTitle").style.top = "150px";
document.getElementById("personTitle").style.left = "240px";      
document.getElementById("person").style.top = "175px";
document.getElementById("person").style.left = "240px";

document.getElementById("berufTitle").style.top = "400px";
document.getElementById("berufTitle").style.left = "240px";
document.getElementById("beruf").style.visibility = 'hidden';
document.getElementById("beruf").style.top = "425px";
document.getElementById("beruf").style.left = "240px";

document.getElementById("geschichteTitle").style.top = "425px";
document.getElementById("geschichteTitle").style.left = "240px";
document.getElementById("geschichte").style.visibility = 'hidden';
document.getElementById("geschichte").style.top = "450px";
document.getElementById("geschichte").style.left = "240px";
}
function showHideKatze()
{
  var katze = document.getElementById("katze");
  switch (katze.style.visibility)
  {
    case 'hidden':  katze.style.visibility = 'visible';
                    break;
    case 'visible': katze.style.visibility = 'hidden';
  }
}
function showHideBerufliches()
{
 var beruf = document.getElementById("beruf");
  switch (beruf.style.visibility)
  {
    case 'hidden':  beruf.style.visibility = 'visible';
                    document.getElementById("geschichteTitle").style.top = "1025px";
                    document.getElementById("geschichte").style.visibility = 'hidden';
                    break;
    case 'visible': startPosition();
  }
}
function showHideGeschichte()
{
 var geschichte = document.getElementById("geschichte");
  switch (geschichte.style.visibility)
  {
    case 'hidden':  geschichte.style.visibility = 'visible';
                    document.getElementById("geschichteTitle").style.top = "425px";
                    document.getElementById("beruf").style.visibility = 'hidden';
                    break;
    case 'visible': startPosition();
  }
}