body
{
background-color:#101010;
color:#000;
margin:0px;
}


table.surface
{
width:100%;
}

      a { text-decoration:none; color:#A01010;}
      a:link { outline: 0px solid white;}
      a:focus { outline: 0px solid white;}

      a.type2 { text-decoration:none; color:#C0C0C0;}
      a.type2:focus { outline: 0}
      a.type2:hover { outline: 1px solid white;}

      a.type3 {font-size: 20px; font-family: "Times New Roman", Times, serif; font-weight: bold; text-decoration:none; color:#791818;margin-right: 1.5vw;}
      a.type3:link { text-decoration:none;}
      a.type3:focus { outline: 1px solid #A0A0A0}
      a.type3:hover { text-decoration: underline; color:#CB1313;}

      a.type5 {font-size: 1.5vw; font-family: "Times New Roman", Times, serif; font-weight: bold; text-decoration:none; color:#FFFFFF;margin-right: 1.5vw;}

      a.type4 {font-size: 1.0vw; font-family: "Times New Roman", Times, serif; font-weight: bold; text-decoration:none; color:#D0D0D0; margin-right: 1.5vw;}
      a.type4:link { text-decoration:none;}
      a.type4:focus { outline: 1px solid #A0A0A0}
      a.type4:hover { text-decoration: underline; color:#F0F0F0;}

      a.type6 {font-size: 1.2vw; font-family: "ARIAL"; font-weight: bold; text-decoration:none; color:#D0D0D0;}
      a.type6:link { text-decoration:none;}

      span.haupttitel{font-size: 3vw; font-family: "Impact", Charcoal, sans-serif; text-decoration:none; color:#D0D0D0;}
      span.zwischentitel{font-size: 2vw; font-family: "ARIAL"; text-decoration:none; color:#604000;}
      span.textnormal{font-size: 1vw; font-family: "Times New Roman", Times, serif; text-decoration:none; color:#604000;}

      span.songtitel{font-size: 1.3vw; font-family: "ARIAL"; text-decoration:none; color:#D0D0D0;}

      span.theatertitel{font-size: 2vw; font-family: "ARIAL"; text-decoration:none; color:#D0D0D0;}
      span.theaterdesc{font-size: 1vw; font-family: "ARIAL"; text-decoration:none; color:#A0A0A0;}
      span.theatermusiktitel{font-size: 80%; font-family: "ARIAL"; text-decoration:none; color:#D0D0D0;}


.menuleiste{
    color:#100000;
    position:absolute;
    top:1vw;
    margin-bottom:2vw;
    margin-right:4vw;
    margin-left:3vw;
}

.fussleiste{
    position:absolute;
    top:54vw;
    margin-right:4vw;
    margin-left:4vw;
}

.update {
    top:63vw;
    left:46vw;
    font-size: 80%;
    font-family: "Times New Roman", Times, serif;
    text-decoration:none;
    text-align: center;
    color:#C0B0A0;
}


.playlist{
    margin: 4vw;
}

.cdcover{
   	float:right;
    margin: 6vw;
}


.fotoviewer {
    position:absolute;
    width:96vw;
    top: 12vw;
    padding:1vw;
}

.musicplayer{
    position:absolute;
    left: 8vw;
    top: 28vw;
    padding:1vw;
    color:#C0B0A0;
}

.scrollcontent {
    margin: auto;
    height: 250px;
    overflow: auto;
    padding: 8vw;
}


.centered{
    position:absolute;
    width:800px;
    margin-left: auto;
    margin-right: auto;
    padding:2vw;
    height: 380px;
}

.leftroom{
    position:absolute;
    left: 10vw;
    top: 12vw;
    padding:4vw;
}

.welcome{
    position:absolute;
    left: 20vw;
    top: 20vw;
}

.newslist{
    position:absolute;
    left:4vw;
    top:8vw;
    float:right;
    width:700px;
    margin-right:4vw;
    height: 700px;
    overflow-y: auto;
}

.texthallo{
    position:absolute;
    left:4vw;
    top:18vw;
    width:50%;
    color:#D0C0B0;
    font-size: 1.2vw;
}

.impressum{
    position:absolute;
    left: 8vw;
    top: 12vw;
}

.datenschutz{
    position:absolute;
    left: 8vw;
    top: 10vw;
    width:80vw;
    height: 40vw;
    overflow-y: auto;
}

.liebgut{
    position:absolute;
    left:5vw;
    top:8vw;
    border: 3px solid #555;
}