body {
  background-color:  #000;
  color:             #fff;
  font:              10pt/14pt Verdana, Arial, Helvetica;
  margin:            50;
  padding:           0;
  text-transform:    lowercase;
}
h1, h2 {
  font-weight:       normal;
  font:              14pt/16pt Verdana, Arial, Helvetica;
  margin:            0;
}
a {
  color:             #000;
}

.copy2 { 
  color: #666666; 
  font-size: 11px; 
  font-family: Verdana, Arial, Helvetica }
  
.copy3 { 
  color: #999999; 
  font-size: 10px; 
  font-family: Verdana, Arial, Helvetica }


img {
  border:            0;
}
#panel {
  background-color:  #fff;
  border:            1px solid #000;
  color:             #000;
  height:            585px;
  margin-left:       auto;
  margin-right:      auto;
  width:             323px;
  overflow:          hidden;
}
#intro {
  height:            533px;
  padding-bottom:    26px;
  padding-left:      26px;
  padding-right:     26px;
  padding-top:       26px;
  width:             271px;
}
#intro h1 {
  font-size:         18pt;
  margin-bottom:     7px;
}
#intro h2 {
  font-size:         8pt;
  margin-bottom:     10px;
  line-height:       12pt;
  color:             #666;
}
#intro h2 a {
  text-decoration:   none;
  color:             #666;
}
#intro img {
  display:           block;
  margin-bottom:     70px;
  cursor:            pointer;
}
#main {
  position:          relative;
  height:            453px;
  width:             888px;
  background:        center no-repeat;
}
#intro ul {
  height:            50px;
  list-style-type:   none;
  margin:            0;
  padding:           0;
  width:             283px;
}
#intro ul li, #main ul li { float: left; font-size: 9pt; background-image: url('../images/seperator2.gif'); 
               background-repeat: no-repeat; background-attachment: scroll; 
               cursor: pointer; margin: 0; padding-left: 9px; padding-right: 
               0px; background-position: 2px 4px }
#intro ul li.first, #main ul li.first {
  background:        none;
  padding-left:      0px;
}
#intro ul li.sub {
  color:             #666;
}
#intro ul li.active {
  font-style: italic;
  color: #666;
}
#intro div.image {
  margin-top:        60px;
  overflow:          hidden;
  position:          relative;
  height:            271px;
  margin-bottom:     60px;
}
#news {
  position:          absolute;
}
#intro div.image p {
  color:             #8d8d8d;
  font-size:         8pt;
  margin-bottom:     0;
}
#intro div.notes {
  margin-top:        10px;
}
#intro div.notes p {
  color:             #8d8d8d;
  font-size:         8pt;
  margin-bottom:     7px;
  line-height:       9pt;
  margin-top:        0;
}
#intro span.slash {
  color: #8d8d8d;
}
#info {
  position: absolute;
  top: -31px;
  left: 300px;
  width: 288px;
  text-align: center;
  color: #666;
  font-size: 8pt;
}
#indicator   { position: absolute; top: -50px; left: 300px; width: 288px; height: 18px; 
               background-image: url('../images/loading-indicator.gif'); 
               background-repeat: no-repeat; background-attachment: scroll; 
               background-position: top center }
#caption {
  position: absolute;
  top: -31px;
  left: 588px;
  width: 300px;
  text-align: right;
  color: #666;
  font-size: 8pt;
}
#arrow-left  { position: absolute; top: 0; left: 0; background-image: 
               url('../images/arrow-left.gif'); background-color: left; 
               background-repeat: no-repeat; background-attachment: scroll; 
               width: 444px; height: 453px; z-index: 1; cursor: w-resize; 
               background-position: bottom }
* html #arrow-left {
  cursor: url(../images/cursor-left.cur);
}
#arrow-right { position: absolute; top: 0; left: 444px; background-image: 
               url('../images/arrow-right.gif'); background-repeat: no-repeat; 
               background-attachment: scroll; width: 444px; height: 453px; 
               z-index: 1; cursor: e-resize; background-position: top right }
* html #arrow-right {
  cursor: url(../images/cursor-right.cur);
}
#arrow-up    { position: absolute; top: 20px; left: 642px; background-image: 
               url('../images/arrow-right.gif'); background-repeat: no-repeat; 
               background-attachment: scroll; width: 246px; height: 214px; 
               cursor: n-resize; background-position: top right }
* html #arrow-up {
  cursor: url(../images/cursor-up.cur);
}
#arrow-down  { position: absolute; top: 224px; left: 600px; background-image: 
               url('../images/arrow-left.gif'); background-color: left; 
               background-repeat: no-repeat; background-attachment: scroll; 
               width: 246px; height: 214px; cursor: s-resize; 
               background-position: bottom }
* html #arrow-down {
  cursor: url(../images/cursor-down.cur);
}
#content {
  font-size: 8pt;
  padding-top: 20px;
}
#content div.left {
  width: 500px;
  float: left;
}
#content div.left img {
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
}
#content div.kontakt {
  margin-top: 30px;
  padding-left: 450px;
  font-size: 9pt;
  color: #000;
  line-height: 15pt;
}
#content div.kontakt h1 {
  font-size: 11pt;
  color: #000;
  margin-top: 20px;
  margin-bottom: 5px;
}
#content div.kontakt h2 {
  font-size: 9pt;
  color: #000;
  margin-top: 30px;
  margin-bottom: -5px;
}
#content div.kontakt h2.imprint {
  font-size: 8pt;
}
#content div.kontakt a {
  text-decoration: none;
}
#content div.kontakt em {
  font-style: normal;
  color: #8d8d8d;
}
#content div.kontakt p.imprint {
  font-size: 8pt;
  line-height: 12pt;
}
#content div.kontakt p.imprint a { background-image: url('../images/link.gif'); background-repeat: no-repeat; 
               background-attachment: scroll; padding-left: 10px; 
               background-position: 0 4px }
#content p.cite {
  position: absolute;
  left: 440px;
  top: 271px;
  font-size: 11pt;
  font-style: italic;
  color: #A7A8AA;
}
#content p.caption {
  clear: both;
  font-size: 8pt;
  line-height: 12pt;
}
* html #content p.caption {
  margin-top:-15px;
}
#content div.right {
  float: right;
  width: 266px;
  line-height: 16px;
  overflow: hidden;
  height: 420px;
}
#bio_1, #bio_2, #bio_3 {
  font: 11px Verdana;
  line-height: 16px;
  color: #000;
  top: 46px;
  width: 188px;
  height: 356px;
  position: absolute;  
}
#bio_1 em, #bio_2 em, #bio_3 em {
  font-style: normal;
  color: #A7A8AA;
}
#bio_1 {
  left: 0px;
}
#bio_2 {
  left: 220px;
  width: 200px;
}
#bio_3 {
  left: 440px;
  width: 200px;
}
#magazin, #ref_1, #ref_2, #ref_3 {
  font: 11px Verdana;
  line-height: 14px;
  color: #000;
  bottom: 40px;
  position: absolute;
}
#magazin h2, #ref_1 h2 {
  font-size: 11px;
  color: #A7A8AA;
  font-weight: bold;
  font-style: italic;
}
#magazin {
  left: 100px;
  width: 200px;
}
#ref_1 {
  left: 300px;
} 
#ref_2 {
  left: 500px;
}
#ref_3 {
  left: 700px;
}

a.ct1 { color: #999999; font-size: 10px; text-decoration: none }
a.ct1:hover { color: #999999; font-size: 10px; text-decoration: none }
a.ct1:visited { color: #999999; font-size: 10px; text-decoration: none }
a.ct1:visited:hover { color: #999999; font-size: 10px; text-decoration: none }