body {
 margin: 0px;
 padding: 0px;
 font-family: Arial;
}
div.body
{
 padding: 10px;
}

h2
{
 font-size: 24pt;
}
p
{
 font-size: 20pt;
}

.comment
{
 text-align: center;
}

.header, .footer {
 background-color: #9000FF;
 text-align: center;
 padding: 5px;
 margin: 0px;
}

.footer a,
.footer p
{
 font-size: 1rem;
 line-height: 1.5;
 font-weight: 400;
 text-decoration: none;
 color: #A8A8A8;
 font-family: "Roboto", Sans-serif;
 text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
#hilweblogo {
    vertical-align: middle;
}

div.bodytext
{
 padding: 0px 140px;
 text-align: center;
}

.header > img {
}
.h.n, .m.n, .s.n {
 color: #FF0000;
}

img.burger
{
}
input[type=checkbox].burger
{
 position: absolute;
 opacity: 0;
 z-index: 2;
 width: 64px;
 height: 64px;
 cursor: pointer;
}
ul.menu
{
 list-style-type: none;
 margin: 0px;
 padding: 0px;
 background-color: #FFFFFF;
}
ul.menu > a > li
{
 margin: 0px;
 padding: 5px;
 background-color: #FFFFFF;
}
ul.menu > a > li:hover
{
 background-color: #AAAAAA;
}
ul.menu > a
{
 text-decoration: none;
 color: #000000;
}
input[type=checkbox].burger:checked ~ ul.menu
{
 display: block;
}
input[type=checkbox].burger ~ ul.menu
{
 display: none;
}
input[type=checkbox].burger:checked ~ img
{
 content: url("icons8-close-64.png");
}
a
{
 color: #000000;
}


.abschaltentext
{
 display: block;
}

.e
{
 text-align: center;
}

button {
 width: 100%;
}

#audioTitles > .radiodescription {
 display: grid;
 grid-template-columns: 25% 25% 25% 25%;
 padding: 0px;
 margin: 5px;
 font-size: 0.5em;
 background-color: #FFEEEE;
}
#audioTitles > .radiodescription > .button {
 grid-column: 1 / span 4;
}
#audioTitles > .radiodescription > .content.l {
 grid-column: 1 / span 2;
}
#audioTitles > .radiodescription > .content.r {
 grid-column: 3 / span 2;
}
#audioTitles > .radiodescription > .content.l.CurrentListeners {
 grid-column: 1 / span 1;
}
#audioTitles > .radiodescription > .content.r.CurrentListeners {
 grid-column: 2 / span 1;
}
#audioTitles > .radiodescription > .content.l.PeakListeners {
 grid-column: 3 / span 1;
}
#audioTitles > .radiodescription > .content.r.PeakListeners {
 grid-column: 4 / span 1;
}



#audioTitles > .radiodescription > .t.content.l {
 /*grid-area: tcontentl;*/
}
#audioTitles > .radiodescription > .t.content.r {
 /*grid-area: tcontentr;*/
}
#audioTitles > .radiodescription > .content.l {
 /*grid-area: contentl;*/
}
#audioTitles > .radiodescription > .content.r {
/* grid-area: contentr;*/
}
#audioTitles > .radiodescription > .button > button {
 background-color: #FFEEEE;
 border: 1px solid #EEDDDD;
}
#audioTitles > .radiodescription > .t {
 font-size: 1em;
}

#audioTitles > .radiodescription > .t {
 background-color: #DDCCCC;
}

#audioTitles > .radiodescription > span {
 display: block;
 padding: 5px;
}
#audioTitles > .radiodescription > span:nth-child(2n+0) {
 text-align: left;
}
#audioTitles > .radiodescription > span:nth-child(2n+1) {
 text-align: right;
}





#audioTitles > .radiodescription.selected {
 background-color: #EEFFEE;
}
#audioTitles > .radiodescription.selected > .button {
 background-color: #EEFFEE;
}
#audioTitles > .radiodescription.selected > .button > button {
 background-color: #EEFFEE;
}

#audioTitles > .radiodescription.selected > .t {
 background-color: #CCDDCC;
}



.CurrentListeners, .PeakListeners {
 
}
#audioTitles > .radiodescription > .StreamDescription,
#audioTitles > .radiodescription > .StreamName,
#audioTitles > .radiodescription > .StreamTitle
{
 
}
#audioTitles > .radiodescription > .StreamGenre,
#audioTitles > .radiodescription > .StreamURL,
#audioTitles > .radiodescription > .ContentType,
#audioTitles > .radiodescription > .MountStart,
#audioTitles > .radiodescription > .Bitrate
{
 display: none;
}

.CurrentSong {
 
}


pre {
 text-align: left;
 font-size: 10pt;
}