body {
    font-size: 10pt; /* dulezite pro likvidaci mezer pod polozkami menu */ 
   }
   .menu {
    width: 300px;
    margin: 0;
    display: block;
    list-style-type: none;
    padding: 0;
    
   }   
   .menu a {
    font: bold 10pt Verdana,Arial,Helvetica,sans-serif; 
    text-decoration: none;
    color: rgb(255,255,255);
    background-color: orange;    
    padding: 0.1em 0 0.1em 10px;    
    margin: 0 0 0 20px;
    display: inline-block; /* ošetření whitespace li bugu v IE */
   }
   .menu a { 
    display: block; /* je potřeba aby z li vykukoval jen levý horní rožek */
   }  
   .menu ul {
    background-color: rgb(0,0,102);   
    display: block;
    list-style-type: none;   
    padding: 0 0 0 20px;
    margin: 0;
   }   
   .menu li {
    background-color: rgb(160,160,160);
    display: block;
    margin: 0;
    display: inline-block; /* stačí jen pro IE po verzi 6, bez tohoto reaguje IE jen na onclick na horním ul, na li ne... */
   }
   .menu li {
    display: block;
   }         
   .menu li.r {
    background-color: rgb(0,128,0);
   }
   .menu li.s {
    background-color: rgb(222,0,0);
   }
   .menu li.r ul {
    display: block; /* toto pravidlo musí být první */
   }
   .menu li.s ul {
    display: none; /* toto pravidlo musí být druhé */
   }
   .menu ul ul {
    background-color: rgb(0,0,152);
   }
   .menu ul ul ul {
    background-color: rgb(0,0,202);
   }
   .menu ul ul ul ul {
    background-color: rgb(0,0,252);
   }