html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6 {
        padding: 0;
        margin: 0;
        list-style: none;
    }
    body {
        font-size: 62.5%; /* Nastaví 1em na 10px pro všechny prohlížeče */
         
    text-align: center;
    color: white; /* vždy nastavit barvu písma, lepší než černá je tmavě šedá */
    font-family: Georgia, "New York CE", utopia, serif;
     
    /* vždy nastavit řez písma, musí být dobře zobrazitelný, tj. pouze z těchto: 
    http://www.pixy.cz/blogg/clanky/fonttest/ukazka.html */
    }
    #content  {
    width: 800px;
    background: #F8E4B2 url(); /* trojbarevný pozadí pro efekt stejně vysokých sloupců */ 
    text-align: left;
    margin: 0 auto;
    position: relative;
    }
    #other_page #content {
     background: #770401 url(podklad2.jpg) repeat-y left top;  
    }
   
     #main {
    width: 640px;
    background: #F8E4B2  url();
    float: left;
    position: relative;
    padding: 5px; /* pozor, padding se přičítá, tj. celková šířka je 540+10 */
    font-size: 120%;
     
    }
    #homepage #main {
    width: 475px; 
    overflow: hidden;
    }
    #other_page #main {
    overflow: hidden;
    width: 623px;   
    padding: 30px 20px 5px 10px;
    background: #770401 url(podklad.jpg) no-repeat left bottom;  
    }
    #other_page #main img {
    margin: 0 30px 30px 0; 
    }
    #other_page #side {
    width: 147px;
    }
    #side {
    width: 200px; 
    float: left;
    position: relative;
     
    }
    #otherside {
    background: chartreuse;
    clear:both;
    }
    #header { 
    height: 126px;
    overflow: hidden;
    position: relative;
    background: url(header.jpg) no-repeat left top;
    }
    #other_page #header {
    background: url(headerother.jpg) no-repeat left top;
    height: 89px;
    }
    .obrazok2 #header {
    background: url(headerother2.jpg) no-repeat left top; 
    }
    #header a strong {
    display: none;
    }
    #current a.current {  /* vždy klikací logo! příklad náhrady textu obrázkem*/
    width: 0;
    height: 70px;
    padding-left: 400px;
    overflow: hidden;
    display: block; 
    }
     #other_page #current a.current {
     height: 45px;
     }
     #other_page #mutace ul {
     position: absolute;
     top: 2px;
     left: 5px;
     }
     #homepage #mutace ul {
     position: absolute;
     top: 0px;
     right: 5px;
     }
     #mutace ul li {
     display: inline;
     }
      #mutace ul li a {
     padding-left: 7px;
     color:white;
     font-weight: bolder;
     }
    #menujump {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    }
    #other {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    background: black;
    }
    #other a {
    color: white;
    }
    #menu {
    }
    #menu h2 {
    display: none;
    }
    #other_page #menu {
    position: relative;
    top: -15px;
    }
    #other_page #menu ul li {
    display: block;
    margin-bottom: 2px;
    }
    #other_page #menu ul ul{
    margin-top: 10px; 
    margin-bottom: 10px;
    }
      
    #other_page #menu a {
    height: 50px;
    line-height: 50px; /* vertikální centrování textu na střed */
    padding: 0 1em;
    display: block;
    color: white;
    font-family: Tahoma, "Techno CE", sans-serif;
    text-align: center; 
    text-decoration: none;
     font-weight: normal;
    font-size: 150%;
    background: white;
    }
    #other_page #menu a:hover {
    background: black;
    color: black;
    }
     #other_page #menu #tanecni-show{background: #AD2E25; }
     #other_page #menu #kulturni-akce{background: #D85B3B; }
     #other_page #menu #modni-prehlidky{background: #A70502;}
     #other_page #menu #film-kompars{background: #C51C23;}
     #other_page #menu #choreografie{background: #FEA190;}
 
    #other_page #menu ul ul li a{
      height: 17px;
      line-height: 17px;
      background: #fea190 url(); 
      font-weight: normal;
      color: black;
      }
       #other_page #menu ul ul li a:hover {
       color: white;
       }
   
     #other_page #menu ul ul li a.oznac{
     color: black;
     }
     #other_page #menu ul li a.oznac{
     color: white;
     background: white; 
     }
    
    #homepage #menu {
    width: 315px;
    background: #F8E4B2 url() 
    
    }
    #homepage #menu div.menufirst {
    width: 315px;
    height: 101px;
    margin-bottom: 2px;
    position: relative;
    top: -108px;
    overflow: hidden;
    font-weight: normal;
    }
    #homepage #menu h3{
    position: relative;
    left: -18px;
    width: 315px;
    color: white;
    padding: 4px 15px 0px -13px;
    text-align: left;
    font-weight: normal;
    font-family: Verdana, "Geneva CE", lucida, sans-serif;
    }
    #homepage #menu p {
    padding: 0 80px 7px 15px;
    color: white;
     font-size: 110%;
    }
    #homepage #menu a {
    color: white;
    font-size: 120%;
    text-decoration: none; 
    font-weight: normal;
    }
    #other_page #menu {
    width: 147px;
    }
    div.menufirst#tanecni-show{background: url(tance.jpg) no-repeat left top; }
    div.menufirst#kulturni-akce{background: url(kul_.jpg) no-repeat left top; }
    div.menufirst#modni-prehlidky{background: url(mod_.jpg) no-repeat left top;}
    div.menufirst#film-kompars{background: url(film_.jpg) no-repeat left top;}
    div.menufirst#choreografie{background: url(chor_.jpg) no-repeat left top;}
    
    #homepage #othermenu ul {
      position: absolute;
      top: 80px;
      left: 180px; 
    }
     #other_page #othermenu ul {
      position: absolute;
      top: 50px;
      left: 80px; 
    }
    #othermenu ul li{
    display: inline;
    padding-left: 5px;
    color: black;
    font-size: 140%;
    
    }
    #othermenu ul li a {
    font-size: 100%;
      color: black;
      text-transform: uppercase;
       font-weight: bold;
      font-family: times New Roman;
      text-decoration: none;
      
    }
   
    #submenu {
    position: absolute;
    top: 37px;
    left: -130px;
    }
    #submenu ul li a {
    color: #FFC49D;
    font-size: 130%;
    line-height: 20px;
    height: 20px;
    font-weight: bolder;
    }
    #submenu ul li a:hover {
    color: white;
    
    }
    form, fieldset, legend {
    margin: 0;
    padding: 0;
    border: none;
    }
    form {
    font-size: 110%;
    width: 80%;
    margin: 0 auto;
    }
    fieldset {
    margin: 0.5em 0;
    }
    fieldset legend {
    font-size: 150%;
    font-weight: bold;
    color: #333; /* jinak IE dává modrou, takže vždy nastavit */
    }
    fieldset fieldset legend {
    font-size: 130%;
    }
    form label {
    text-align: right;
    display: block;
    }
    form input, form select {
    width: 98%;
    }
    form label input {
    width: 2em;
    }

    #footer {
    background: #971419 url();
    height:1.5em;
    clear: both;
    }
    #footer a {
    color: white;
    }
    #footer p {
     text-align: right;
     font-weight: bolder;
    }
    
     
    /* vždy nastavit obecný h1 až aspoň h4 */
    h1, h2, h3, h4, h5, h6 { /* sdružovat společná nastavení */
    font-family: tahoma, sans-serif; 
    font-weight: normal;
    color: #feca98;
    margin-left: 30px;
    }
    h1 {
    font-size: 200%;  
    }
    h2 {
    font-size: 180%;
    }
    h3 {
    font-size: 160%;
    }
    h4 {
    font-size: 150%;
    }
    /* tagy nastavovat vždy uvnitř elementu, kterého se týkají */
    #main p{
    /* velikost písma nastavovat na konkrétní tag, ne na celý div, písmo určené pro čtení (tj. ne nutně třeba patička) by mělo mít vždy minimálně 12 px (tj. 120%). Pakliže se nejedná o nějaký element, kde je velikost písma důležitá pro přesný design (občas u horizontálního menu a textových "obrázků"), tak jej nastavovat vždy v relativních jednotkách (em nebo %). */
    font-size: 120%; 
    margin: 0.5em 0;
    margin-left: 32px;
    line-height: 1.3em; /* běžný text by měl mít meziřádkové mezery aby se co nejlépe četl */
    }
    #main ul, #main ol {
    margin: 0.5em 0;
    }
    #main ul li, #main ol li{
    list-style: disc url();
    margin-left: 2em;
    font-size: 120%;
    }
    #main table {
    margin: 0 auto;
    width: 90%;
    font-size: 120%; 
    border-collapse: collapse;
    }
    #main table th {
    text-align: right;
    }
    #main table th, #main table td {
    vertical-align: middle;
    }
    #main table thead th {
    text-align: center;
    }
    #main table .second {
    text-align: right;
    }
    #main table th + td { /* řešení pro prohlížeče nepodporující col/colgroup, musí být zvlášť kvůli IE */
    text-align: right;
    }
    #main table thead th, #main table thead td {
    border-bottom: black double;
    }
    #main table tfoot th, #main table tfoot td {
    border-top: black double;
    }
    #main table tbody th {
    border-right: black double;
    }
    #main table caption {
    caption-side: bottom;
    font-style: italic;
    text-align: left;
    }
    .hidden {
    display: none;
    }
    a { 
    font-weight: bolder;
    text-decoration: underline; /* odkazy by měly být vždy potržené, ne nutně u blokových menu a podobně */
    color: black; /* vždy musí mít nějakou základní barvu, kontrastní s pozadím main, nejlépe modrou */
    }
    a:hover {
    text-decoration: none;  
    color: #ae2f26;
    }
    .oznac_other {
    color: #ae2f26;
    }
    a img {
    border: none; /* vždy nechat, kvůli IE nesmyslu s okrajem obrázků v odkazech */
     
    }
    .roky {
    color:#ffbda5;
    width: 100%;
    }
    .roky a{
    font-size:130%;
    color:#ffbda5;
    text-decoration: none;
    
    }
    
#lista a {
	color:#000;
}