body, html {height: 100%; background-color : #FFF; 
    font-family : "Verdana", sans-serif; font-size : 11px; color : #000; padding : 0; margin : 0; }
  
    #outer {height: 100%;  width : 100%; overflow : visible;  } /* or without overflow */
    #outer[id] {display: table; position: static;}

    #middle {position: absolute; top: 50%; } /* for explorer only*/
    #middle[id] {display: table-cell; vertical-align: middle; position: static;}

    #inner {position: relative; top: -50%;} /* for explorer only */
    /* optional: #inner[id] {position: static;} */
        
    a { color : #FFF; font-weight : bold; text-decoration : none; }
    a:hover { color : #000; }
    
    .jmeno { width : 170px; }
    .oddeleni { width : 80px; }
    .kontakt { width : 150px; text-align : right;}
    
    table { width : 100%; }
    
    .center { text-align : center;}
    .right { text-align : right; float : right; }
    
    a .route { color : #FFF; font-weight : bold; text-decoration : underline; }
    a:hover .route { color : #000; }