function ttpos() {

//feststellen des browsers und initialisieren der variablen:
userAgent = navigator.appName.toLowerCase();
userAgentFull = navigator.userAgent;
browser = "unbekannt";
version = 0;
topoffset = 0;


//FÜR MENÜPUNKTE ERSTER EBENE:
if (document.getElementById("mactive1")) {
//alert ("Menü 1");

//auslesen des offsets des aktivierten menüpunkts:
var OffMLActive = document.getElementById("mactive1").offsetTop;
//alert (OffMLActive);

//auselesen der elementhöhe:
var OffHeightTrans = document.getElementById("transarea").offsetHeight;
//alert (OffHeightTrans);

//berechnung des offsets je nach verwendetem browser:
if (userAgent.indexOf("explorer") > -1) {
  if (userAgentFull.indexOf("MSIE 8") > -1) {
  topoffset = OffMLActive + 3;
  }
  else {
  topoffset = OffMLActive + 118;
  }
} else {
topoffset = OffMLActive + 3;
}

//berechnung der höhe des aktiven menüelements 1. ordnung:
menue1height = OffHeightTrans + 4;

//berechnung der höhe des afterimg1:
afterimgheight = OffHeightTrans - 22;

//setzen des top-offsets für die transparente textbox:
document.getElementById("transarea").style.top = topoffset + "px";
document.getElementById("transarea").style.visibility = "visible";

//setzen der height-eigenschaft für den aktiven menüpunkt:
document.getElementById("mactive1").style.height = menue1height + "px";

//setzen der height-eigenschaft für das verlängerungsbild des aktiven Menüpunkts:
document.getElementById("afterimg1").style.height = afterimgheight + "px";
}


//FÜR ERSTEN UND MITTLERE MENÜPUNKTE ZWEITER EBENE:
if (document.getElementById("macenter2")) {
//alert ("Menü 2");
//auslesen des offsets des aktivierten menüpunkts:
var OffMLActive = document.getElementById("macenter2").offsetTop;
//alert (OffMLActive);

//auslesen der elementhöhe:
var OffHeightTrans = document.getElementById("transarea").offsetHeight;
//alert (OffHeightTrans);

//berechnung des offsets je nach verwendetem browser:
if(userAgent.indexOf("explorer") > -1) {
  if (userAgentFull.indexOf("MSIE 8") > -1) {
  topoffset = OffMLActive + 3;
  }
  else {
  topoffset = OffMLActive + 118;
  }
} else {
topoffset = OffMLActive + 0;
}

//berechnung der höhe des aktiven menüelements 2. ordnung:
menue1height = OffHeightTrans + 1;

//berechnung der höhe des afterimg2:
if (document.getElementById("macenter2")) {
afterimgheight = OffHeightTrans - 14;
} else {
afterimgheight = OffHeightTrans - 18;
}

//setzen des top-offsets für die transparente textbox:
document.getElementById("transarea").style.top = topoffset + "px";
document.getElementById("transarea").style.visibility = "visible";

//setzen der height-eigenschaft für den aktiven menüpunkt:
document.getElementById("macenter2").style.height = menue1height + "px";

//setzen der height-eigenschaft für das verlängerungsbild des aktiven Menüpunkts:
document.getElementById("afterimg2").style.height = afterimgheight + "px";
}



//FÜR LETZTEN MENÜPUNKT ZWEITER EBENE:
if (document.getElementById("mabottom2")) {
//alert ("Menü 2.1");
//auslesen des offsets des aktivierten menüpunkts:
var OffMLActive = document.getElementById("mabottom2").offsetTop;
//alert (OffMLActive);

//auslesen der elementhöhe:
var OffHeightTrans = document.getElementById("transarea").offsetHeight;
//alert (OffHeightTrans);

//berechnung des offsets je nach verwendetem browser:
if(userAgent.indexOf("explorer") > -1) {
  if (userAgentFull.indexOf("MSIE 8") > -1) {
  topoffset = OffMLActive + 3;
  }
  else {
  topoffset = OffMLActive + 118;
  }
} else {
topoffset = OffMLActive + 0;
}

//berechnung der höhe des aktiven menüelements 2. ordnung:
menue1height = OffHeightTrans + 1;

//berechnung der höhe des afterimg2:
if (document.getElementById("macenter2")) {
afterimgheight = OffHeightTrans - 14;
} else {
afterimgheight = OffHeightTrans - 18;
}

//setzen des top-offsets für die transparente textbox:
document.getElementById("transarea").style.top = topoffset + "px";
document.getElementById("transarea").style.visibility = "visible";

//setzen der height-eigenschaft für den aktiven menüpunkt:
document.getElementById("mabottom2").style.height = menue1height + "px";

//setzen der height-eigenschaft für das verlängerungsbild des aktiven Menüpunkts:
document.getElementById("afterimg2").style.height = afterimgheight + "px";
}

}