/*  
Style.css for Radio Metro Lyttepanel
Author: Alf Otto Fagermo
Website: https://fairmedia.no
*/
html {
background:#FFF; }

body { 
color: #000;
font-family: "Roboto Condensed",Arial,sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.625;
width: 720px; 
height: 576px; 
 }
#kanalwrapper {
width: 100%;
padding-top: 1%;
height: 500px;
display: block; 
position: relative; 
z-index: 1;
}
#kanaler {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
padding-left: 3%;
margin-top: -4%;
}
#kanaler li {     list-style: none;
    display: inline-block;
    width: calc(85% / 3);
    height: 120px;
    text-align: center;
background-color: transparent;
line-height: 40px;
margin-right: 20px; 
margin-bottom: 20px;
}

#kanaler li p img { width: 100px; height: 100px; margin: 0 auto; }

#kanaler li div { position: relative; }

#kanaler li div img { width: 100px; height: 100px; margin: 0 auto; padding-top: 20px; }

#kanaler li a {
  text-decoration: none;
  color: #000;
}

#kanaler li a:hover {
  text-decoration: none;
  color: #999;
}

#kanaler li a.down {
text-decoration: none; 
color: #333;
opacity: 0.7;
}


#kanaler li a.down:before {
    content:url(play-knapp2.png);
    position:absolute;
    z-index:2;
    top:40;
    left:78;
}

#kanaler li div { 
display: flex;
    justify-content:center;
    align-content:center;
    flex-direction:column;
}

#kanaler p { 
display: flex;
    justify-content:center;
    align-content:center;
    flex-direction:column;
margin-top: -5px;
}

#spillere { width: 1px; height: 1px; display: none; }
.copyright { font-size: 10px; font-family: Roboto; color: #999; padding-top: 10px;}