butt1u = new Image();
  butt1u.src = "images/menu1_n.jpg";
  butt1o = new Image();
  butt1o.src = "images/menu1_h.jpg";
  butt1m = new Image();
  butt1m.src = "images/menu1_m.jpg";

  butt2u = new Image();
  butt2u.src = "images/menu2_n.jpg";
  butt2o = new Image();
  butt2o.src = "images/menu2_h.jpg";
  butt2m = new Image();
  butt2m.src = "images/menu2_m.jpg";

  butt3u = new Image();
  butt3u.src = "images/menu3_n.jpg";
  butt3o = new Image();
  butt3o.src = "images/menu3_h.jpg";
  butt3m = new Image();
  butt3m.src = "images/menu3_m.jpg";

  butt4u = new Image();
  butt4u.src = "images/menu4_n.jpg";
  butt4o = new Image();
  butt4o.src = "images/menu4_h.jpg";
  butt4m = new Image();
  butt4m.src = "images/menu4_m.jpg";

  butt5u = new Image();
  butt5u.src = "images/menu5_n.jpg";
  butt5o = new Image();
  butt5o.src = "images/menu5_h.jpg";
  butt5m = new Image();
  butt5m.src = "images/menu5_m.jpg";
  
    
  
  function imageChange(imgNo,image)
  {
    window.document.images[imgNo].src = image.src;
  }
  
  function pic(anzahl,punkt)
  {
    for (var i = 0; i < anzahl; i++){
    document.getElementById("picmenu" + i).style.color = "black";
    document.getElementById("picmenu" + i).style.fontWeight = "normal";
    
    }
    document.getElementById("picmenu" + punkt).style.color = "#162D1D";
    document.getElementById("picmenu" + punkt).style.fontWeight = "bold";
  }
  
  function mark()
  {
    document.getElementById("picmenu0").style.color = "#162D1D";
    document.getElementById("picmenu0").style.fontWeight = "bold";
  }
  

  function show(id){

 var img = 'img_' + id;
 if(document.getElementById(id).style.display == 'block') {
  document.getElementById(id).style.display = 'none';
  document.getElementById(img).src = 'images/plus.png'; // Grafik referenzieren
 } else {
  document.getElementById(id).style.display = 'block';
  document.getElementById(img).src = 'images/minus.png'; // Grafik referenzieren
 }

}