#m-kios-o, #m-kios {background-image:url(../i/menu_kiosk.gif)}
#m-sign-o, #m-sign {background-image:url(../i/menu_signage.gif)}
#m-soft-o, #m-soft {background-image:url(../i/menu_software.gif)}
#m-solu-o, #m-solu {background-image:url(../i/menu_solutions.gif)}
#m-serv-o, #m-serv {background-image:url(../i/menu_services.gif)}
#m-comp-o, #m-comp {background-image:url(../i/menu_company.gif)}
#m-kont-o, #m-kont {background-image:url(../i/menu_mailto.gif)}
#m-lang-o, #m-lang {background-image:url(../i/menu_lang_hu.gif)}
#m-left-o, #m-left {background-image:url(../i/menu_left.gif)}

/* manuelle Anpassung der Menübreiten */
/* Diese Regeln überschreiben die Standard-Regeln in template.css */
/* noch auskommentiert, weil in Planung */

/*
      Jedes Menü besteht aus 3 Regeln
    
    - Mit "width" in der ersten Regel wird die Breite des entspr. Hauzptmenüpunktes
      festgelegt.
    - Mit "width" in der zweiten Regel werden die Breiten ALLER ZUGEHÖRIGEN Untermenüs 
      (innerhalb eines Hauptmenüpunktes) festgelegt
    - Mit "margin-left" in der zweiten Regel wird der Versatz der zugehörigen Untermenüs  
      gegenüber der linken Kante des Hauptmenüs festgelegt. Diesen habe ich immer 20px kleiner 
      als die Breite des Hauptmenüpunktes ("width" in der ersten Regel) gewählt. So überlappen
      sich alle Menüs immer um 20px.
    - Die dritte Regel bleibt immer gleich.
    
*/

/* Kiosks */
#menu #navbar #m-kios-ul a, #menu #navbar #m-kios-ul a {width:150px;}

#menu #navbar #m-kios-ul .m-third, #menu #navbar #m-kios-ul .m-third {width:140px;margin-left:130px;overflow:hidden;}

#menu #navbar #m-kios-ul .m-third a , #menu #navbar #m-kios-ul .m-third a{
  width:auto;
}


/* Digital signage */
#menu #navbar #m-sign-ul a, #menu #navbar #m-sign-ul a {width:170px;}

#menu #navbar #m-sign-ul .m-third, #menu #navbar #m-sign-ul .m-third {width:150px;margin-left:151px; overflow:hidden;}

#menu #navbar #m-sign-ul .m-third a , #menu #navbar #m-sign-ul .m-third a{
  width:auto;
}


/* Software */
/* 
#menu #navbar #m-soft-ul a, #menu #navbar #m-soft-ul a {width:105px;}

#menu #navbar #m-soft-ul .m-third, #menu #navbar #m-soft-ul .m-third {width:150px;margin-left:85px;overflow:hidden;}

#menu #navbar #m-soft-ul .m-third a , #menu #navbar #m-soft-ul .m-third a{
  width:auto;
}
*/

/* Solutions */
#menu #navbar #m-solu-ul a, #menu #navbar #m-solu-ul a {width:165px;}

#menu #navbar #m-solu-ul .m-third, #menu #navbar #m-solu-ul .m-third {width:150px;margin-left:140px;overflow:hidden;}

#menu #navbar #m-solu-ul .m-third a , #menu #navbar #m-solu-ul .m-third a{
  width:auto;
}

/* Rental & Service */
/* 
#menu #navbar #m-serv-ul a, #menu #navbar #m-serv-ul a {width:115px;}

#menu #navbar #m-serv-ul .m-third, #menu #navbar #m-serv-ul .m-third {
width:140px;margin-left:95px; overflow:hidden;
}

#menu #navbar #m-serv-ul .m-third a , #menu #navbar #m-serv-ul .m-third a{
  width:auto;
}
*/

/* Company */
 
#menu #navbar #m-comp-ul a, #menu #navbar #m-comp-ul a {width:163px;}

#menu #navbar #m-comp-ul .m-third, #menu #navbar #m-comp-ul .m-third {width:130px;margin-left:125px;overflow:hidden;}

#menu #navbar #m-comp-ul .m-third a , #menu #navbar #m-comp-ul .m-third a{
  width:auto;
}

/* Contact, geht etwas anders */
#menu #navbar #m-item-cont {
  margin-left: -51px; /* ist -(untere width-49) */
  width:100px !important;
}