* {
padding: 0;
margin: 0;
}

a img {
border: 0;
}

html, body {
color: #444;
text-align: center;
font: 100% arial, helvetica, sans-serif;
background: #2b2a29;
}

body {
width: 1000px;
background: url("../images/bg_top.gif") no-repeat 0% 30px #2b2a29;
margin: 0 auto;
text-align: left;
position: relative;
}

#header {
height: 200px;
position: relative;
}

#header h1 {
display: block;
position: absolute;
top: 43px;
left: 40px;
width: 200px;
height: 140px;
}

#header h2 {
display: block;
position: absolute;
top: 49px;
left: 236px;
width: 357px;
height: 80px;
background: url("../images/logo_24-let-open-air.gif") no-repeat 0% 0% transparent;
}

#header h3 {
display: block;
position: absolute;
top: 30px;
right: 31px;
width: 323px;
height: 40px;
background: url("../images/logo_hlavne-ze-je-vecirek.gif") no-repeat 0% 0% transparent;
}

#header h2 span, #header h3 em {
display: none;
}

#container {
float: left;
margin-left: -250px;
width: 995px;
/*background: #fff;*/
}

#content {
background: url("../images/bg_main-corner.gif") no-repeat 100% 0% #fff;
min-height: 450px;
padding: 5px 20px 20px 30px;
margin-left: 250px;
font-size: 95%;
position: relative;
}

#content h3, #content h4, #content h5, #content ul {
margin: 20px 0 10px 0;
}

#content h3 {
font-size: 205%;
font-weight: normal;
color: #e75960;
letter-spacing: -2px;
}

#content h4 {
color: #f0a900;
}

#content h4 em {
font-size: 90%;
font-weight: normal;
color: #96936a;
font-style: normal;
padding-left: 10px;
}

a, a:link, a:visited {
color: #000; 
}

#menu {
position: absolute;
left: 250px;
top: 150px;
width: 465px;
height: 50px;
background: url("../images/bg_right-white.gif") repeat-y 100% 0% transparent;
}

#menu ul {
list-style: none;
width: 464px;
height: 50px;
background: url("../images/menu.gif") no-repeat 0% 0% transparent;
position: relative;
/*font-size: 95%;*/
font-weight: bold;
letter-spacing: -2px;
padding-left: 0px;
}

#menu ul li {
float: left;
display: block;
/*width: 100px;
height: 45px;*/
padding: 0;
}

#menu ul li a {
float: left;
display: block;
position: relative;
overflow: hidden;
text-decoration: none;
text-align: center;
padding: 15px 0 0 0;
height: 35px;
/*font-size: 1%;*/
}

#menu li.aktualne a, #menu li.aktualne a span { width: 75px; }
#menu li.program a, #menu li.program a span { width: 73px; }
#menu li.vstupenky a, #menu li.vstupenky a span { width: 83px; }
#menu li.info a, #menu li.info a span { width: 43px; }
#menu li.galerie a, #menu li.galerie a span { width: 64px; }
#menu li.historie a, #menu li.historie a span { width: 68px; }
#menu li.forum a, #menu li.forum a span { width: 58px; }

#menu ul li a span {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
background: url("../images/menu.gif") no-repeat 0% 0% transparent;
/*height:30px;*/
z-index: 2;
}

#menu li.aktualne a span { background-position: 0px 0; }
#menu li.program a span { background-position: -75px 0; }
#menu li.vstupenky a span { background-position: -148px 0; }
#menu li.info a span { background-position: -231px 0; }
#menu li.galerie a span { background-position: -273px 0; }
#menu li.historie a span { background-position: -338px 0; }
#menu li.forum a span { background-position: -406px 0; }

#aktualne #menu li.aktualne a span, #menu li.aktualne a:hover span { background-position: 0px -50px; }
#program #menu li.program a span, #menu li.program a:hover span { background-position: -75px -50px; }
#vstupenky #menu li.vstupenky a span, #menu li.vstupenky a:hover span { background-position: -148px -50px; }
#info #menu li.info a span, #menu li.info a:hover span { background-position: -231px -50px; }
#galerie #menu li.galerie a span, #menu li.galerie a:hover span { background-position: -273px -50px; }
#historie #menu li.historie a span, #menu li.historie a:hover span { background-position: -338px -50px; }
#forum #menu li.forum a span, #menu li.forum a:hover span { background-position: -406px -50px; }

#countdown {
float: right;
width: 250px;
/*height: 45px;*/
background: #ff0;
}

#right {
float: right;
width: 250px;
margin-right: 5px;
}

#right img {
padding-top: 0px;
padding-bottom: 30px;
margin-left: 0px;
border: 0;
}

#footer {
clear: both;
padding: 20px 20px 20px 50px;
font-size: 82%;
color: #97936c;
}

label {
float: left;
padding-top: 0;
width: 60px;
position:relative;
}

input.button {
/*float: left;*/
margin-left: 62px;
}

hr {
color: #fff;
border: 0;
height: 0;
border-bottom: 2px solid #ffedc1;
margin-top: 10px;
margin-bottom: 10px;
}

h4 strong.authorised {
padding-left: 85px;
background: url("../images/bg_gb-authorised.gif") no-repeat 0% 0% transparent;
color: #be3028;
}

#content a img {
}

.float-right {
float: right;
margin-left: 20px;
margin-top: 10px;
}

.ticket_link {
display: block;
position: relative;
margin-top: 20px;
width: 225px;
height: 75px;
border: 0;
}

.ticket_link span {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
overflow: hidden;
background: url("../images/ticket-link.gif") no-repeat 0 0 transparent;
}

.ticket_link:hover span {
background-position: 0px -75px;
}