* {
  margin: 0;
  padding: 0;
}

img {
  border: 0;
}

body { 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  line-height: 11pt;
  color: #231f20;
  background: url(img/headerbg.png) repeat-x;
}

#container {
  position: relative;
  width: 960px;
  margin: 0 auto;
  background: url(img/bg.png) repeat-y;
}

#header {
  position: absolute;
  width: 960px;
  height: 140px;
  background: url(img/header.png) no-repeat;
}

#foto {
  position: absolute;
  top: 60px;
  right: 607px;
  width: 275px;
  height: 182px;
  background: url(img/foto.jpg) no-repeat;
}

#foto2 {
  position: absolute;
  top: 60px;
  right: 607px;
  width: 275px;
  height: 182px;
  background: url(img/foto2.jpg) no-repeat;
}

#foto3 {
  position: absolute;
  top: 60px;
  right: 607px;
  width: 275px;
  height: 182px;
  background: url(img/foto3.jpg) no-repeat;
}

#randomfoto {
  position: absolute;
  top: 60px;
  right: 607px;
  width: 275px;
  height: 182px;
  background: url(random/rotator.php) no-repeat;
}

#logo {
  position: absolute;
  top: 4px;
  right: 469px;
  width: 210px;
  height: 71px;
  background: url(img/logo.png) no-repeat;
}

#logo img {
  display: none;
}

* html #logo {
 background-image: none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='img/logo.png');
}

#inhalt {
  padding: 140px 20px 20px 0;
}

.infobox {
  margin: 13px 0 10px 10px;
}

.linkebox {
  clear: both;
  float: left;
  width: 218px;
  height: 145px;
  background: url(img/infotextbg.png) repeat-y;
  text-align: right;
}

.rechtebox {
  position: relative;
  width:460px;
  height:145px; 
  background:url(img/bildbg.png) no-repeat;
  float:left;
  padding-left: 4px;
}

.rechtebox img {
  margin: 15px 0 0 10px;
}

a.fotobox:hover {
}

a.fotobox span {
  display: none;
}

a.fotobox span img {
  margin: 0;
}

a.fotobox:hover span {
  display: block;
  position: absolute;
  bottom: 120px;
  left: 50px;
  z-index: 5;
  background: #FFF;
  border: solid 1px #231f20;
  padding: 13px;
}

.rechteboxindex {
  width:460px;
  height:145px; 
  overflow:hidden; 
  background:url(img/cdbg.png) no-repeat;
  float:left;
  padding-left: 4px;
}

#infotext {
  padding-right: 17px;
}

#slider { margin: 3px 0 3px 0px; width:365px; height:139px; overflow:hidden; float:left }
#slider ul {  }
#slider ul, #slider li { margin:8px 7px; padding:0px; list-style:none }
#slider li { width:107px; display:inline; float:left }

#slider:hover, #nextbtn:hover { cursor:pointer }

#nextbtn { top:50px; left:10px; position:relative; width:50px; float:left }

h1 {
  clear: both;
  margin: 13px 367px 10px 353px;
  padding: 6px 15px 6px 17px;
  font-size: 9pt;
  font-weight: normal;
  text-transform: uppercase;
  color: #FFFFFF;
  background: url(img/h1.png) repeat-y;
}

h1.index {
  clear: both;
  margin: 13px 387px 10px 353px;
  padding: 6px 15px 6px 17px;
  font-size: 9pt;
  font-weight: normal;
  text-transform: uppercase;
  color: #FFFFFF;
  background: url(img/h1index.png) repeat-y;
}

h1.schwarzindex {
  margin: 13px 387px 10px 280px;
  padding: 6px 15px 6px 90px;
  background: #231f20;
}

h1.schwarz {
  margin: 13px 367px 10px 280px;
  padding: 6px 15px 6px 90px;
  background: #231f20;
}

.linkebox h1 {
  margin: 0px 0px 10px 68px;
  padding: 6px 17px 6px 15px;
  background: url(img/h1box.png) repeat-y;
}

h2 {
  clear: both;
  margin: 13px 240px 10px 280px;
  padding: 6px 15px 6px 90px;
  font-size: 9pt;
  font-weight: bold;
  color: #231f20;
  background: url(img/h2.png) no-repeat bottom left;
}

h3 {
  clear: both;
  margin: 13px 240px 10px 280px;
  padding: 6px 15px 6px 90px;
  font-size: 9pt;
  font-weight: bold;
  color: #c9222d;
}

.leiste {
  margin-left: 228px;
  padding: 0 10px;
  width: 105px;
  float: left;
  clear: both;
  font-size: 8pt;
  line-height: 11pt;
  color: #FFFFFF;
  text-align: right;
}

* html .leiste {
  margin-left: 115px;
}

.leistenbild {
  position: relative;
  bottom: 60px;
  left: 78px;
  float: left;
}

.text {
  padding: 0 240px 10px 370px;
}

.text ul {
  list-style: none;
  margin: 20px 0 0 0px;
}

.text ul li {
  margin: 1px 0;
}

.text ul.liste {
  list-style: disc;
  margin: 10px 0 0 20px;
}

.text ul.liste li {
  margin: 1px 0;
}

.text img {
  margin-top: 3px;
}

.input {
  margin: 3px 0 7px 0;
  width: 200px;
}

.submit {
  margin: 7px 0 7px 100px;
  width: 100px;
}

.year {
  width: 80px;
}

.textbreit {
  padding: 0 140px 10px 370px;
}

.cd-details {
  padding: 12px 135px 10px 370px;
}

.floatcover {
  float: right;
  margin-left: 12px;
  margin-bottom: 12px;
  border: solid 1px #777;
}

.cd-uebersicht {
  padding: 0 102px 10px 350px;
}

div.cd {
  float: left;
  width: 119px;
  height: 115px;
  margin-top: 10px;
  text-align: center;
}

div.cd img {
  border: solid #777 1px;
}

div.mp3 {
  padding: 12px 240px 30px 370px;
}

div.mp3 div {
  padding: 2px;
  height: 36px;
}

div.mp3 img {
  float: left;
  border: solid #777 1px;
}

div.mp3 span {
  display: block;
  padding: 4px 0 0 40px;
}

div.foto {
  float: left;
  width: 115px;
  height: 115px;
  margin-top: 10px;
  margin-right: 28px;
  text-align: center;
  font-size: 6pt;
}

.termin {
  padding: 0px 240px 3px 370px;
}

.details {
  color: #777;
  padding: 0px 240px 18px 370px;
}

.infotext {
  padding: 0 17px 10px 0;
}

.infotext ul {
  margin-bottom: 10px;
}

.programm {
  padding-bottom: 4px;
}

.abstand {
  margin-bottom: +10px;
}

.clear {
  clear: both;
}

.clearright {
  clear: right;
}

h1.abstandoben {
  margin-top: 25px;
}

.blocksatz {
  text-align: justify;
}

.red {
  color: #c9222d;
}

.bold {
  font-weight: bold;
}

.normal {
  color:  #231f20;
  font-weight: normal;
  text-transform: uppercase;
}

td.logos {
  width: 450px;
  text-align: center;
  vertical-align: top;
}

td.logos img {
  margin-top: 30px;
}
  

strong {
  font-weight: bold;
}

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

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

a.fotobox:hover {
  color: #231f20;
  text-decoration: none;
}

a.ticketlink {
  color: #FFF;
  background: #BBB;
  padding: 0px 3px 1px 3px;
  font-size: 6pt;
}

a.ticketlink:hover {
  background: #c9222d;
  text-decoration: none;
}

a.hiddenlink {
  color: #DDD;
  text-decoration: none;
}
  
#menu1 {
  position: absolute;
  right: 256px;
  top: 88px;
  width: 700px;
  height: 15px;
  overflow: hidden;
  font-size: 11px;
  line-height: 13px;
  text-align: right;
  list-style: none;
}

#menu1 li {
  display: inline;
  color: #FFF;
}

#menu1 li a {
  margin: 0 3px 0 3px;
  text-decoration: none;
  text-transform: lowercase;
  color: #FFF;
}

#menu1 li a:hover {
  color: #fe1136;
}

#menu1 li a.aktiv {
  color: #fe1136;
}

#menu2 {
  position: absolute;
  right: 161px;
  top: 26px;
  width: 80px;
  height: 56px;
  overflow: hidden;
  font-size: 11px;
  line-height: 13px;
  list-style: none;
}

#menu2 li {
  margin-bottom: 5px;
}

#menu2 li a {
  text-decoration: none;
  text-transform: lowercase;
  color: #FFF;
}

#menu2 li a.aktiv {
  color: #fe1136;
}

#menu2 li a:hover {
  color: #fe1136;
}

#menu3 {
  position: absolute;
  right: 161px;
  top: 88px;
  width: 80px;
  height: 40px;
  overflow: hidden;
  font-size: 11px;
  line-height: 13px;
  list-style: none;
}

#menu3 li {
  margin-bottom: 11px;
}

#menu3 li a {
  text-decoration: none;
  text-transform: lowercase;
  color: #FFF;
}

#menu3 li a.aktiv {
  color: #fe1136;
}

#menu3 li a:hover {
  color: #fe1136;
}

#menu3 li#login a.aktiv {
  color: #000;
}

#menu3 li#login a:hover {
  color: #000;
}

#menu-lang {
  position: absolute;
  right: 40px;
  top: 115px;
  width: 110px;
  height: 20px;
  overflow: hidden;
  list-style: none;
  text-align: right;
  font-size: 17px;
  line-height: 17px;
}

#menu-lang li {
  display: inline;
  margin-left: 2px;
}

#menu-lang img {
  visibility: hidden;
}

#de {
  background: url(img/de.png) no-repeat;
}

#en {
  background: url(img/en.png) no-repeat;
}

#fr {
  background: url(img/fr.png) no-repeat;
}

#es {
  background: url(img/es.png) no-repeat;
}

#dea {
  background: url(img/dea.png) no-repeat;
}

#ena {
  background: url(img/ena.png) no-repeat;
}

#fra {
  background: url(img/fra.png) no-repeat;
}

#esa {
  background: url(img/esa.png) no-repeat;
}

#de:hover {
  background: url(img/dea.png) no-repeat;
}

#en:hover {
  background: url(img/ena.png) no-repeat;
}

#fr:hover {
  background: url(img/fra.png) no-repeat;
}

#es:hover {
  background: url(img/esa.png) no-repeat;
}