/*

internverweis(name,anker,code)
downverweis(name,anker,code)
topverweis()
sprung(elemId)


/* ====== info_jsfunc(data,javafunc,id,stil) ====================
/* ====== info_onclick(data,jsfunc,id,stil) ================ ====
/* ====== info_web(text,url,stil) ===============================
/* ====== info_download(text,url,stil) ==========================
/* ====== info_mail(text,mailaddr,stil) =========================
// info_mailform(text,formularcode,stil)
/* ====== info_kommentar(text,einzugLinks) ======================
/* ====== info_text(text,stil) ==================================
/* ====== info_text(text,stil) ==================================
/* ====== info(typ,text,stil) ===================================
/* ====== infospalte(inhalt) ====================================
/* ====== infospaltenbreite(inhalt) =============================
/* ====== infospaltenbreiten(inhalt) ============================
/* ====== infozeile(inhalt) =====================================
/* ====== infotab(inhalt) =======================================
/* ====== infokasten(inhalt,farbe,option) ====================================

/* ====== kategorie(name,eintraege,indexvar):html ===============
/* ====== Kategorie_Schalten(idnum) =============================
/* ====== Kategorie_Oeffnen(idEintrag) ==========================

/* ====== symbol(kuerzel): html =================================

/* ====== VertikalScrollen(abstand,schrittweite) ================

*/


var indexKategorie = 0, indexKategorieEintrag = 0, indexAktuellerEintrag = 0;

var prev = "prev";
var next = "next";


/* ====== VertikalScrollen(abstand,schrittweite) ================
abstand = {<num>|}
schrittweite = {<num>|}
============================================================== */
function VertikalScrollen(abstand,schrittweite) {
  var zaehler;
  zaehler = Math.abs(Math.round(abstand / schrittweite));
  if (abstand < 0) {schrittweite *= (-1);}
  for (var x=0; x < zaehler; x++) {
    window.setTimeout(function() {window.scrollBy(0, schrittweite);}, 10);
  }
}



/* ====== infokasten(inhalt,farbe,option) ====================================
Liefert den HTML-Code f&uuml;r einen Infobereich.
inhalt = {<html>|durch info-makros in Form gebrachte Informationseintr&auml;ge}
============================================================== */
function infokasten(inhalt,farbe,option) {
  var html = '';
  html += '<div class="infokasten_a" style="';
  // Hintergrundfarbe festlegen
  if (farbe % 2) {html += 'background-color: #F0F8FF;';} else {html += 'background-color: #F7F7F7;';}
  // Option auswerten
  if (option == 1) {html += 'margin-bottom: 0.25em;';}
  // Inhalt einfuegen
  html += '">' + inhalt + '</div>';
  // HTML ausgeben
  return html;
}
function infokastenmenu(inhalt) {
  html = '<div class="infokastenmenu">' + inhalt + '</div>';
  return html;
}
/* ====== infotab(inhalt) =======================================
HTML-Code f&uuml;r eine Tabelle im infokaaasten
inhalt = {<html>|info-zeilen}
============================================================== */
function infotab(inhalt) {
  html = '<table cellpadding="0" cellspacing="0" border="0">' + inhalt + '</table>';
  return html;
}
/* ====== infozeile(inhalt) =====================================
HTML-Code f&uuml;r eine Zeile einer Tabelle im infokaaasten. Die Zellen sind top ausgerichtet
inhalt = {<html>|info-spalten}
============================================================== */
function infozeile(inhalt) {
  html = '<tr valign="top" nowrap="nowrap">' + inhalt + '</tr>';
  return html;
}
/* ====== infospaltenbreiten(inhalt) ============================
HTML-Code f&uuml;r die Festlegung der Zellenbreiten einer Zeile einer Tabelle im infokaaasten
inhalt = {<html>|info-spaltenbreite(n)}
============================================================== */
function infospaltenbreiten(inhalt) {
  html = '<colgroup>' + inhalt + '</colgroup>';
  return html;
}
/* ====== infospaltenbreite(inhalt) =============================
HTML-Code f&uuml;r eine Zeile einer Tabelle im infokaaasten
inhalt = {<length>|Breite der einzelnen Zelle}
============================================================== */
function infospaltenbreite(inhalt) {
  html = '<col width="' + inhalt + '"/>';
  return html;
}
/* ====== infospalte(inhalt) ====================================
HTML-Code f&uuml;r eine Zelle einer Zeile einer Tabelle im infokaaasten.
inhalt = {<html>|&uuml;ber info-makros in Form gebrachte Eintr&auml;ge}
============================================================== */
function infospalte(inhalt) {
  html = '<td>' + inhalt + '</td>';
  return html;
}
function infospalte_rechts(inhalt) {
  html = '<td style="text-align: right;">' + inhalt + '</td>';
  return html;
}
/* ====== info_text(text,stil) ==================================
Liefert den HTML-Code f&uuml;r einen Eintrag im Infobereich.
stil = {<num>|Code f&uuml;r die Formatierung des Infotextes: 0 fett, 1 kursiv, 2 normal, 3 punktiert, 4 abgehakt}
text = {<text>|Informationstext}
============================================================== */
function info_text(text,stil) {
  html = '<p ';
  html += 'class="';
    if (stil == 0) {html += 'nameTitel';}
    if (stil == 1) {html += 'nameUntertitel';}
    if (stil == 2) {html += 'nameStandard';}
    if (stil == 3) {html += 'nameUnterpunkt';}
  html += '" >' + text + '</p>';
  return html;
}
function info_text_termin(text,stil) {
  var html = '<p class="lli" style="font-size: 0.69em; margin: 0 0 0 0px;">' + text + '</p>';
  return html;
}

/* ====== info(typ,text,stil) ===================================
Liefert den HTML-Code f&uuml;r einen Symbol-Eintrag im Infobereich.
typ = {<symbolcode>|Code f&uuml;r das vorangestellte Symbol
stil = {<num>|Code f&uuml;r die Formatierung des Infotextes}
text = {<text>|Informationstext}
============================================================== */
function info(typ,text,stil) {
  html = '<p ';
  html += 'class="';
    if (stil == 0) {html += 'nameTitel';}
    if (stil == 1) {html += 'nameUntertitel';}
    if (stil == 2) {html += 'nameStandard';}
    if (stil == 3) {html += 'nameUnterpunkt';}
  html += '" style="padding-left: 23px;';
  if (typ=="telefon") {
    html += 'background: url(' + pfadSymbole + 'phone.gif) no-repeat 0px 2px;';
    html += '">';
    html += text;
  }
  if (typ=="handy") {
    html += 'background: url(' + pfadSymbole + 'cellphone.gif) no-repeat 0px 2px;';
    html += '">';
    html += text;
  }
  if (typ=="telefax") {
    html += 'background: url(' + pfadSymbole + 'fax_green.gif) no-repeat 0px 2px;';
    html += '">';
    html += text;
  }
  if (typ=="zi") {
    html += 'background: url(' + pfadSymbole + 'klinke_green.gif) no-repeat 0px 2px;';
    html += '">';
    html += text;
  }
  if (typ=="zeiten") {
    html += 'background: url(' + pfadSymbole + 'time.gif) no-repeat 0px 2px;';
    html += '">';
    html += text;
  }
  if (typ=="adresse") {
    html += 'background: url(' + pfadSymbole + 'home.gif) no-repeat 0px 2px;';
    html += '">';
    html += text;
  }
  if (typ=="formular") {
    html += 'background: url(' + pfadSymbole + 'download.gif) no-repeat 0px 2px;';
    html += '">';
    html += '<a href="mailto:' + text + '">' + text + '</a>';
  }
  if (typ=="person") {
    html += 'background: url(' + pfadSymbole + 'user.gif) no-repeat 0px 2px;';
    html += '">';
    html += text;
  }
  if (typ=="kosten") {
    html += 'background: url(' + pfadSymbole + 'cart.gif) no-repeat 0px 2px;';
    html += '">';
    html += text;
  }
  if (typ=="info") {
    html += 'background: url(' + pfadSymbole + 'alert.gif) no-repeat 0px 2px;';
    html += '">';
    html += text;
  }
  if (typ=="datum") {
    html += 'background: url(' + pfadSymbole + 'calday.gif) no-repeat 0px 2px;';
    html += '">';
    html += text;
  }
  if (typ=="wegpunkt") {
    html += 'background: url(' + pfadSymbole + 'flag.gif) no-repeat 0px 2px;';
    html += '">';
    html += text;
  }
  if (typ=="route") {
    html += 'background: url(' + pfadSymbole + 'flag.gif) no-repeat 0px 2px;';
    html += '">';
    html += text;
  }
  if (typ=="stern") {
    html += 'background: url(' + pfadSymbole + 'star.gif) no-repeat 0px 2px;';
    html += '">';
    html += text;
  }
  if (typ=="foto") {
    html += 'background: url(' + pfadSymbole + 'camera.gif) no-repeat 0px 2px;';
    html += '">';
    html += text;
  }
  if (typ=="junge") {
    html += 'background: url(' + pfadSymbole + 'man.gif) no-repeat 0px 2px;';
    html += '">';
    html += text;
  }
  if (typ=="maedchen") {
    html += 'background: url(' + pfadSymbole + 'woman.gif) no-repeat 0px 2px;';
    html += '">';
    html += text;
  }
  if (typ=="jungemaedchen") {
    html += 'background: url(' + pfadSymbole + 'womanman.gif) no-repeat 0px 2px;';
    html += '">';
    html += text;
  }
  if (typ=="linkintern") {
    html += 'background: url(' + pfadSymbole + 'forward.gif) no-repeat 0px 2px;';
    html += '">';
    html += text;
  }
  if (typ=="plus") {
    html += 'background: url(' + pfadSymbole + 'add.gif) no-repeat 0px 2px;';
    html += '">';
    html += text;
  }
  if (typ=="minus") {
    html += 'background: url(' + pfadSymbole + 'subtract.gif) no-repeat 0px 2px;';
    html += '">';
    html += text;
  }
  html += '</p>';
  return html;
}
/* ====== info_kommentar(text,einzugLinks) ======================
Liefert den HTML-Code f&uuml;r einen Kommentar im Infobereich.
text = {<text>|Informationstext}
einzugLinks = {<numcode>|Code f&uuml;r den linken Einzug: 0 kein, 1 klein, 2 gro&szlig;}
============================================================== */
function info_kommentar(text,einzugLinks) {
  html = '<p ';
    html += 'style="font-size: 0.69em;font-weight: normal;';
    if (einzugLinks == 1) {html += 'padding-left: 23px;';}
    if (einzugLinks == 2) {html += 'padding-left: 13px;';}
    if (einzugLinks == 3) {html += 'padding-left: 17px; padding-bottom: 3px; padding-top: 0;';}
    if (einzugLinks == 4) {html += 'margin-left: 6px;';}
    html += '">' + text + '</p>';
  return html;
}
/* ====== info_mail(text,mailaddr,stil) =========================
Liefert den HTML-Code f&uuml;r einen Symbol-Eintrag vom Typ E-Mail im Infobereich.
mailaddr = {<text>|Mailadresse
stil = {<num>|Code f&uuml;r die Formatierung des Infotextes}
text = {<text>|Informationstext}
============================================================== */
function info_mail(text,mailaddr,stil) {
  html = '<p ';
  html += 'class="';
    if (stil == 0) {html += 'nameTitel';}
    if (stil == 1) {html += 'nameUntertitel';}
    if (stil == 2) {html += 'nameStandard';}
    if (stil == 3) {html += 'nameUnterpunkt';}
  html += '" style="padding-left: 23px;background: url(' + pfadSymbole + 'mail.gif) no-repeat 0px 2px;';
  html += '"><a href="mailto:' + mailaddr + '" title="E-Mail an ' + text + ' schreiben">' + text + '</a></p>';
  return html;
}
/* ====== info_mailform(text,formularcode,stil) =========================
Liefert den HTML-Code f&uuml;r einen Symbol-Eintrag vom Typ E-Mail im Infobereich.
mailaddr = {<text>|Mailadresse
stil = {<num>|Code f&uuml;r die Formatierung des Infotextes}
text = {<text>|Informationstext}
============================================================== */
function info_mailform(text,formularcode,stil) {
  html = '<p ';
  html += 'class="';
    if (stil == 0) {html += 'nameTitel';}
    if (stil == 1) {html += 'nameUntertitel';}
    if (stil == 2) {html += 'nameStandard';}
    if (stil == 3) {html += 'nameUnterpunkt';}
  html += '" style="padding-left: 23px;background: url(' + pfadSymbole + 'mail.gif) no-repeat 0px 2px;';
  html += '"><a href="kontakt.php?ap=' + formularcode + '" title="E-Mail an ' + text + ' schreiben" onclick="window.open(this.href); return false;">' + text + '</a></p>';
  return html;
}
/* ====== info_web(text,url,stil) ===============================
Liefert den HTML-Code f&uuml;r einen Symbol-Eintrag vom Typ Verweis im Infobereich.
url = {<text>|Linkadresse
stil = {<num>|Code f&uuml;r die Formatierung des Infotextes}
text = {<text>|Informationstext}
============================================================== */
function info_web(text,url,stil) {
  html = '<p ';
  html += 'class="';
    if (stil == 0) {html += 'nameTitel';}
    if (stil == 1) {html += 'nameUntertitel';}
    if (stil == 2) {html += 'nameStandard';}
    if (stil == 3) {html += 'nameUnterpunkt';}
  html += '" style="padding-left: 23px;background: url(' + pfadSymbole + 'trackback.gif) no-repeat 0px 2px;';
  html += '"><a href="' + url + '" title="Zu ' + url + ' wechseln" onclick="window.open(this.href); return false;">' + text + '</a></p>';
  return html;
}
/* ====== info_download(text,url,stil) ==========================
Liefert den HTML-Code f&uuml;r einen Symbol-Eintrag vom Typ Download im Infobereich.
url = {<text>|Adresse des herunterladbaren Materials
stil = {<num>|Code f&uuml;r die Formatierung des Infotextes}
text = {<text>|Informationstext}
============================================================== */
function info_download(text,url,stil) {
  var title = 'Dokument &raquo;' + text + '&laquo; herunterladen';
  html = '<p ';
  html += 'class="';
    if (stil == 0) {html += 'nameTitel';}
    if (stil == 1) {html += 'nameUntertitel';}
    if (stil == 2) {html += 'nameStandard';}
    if (stil == 3) {html += 'nameUnterpunkt';}
  html += '" style="padding-left: 23px;background: url(' + pfadSymbole + 'download.gif) no-repeat 0px 2px;';
  if (url) {
    html += '"><a href="' + url + '" title="' + title + '" onclick="window.open(this.href); return false;">' + text + '</a>';
  } else {
    html += 'color: #4440A0;cursor: pointer" title="Dokument steht noch nicht bereit">' + text;
  }
  html += '</p>';
  return html;
}
function info_downloadpdf(text,url,stil) {
  var title = 'Dokument &raquo;' + text + '&laquo; herunterladen';
  html = '<p ';
  html += 'class="';
    if (stil == 0) {html += 'nameTitel';}
    if (stil == 1) {html += 'nameUntertitel';}
    if (stil == 2) {html += 'nameStandard';}
    if (stil == 3) {html += 'nameUnterpunkt';}
  html += '" style="background: url(' + pfadSymbole + 'document-pdf-text.png) no-repeat 0px 0px; padding: 0px 0 2px 19px; margin: 3px 0 0 0px; font-size: 0.69em;';
  if (url) {
    html += '"><a style="font-weight: bold;" href="' + url + '" title="' + title + '" onclick="window.open(this.href); return false;">' + text + '</a>';
  } else {
    html += 'color: #4440A0; cursor: pointer" title="Dokument steht noch nicht bereit">' + text;
  }
  html += '</p>';
  return html;
}
/* ====== info_jsfunc(data,javafunc,id,stil) ====================
Liefert den HTML-Code f&uuml;r einen Eintrag des Typs javascript-Verweise mit Identifikationcode.
data = {<text>|text}
javafunc = {<text>|existierende Javascript-Funktion}
id = {<text>|Code zur Identifikation des Eintrags, abgelegt im id-tag.}
============================================================== */
function info_jsfunc(data,tooltip,javafunc,identifier,stil) {
  html = '<p ';
  html += 'class="';
    if (stil == 0) {html += 'nameTitel';}
    if (stil == 1) {html += 'nameUntertitel';}
    if (stil == 2) {html += 'nameStandard';}
    if (stil == 3) {html += 'nameUnterpunkt';}
    if (stil == 4) {html += 'nameAbgehakt';}
  html +=  '">';
  html += '<span class="inaktiv" id="' + identifier + '" onclick="' + javafunc + ';return false;">';
    html += '<a href="#" onfocus="this.blur()" title="' + tooltip + '"> ' + data + '</a>';
  html += '</span></p>';
  return html;
}
function info_llinkintern(data,tooltip,javafunc,identifier) {
  html = '<p class="subsubmenu_inaktiv" id="' + identifier + '" style="padding-bottom: 0.25em;">';
    html += '<a href="javascript:' + javafunc + '" onfocus="this.blur()" title="' + tooltip + '">' + data + '</a>';
  html += '</p>';
  return html;
}
function info_jsfunc2(data,tooltip,javafunc,identifier,stil) {
  html = '<p ';
  html += 'class="';
    if (stil == 0) {html += 'nameTitel';}
    if (stil == 1) {html += 'nameUntertitel';}
    if (stil == 2) {html += 'nameStandard';}
    if (stil == 3) {html += 'nameUnterpunkt';}
    if (stil == 4) {html += 'nameAbgehakt';}
  html += '" style="padding-left: 23px;background: url(' + pfadSymbole + 'forward.gif) no-repeat 0px 2px;';
  html +=  '">';
  html += '<span class="inaktiv" id="' + identifier + '" onclick="' + javafunc + ';return false;">';
    html += '<a href="#" onfocus="this.blur()" title="' + tooltip + '"> ' + data + '</a>';
  html += '</span></p>';
  return html;
}
/* ====== info_onclick(data,jsfunc,id,stil) ================ ====
Liefert den HTML-Code f&uuml;r einen Eintrag des Typs javascript-Verweise mit Identifikationcode.
data = {<text>|text}
jsfunc = {<text>|existierende Javascript-Funktion}
id = {<text>|Code zur Identifikation des Eintrags, abgelegt im id-tag.}
============================================================== */
function info_onclick(data,jsfunc,identifier,stil) {
  html = '<p ';
  html += 'class="';
    if (stil == 0) {html += 'nameTitel';}
    if (stil == 1) {html += 'nameUntertitel';}
    if (stil == 2) {html += 'nameStandard';}
    if (stil == 3) {html += 'nameUnterpunkt';}
    if (stil == 4) {html += 'nameAbgehakt';}
  html +=  '" style="cursor: pointer; color: #0000A0;">';
  html += '<span class="inaktiv" id="' + identifier + '"  onclick="' + jsfunc + '">';
    html += data;
  html += '</span></p>';
  return html;
}
/*
downloadverweis(name,link)
*/
function downloadverweis(name,link,quickinfo) {
  var html = '';
  html += '<a href="' + link + '" onclick="window.open(this.href); return false;" title="' + quickinfo + '"> ' + name + '</a>';
  return html;
}
/*
internverweis(name,anker,code)
*/
function internverweis(name,anker,code) {
  var javafunc = '';
  var html = '';

  html += '<p ';
    if (code == 2) {
      html += 'style="margin-left: 15px;"';
    } else {
      html += 'style="margin: 0;"';
    }
    html += '<a href="javascript:sprung(\'' + anker + '\')" onfocus="this.blur()"> ' + name + '</a>';
  html += '</p>';

  return html;
}
/*
downverweis(name,anker,code)
*/
function downverweis(name,anker,code) {
  var javafunc = '';
  var html = '';

  html += '<p class="downverweis"';
    if (code == 2) {
      html += 'style="margin-left: 26px;"';
    } else {
      html += 'style="margin: 0;"';
    }
  html += '>';
    //html += '<span>';
      html += '<a href="javascript:sprung(\'' + anker + '\')" onfocus="this.blur()">' + name + '</a>';
    //html += '</span>';
  html += '</p>';

  return html;
}
/*
topverweis()
*/
function topverweis() {
  var html = '';

  html += '<p class="topverweis" style="margin: 0;">';
    html += '<span>';
      html += '<a href="javascript:sprung(\'top\')" onfocus="this.blur()">nach oben</a>';
    html += '</span>';
  html += '</p>';
  return html;
}

/*
sprung(elemId)
*/
function sprung(elemId) {
  if (elemId == 'top') {
    window.scrollTo(0,0);
  } else {
    document.getElementById(elemId).scrollIntoView(true);
    window.setTimeout(function() {VertikalScrollen(-10,1);},750);
  }
}


  function RubrikKommentiert(strName,strKommentar,strSprungziel,intId) {
    var html = '';
    var css;

    if (!strKommentar) {css = 'padding-bottom: 0.25em;';}
    html = '<p class="subsubmenu_inaktiv" id="' + intId + '" style="' + css + '">';
      html += '<a href="javascript:' + strSprungziel + '" onfocus="this.blur()" title="">' + strName + '</a>';
    html += '</p>';
    if (strKommentar) {
      html += '<p class="subsubmenu_kommentar">';
        html += strKommentar;
      html += '</p>';
    }

    return html;
  }


/**
 * Erzeugt eine Klappliste
 * @param strName Bezeichnung der Klappliste
 * @param htmlInhalt Inhalt in der Klappliste
 * @param intId Eindeutiger Bezeichner der Klappliste
 */
function kategorie(strName,htmlInhalt,intId) {

  html = '<div class="kategorie">';
    html += '<div id="kategorie_' + intId + '" class="geschlossen">';
      html += '<div class="eintrag" onclick="Kategorie_Schalten(\'kategorie_' + intId + '\')">';
        html += strName;
      html += '</div>';
      html += '<div class="inhalt">';
        html += '<div class="infokastenmenu" style="border-top: none;">' + htmlInhalt + '</div>';
      html += '</div>';
    html += '</div>';
  html += '</div>';

  return html;
}
  function KategorieKommentiert(strName,strKommentar,htmlInhalt,intId) {
    var html = '';
    var css;

    //#0: Kategoriebehaelter
    html += '<div class="kategorie">';
      html += '<div id="kategorie_' + intId + '" class="geschlossen">';
        //#1: Bezeichner plus Kommentar
        html += '<div class="eintrag" onclick="Kategorie_Schalten(\'kategorie_' + intId + '\')">';
          if (!strKommentar) {css = 'padding-bottom: 0em;';}
          html += '<p class="eintrag" id="' + intId + '" style="' + css + '">';
            html += strName;
          html += '</p>';
          html += '<p class="kommentar">';
            html += strKommentar;
          html += '</p>';
        html += '</div>';
        //#1
        //#1: aufklappbarer Inhalt
        html += '<div class="inhalt">';
          html += '<div style="border-top: none;">' + htmlInhalt+ '</div>';
        html += '</div>';
        //#1
      html += '</div>';
    html += '</div>';
    //#0

    return html;
  }


/* ====== Kategorie_Schalten(idnum) =============================
&Ouml;ffnet bzw. schlie&szlig;t die &uuml;ber <idnum> angesprochene Kategorie.
idnum = {<num>|Im id-tag der Kategorie enthaltene eindeutige Identifikationsnummer}
============================================================== */
function _Kategorie_Schalten(idnum) {
  if (document.getElementById('kategorie' + idnum).className == 'geschlossen') {
    document.getElementById('kategorie' + idnum).className = 'offen';
  } else {
    document.getElementById('kategorie' + idnum).className = 'geschlossen';
  }
} //end
function Kategorie_Schalten(id) {
  if (document.getElementById(id).className == 'geschlossen') {
    document.getElementById(id).className = 'offen';
  } else {
    document.getElementById(id).className = 'geschlossen';
  }
} //end



/* ====== symbol(kuerzel): html =================================
F&uuml;gt ein Symbol in den Flie&szlig;text ein.
kuerzel = {<text>|Code f&uuml;r das Symbol}
============================================================== */
function symbol(kuerzel) {
  var html;
  html = '<span style="padding: 0 0 0 11px;';
  if (kuerzel == 'rrw') {html += 'background: url(' + pfadSymbole + 'sym_rrw.gif) no-repeat left;';}
  if (kuerzel == 'drw') {html += 'background: url(' + pfadSymbole + 'sym_drw.gif) no-repeat left;';}
  if (kuerzel == 'rdw') {html += 'background: url(' + pfadSymbole + 'sym_rdw.gif) no-repeat left;';}
  if (kuerzel == 'stern') {html += 'background: url(' + pfadSymbole + 'star.gif) no-repeat;';}
  if (kuerzel == 'marker_normal') {html += 'background: url(' + pfadMarker + 'mm_20_black.png) no-repeat 0 1px;';}
  if (kuerzel == 'marker_aktuell') {html += 'background: url(' + pfadMarker + 'mm_20_red.png) no-repeat 0 1px;';}
  if (kuerzel == 'marker_viernau') {html += 'background: url(' + pfadMarker + 'mm_20_yellow.png) no-repeat 0 1px;';}
  html += '">&nbsp;</span>';
  return html;
}



  /**
   * Erzeugt eine Überschrift mit Link nach oben auf gleicher Hoehe
   *
   * @param css-string strTyp Typ der Ueberschrift (h2,h3,h4)
   * @param string strId eindeutiger Bezeichner der Ueberschrift, fuer Sprungziel
   * @param string strTitel Ueberschrift
   */
  function erzeugeLinkUeberschrift(strTyp,strId,strTitel) {
    var html = '';

    html += '<div class="' + strTyp + '" style="vertical-align: bottom;">';

      html += '<' + strTyp + ' id="' + strId + '" style="float: left; width: 410px; display: block;">' + strTitel + '</' + strTyp + '>';

      html += '<p class="ontop"><a href="javascript: sprung(\'top\')" onfocus="this.blur()">&uarr;&nbsp;nach oben</a></p>';

      html += '<div style="clear: both;"></div>';
    html += '</div>';

    return html;
  }


  /**
   * Bericht: Erzeugt einen Infokasten innerhalb eines Kapitels
   *
   * @param string strTitel Ueberschrift im Infokasten
   * @param html htmlInhalt Inhalt
   */
  function separee(strTitel,htmlInhalt) {
    var html = '';

    html += '<div class="abgesetzt">';

      if (strTitel) {
        html += '<h4>' + strTitel + '</h4>';
      }

      html += htmlInhalt;

    html += '</div>';

    return html;
  }

