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


table.surface
{
width:100%;
}

      a { text-decoration:none; color:#C0C0C0;}
      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: 1.5vw; font-family: "Times New Roman", Times, serif; font-weight: bold; text-decoration:none; color:#D0D0D0;margin-right: 1.5vw;}
      a.type3:link { text-decoration:none;}
      a.type3:focus { outline: 1px solid #A0A0A0}
      a.type3:hover { text-decoration: underline; color:#F0F0F0;}

      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.2vw; 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:#D0D0D0;}
      span.textnormal{font-size: 1vw; font-family: "Times New Roman", Times, serif; text-decoration:none; color:#C0C0C0;}

      span.meer_1{font-size: 4vw; font-family: "Times New Roman", Times, serif; text-decoration:none; color:#A0A0A0;}
      span.meer_2{font-size: 2.5vw; font-family: "Times New Roman", Times, serif; text-decoration:none; color:#A0A0A0;}
      span.meer_3{font-size: 1.5vw; font-family: "Times New Roman", Times, serif; text-decoration:none; color:#A0A0A0;}
      span.meer_4{font-size: 1vw; font-family: "Times New Roman", Times, serif; text-decoration:none; color:#A0A0A0;}
      span.meer_5{font-size: 0.5vw; font-family: "Times New Roman", Times, serif; text-decoration:none; color:#A0A0A0;}

      span.videotitel{font-size: 80%; font-family: "Times New Roman", Times, serif; text-decoration:none; color:#D0D0D0;}

      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{
    position:absolute;
    float:right;
    top:9vw;
    margin-right:4vw;
    margin-left:4vw;
}

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

.update {
    position:absolute;
    top:52vw;
    left:46vw;
    font-size: 1.0vw;
    font-family: "Times New Roman", Times, serif;
    text-decoration:none;
    text-align: center;
    color:#505050;
}

.filetext{
    position:absolute;
    width:90%;
    height: 70px;
    float:left;
    top:8vw;
    left:4vw;
    color:#A0A0A0;
    font-size: 1.0vw;
}

.filearea {
    position:absolute;
    margin:2.0vw;
    padding:2.0vw;
    width:90%;
    height: 30vw;
    top:13vw;
    left:1vw;
    float: left;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-flow: row wrap;
    background-color: #012;
    overflow-y: auto;
}

.fileitem{
    width: 160px;
    height:90px;
    float: center;
    margin:16px;
}

.videogallerie {
    width:90%;
    margin:4.3vw;
    float: right;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row-reverse wrap;
}

.videotn{
    width: 120px;
    height:90px;
    flex: 0 1 auto;
}

.videoplayer{
    width: 480px;
    margin:4vw;
    border: 3px solid #555;
}

.spaceleft{
    position:absolute;
    left:1vw;
    top:12vw;
      width:48%;
      height:300px;
	float:left;
    }

.spaceright{
    position:absolute;
    left:48vw;
    top:12vw;
      width:42%;
      height:300px;
	float:right;
}

.playlist{
      margin: 4vw;
}

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


.theater {
    position:absolute;
    left:1vw;
    top:9vw;
    margin:3vw;
    float: right;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
}

.theateritem{
    flex: 0 1 auto;
}

.theatermusikplayer {
    flex: 4 4 auto;
}

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

.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:24vw;
top:10vw;
float:right;
width:600px;
margin-right:4vw;
height: 380px;
}

.impressum{
position:absolute;
left: 8vw;
top: 10vw;
font-size: 1.5vw;
color:#909090;
}

.datenschutz{
position:absolute;
left: 8vw;
top: 15vw;
width:800px;
height: 420px;
overflow-y: auto;
font-size: 1.2vw;
}