Problem

<script type="text/javascript">
/* Navigationsbutton1 */

$(document).ready(function () {
  $("#btn1").mouseenter(function(){
    $("#subnavi1").show();
  });
  $("#subnavi1, #btn1").mouseleave(function(){
    $("#subnavi1").hide();
  });
});

/* Navigationsbutton2 */

$(document).ready(function () {
  $("#btn2").mouseenter(function(){
    $("#subnavi2").show();
  });
  $("#subnavi2, #btn2").mouseleave(function(){
    $("#subnavi2").hide();
  });
});

/* Navigationsbutton3 */

$(document).ready(function () {
  $("#btn3").mouseenter(function(){
    $("#subnavi3").show();
  });
  $("#subnavi3, #btn3").mouseleave(function(){
    $("#subnavi3").hide();
  });
});

/* Navigationsbutton4 */

$(document).ready(function () {
  $("#btn4").mouseenter(function(){
    $("#subnavi4").show();
  });
  $("#subnavi4, #btn4").mouseleave(function(){
    $("#subnavi4").hide();
  });
});

/* Navigationsbutton5 */

$(document).ready(function () {
  $("#btn5").mouseenter(function(){
    $("#subnavi5").show();
  });
  $("#subnavi5, #btn5").mouseleave(function(){
    $("#subnavi5").hide();
  });
});
</script>