body { background-color: #4e4e4e }
<!-- textová část -->
a.odstavec {text-decoration: none;}
a.odstavec:hover { color: #40afff; FONT-WEIGHT: normal; FONT-SIZE: 12px; FONT-FAMILY: Verdana; text-decoration: underline }
a.odstavec:link { color: #40afff; FONT-WEIGHT: normal; FONT-SIZE: 12px; FONT-FAMILY: Verdana; }
a.odstavec:visited { color: #40afff; FONT-WEIGHT: normal; FONT-SIZE: 12px; FONT-FAMILY: Verdana; }
a.odstavec:active { color: #40afff; FONT-WEIGHT: normal; FONT-SIZE: 12px; FONT-FAMILY: Verdana; }
a.odstavec2 {text-decoration: none}
a.odstavec2:hover { color: #ffffff; FONT-WEIGHT: normal; FONT-SIZE: 12px; FONT-FAMILY: Verdana; }
a.odstavec2:link { color: #ffffff; FONT-WEIGHT: normal; FONT-SIZE: 12px; FONT-FAMILY: Verdana; }
a.odstavec2:visited { color: #ffffff; FONT-WEIGHT: normal; FONT-SIZE: 12px; FONT-FAMILY: Verdana; }
a.odstavec2:active { color: #ffffff; FONT-WEIGHT: normal; FONT-SIZE: 12px; FONT-FAMILY: Verdana; }
a.h1 {text-decoration: none}
a.h1:hover { color: #ffffff; FONT-WEIGHT: bold; FONT-SIZE: 23px; FONT-FAMILY: Verdana; }
a.h1:link { color: #ffffff; FONT-WEIGHT: bold; FONT-SIZE: 23px; FONT-FAMILY: Verdana; }
a.h1:visited { color: #ffffff; FONT-WEIGHT: bold; FONT-SIZE: 23px; FONT-FAMILY: Verdana; }
a.h1:active { color: #ffffff; FONT-WEIGHT: bold; FONT-SIZE: 23px; FONT-FAMILY: Verdana; }
a.h2 {text-decoration: none}
a.h2:hover { color: #ffffff; FONT-WEIGHT: bold; FONT-SIZE: 15px; FONT-FAMILY: Verdana; }
a.h2:link { color: #ffffff; FONT-WEIGHT: bold; FONT-SIZE: 15px; FONT-FAMILY: Verdana; }
a.h2:visited { color: #ffffff; FONT-WEIGHT: bold; FONT-SIZE: 15px; FONT-FAMILY: Verdana; }
a.h2:active { color: #ffffff; FONT-WEIGHT: bold; FONT-SIZE: 15px; FONT-FAMILY: Verdana; }
a.special {text-decoration: none}
a.special:hover { color: #000000; FONT-WEIGHT: bold; FONT-SIZE: 20px; FONT-FAMILY: Verdana; }
a.special:link { color: #000000; FONT-WEIGHT: bold; FONT-SIZE: 20px; FONT-FAMILY: Verdana; }
a.special:visited { color: #000000; FONT-WEIGHT: bold; FONT-SIZE: 20px; FONT-FAMILY: Verdana; }
a.special:active { color: #000000; FONT-WEIGHT: bold; FONT-SIZE: 20px; FONT-FAMILY: Verdana; }
a.special2 {text-decoration: none}
a.special2:hover { color: #000000; FONT-WEIGHT: bold; FONT-SIZE: 11px; FONT-FAMILY: Verdana; }
a.special2:link { color: #000000; FONT-WEIGHT: bold; FONT-SIZE: 11px; FONT-FAMILY: Verdana; }
a.special2:visited { color: #000000; FONT-WEIGHT: bold; FONT-SIZE: 11px; FONT-FAMILY: Verdana; }
a.special2:active { color: #000000; FONT-WEIGHT: bold; FONT-SIZE: 11px; FONT-FAMILY: Verdana; }
a.special3 {text-decoration: none}
a.special3:hover { color: #000000; FONT-WEIGHT: bold; FONT-SIZE: 10px; FONT-FAMILY: Verdana; }
a.special3:link { color: #000000; FONT-WEIGHT: bold; FONT-SIZE: 10px; FONT-FAMILY: Verdana; }
a.special3:visited { color: #000000; FONT-WEIGHT: bold; FONT-SIZE: 10px; FONT-FAMILY: Verdana; }
a.special3:active { color: #000000; FONT-WEIGHT: bold; FONT-SIZE: 10px; FONT-FAMILY: Verdana; }
.s { FONT-WEIGHT: bold; FONT-SIZE: 20px; FONT-COLOR: #000000; FONT-FAMILY: Verdana; }
.x { FONT-WEIGHT: bold; FONT-SIZE: 10px; FONT-COLOR: #000000; FONT-FAMILY: Verdana; line-height: 5px }
.x2 { FONT-WEIGHT: bold; FONT-SIZE: 10px; FONT-COLOR: #000000; FONT-FAMILY: Verdana; line-height: 13px }
.y { FONT-WEIGHT: normal; FONT-SIZE: 13px; FONT-COLOR: #000000; FONT-FAMILY: Verdana; line-height: 13px }
.x3 { FONT-WEIGHT: bold; FONT-SIZE: 11px; FONT-COLOR: #000000; FONT-FAMILY: Verdana; line-height: 11px }
.text { FONT-SIZE: 12px; FONT-FAMILY: Verdana; FONT-COLOR: #000000; position: absolute; left: 5%; top: 4%; }
h1 { font-size: 23px;  text-align: center; COLOR: #ffffff; FONT-FAMILY: Verdana; }
h2 { font-size: 15px; padding: 8px; text-align: left; COLOR: #ffffff; FONT-FAMILY: Verdana; }
p { text-align: justify; margin: 0; padding: 8px; font-size: 12px;  text-align: left; COLOR: #ffffff; FONT-FAMILY: Verdana; }

<!-- textová část tabulka nad hodinkami podklad -->
#al { position: absolute; left: 174px; top: 5px; width: 190px; height: 242px; background-color: #ffffff; z-index: 1; filter:alpha(opacity=70) }
#al02 { position: absolute; left: 174px; top: 5px; width: 190px; height: 242px; background-color: #ffffff; z-index: 1; filter:alpha(opacity=60) }
<!-- textová část tabulka pod hodinkami podklad -->
#table-text { position: absolute; width: 370px; height: 300px; top: 270px; left: 0px; z-index: -1; TEXT-ALIGN: left }
<!-- textova cast tabulka nad hodinkami text -->
#table { position: absolute; width: 190px; height: 245px; top: 2px; left: 170px; z-index: 1; TEXT-ALIGN: right }
<!-- umístění obrázků -->
#hodinky { position: absolute; width: 370px; height: 254px; top: 0px; left: 0px; z-index: -1; }
<!-- vycentrovani tabulky -->
#holder { position: absolute; width: 100%; height: 100%; min-width: 372px; min-height: 300px; }
#supplemental { width: 420px; height: 1050px; visibility: hidden; }
#content { position: absolute; left: 50%; top: 50%; width: 420px; height: 1050px; margin: -535px 0 0 -200px; border: 1px solid #c0c0c0; text-align: left; background-color: #585858 }
<!-- hlavni tabulka -->
#main { position: absolute; width: 372px; height: 1000px; top: 24px; left: 24px; z-index: 1; }