body {

  background-color: #000;
  margin: 10px 0;
  padding: 0;
  width: 100%;

  font-family: Verdana, Sans-Serif;
  font-weight: normal;
  color: #ddd;
  font-size: 11px;
}

input, textarea, select, option, table {

  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
}

h2, h3 {

  font-family: Verdana, Sans-Serif;
  font-weight: normal;
  color: #FF0000;
}

h2 {

  font-size: 15px;
  text-transform: uppercase;

  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0px;
  padding-bottom: 10px;
}

h3 {

  font-size: 12px;
  text-transform: uppercase;

  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0px;
  padding-bottom: 0px;
}

div, img {

  padding: 0;
  margin: 0;
  border: 0;
}

ul {

  list-style-type: disc;
  padding: 0 0 0 20px;
  margin: 0px;
}
li {

  list-style-type: disc;
  padding-bottom: 2px;
}

p {

  margin: 0 0 10px 0;
}

b, strong {

  font-weight: normal;
  color: #FFF;
}

.clear {

  clear: both;
}

.kentta {

  background-color: #333;
  border: 1px solid #666;
  padding: 0px;
  color: #FFF;
  font-size: 10px;
}

.nappi {

  background-color: #b50000;
/*
  border: #fff;
  padding: 1px;
*/
  color: #000;
  font-size: 9px;
}

/* LINKIT */

a:link, a:visited, a:active {

  color: #ddd;
  text-decoration: underline;
}
a:hover, a:visited:hover, a:active:hover {

  color: #fff;
  text-decoration: underline;
}

a.hidden:link, a.hidden:visited, a.hidden:active {

  color: #ddd;
  text-decoration: none;
}
a.hidden:hover, a.hidden:visited:hover, a.hidden:active:hover {

  color: #ddd;
  text-decoration: underline;
}

/* Wrapper */

#wrapper {
  width: 960px;
  height: 735px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

/* Flash */

#flash {
  background: transparent url(/files/tausta_noflash.jpg) no-repeat top left;  
  width: 960px;
  height: 720px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

/* Contentin wrapperi */

#contentwrapper {
  background: transparent url(/files/taustakuvat/etusivu.jpg) no-repeat top left;
  position: absolute;
  width: 898px;
  height: 472px;
  top: 167px;
  left: 33px;
  z-index: 100;
}

/* Menu */

#mainmenu {
  background: #222222 url(/img/menubg.jpg) no-repeat top left;
  position: absolute;
  width: 898px;
  height: 41px;
  top: 0;
  left: 0;
  z-index: 1000;
  text-align: center;
}

#mainmenu ul {
  margin: 0 auto;
  padding: 12px 0 0 0;
  list-style-type: none;
}

#mainmenu ul li {
  padding: 0 12px;
  margin: 0;
  list-style-type: none;
  display: inline;
}

#mainmenu ul li a {
  font-family: Verdana;
  font-size: 13px;
  font-weight: normal;
  color: #b50000;
  text-transform: uppercase;
  text-decoration: none;
}

#mainmenu ul li a:hover {
  color: #FF0000;
  text-decoration: none;
}

#mainmenu ul li a.current,
#mainmenu ul li a.selected {
  color: #b50000;
  text-decoration: none;
}

#mainmenu ul li a.current:hover,
#mainmenu ul li a.selected:hover {
  color: #FF0000;
  text-decoration: none;
}

/* Sisältö */

#content {
  position: absolute;
  width: 898px;
  height: 363px;
  top: 41px;
  left: 0;
  z-index: 1000;
}

/* Lisälinkit */

#nightclub {
  position: absolute;
  width: 200px;
  height: 12px;
  top: 71px;
  left: 377px;
  z-index: 1000;
}

#extralinks {
  position: absolute;
  width: 400px;
  height: 25px;
  bottom: 0;
  left: 30px;
  z-index: 1000;
}

#extralinks-right {
  position: absolute;
  width: 400px;
  height: 25px;
  bottom: 0;
  right: 30px;
  z-index: 1000;
  text-align: right;
}

/* Tekstialue */

#text {
  background: transparent url(/img/transparent.png) repeat top left;
  position: absolute;
  width: 858px;
  height: 131px;
  margin: 0px;
  padding: 10px 20px;
  top: 281px;
  left: 0;
}

#welcome #text {
  background-image: none;
  position: relative;
  height: 143px;
  padding: 0;
  top: 0;
}

/* Etusivu */

#welcome-tampere {
  position: absolute;
  z-index: 3000;
  top: 262px;
  left: 216px;
  width: 230px;
  height: 143px;
  text-align: center;
}

#welcome-lahti {
  position: absolute;
  z-index: 3000;
  top: 262px;
  left: 458px;
  width: 230px;
  height: 143px;
  text-align: center;
}

#welcome-tampere p,
#welcome-lahti p {
  margin-top: 30px;
  font-size: 20px;
}

/* Tekstikohtaiset paikat */

#text.text-etusivu {
  top: 0;
  left: 0;
}

#text.text-tapahtumat {
  width: 350px;
  height: 286px;
  margin: 0px;
  padding: 20px;
  top: 0;
  left: 0;
}

#text.text-henkilokunta {
  width: 449px;
  height: 260px;
  margin: 0px;
  padding: 20px 10px 10px 10px;
  top: 0;
  left: 0;
}

#text.text-henkilokunta img {
  margin: 0px 20px 20px 20px;
  border: 2px dotted #CCC;
}

#text.text-huoneet,
#text.text-galleria {
  display: none;
}

#text.text-tour_de_love {
  width: 878px;
  height: 405px;
  margin: 0px;
  padding: 10px;
  top: 0;
  left: 0;
}

#text.text-palaute {
  width: 350px;
  height: 385px;
  margin: 0px;
  padding: 20px;
  top: 0;
  left: 0;
}

.column {
  float: left;
  width: 409px;
  padding: 0 10px;
}

#toggle-off {
  position: absolute;
  bottom: 0px;
  right: 10px;
  z-index: 3000;
  display: none;
}

#toggle-on {
  position: absolute;
  bottom: 0px;
  right: 10px;
  z-index: 3000;
}

.text-rooms {

  display: none;
}

#button-back {
  position: absolute;
  bottom: 0px;
  right: 80px;
  z-index: 3000;
}

#button-back2 {
  position: absolute;
  bottom: 110px;
  right: 10px;
  z-index: 3000;
}

/* UUSI */
#button-selaa {
  position: absolute;
  bottom: 110px;
  left: 10px;
  z-index: 3000;
}

/* Otsikot */

#otsikko {

  background: transparent url(/img/transparent.png) repeat top left;

  width: 876px;
  padding-left: 22px;
  height: 36px;
  position: absolute;
  top: 331px;
  left: 0;
}

/* Karuselli */

ul#mycarousel {
  background: transparent url(/img/transparent.png) repeat top left;
  width: 878px;
  height: 90px;
  padding:  10px 10px 0 10px;
/*
  position: absolute;
  top: 375px;
  left: 0;
*/
  z-index: 1500;
}

ul#mycarousel li {
  padding: 0;
  margin: 0;
  list-style-type: none;
  float: left;
}

/* LI tapahtumille */

ul#mycarousel.scroll-etusivu li,
ul#mycarousel.scroll-tapahtumat li {

  background: transparent url(/img/eventbox.png) no-repeat top left;
  width: 238px;
  height: 58px;
  padding: 15px;
  margin: 0 12px;
}

ul#mycarousel.scroll-etusivu li p,
ul#mycarousel.scroll-tapahtumat li p {

  margin: 0 0 0px 0;
}

ul#mycarousel.scroll-etusivu li a,
ul#mycarousel.scroll-tapahtumat li a {

  color: #FF0000;
}

.date {
  
}

/* LI gallerialle */

ul#mycarousel.scroll-galleria li {
  width: 90px;
  height: 90px;
  padding: 0px;
  margin: 0 12px;
}

ul#mycarousel.scroll-albumit li {
  /* UUSI */
  background: transparent url(/img/albumitausta.png) no-repeat top left;
  width: 236px;
  height: 78px;
  padding: 5px 16px;
  margin: 0 12px;
}

/* LI henkilökunnalle */

ul#mycarousel.scroll-henkilokunta li {

  width: 125px;
  height: 140px;
  padding: 0px;
  margin: 0 12px;
}

/* LI huoneille */

ul#mycarousel.scroll-huoneet li {

  width: 268px;
  height: 88px;

  margin: 0 12px;
}

ul#mycarousel.scroll-huoneet li h3 {

  margin: 0;
  padding: 5px 0;
}

ul#mycarousel.scroll-huoneet li a {

  color: #FF0000;
}

/* End of CSS */