html {
  height: 100%;
  overflow-y: scroll; /* scrollbar fix for firefox */
}

.clear {
  clear:both;
  height:1px;
  overflow:hidden;
  margin-bottom:-1px;
}

* html .clear {display:none}

:link,:visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
a img,:link img,:visited img {border: none;}

body {
  margin: auto auto;
  text-align: left;
  vertical-align: top;
  height: 100%;
  background: #ffffff;
  font-family: verdana, Trebuchet MS, "Arial CE", Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 14px;
  font-weight: bold;
  color: #6c6c6c;
}

body.small {width: 651px;}
body.normal {width: 985px;}
body.wide {width: 1319px;}
body.news {width: 90%;}
body.gallery {width: 600px; background: #000000;}

img {
  border: none;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

a {
  color: #c8ba00;
  text-decoration: none;
}

a:hover {
  color: #c8ba00;
  text-decoration: underline;
}

p {
  margin: 0 0 0 0;
}

h1, h2, h3 {
  font-weight: bold;
}

li {
  padding-left: 0px;
}

ul {
  list-style: none;
  padding-left: 0em;
  text-indent: 0em;  
}

/* ------- */
/* Layout  */
/* ------- */

#content {
  width: 100%;
  height: 99%;
  margin: auto auto;
  padding: 0 0 0 0;
  position: relative;
}

#content #mainframe {
  width: 100%;
}

#content #mainframe .header {
  padding: 15px 0 0 0;
  height: 95px;
  vertical-align: top;
}

#content #mainframe .footer {
  padding: 0px 0 8px 0;
  vertical-align: top;
}

#content #mainframe .menu {
  padding: 0 0 0 0;
  vertical-align: top;
}

#music-theatre-top {
  width: 651px;
  height: 95px;
  margin: 0 auto;
  padding: 0 0 0 0;
  position: relative;
}

#music-theatre-portfolio {
  width: 100%;
  margin: 0 auto;
  padding: 0 0 0 0;
}

#music-theatre-top h1 a {
  height: 35px;
  width: 175px;
  display: block;
  position: absolute;
  top: 12px;
  left: 0;
}

#music-theatre-top h1 a strong {
  left: -9999px;
  position: absolute;
}

#music-theatre-top h1.music-theatre-cz a {width: 182px; background: url('images/title_music_theatre_cz.gif') top left no-repeat transparent;}
#music-theatre-top h1.music-theatre-eu a {width: 185px; background: url('images/title_music_theatre_eu.gif') top left no-repeat transparent;}
#music-theatre-top h1.hudba-divadlo-cz a {width: 193px; background: url('images/title_hudba_divadlo_cz.gif') top left no-repeat transparent;}

#music-theatre-top h1 a:hover {
  background-position: 0px -35px;
}

#music-theatre-top h2 {
  position: absolute;
  top: 12px;
  left: 204px;
  padding: 3px 0 0 0;
}

#music-theatre-top h2.music-theatre-cz {left: 189px;}
#music-theatre-top h2.music-theatre-eu {left: 194px;}
#music-theatre-top h2.hudba-divadlo-cz {left: 202px;}

#music-theatre-top h3 {
  position: absolute;
}

#music-theatre-top h3.kontakt {top: 1px; left: 501px;}
#music-theatre-top h3.portfolio {top: 57px; left: 0px;}

#music-theatre-top p {
  position: absolute;
  top: 15px;
  left: 501px;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

.link {
  color: #c8ba00;
}

#music-theatre-portfolio div.left, #music-theatre-portfolio div.right, #music-theatre-portfolio div.left_last, #music-theatre-portfolio div.right_last {
  width: 167px;
  height: 92px;
  position: relative;
  float: left;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

#music-theatre-portfolio div.left_last, #music-theatre-portfolio div.right_last {
  width: 150px;
}

#music-theatre-portfolio div a {
  position: absolute;
  bottom: 17px;
  left: 0px;
  width: 150px;
  height: 75px;
  color: #6c6c6c;
}

#music-theatre-portfolio div.right a, #music-theatre-portfolio div.right_last a {
  position: absolute;
  right: 17px;
}

#music-theatre-portfolio div a img {
  float: left;
}

#music-theatre-portfolio div.right a img, #music-theatre-portfolio div.right_last a img {
  position: absolute;
  top: 0px;
  left: 75px;
}

#music-theatre-portfolio div a strong {
  width: 75px;
  position: absolute;
  bottom: 0px;
  left: 75px;
  float: left;
  padding: 0 0 0 2px;
}

#music-theatre-portfolio div.right a strong, #music-theatre-portfolio div.right_last a strong {
  width: 71px;
  text-align: right;
  position: absolute;
  bottom: 0px;
  left: 0px;
  float: left;
}

#music-theatre-portfolio div a:hover {
  color: white;
  text-decoration: none;
}

#music-theatre-group {
  width: 651px;
  height: 75px;
  margin: 0px auto 0 auto;
  padding: 0 0 0 0;
  position: relative;
}

#music-theatre-portfolio div a.red:hover {background-color: #db3737;}
#music-theatre-portfolio div a.orange:hover {background-color: #f5940c;}
#music-theatre-portfolio div a.lime:hover {background-color: #c8ba00;}
#music-theatre-portfolio div a.green:hover {background-color: #8dc63f;}
#music-theatre-portfolio div a.blue:hover {background-color: #3e6cc0;}
#music-theatre-portfolio div a.violet:hover {background-color: #7a6ca0;}
#music-theatre-portfolio div a.purple:hover {background-color: #a05f88;}

#music-theatre-portfolio div a.red_selected {background-color: #db3737; color: white;}
#music-theatre-portfolio div a.orange_selected {background-color: #f5940c; color: white;}
#music-theatre-portfolio div a.lime_selected {background-color: #c8ba00; color: white;}
#music-theatre-portfolio div a.green_selected {background-color: #8dc63f; color: white;}
#music-theatre-portfolio div a.blue_selected {background-color: #3e6cc0; color: white;}
#music-theatre-portfolio div a.violet_selected {background-color: #7a6ca0; color: white;}
#music-theatre-portfolio div a.purple_selected {background-color: #a05f88; color: white;}

#music-theatre-group div.popis-kapely div {
  width: 242px;
  height: 75px;
}

#music-theatre-group div.popis-kapely div.red {background-color: #db3737;}
#music-theatre-group div.popis-kapely div.orange {background-color: #f5940c;}
#music-theatre-group div.popis-kapely div.lime {background-color: #c8ba00;}
#music-theatre-group div.popis-kapely div.green {background-color: #8dc63f;}
#music-theatre-group div.popis-kapely div.blue {background-color: #3e6cc0;}
#music-theatre-group div.popis-kapely div.violet {background-color: #7a6ca0;}
#music-theatre-group div.popis-kapely div.purple {background-color: #a05f88;}

#music-theatre-group div.fotografie-kapely, #music-theatre-group div.fotografie-kapely a {
  width: 75px;
  height: 75px;
  position: absolute;
  top: 0px;
  left: 0px;
}

#music-theatre-group div.popis-kapely {
  width: 242px;
  height: 75px;
  position: absolute;
  top: 0px;
  left: 75px;
  color: white;
}

#music-theatre-group div.popis-kapely h1 {
  width: 242px;
  padding: 7px 0 0 3px;
}

#music-theatre-group div.popis-kapely h2 {
  width: 242px;
  font-weight: normal;
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding: 0 0 7px 3px;
}

#music-theatre-group div.popis-kapely p {
  width: 1px;
  height: 1px;
  overflow: hidden;
  left: -9999px;
  position: absolute;
}

#music-theatre-main-portfolio {
  width: 1px;
  height: 1px;
  overflow: hidden;
  left: -9999px;
  position: absolute;
}

#music-theatre-group div.odkazy-na-stranky-kapely {
  width: 334px;
  height: 75px;
  position: absolute;
  top: 0px;
  left: 317px;
  background-color: #f0f0f0;
}

#music-theatre-group div.odkazy-na-stranky-kapely strong {
  width: 334px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding: 0 0 7px 17px;
}

#music-theatre-group div.odkazy-na-stranky-kapely ul {
  width: 334px;
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 7px 0 0 17px;
}

#music-theatre-group div.odkazy-na-stranky-kapely ul a {
  color: #6c6c6c;
}


#music-theatre-group div.odkazy-na-stranky-kapely strong.red a {color: #db3737;}
#music-theatre-group div.odkazy-na-stranky-kapely strong.orange a {color: #f5940c;}
#music-theatre-group div.odkazy-na-stranky-kapely strong.lime a {color: #c8ba00;}
#music-theatre-group div.odkazy-na-stranky-kapely strong.green a {color: #8dc63f;}
#music-theatre-group div.odkazy-na-stranky-kapely strong.blue a {color: #3e6cc0;}
#music-theatre-group div.odkazy-na-stranky-kapely strong.violet a {color: #7a6ca0;}
#music-theatre-group div.odkazy-na-stranky-kapely strong.purple a {color: #a05f88;}

#music-theatre-group-info {
  width: 651px;
  margin: 0 auto 17px auto;
  padding: 0 0 17px 0;
  position: relative;
}

#music-theatre-group-info div.zoom, #music-theatre-group-info div.zoom a {
  width: 75px;
  height: 18px;
  position: absolute;
  top: 0px;
  left: 0px;
  text-align: center;
  padding: 5px 0 5px 0;
}

#music-theatre-group-info div.aktuality, #music-theatre-group-info div.aktuality a {
  width: 75px;
  height: 18px;
  position: absolute;
  top: 0px;
  left: 0px;
  text-align: left;
  padding: 5px 0 5px 3px;
}

#music-theatre-group-info div.aktuality {
  left: 75px;
}

#music-theatre-group-info ul {
  width: 651px;
  padding: 5px 0 5px 0;
}

#music-theatre-group-info ul li {
  padding: 0px 0 1px 78px;
}

#music-theatre-group-text {
  width: 651px;
  margin: 0 auto 17px auto;
  padding: 0 0 0 0;
  background: #f0f0f0;
}

#music-theatre-group-text h1 {
  font-size: 10px;
  line-height: 14px;
  margin: 0 0 9px 0;
}

#music-theatre-group-text h2 {
  font-size: 10px;
  line-height: 14px;
  margin: 0 0 9px 0;
}

#music-theatre-group-text p {
  margin: 0 0 0 0;
  padding: 0 0 9px 0;
}

#music-theatre-group-text ul {
  margin: 0 0 0 0;
  padding: 0 0 9px 0;
}

#copyright {
  width: 651px;
  margin: 0px auto 12px auto;
  padding: 0 0 12px 0;
  position: relative;
}

#copyright strong {
  position: absolute;
  top: 0px;
  left: 501px;
}

body.news #content {
  padding: 20px 0 20px 0;
}

body.gallery #content {
  padding: 20px 0 0 0;
  margin: 0 0 0 0;
  text-align: left;
  height: 460px;
}

body.news #content td, body.gallery #content td {
  vertical-align: top;
  text-align: left;
}

body.news #content h1, body.news #content h2 {
  font-size: 10px;
  line-height: 14px;
  margin: 0 0 9px 0;
}

body.news #content ul {
  background: #f0f0f0;
  margin: 0 0 9px 0;
}

body.news #content div.music-theatre-close {
  margin: 10px 0 0 0;
  padding: 0 0 0 0;
  height: 16px;
}

#galerie {
  margin: 0 20px 0 0px;
  height: 400px;
}

#galerie img {
  margin: 0 0 0 20px;
}

#galerie div.popis {
  margin: 5px 0 0 20px;
}

.music-theatre-close {
  margin: 10px 0 0 20px;
  padding: 0 0 0 0;
  height: 16px;
}