/* --- CSS Reset --- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0px;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/* --- Grid --- */

.grid {
  width: 1024px;
  margin: auto;
}

.grid-m24 {
  float: left;
  width: 24px;
  height: 1px;
}

.grid-m20 {
  float: left;
  width: 20px;
  height: 1px;
}

.grid-1column {
  float: left;
  width: 63px;
}

.grid-2column {
  float: left;
  width: 146px;
}

.grid-3column {
  float: left;
  width: 229px;
}

.grid-4column {
  float: left;
  width: 312px;
}

.grid-5column {
  float: left;
  width: 395px;
}

.grid-6column {
  float: left;
  width: 478px;
}

.grid-7column {
  float: left;
  width: 561px;
}

.grid-8column {
  float: left;
  width: 644px;
}

.grid-9column {
  float: left;
  width: 727px;
}

.grid-10column {
  float: left;
  width: 810px;
}

.grid-11column {
  float: left;
  width: 893px;
}

.grid-12column {
  float: left;
  width: 976px;
}

.grid-12column_bordertop {
  float: left;
  width: 976px;
  border-top: 1px dotted #7B7568;
}

/* --- Typography --- */

.grid p {
  line-height: 17px;
  font-size: 11px;
  font-family: Helvetica, Arial, sans-serif;
  color: #ABABAB;
  letter-spacing: 1px;
}

.grid p a {
  line-height: 17px;
  font-size: 11px;
  font-family: Helvetica, Arial, sans-serif;
  color: #7B7568;
  letter-spacing: 1px;
  text-decoration: none;
}

.grid p a:hover {
  color: #fff;
}

.grid p a.active {
  color: #fff
}

.grid h1 {
  line-height: 38px;
  font-size: 26px;
  padding-bottom: 8px;
  color: #7B7568;
  font-family: Helvetica, Arial, sans-serif;
}

.grid h2 {
  line-height: 17px;
  font-size: 10px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #fff;
  letter-spacing: 2px;
}

.grid h3 {
  line-height: 17px;
  font-size: 9px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #fff;
  letter-spacing: 2px;
}

span {
  line-height: 17px;
  font-size: 10px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #fff;
  letter-spacing: 1px;
}

/* --- Body --- */

body {
  background: #000 url(bilder/dust_bg.png) no-repeat;
  margin: 0;
  padding: 0;
}

/* --- Wrapper --- */

#wrapper {
  width: 1024px;
  height: auto;
  margin: 0px;
  padding: 0px;
}

/* --- Header --- */

#header {
  width: 1024px;
  height: 190px;
  margin: 0px;
  padding: 0px;
  float: left;
}

/* --- Content --- */

#content {
  width: 1024px;
  height: auto;
  margin: 0px;
  padding: 0px;
  float: left;
}

.linie_3column {
  width: 229px;
  height: 1px;
  margin: 0px;
  border-top: 1px solid #303030;
  padding: 0px;
  float: left;
}

.linie_6column {
  width: 478px;
  height: 1px;
  margin: 0px;
  border-top: 1px solid #303030;
  padding: 0px;
  float: left;
}

.linie_9column {
  width: 727px;
  height: 1px;
  margin: 0px;
  border-top: 1px solid #303030;
  padding: 0px;
  float: left;
}


.linie_12column {
  width: 976px;
  height: 1px;
  margin: 0px;
  border-top: 1px solid #303030;
  padding: 0px;
  float: left;
}

.linie_976 {
  width: 976px;
  height: 2px;
  margin-top: 12px;
  margin-bottom: 12px;
  padding: 0px;
  float: left;
  background: url(bilder/linie_976.png);
}

.bu {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #ABABAB;
  line-height: 17px;
  margin: 5px 0px 0px 0px;
  padding: 0px;
  font-style: normal;
  float: left;
  letter-spacing: 1px;
}

ul.navsub li {
  padding: 0px;
  margin: 0px;
  font-family: Helvetica, Arial, sans-serif;
  text-decoration: none;
  list-style: none;
  font-variant: normal;
  font-size: 10px;
  font-weight: normal;
  letter-spacing: 1px;
  color: #fff;
  line-height: 17px;
}

ul.navsub li a {
  padding: 0px;
  margin: 0px;
  width: auto;
  font-family: Helvetica, Arial, sans-serif;
  text-decoration: none;
  font-size: 10px;
  font-weight: normal;
  letter-spacing: 1px;
  color: #7B7568;
  line-height: 17px;
}

ul.navsub li a:hover {
  color: #fff;
}

ul.navsub li a.active {
  color: #fff
}

#nextbox{
  padding: 0px;
  margin: 0px;
  width: 146px;
  height: 10px;
}

ul.nextbox li {
  margin: 0px auto 0px auto;
  padding: 0px;
  font-family: Helvetica, Arial, sans-serif;
  text-decoration: none;
  list-style: none;
  font-variant: normal;
  font-size: 10px;
  font-weight: normal;
  letter-spacing: 2px;
  color: #7B7568;
  line-height: 17px;
  float: left;
  display: block;
}

ul.nextbox li a {
  padding: 0px;
  margin: 0px;
  font-family: Helvetica, Arial, sans-serif;
  text-decoration: none;
  font-size: 10px;
  font-weight: normal;
  letter-spacing: 1px;
  color: #7B7568;
  line-height: 17px;
}

ul.nextbox li a:hover {
  color: #fff;
}

ul.nextbox li a.active {
  color: #fff
}

.nextpic {
  list-style:none;
  width:63px;
  height: auto;
  float:left;
}

.nextpic a img {
  width:auto;
  height:auto;
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

.nextpic a:hover img {
  width:auto;
  height:auto;
  opacity:.99
}

.nextpic a.active img {
  opacity:.99
}

/* --- Galleria --- */

.gallery {
  list-style:none;
  width:146px;
  height: 420px;
  margin-top: 0px;
  overflow: hidden;
}
  
.gallery li {
  display:block;
  width:63px;
  height:63px;
  overflow:hidden;
  float:left;
  margin:0px 0px 20px 0px;
  
}
.gallery li a {
  display:none
}

.gallery li div{position:absolute;display:none;top:0;left:180px}
.gallery li div img {
  cursor:pointer;
}
.gallery li
.active div img,.galleria li.active div{display:block}
.gallery li img.thumb {
  cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto;opacity:.5;
}

.gallery li:hover img.thumb{opacity:.99}

.gallery li .caption {
  display:block;
  padding-top:.5em
  line-height: 17px;
  font-size: 10px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #fff;
  letter-spacing: 1px;
}
* html .gallery li div span{width:400px} /* MSIE bug */

#image_container {
  display:block;
  width:561px;
  height:460px;
  overflow:hidden;
  float:left;
  margin:0px;
}

/* --- Ticker --- */

#ticker {
  width: 312px;
  height: 70px;
  padding: 0px;
  float: left;
  background: url(bilder/bg_stripe.png);
  border-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
  overflow:hidden;
}

ul#news {
  margin: 25px 10px 10px 10px;
  padding: 0;
  list-style: none;
  text-decoration: none;
  color: #7B7568;
  line-height: 15px;
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 2px;
  font-family: Helvetica, Arial, sans-serif;
}

ul#news li {
  padding: 0;
  margin: 0px 0px 10px 0px;
  font-family: Helvetica, Arial, sans-serif;
  text-decoration: none;
  line-height: auto;
  letter-spacing: 2px;
  color: #7B7568;  
}

ul#news li a {
  padding: 0px;
  margin: 0px;
  width: auto;
  font-family: Helvetica, Arial, sans-serif;
  text-decoration: none;
  letter-spacing: 2px;
  color: #7B7568;
}

ul#news li a:hover {
  color: #fff;
}

/* --- Main Nav --- */

ul#navmain {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

ul#navmain li {
  height: 13px;
  margin: 0px 20px 0px 0px;
  padding: 0px;
  float: left;
}

ul#navmain a {
  display: block;
  text-decoration: none;
  padding: 0px;
}

ul#navmain li#biografie a {
  background: url("bilder/mm_operamenue.png") 0px 13px;
  width: 74px;
  height: 13px;
}

ul#navmain li#biografie a:hover {
  background: url("bilder/mm_operamenue.png") 0px 0px;
}

ul#navmain li#biografie a.active {
  background: url("bilder/mm_operamenue.png") 0px 0px;
  width: 74px;
  height: 13px;
}

ul#navmain li#diskografie a {
  background: url("bilder/mm_operamenue.png")  -95px 13px;
  width: 93px;
  height: 13px;
}

ul#navmain li#diskografie a:hover {
  background: url("bilder/mm_operamenue.png")  -95px 0px;
}

ul#navmain li#diskografie a.active {
  background: url("bilder/mm_operamenue.png")  -95px 0px;
}

ul#navmain li#fotos a {
  background: url("bilder/mm_operamenue.png")  -210px 13px;
  width: 43px;
  height: 13px;
}

ul#navmain li#fotos a:hover {
  background: url("bilder/mm_operamenue.png")  -210px 0px;
}

ul#navmain li#fotos a.active {
  background: url("bilder/mm_operamenue.png")  -210px 0px;
}

ul#navmain li#dates a {
  background: url("bilder/mm_operamenue.png")  -275px 13px;
  width: 43px;
  height: 13px;
}

ul#navmain li#dates a:hover {
  background: url("bilder/mm_operamenue.png")  -275px 0px;
}

ul#navmain li#dates a.active {
  background: url("bilder/mm_operamenue.png")  -275px 0px;
}

/* --- Slides --- */

#myslides {
  width: 976px;
  height: 500px;
  margin: 0px;
  padding: 0;
  float: left;
  overflow:hidden;
} 

#myslides img {
  padding: 0px;    
  width: 976px;
  height: 500px;
  top:  0; 
  left: 0;
}

/* --- Footer --- */

#footer {
  width: 1024px;
  height: auto;
  margin: 0px;
  margin-bottom: 24px;
  padding: 0px;
  clear: both;
}

#footer p {
  line-height: 17px;
  font-size: 9px;
  font-weight: normal;
  letter-spacing: 1px;
  color: #fff;
  font-family: Helvetica, Arial, sans-serif;
  float: left;
}

#footer p a {
  line-height: 17px;
  font-size: 9px;
  font-weight: normal;
  letter-spacing: 1px;
  color: #7B7568;
  text-decoration: none;
  font-family: Helvetica, Arial, sans-serif;
  float: left;
}

#footer p a:hover {
  color: #fff;
}

#footer p a.active {
  color: #fff
}

/* --- Menue Footer --- */

ul#navbot {
  margin: 0px;
  padding: 0px;
  list-style: none;
  float: left;
}

ul#navbot li {
  padding: 0;
  margin: 0px 12px 0px 0px;
  font-family: Helvetica, Arial, sans-serif;
  text-decoration: none;
  font-size: 9px;
  line-height: auto;
  font-variant: normal;
  font-weight: normal;
  letter-spacing: 1px;
  color: #fff;
  float:left;    
}

ul#navbot li a {
  padding: 0px;
  margin: 0px;
  width: auto;
  font-family: Helvetica, Arial, sans-serif;
  text-decoration: none;
  font-size: 9px;
  line-height: auto;
  font-variant: normal;
  letter-spacing: 1px;
  color: #7B7568;
}

ul#navbot li a:hover {
  color: #fff;
}

ul#navbot li a.active {
  color: #fff
}


/* --- Clear Floated Elements --- */

.clear {
  clear: both;
  display: block;
  overflow: hidden; 
  visibility: hidden;
  width: 0;
  height: 0;
}


.clearfix:after {
  clear: both;
  content: ' ';
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

* html .clearfix {
  height: 1%;
}

.clearfix {
}