body {
  background-color: #000000;
  background-image: url(http://www.trance-musik.org/pics/bg.gif);
  background-repeat: repeat;
  background-attachment: fixed;
  text-align: center;
}
body, p, div {
  font: 12px Verdana, Arial, Helvetica, Sans-Serif;
  color: #000000;
}

img { border: 0; }

a {
  color: #00a9f0;
  text-decoration: none;
}
a:hover {
  color: #ff00e6;
  text-decoration: underline;
}

#positionierung {
  margin: auto;
  width: 970px;
  text-align: left;
  border: 10px solid #FFFFFF;
  background: #FFFFFF; /*#F7F7F2;*/
}
#logo {
  background-color: #000000;
  background-image: url(http://www.trance-musik.org/pics/top.gif);
  height: 100px;
}
#body { }
#rechtespalte {
  width: 300px;
  float: right;
}
#rechtespalte a, #rechtespalte a:hover, .myopts a, .myopts a:hover {
  display: block;
  background: url(http://www.trance-musik.org/pics/arrow_blue.gif) 5px center no-repeat;
  height: 34px;
  line-height: 34px;
  text-indent: 20px;
  border-bottom: 1px solid #00a9f0;
}
#rechtespalte a:hover, .myopts a:hover {
  background-image: url(http://www.trance-musik.org/pics/arrow_pink.gif);
  border-bottom: 1px solid #ff00e6;
}
#inhalt {
  width: 640px;
  float: left;
  color: #000000;
}
.box {
  position: relative;
  display: block;
  padding-bottom: 5px;
  margin-bottom: 25px;
  border-bottom: 1px solid #00a9f0;
}
.box .pic {
  float: left;
  text-align: center;
}
.box .pic img {
  margin-right: 20px;
  margin-bottom: 20px;
  width: 150px;
}

.box h1 {
  font-size: 16px;
  margin-bottom: 0;
  padding-bottom: 0;
}
.box h1 .artist {
  font-size: 16px;
  color: #ff00e6;
}
.box h1 .titel {
  font-size: 16px;
  color: #00a9f0;
}
.box .small {
  color: #CCCCCC;
  font-size: 11px;
}
.box .text {
  display: block;
/*  margin-top: 20px; */
  float: left;
  width: 400px;
}
.box .artikel {
  font-style: italic;
}
.box .article {
  display: block;
  margin-top: 20px;
  float: left;
  width: 400px;
  text-align: justify;
}

.box div {
  display: block;
}




.right { float: right; }
.left { float: left; }
.clear { clear: both; }

#footer {
  clear: both;
  height: 50px;
/*  background: #F7F7F7; */
  text-align: center;
}

/* Comments */
#kommentare {
  background: #ededed;
  padding: 25px 25px;
  border: 1px solid #dcdddd;
  margin-bottom: 30px;
}
#kommentare h3 {
  font-size: 22px;
  font-weight: normal;
  margin: 0px;
  padding-bottom: 20px;
  margin-top: 10px;
}
#kommentare h3 a, #kommentare h3 a:hover {
  color: #242323;
  text-decoration: none;
}
#kommentare .small_text {
  color: #a7a7a7;
  font-size: 10px;
  letter-spacing: -1px;
  padding-top: 10px;
}
#kommentare .kommentar_autor {
  padding: 0px 20px;
  margin-top: 10px;
}
#kommentare .kommentar_autor p {
  color: #8d8d8d;
  font-size: 10px;
  line-height: 14px;
}
#kommentare .kommentar {
  background: #ffffff;
  border: 1px solid #dcdddd;
  margin-bottom: 10px;
  padding: 20px;
}form br { clear: both; }
.tmForm, .tmLogin, .tmSuche {
  display: inline;
  margin: 0;
  padding: 0;
}
.tmSuche fieldset {

}
/* Labels */
.tmLabel, .tmLabelWysiwyg {
  display: block;
  width: 170px;
  float: left;
  text-align: right;
  margin: 6px 0px;
  cursor: pointer;
}
.tmLogin .tmLabel {
  width: 50px;
  height: 31px;
  line-height: 31px;
}
.pflicht { font-weight: bold; }
/* Inputs */
.tmText, .tmInt, .tmCurr, .tmIntText, .tmDate, .dspl {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #5f6565;
  border: 1px solid #ced0d0;
  width: 350px;
  padding: 4px 5px;
  margin: 5px 0px 10px 5px;
}
.tmInt, .tmCurr, .dspl {
  width: 60px;
  text-align: right;
}
.tmLogin .tmText {
  width: 100px;
}
.tmSuche .tmText {
  width: 250px;
}
/* Textareas */
.tmTextarea {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #5f6565;
  border: 1px solid #ced0d0;
  width: 350px;
  height: 135px;
  padding: 4px 5px;
  margin: 5px 0px 10px 5px;
}
.source { 
  width: 650px;
  height: 400px;
}
/* Selects */
.tmSelect {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #5f6565;
  border: 1px solid #ced0d0;
  padding: 4px 5px;
  margin: 5px 0px 10px 5px;
}
/* Buttons */
.tmButton {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding: 4px 5px;
  margin: 5px 0px 10px 480px;
  cursor: pointer;
}
.tmButton:hover {
  color: #ff00e6;
}
.tmLogin .tmButton { margin-left: 50px; }
.tmSuche .tmButton { margin-left: 5px; }
.error {
  border: 1px solid #CC0000;
  color: #FFFFFF;
  background: #F47578;
}