/******** main.css ********/

* {
  margin: 0;
  padding: 0;
  text-align: left;
  font-size:12px;
  line-height:18px;
  background-repeat:no-repeat;
}


body {
  font-size: 62.5%;
  font-family: 'Georgia', Tahoma, Arial, Verdana;
  color: #333;
  background-color: #bf1e2e;
}

#wrapper {
  margin: 0px auto;
  width: 1002px;
  background-color: transparent;
}
      

#main {
  background: #fff url(../images/main_bg1.jpg) no-repeat 16px 0px;
  height:560px;
  position:relative;
  left:0px;
  top:0px;
  z-index:100;
}



#main_right {
  background-image:url(../images/main_right.jpg);
  background-position:right;
  width:100%;
  height:560px;
  position:absolute;
  left:0px;
  top:0px;
}

#main_left {
  background-image:url(../images/main_left.jpg);
  background-position:right;
  width:16px;
  height:513px;
  position:absolute;
  left:0px;
  top:0px;
}

#main_bottom {
  background-image:url(../images/main_bottom.jpg);
  background-color:#bf1e2e;
  width:946px;
  height:47px;
  position:absolute;
  left:0px;
  top:513px;
}

#logo {
  background-image:url(../images/logo.gif);
  width:641px;
  height:88px;
  position:absolute;
  left:300px;
  top:0px;
  z-index:10;
}

#band {
  background-image:url(../images/band.gif);
  width:398px;
  height:327px;
  position:absolute;
  left:42px;
  top:218px;
  z-index:11;
}

#stpauli {
  background-image:url(../images/stpauli.png);
  width:84px;
  height:85px;
  position:absolute;
  left:878px;
  top:458px;
  z-index:8;
}

.holder {
  width:485px;
  height:355px;
  position:absolute;
  left:530px;
  top:105px;
  z-index:9;
}

.scroll-pane {
  width: 445px;
  overflow: auto;
  background: transparent;
  float: left;
  height: 354px;
}

/******** typo ********/

h1, h2, h3, h4 {
  margin: 15px 0 ;
  padding: 0;
  color: #bf1e2e;
  font-weight: lighter;
}

h1 {
  font-size: 160%;
}

h2 {
  font-size: 130%;
  font-weight: normal;
}

h3 {
  font-size: 125%;
  font-weight: lighter;
}
p {
  margin: 5px 10px 10px 0;
}

/******** Links ********/

#pane a,
#pane a:link,
#pane a:visited {
  color: #05519c;
  text-decoration: none;
  border-bottom: 0.083em dotted #05519c;
}

#pane a:hover {
  color: #0a223e;
  text-decoration: none;
  background-color: #f5f5f5;
  border-bottom: 0.083em solid #0a223e;
}

#pane h1 a {
  border: 0;
  margin: 0 0 15px 0;
  padding: 0;
  color: #bf1e2e;
  font-weight: lighter;
  font-size: 150%;
}

#pane h1 a:hover {
  color: #bf1e2e;
  border: 0;
  background-color: transparent;
  text-decoration: none;
}
/***** #menu ****/

#menu {
  width:250px;
  height:230px;
  position:absolute;
  left:280px;
  top:205px;
  z-index:100;
}

ul#menu li {
  list-style-type: none;
  height: 30px;
}

#menu span {
  display: none;
  position: absolute;
}

#menu a {
  display: block;
  text-indent: -9999px;
  position: absolute;
  outline: none;
  border: 0;
  cursor: pointer;
}

#menu a:hover span {
  display: block;
}
 
#menu .band {
  width: 250px;
  height: 9px;
  background: url(../images/menu/band.png) no-repeat 0px 0px;
}

#menu a.band:hover,
#menu li.selected a.band {
  background-position: 0px -10px;
}

#menu .musik {
  width: 250px;
  height: 9px;
  background: url(../images/menu/musik.png) no-repeat 60px 0;
}

#menu a.musik:hover,
#menu li.selected a.musik {
  background-position: 60px -10px;
}

#menu .news {
  width: 250px;
  height: 9px;
  background: url(../images/menu/news.png) no-repeat 110px 0;
}

#menu a.news:hover,
#menu li.selected a.news {
  background-position: 110px -10px;
}

#menu .shows {
  width: 250px;
  height: 9px;
  background: url(../images/menu/shows.gif) no-repeat 130px 0;
}

#menu a.shows:hover,
#menu li.selected a.shows {
  background-position: 130px -10px;
}

#menu .oss {
  width: 250px;
  height: 9px;
  background: url(../images/menu/oss.gif) no-repeat 145px 0;
}

#menu a.oss:hover {
  background-position: 145px -10px;
}

#menu .kontakt {
  width: 250px;
  height: 9px;
  background: url(../images/menu/kontakt.png) no-repeat 130px 0;
}

#menu a.kontakt:hover,
#menu li.selected a.kontakt {
  background-position: 130px -10px;
}

#menu .abst {
  height:55px;
}

/* the bodge for IE7 browsers */
*+html #menu .abst {
  height:42px;
}

/* the bodge for IE6 browsers */
* html #menu .abst {
  height:40px;
}

/*** MISC ***/

#tvr {
  background: url(../images/tvr.gif) no-repeat 0 0;
  width: 427px;
  height: 297px;
}

#tvb {
  background: url(../images/tvb.jpg) no-repeat 0 0;
  width: 396px;
  height: 297px;
  position:absolute;
  left: 30px;
  top: 10px;
}

#pict {
  width:225px;
  height:169px;
  position:absolute;
  left:11px;
  top:22px;
  z-index:11;
}

img { border: 0;}
.small { font-size: 90%;}
.hide, hr {display: none;}
.clear {clear: both;}
.clear-left {clear: left;}
.clear-right {clear: right;}