html, body {
width: 100%; height: 100%;
}
body
{ 
text-align: center;
background-color: #FFFFCC;
color: #29166F;
font-family: Verdana, sans-serif; 
font-size: 11px;
height: 100%;
padding: 0px 0px 0px 0px;
margin: auto;
}
input
{
border: 1px solid #29166F;
margin: 1px 1px 1px 1px;
background: #FFFFFF;
font-size: 11px;
color: #29166F;
}
textarea
{
border: 1px solid #29166F;
margin: 1px 1px 1px 1px;
background: #FFFFFF;
font-size: 11px;
color: #29166F;
}
#vrch1
{
width: 100%;
height: 100px;
text-align: center;
background-color: #FFFFFF;
}
#vrch2-nov
{
width: 600px;
height: 100px;
text-align: center;
background: #FFFFFF url("./img/vrch04.jpg") no-repeat;
margin: auto; 
}
#vrch2-dis
{
width: 600px;
height: 100px;
text-align: center;
background: #FFFFFF url("./img/vrch02.jpg") no-repeat; 
margin: auto;
}
#vrch2-mp3
{
width: 600px;
height: 100px;
text-align: center;
background: #FFFFFF url("./img/vrch09.jpg") no-repeat; 
margin: auto;
}
#vrch2-kon
{
width: 600px;
height: 100px;
text-align: center;
background: #FFFFFF url("./img/vrch01.jpg") no-repeat;
margin: auto; 
}
#vrch2-slo
{
width: 600px;
height: 100px;
text-align: center;
background: #FFFFFF url("./img/vrch07.jpg") no-repeat; 
margin: auto;
}
#vrch2-his
{
width: 600px;
height: 100px;
text-align: center;
background: #FFFFFF url("./img/vrch06.jpg") no-repeat; 
margin: auto;
}
#vrch2-gal
{
width: 600px;
height: 100px;
text-align: center;
background: #FFFFFF url("./img/vrch05.jpg") no-repeat; 
margin: auto;
}
#vrch2-kom
{
width: 600px;
height: 100px;
text-align: center;
background: #FFFFFF url("./img/vrch11.jpg") no-repeat; 
margin: auto;
}
#vrch2-vzk
{
width: 600px;
height: 100px;
text-align: center;
background: #FFFFFF url("./img/vrch08.jpg") no-repeat; 
margin: auto;
}
#vrch2-odk
{
width: 600px;
height: 100px;
text-align: center;
background: #FFFFFF url("./img/vrch13.jpg") no-repeat;
margin: auto; 
}
#telo1
{
width: 100%;
text-align: center;
background: #FFFFCC; 
}
#telo2
{
width: 600px;
margin: auto;
}
#telo3
{
width: 100%;
text-align: justify;
}
div.telo4
{
width: 600px;
text-align: justify;
padding: 0px 15px 0px 15px; 
}
div.telo5
{
width: 600px;
}
div.underline
{
width: 100%;
min-height: 50px;
padding: 3px 3px 3px 3px;
border-bottom: 1px dotted #3BB3C3;
}
#slova1t
{
width: 200px;
text-align: left;
font-size: 11px;
float: right;
margin-right: 60px; 
padding: 10px 10px 10px 10px; 
}
#slova2o
{
width: 188px;
min-height: 200px;
float: right;
margin-right: 65px; 
padding: 0px 0px 0px 0px; 
}
#slova2t
{
width: 250px;
text-align: right;
float: left;
font-size: 11px;
margin-left: 10px; 
padding: 10px 10px 10px 10px; 
}
#slova3o
{
width: 220px;
min-height: 260px;
float: left;
margin-left: 40px; 
padding: 0px 0px 0px 0px; 
}
#slova3t
{
width: 250px;
text-align: left;
float: right;
font-size: 11px;
margin-right: 15px;
margin-top: 5px;  
padding: 10px 10px 10px 10px;
}
#slova4o
{
width: 150px;
min-height: 186px;
float: right;
margin-right: 100px; 
padding: 0px 0px 0px 0px; 
}
#slova4t
{
width: 150px;
text-align: right;
float: left;
font-size: 11px;
margin-left: 40px; 
margin-top: 20px; 
padding: 10px 10px 10px 10px; 
}
#slova5o
{
width: 400px;
min-height: 274px;
float: right;
margin-right: 10px; 
margin-top: 15px; 
padding: 0px 0px 0px 0px; 
}
#slova5t
{
width: 150px;
text-align: right;
float: left;
font-size: 11px;
margin-left: 5px; 
padding: 10px 10px 10px 10px; 
}
#slova6o
{
width: 180px;
min-height: 210px;
float: left;
margin-left: 0px; 
margin-top: 30px;  
padding: 0px 0px 0px 0px; 
}
#slova6t
{
width: 400px;
text-align: left;
float: right;
font-size: 11px;
margin-right: 0px;
padding: 10px 10px 10px 10px; 
}
#slova7t
{
width: 400px;
text-align: left;
float: left;
font-size: 11px;
margin-left: 40px;
padding: 10px 10px 10px 10px; 
}
#slova8o
{
width: 250px;
min-height: 246px;
float: left;
margin-left: 45px; 
padding: 0px 0px 0px 0px; 
}
#slova8t
{
width: 200px;
text-align: left;
float: right;
font-size: 11px;
margin-right: 20px;
margin-top: 5px;  
padding: 10px 10px 10px 10px; 
}
#slova9o
{
width: 150px;
min-height: 88px;
float: right;
margin-right: 30px;
margin-top: 10px;  
padding: 0px 0px 0px 0px; 
}
#slova9t
{
width: 200px;
text-align: right;
float: left;
font-size: 11px;
margin-left: 85px; 
padding: 10px 10px 10px 10px; 
}
#slova10o
{
width: 180px;
min-height: 250px;
float: right;
margin-right: 60px;
margin-top: 20px;  
padding: 0px 0px 0px 0px; 
}
#slova10t
{
width: 180px;
text-align: right;
float: left;
font-size: 11px;
margin-left: 50px; 
padding: 10px 10px 10px 10px; 
}

#telopul1
{
width: 290px;
text-align: justify;
float: left;
}
#telopul2
{
width: 290px;
text-align: justify;
float: right;
}
#menu
{
width: 100%;
height: 50px;
min-height: 50px;
text-align: left;
background: #FFFFCC;
padding: 5px 0px 0px 0px; 
}
#komix
{
width: 530px;
text-align: left;
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#komix-menu
{
width: 70px;
text-align: left;
float: left;
padding: 0px 0px 0px 0px;
margin: 60px 0px 0px 0px;
}
h1
{ 
color: #42939F;
font-weight: bold;
font-size: 35px;
text-align: justify;
padding: 0px 0px 0px 0px;
margin: 0px 0px 20px 0px;
}
h2
{ 
color: #29166F;
font-weight: bold;
font-size: 30px;
text-align: justify;
padding: 0px 0px 0px 0px;
margin: 10px 0px 10px 0px;
}
h3
{ 
color: #42939F;
font-weight: bold;
font-size: 20px;
text-align: justify;
padding: 0px 0px 0px 0px;
margin: 10px 0px 10px 0px;
}
h4
{ 
color: #29166F;
font-weight: bold;
font-size: 15px;
text-align: justify;
padding: 0px 0px 0px 0px;
margin: 5px 0px 5px 0px;
}
h5
{ 
color: #29166F;
font-weight: bold;
font-size: 30px;
text-align: justify;
padding: 0px 0px 0px 0px;
margin: 5px 0px 5px 0px;
}
h6
{ 
color: #29166F;
font-weight: bold;
font-size: 25px;
text-align: justify;
padding: 0px 0px 0px 0px;
margin: 5px 0px 5px 0px;
}
table
{
float: left;
width: auto;
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
}
td
{
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
}
tr
{
vertical-align: top;
}
ul.a
{
font-size: 11px;
padding: 0px 0px 0px 0px;
margin: 0px 10px 0px 10px;
}
li.a
{
font-size: 11px;
color: #009933;
padding: 0px 0px 0px 0px;
margin: 0px 7px 0px 7px;
}
img
{
border: 0px;
}
img.galerie
{
border: 1px dotted #3BB3C3;
margin: 3px 3px 3px 3px;
}
img.historie
{
margin: 3px 3px 3px 3px;
}
p
{ 
color: #29166F;
font-size: 11px;
text-align: justify;
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
}
p.c
{ 
color: #29166F;
font-size: 11px;
text-align: center;
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
}
p.l
{
color: #29166F; 
font-size: 11px;
text-align: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
}
p.r
{
color: #29166F; 
font-size: 11px;
text-align: right;
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
}
p.r2
{
color: #29166F; 
font-size: 11px;
text-align: right;
padding: 0px 0px 0px 0px;
margin: 0px 0px 3px 0px;
}
p.l2
{
color: #29166F; 
font-size: 11px;
text-align:left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 3px 0px;
}
p.podpis
{
color: #29166F;
font-size: 11px;
text-align: center;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
p.table1
{
font-weight: bold;
vertical-align: top;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
p.table2
{
vertical-align: top;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
a
{
color: #29166F;
text-decoration: underline;
}
a:hover
{
color: #3BB3C3;
} 
a.menu
{
color: #000000;
font-weight: bold;
text-decoration: none;
}
a.menu:hover
{
color: #3BB3C3;
}  
a.komix-menu
{
color: #000000;
font-weight: bold;
text-decoration: none;
}
a.komix-menu:hover
{
color: #3BB3C3;
} 
a.h4
{ 
color: #29166F;
font-weight: bold;
font-size: 15px;
text-decoration: none;
padding: 0px 0px 0px 0px;
margin: 5px 0px 5px 0px;
}
a.h4:hover
{ 
color: #3BB3C3;
font-weight: bold;
font-size: 15px;
text-decoration: none;
}
td.dis1
{
width: 110px;
height: 110px;
text-align: right;
padding: 5px 5px 5px 5px;
vertical-align: bottom;
} 
td.dis2
{
width: 490px;
height: 110px;
padding: 5px 5px 5px 5px;
vertical-align: bottom;
}
td.odk
{
width: 190px;
padding: 3px 3px 3px 3px;
vertical-align: top;
}
table.intro
{
float: center;
width: 100%;
height: 100%;
padding: 0px 0px 0px 0px;
margin: auto;
}
td.intro
{
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
text-align: center;
}
tr
{
vertical-align: top;
}
tr.intro
{
vertical-align: middle;
}

b.komix
{
color: #3BB3C3;
} 
br.clear
{
  clear: left;
}