You have issues like:
Duplicate ID being used. Your selector will end up having issues apart from having invalid html.
Selector incorrect .subMenue #1 should be .subMenue#1.
You can use a custom data-target attribute on li's to provide the target's selector (to avoid any string concatenation for calculating the target's id and flexibility of having any kind of selector with any nesting) instead of ids and just do $(".subMenue" + $(this).data('target')) to select the respective elements. This is kind of pattern framworks like bootstrap follows.
Try this way:
Html
Script
$(document).ready(function() {
$(".menue li").mouseover(function(){
$(".subMenue" + $(this).data('target')).css("display", "block");
}).mouseout(function(){
$(".subMenue" + $(this).data('target')).css("display", "none");
});
});
As a shortcut you can even use a one liner using .toggle()
$(document).ready(function() {
$(".menue li").hover(function(){
$(".subMenue" + $(this).data('target')).toggle();
});
});