/* Darkscene Stylesheet [al] 2007 */

/* allgemeine Formatierungen */

BODY, TD, DIV, INPUT, TEXTAREA, SELECT, OPTION, A {
  font-family : Verdana, Tahoma, sans-serif;
  font-size   : 11px;
}

BODY, TD {
  background-color : #000;
  color            : #FCFDEE;
}

BODY, TABLE, FORM {
  margin : 0px;
}

TABLE {
  width           : 100%;
  border-collapse : collapse;
}

TD {
  vertical-align : top;
}

A, A:active, A:link, A:visited {
  text-decoration : none;
  color           : #9E9EAE;
}

A:hover {
  text-decoration : underline;
  color           : #fff;
}

HR {
  width  : 97%;
  height : 1px;
}

INPUT, TEXTAREA, SELECT {
  background-color : #bbb;
  border           : 1px solid #222;
  margin-top       : 2px;
  margin-bottom    : 2px;
}

TEXTAREA {
  width  : 97%;
  height : 100px;
}

OPTION {
  border-bottom : 1px solid #bbb;
}

/* Ger�stklassen */

DIV#dsTopAd {
  width         : 1000px;
  height        : 90px;
  margin-bottom : 10px;
}

DIV#dsOuter {
  width : 1000px;
  margin:  auto;
}

DIV#dsHead {
  height              : 240px;
}

DIV#dsMenu {
  background-color : #444466;
  border-top       : 1px dotted #777;
  border-bottom    : 1px dotted #777;
  height           : 34px;
  padding-top      : 3px;
  padding-left     : 10px;
  padding-bottom   : 3px;
  font-weight      : 700;
}

DIV#dsMain {
  height : 600px;
}

TD#dsLeft {
  background-color : #333344;
  padding          : 10px;
  width            : 180px;
  height           : 600px;
}

TD#dsCenter {
  background-color : #222222;
  border-left      : 1px dotted #777;
  padding          : 10px;
}

TD#dsRight {
  background-color : #333344;
  text-align       : center;
  width            : 140px;
  padding-top      : 10px;
  border-left      : 1px dotted #777;
}

TD#dsRightSmall {
  background-color : #334;
  width            : 140px;
  border-left      : 1px solid #bbb;
}

TD#dsFoot {
  background-color : #444466;
  color            : #bbb;
  border-top       : 1px dotted #777;
  padding          : 10px;
  text-align       : center;
}

/* Kopf-Klassen */

TD#dsLogo {
  background-color : transparent;
  height           : 226px;
}

DIV#dsLogoAd {
  vertical-align : middle;
  width          : 98%;
  text-align     : center;
  height         : 70px;
}

DIV#dsMenu A {
  margin-right : 15px;
}

TD#dsMainMenu {
  background-color : #444466;
  text-align       : left;
  width            : 400px;
}

TD#dsIconMenu {
  background-color : #444466;
  font-weight      : normal;
  text-align       : right;
  width            : 300px;
}

TD#dsIconMenu A{
  margin-right : 15px;
}

TD#dsIconMenu IMG{
  border-width : 0px;
}

TD#dsSubMenu {
  background-color : #444466;
  width            : 400px;
}

TD#dsAdminMenu {
  background-color : #444466;
}

TD#dsLegalMenu {
  background-color : #444466;
  font-weight      : normal;
  text-align       : right;
  width            : 300px;
}

/* Klassen links */

TD#dsLeft DIV {
    background-color:#333344;
    margin-bottom   :10px;
    padding-bottom  :5px;
    padding-left    :0px;
    text-align      :center;
}

TD#dsLeft DIV DIV {
  border-width   : 0px;
  margin-bottom  : 3px;
  padding-bottom : 0px;
}

TD#dsLeft DIV.dsHeading {
    background-color:#333344;
    background-image:url(../images/170x1px.png);
    background-position:0 14px;
    background-repeat:no-repeat;
    /*border-bottom   :2px dotted #777;*/
    font-variant    :small-caps;
    font-weight     :700;
    margin-bottom   :3px;
    padding         :1px;
    text-align      :left;
}

TD#dsLeft HR {
  width : 15%;
}

/* Klassen mitte */

TD#dsCenter TABLE {
  margin-bottom : 10px;
}

TD#dsCenter TABLE TABLE {
  margin-bottom : 0px;
}

TD#dsCenter IMG {
}

TD#dsCenter TD {
  background-color : transparent;
}

TD#dsCenter TABLE DIV DIV, TD#dsCenter TD DIV {
  background-color : #333344;
  padding          : 2px 5px;
  line-height      : 140%;
  height           : 121px;
  overflow         : hidden;
}

TD#dsCenter TD.dsAuto DIV {
  height : auto;
}

TD#dsCenter TD DIV DIV {
  border-width : 0px;
  height       : auto;
}

TD#dsCenter TD#dsTodayEvents DIV, TD#dsCenter TD#dsFeaturedVideo DIV {
  height : auto;
}

TD#dsCenter TD DIV#dsTopStoryIntro {
  height     : 114px;
  text-align : justify;
}

TD#dsCenter DIV.dsHeading {
  background-color:#444466;
  /*border-bottom   :2px dotted #777;*/
  font-variant    :small-caps;
  font-weight     :700;
  margin-bottom   :3px;
  padding         :1px;
  text-align      : left;
  height          : auto;
  overflow        : hidden;
}

TD#dsCenter TABLE.dsFeatured TD {
  height           : auto;
  padding          : 0px;
  background-color : transparent;
}

TD#dsCenter TD.dsFeaturedMedium {
  width : 125px;
}

TD#dsCenter TD.dsStaffImgSmall {
  width  : 60px;
  height : 70px;
}

TD#dsCenter .dsList {
  background-color : #333344;
  border           : 0px solid #bbb;
  margin-bottom    : 10px;
  padding          : 2px 5px;
  line-height      : 150%;
  height           : auto;
}

TD#dsCenter TABLE.dsTripleList TD {
  width          : 33%;
  text-align     : center;
  vertical-align : middle;
  padding-bottom : 5px;
}

TD#dsCenter TABLE.dsQuadroList TD.dsImprint {
  width          : 25%;
  text-align     : center;
  vertical-align : top;
}
  

TD#dsCenter .dsList DIV {
  height       : auto;
  border-width : 0px;
  padding      : 2px 0px;
}

TD#dsCenter DIV#dsMainList {
  margin-bottom : 3px;
  clear         : both;
}

TD#dsCenter UL.dsNavigation {
  margin          : 0px auto;
  padding         : 0px;
  height          : auto;
  text-align      : center;
  display         : table;
  list-style-type : none;
  white-space     : nowrap;
  float           : none;
}

TD#dsCenter LI.dsNaviPoint {
  border          : 1px solid #bbb;
  padding         : 2px;
  width           : 22px;
  height          : 15px;
  margin-left     : 4px;
  margin-right    : 4px;
  text-align      : center;
  color           : #bbb;
  margin-bottom   : 10px;
  margin-top      : 7px;
  display         : table-cell;
  float           : left;
}

TD#dsCenter LI.dsActiveNavi {
  border          : 1px solid #bbb;
  padding         : 2px;
  width           : 22px;
  height          : 15px;
  margin-left     : 4px;
  margin-right    : 4px;
  text-align      : center;
  color           : #222;
  margin-bottom   : 10px;
  margin-top      : 7px;
  display         : table-cell;
  float           : left;
  background-color : #bbb;
  font-weight     : 700;
}

TD#dsCenter .dsText {
  background-color : #333344;
  border           : 0px solid #bbb;
  margin-bottom    : 10px;
  padding          : 2px 5px;
  line-height      : 160%;
  text-align       : justify;
}

TD#dsCenter .dsTextwoBorder {
  background-color : #333344;
  margin-bottom    : 10px;
  padding          : 2px 5px;
  line-height      : 160%;
  text-align       : justify;
  width            : 70%;
}

TD#dsCenter TD.dsText {
  width : 100%;
}

TD#dsCenter SPAN.dsSource {
  display    : block;
  margin-top : 7px;
}

TD#dsCenter DIV.dsCommentText {
  padding-left   : 5px;
  text-align     : justify;
  border-bottom  : 1px solid #bbb;
  margin-bottom  : 3px;
}

TD#dsCenter TD.dsCommentInfo {
  width      : 100px;
  text-align : center;
}

TD#dsCenter TD.dsCommentText {
  padding-right : 4px;
  padding-left  : 7px;
}

TD#dsCenter IMG.dsCommentImage {
  margin-top : 3px;
}

TD#dsCenter TD.dsCommentTitle {
  height       : 20px;
  padding-left : 7px;
}

TD#dsCenter DIV.dsComment {
  margin-bottom : 3px;
  text-align    : right;
}

TD#dsCenter DIV#dsInsertComment {
  background-color : #666;
  border           : 1px solid #bbb;
  padding          : 2px 5px;
  margin-bottom    : 3px;
  display          : none;
}

TD#dsCenter DIV#dsHint {
  background-color : #888;
  border           : 2px solid #ca0;
  padding          : 2px 5px;
  margin-bottom    : 6px;
  line-height      : 150%;
}

TD#dsCenter DIV#dsNotice {
  background-color : #446;
  border           : 2px solid #ca0;
  padding          : 2px 5px;
  margin-bottom    : 10px;
  font-weight      : 700;
  font-size        : 16px;
  color            : #ca0;
  text-align       : center;
}

TD#dsCenter DIV#dsHint DIV {
  margin-bottom : 3px;
}

TD#dsCenter DIV#dsHint CODE {
  color     : #ca0;
  font-size : 18px;
}

TD#dsCenter TD.dsNewReqTitle {
  font-weight : 700;
  color       : #ca0;
}

TD#dsCenter TD.dsNewReqTitle, TD#dsCenter TD.dsNewTitle {
  text-align    : right;
  width         : 150px;
  padding-right : 6px;
}

TD#dsCenter SELECT.dsControlsSelected, TD#dsCenter SELECT.dsControlsSelection, TD#dsCenter TD.dsControlsSelected, TD#dsCenter TD.dsControlsSelection {
  width : 225px;
}

TD#dsCenter TD.dsControlsSwitch {
  text-align : center;
}

TD#dsCenter DIV#dsError {
  background-color : #888;
  border           : 1px solid #f00;
  line-height      : 150%;
  padding          : 2px 5px;  
  margin-bottom    : 10px;
}

TD#dsCenter TD DIV#dsMediumIntro {
  height   : 121px;
  overflow : hidden;
  margin   : 0px;
}

TD#dsCenter TD DIV#dsReviewHead {
  height : 99px;
}

TD#dsCenter TD DIV#dsInterviewHead, TD#dsCenter TD DIV#dsLiveHead {
  height : 136px;
}

TD#dsCenter TD DIV#dsReviewHead DIV, TD#dsCenter TD DIV#dsInterviewHead DIV, TD#dsCenter TD DIV#dsLiveHead DIV {
  padding : 0px;  
  float   : left;
}

TD#dsCenter TD DIV#dsReviewHead DIV#dsReviewer, TD#dsCenter TD DIV#dsInterviewHead DIV#dsInterviewer, TD#dsCenter TD DIV#dsLiveHead DIV#dsLiver {
  float      : right;
  text-align : center;
}

TD#dsCenter DIV.dsTrackList {
  margin-bottom : 10px;
}

TD#dsCenter DIV.dsTrackList TABLE {
  margin-bottom : 3px;
}

TD#dsCenter DIV.dsTrackList TD {
  width            : 50%;
  background-color : #333344;
  margin-bottom    : 10px;
  padding          : 2px 5px;
  line-height      : 150%;
  height           : auto;
  border-top       : 0px solid #bbb;
  border-bottom    : 0px solid #bbb;
  border-left      : 0px solid #bbb;
}

TD#dsCenter TD.dsTracksRight {
  border-right : 0px solid #bbb;
}

TD#dsCenter DIV#dsPoints {
  border           : 0px solid #bbb;
  padding          : 0px;
  margin-bottom    : 10px;
}

TD#dsCenter DIV#dsDigitPoints {
  background-image : url(../images/verlauf.jpg);
  font-weight      : 700;
  font-size        : 14pt;
  text-align       : right;
  vertical-align   : middle;
  padding          : 0px;
  padding-right    : 10px;
  color            : #000;
}

TD#dsCenter DIV#dsNoPoints {
  font-weight      : 700;
  font-size        : 14pt;
  text-align       : left;
  vertical-align   : middle;
  padding          : 0px;
  padding-left     : 10px;
  background-color : #666;
}

TD#dsCenter TD.dsReviewColumn {
  width : 50%;
}

TD#dsCenter TD.dsReviewColumn TD {
  height : 125px;
}

TD#dsCenter DIV.dsArtistLogo {
  text-align    : center;
  margin-bottom : 10px;
}

TD#dsCenter DIV.dsArtistLogo IMG {
  border-width : 0px;
}

TD#dsCenter TD.dsImprint DIV {
  text-align : center;
}

TD#dsCenter TABLE.dsQuadroList TD#dsStaff DIV,
TD#dsCenter TABLE.dsQuadroList TD#dsImprintDetails DIV {
  height : auto;
}

TD#dsCenter OL.dsTopList {
  list-style-type : none;
  padding-left    : 0px;
}

TD#dsCenter IMG.dsStaffImage {
  float        : right;
  margin-right : 5px;
  margin-left  : 5px;
  margin-top   : 10px;
}

TD#dsCenter DIV.dsControls {
  margin-bottom : 10px;
}

TD#dsCenter DIV.dsFrontControls {
  margin-bottom : 10px;
  margin-top    : 10px;
}

TD#dsCenter DIV#dsInterviewIntro,
TD#dsCenter DIV#dsLiveIntro {
  height   : 136px;
  overflow : hidden;
  margin   : 0px;
}

TD#dsCenter TD.dsBroadImage {
  width : 210px;
}

TD#dsCenter DIV.dsInterviewDS {
  font-weight   : 700;
  margin-bottom : 5px;
}

TD#dsCenter DIV.dsInterviewPartner {
  margin-bottom : 5px;
}

TD#dsCenter TD.dsDay {
  background-color : #333344;
  border           : 0px solid #bbb;
  padding          : 2px 5px;
  line-height      : 160%;
  text-align       : center;
  vertical-align   : middle;
  font-weight      : 700;
  width            : 25px;
}

TD#dsCenter IMG.dsLiveImageLeftH {
  float         : left;
  margin-top    : 2px;
  margin-right  : 8px;
  margin-bottom : 2px;
  width         : 210px;
  height        : 140px;
}

TD#dsCenter IMG.dsLiveImageLeftV {
  float         : left;
  margin-top    : 2px;
  margin-right  : 8px;
  margin-bottom : 2px;
  width         : 140px;
  height        : 210px;
}

TD#dsCenter DIV.dsLiveImageCenter {
  display       : block;
  margin-top    : 8px;
  margin-bottom : 8px;
  text-align    : center;
}

TD#dsCenter IMG.dsLiveImageRightH {
  float         : right;
  margin-top    : 2px;
  margin-left   : 8px;
  margin-bottom : 2px;
  width         : 210px;
  height        : 140px;
}

TD#dsCenter IMG.dsLiveImageRightV {
  float         : right;
  margin-top    : 2px;
  margin-left   : 8px;
  margin-bottom : 2px;
  width         : 140px;
  height        : 210px;
}

TD#dsCenter TD.dsTopicStatus {
  border           : 0px solid #bbb;
  width            : 20px;
  background-color : #333344;
  text-align       : center;
  vertical-align   : middle;
}

TD#dsCenter TD.dsTopic {
  border           : 0px solid #bbb;
  padding          : 2px 5px;
  background-color : #333344;
  vertical-align   : top;
  line-height      : 140%;
}

TD#dsCenter TD.dsTopicLastPost, TD#dsCenter TD.dsTopicReplies {
  border           : 0px solid #bbb;
  padding          : 2px 5px;
  background-color : #333344;
  vertical-align   : top;
  text-align       : center;
  line-height      : 130%;
  width            : 120px;
}

TD#dsCenter TD.dsPostUserLeft {
  border-left      : 0px solid #666666;
  border-bottom    : 2px solid #222;
  background-color : #444466;
  text-align       : left;
  vertical-align   : top;
  line-height      : 150%;
  padding          : 2px 5px;
}

TD#dsCenter TD.dsPostUserRight {
  border-right     : 0px solid #bbb;
  border-bottom    : 2px solid #222;
  background-color : #444466;
  text-align       : left;
  vertical-align   : top;
  line-height      : 150%;
  padding          : 2px 5px;
  width            : 250px;
  font-size        : 10px;
}

TD#dsCenter TD.dsPost, TD#dsCenter TD.dsPostHeader {
  border           : 0px solid #bbb;
  border-bottom    : 0px solid #222;
  padding          : 2px 5px;
  background-color : #333344;
  text-align       : left;
  vertical-align   : top;
  line-height      : 150%;
}

TD#dsCenter TD.dsPost {
  padding-bottom : 7px;
  text-align     : justify;
}

TD#dsCenter SPAN.dsPostUserName A {
  font-size       : 13px;
  text-decoration : underline;
}

TD#dsCenter TD.dsPreviewImage {
  height : 220px;
}

TD#dsCenter IMG#dsDummyImage {
  width        : 0px;
  height       : 0px;
  border-width : 0px;
}

TD#dsCenter IMG.dsImageRight {
  float : right;
  margin : 2px 0px 2px 10px;
}

TD#dsCenter IMG.dsImageLeft {
  float : left;
  margin : 2px 10px 2px 0px;
}

/* Klassen rechts */

TD#dsRight IMG {
  margin-bottom : 10px;
}

/* allgemeine Klassen */

.dsCenter {
  text-align : center;
}

.dsRight {
  text-align : right;
}

.dsUnderline {
  text-decoration: underline;
}

INPUT.dsButton {
  background-color : #888;
}

TEXTAREA.dsEditText {
  height      : 450px;
  line-height : 140%;
  text-align  : justify;
  padding     : 0px 2px;
}

TEXTAREA.dsEditTextSmall {
  height      : 160px;
  line-height : 140%;
  text-align  : justify;
  padding     : 0px 2px;
}

TEXTAREA.dsEditTextLow {
  height      : 100px;
  line-height : 140%;
  text-align  : justify;
  padding     : 0px 2px;
}

INPUT.dsEditText {
  padding     : 2px 0px;
  width       : 80%;  
}

TD.dsVSpacer {
  width : 10px;
}

TD.dsVSpacerSmall {
  width     : 3px;
  font-size : 1px;
}

TD.dsHSpacer {
  height    : 3px;
  font-size : 1px;
}

TD.dsHSpacerBig {
  height    : 7px;
  font-size : 1px;
}

DIV.dsSubHeading {
  font-weight   : 700;
}

DIV.dsControls A, span.dsControls A {
  color         : #ca0;
  font-variant  : small-caps;  
  margin-right  : 15px;
  font-weight   : 700;
}

DIV.dsFrontControls A, TD.dsFrontControls A {
  font-variant  : small-caps;  
  margin-right  : 15px;
  font-weight   : 700;
}

TD#dsCenter TD.dsFrontControls {
  height       : 20px;
  border-width : 0px;
  text-align   : center;
}


TD#dsCenter DIV.dsFrontControls {
  height       : auto;
  border-width : 0px;
}

SPAN.dsArtist {
  font-variant : small-caps;
  font-weight  : 700;
  font-size    : 12px;
  color        : #FBFFC1;
}

SPAN.dsMedium {
  font-weight : 700;
  color       : #9E9EAE; 
}

SPAN.dsTrack {

}

SPAN.dsArtistName, SPAN.dsMediumName {
  font-variant : small-caps;
  font-weight  : 700;
  font-size    : 14px;
}

SPAN.dsMediumName {
  font-size     : 16px;
}

TD#dsCenter IMG.captcha {
  border-color : #222;
  margin-top : 2px;
  vertical-align : top;
}

