function dom_init() {

  $('a.lightbox').lightBox();

  // initialise menue
  $("ul.sf-menu").supersubs({
      minWidth:    5,   // minimum width of sub-menus in em units
      maxWidth:    30,   // maximum width of sub-menus in em units
      extraWidth:  0     // extra width can ensure lines don't sometimes turn over
                          // due to slight rounding differences and font-family
    /** todo: hier müsste eine Browsererkennung rein: bei FF-linux = -1 und beim Rest = 0  */
    }).superfish({
      delay:       500,                             // half second delay on mouseout
      animation:   {opacity:'show',height:'show'},  // fade-in and slide-down animation
      speed:       'slow',                          // faster animation speed
      autoArrows:  false                            // disable generation of arrow mark-up
      //dropShadows: false                            // disable drop shadows
  }).find('ul').bgIframe({opacity:false});  // required to overlap <select> form elements

  // ScrollPane für die contentbox
    $('.scroll-pane').jScrollPane({scrollbarWidth:15, showArrows:true});

  // Tooltips
  $('.portrait_tt a').tooltip({
    track: true,
//     delay: 1000,
    showURL: false,
    fixPNG: true,
    showBody: " - ",
    extraClass: "fancy",
     top: -5,
     left: 3
  });

  /** Fontsize-Umschalter für Calibri
   */
  jQuery.fn.checkFontSize = function() {
    var el = $(this[0]) // Das ist das Element des Selectors
    var args = arguments[0] || {}; // Das Object mit den Argumenten
    var Selector = args.selector;
    var newFontsize = args.newFontsize;

    // Den Testtext anfügen
    el.after('<div id="font_text"><span id="arial" style="font-family:sans-serif; font-size: 44px;">Test</span><span id="calibri" style="font-family:calibri,sans-serif; font-size: 44px;">Test</span></div>');

    //alert($('#arial').height() + ' vs. ' + $('#calibri').height());

    // Höhen vergleichen und ggf. Fontgröße neu setzen.
    if ( $('#arial').height() != $('#calibri').height() ) {
      $(Selector).css('font-size', newFontsize);
    }

    // Testext wieder löschen
    $('#font_text').remove();
  }


  $('#logo').checkFontSize({selector : 'body,input,textarea', newFontsize : '16px'});

  //alert("The browser version is: " +jQuery.browser.version);

  /* Die Contentbox wurde durch .js #contentbox aus dem Bild geschoben. Wir
   * verstecken nun zunächst die Box, setzen die Verschiebung außer Kraft und
   * lassen die Box dann animiert erscheinen.
   * Der IE6 braucht natürlich wieder eine Sonderbehandlung * /
  $('#contentbox').css("display", "none").css("left", "auto").show(1000, function() {
    // Animation complete.
    if ( $.browser.msie && $.browser.version == "6.0" ) {
      $('#contentbox').css("filter", "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/img/bg-contentbox90.png',sizingMethod='scale')");
    }
  });
  */
  var CBwidth = $('.animated').css("width"); // Breite merken
  $('.animated').css("width", "0").css("left", "auto").animate({
    width: CBwidth
  }, 1500, function() {
    // Animation complete.
  });


  // Im Kontaktformular den Fokus auf erstes fehlerhaftes Feld setzen.
  if ( typeof(errField) !== 'undefined' ) {
    $('#' + errField).focus();
  }

}
