.hauptinhalt {
  max-width: 960px;
  margin: auto;
}
/*
.hauptinhalt img {
	display: block;
}
*/

.hauptinhalt ul {
    /*background-color: silver;
    background-color: hsla(0, 0%, 100%, 0.5);*/
	font-size: 100%;
    position: absolute;
    top: 120;
    width: 100%;
    line-height: 2em;
    text-align: left;
}

body {
    font-family:Courier,Arial,sans-serif;
    font-size: 100%;
    color: white;
    background-color: black;
	/*background-image: url("background.png");*/
	background-repeat: no-repeat;
}

html {overflow-y: scroll;}


  ul#Navigation {
    font-family: Courier,Arial,sans-serif;
    text-align: left; width: 17em;
    color: white;
}

  ul#Navigation li {
    list-style: none;
    float: left; width: 17em;
}

  ul#Navigation a, ul#Navigation span {
	padding: 0.0em 	1.0em;
    float: left; width: 17em;
    text-decoration: none;
    color: white;
}

  ul#Navigation a:hover, ul#Navigation span {
	padding: 0.0em 	1.0em;
    color: black; background-color: silver;
}

  ul#Navigation div {
     clear: left;
}

  ul#Playlist {
    font-family: Courier,Arial,sans-serif;
    text-align: left; width: 17em;
    color: white;
}

  ul#Playlist li {
	list-style: none;
    float: left; width: 17em;
	/*list-style-position: inside;
	display: list-item;
	direction: rtl;
	list-style-image: url('./playbutton_menue.png');*/
}
  ul#Playlist li::before {
     position:absolute;
     left: 0em;
     content: url('./playbutton_menue.png') " " ;
}

  ul#Playlist a, ul#Playlist span {
	padding: 0.0em 	1.0em;
    float: left; width: 17em;
    text-decoration: none;
    color: white;
}

  ul#Playlist a:hover, ul#Playlist span {
	padding: 0.0em 	1.0em;
    color: black; background-color: silver;
}

  ul#Playlist div {
     clear: left;
}