body {
  /*background: #cccccc;*/
  font-family: arial;
  font-size: 8pt;
  font-weight: normal;
  background: url(../images/greybg.bmp) repeat;
  /*background: url(../images/02original.gif) repeat;*/
}

.outsideDiv ul {
  margin-left: 200px;
  margin-top: 10px;
}

.outsideDiv ul li {
  background: #ffffff;
  float: left;
  margin: 0px 5px;
  list-style-type: none;
  border-top: 1px solid #778899;
  border-left: 1px solid #778899;
  border-right: 1px solid #778899;
  padding: 5px;
  font-weight: bold;
}

.outsideDiv {    display: block;
    float: left;
    margin-left: 0;
    width: 800px;
}

.outsideDiv .navActive {
  background-color: #ffffff;
}

.outsideDiv .navInactive {
  background-color: #c8c8c8;
  background: url(../images/button_grad.png) repeat-x;
}

.outsideDiv li:hover{
  background: #ffffff;
  cursor: pointer;
}




.main {
    width: 800px;
    height: 1100px;
    margin: 0px 12px 12px 200px;
    float: left;
    border: 1px solid #778899;
    background-color: #ffffff;
    top: -1px;
    z-index: 1;
}

.twitterIcon, .mySpaceIcon, .emailIcon, .facebookIcon {
  width: 25px;
  height: 25px;
}

.mySpaceIcon {
  margin-bottom: 1px;
}
.emailIcon {
  margin-top: 1px;
}



.bandpicture {
  /*width: 760px;
  height: 200px;*/
  margin-left: 20px;
  border: 1px solid #696969;
}

.socialBar {
  color: #000000;
  margin: 5px 18px;
  padding: 2px;
  float: right;
  width: 170px;
  background-color: #ffffff;
 /* border: 1px solid #696969;*/
  text-align: right;
}

.socialBarText {
  float: left;
  margin-top: 5px;
}

.officialText {
  float: left;
  margin: 10px 0 2px 20px;
  font-size: 14pt;
  font-weight: bold;
}

.mainText {
  background: url(../images/verlauf.png) repeat-x; 
  background-color: #ffa800;
  border: 1px solid #696969;
  width: 550px;
  height: 750px;
  padding-left: 5px;
  margin: 18.5px;
  margin-right: 0;
  float: left;
}

.active {
  display: block;
  float: left;
  width: 550px;
  height: 750px;
}

.inactive {
  display: none;
  float: left;
}

.mainText img {
  float: left;
}

.mainText.sponsors img{
  margin-bottom: 10px;
  margin-left: 10px;
}



.dates {
  width: 180px;
  height: 210px;
  float: right;
  margin-right: 18.5px;
  margin-top: 18px;
  padding-left: 5px;
}

.sponsors {
  width: 180px;
  height: 170px;
  float: right;
  margin-right: 18.5px;
  margin-top: 20px;
  padding-left: 5px; 
  vertical-align: center;
}

.links {
  width: 180px;
  height: 170px;
  float: right;
  margin-right: 18.5px;
  margin-top: 20px;
  padding-left: 5px;
}

.rockBox, .datesCaption, .sponsorCaption {
  font-size: 13pt;
  font-weight: bold;
  height: 15px;
  float: left;
  margin-top: 10px;
}

.rockComment {
  float: right;
  font-weight: bold;
  margin-right: 10px;
  padding: 2px;
  border: 1px dotted;
  width: 110px;
}

.rockCommentText {
  margin-top: 4px;
}


a:hover {
  cursor:pointer;
}
a:visited, a:link {
  color: #000000;
}



.rockComment img {
  float: left;
  border: none;
}

.space {
  border-top: 1px dotted;
  width: 530px;
}

.divCommentDate {
  font-size: 7pt;
}

.divCommentUser {
  font-size:9pt; 
}

.imgSmallComment {
  float: left;
}

.rockComments {
  width: 550px;
  height: 665px;
  overflow: hidden;
}

.dontShow {
  display: none;
}

#errorMessage {
  color: #ff0000;
}


.pagingBarMinus{
  left: 450px;
  position: absolute;
}

.pagingBarPlus{
  left: 500px;
  position: absolute;
}

.showMore {
  font-style: italic;
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
}

#mainText3 {
  padding-left: 5px;
  padding-top: 5px;
}

#mainText5 ul {
  list-style-type: square;
  padding-left: 20px;
}