@viewport{
  width: extend-to-zoom;
   zoom: 1.0; 
}
@-ms-viewport{
  width: extend-to-zoom; 
   zoom: 1.0; 
}
body {
      font:13px Source Sans Pro, sans-serif;
                margin:0;
                padding: 0;
                background: #fff;
        }

.hauptidxusa {
    width: 100%;height: auto
}
.hauptidxuk {
    width: 100%;height: auto;
}

        #site  {
                color: #111;
                }
.charteintragidx { float: left;height: auto; width: 100%;background: #e0effe }
.eintragidx { float:left;height: 71px;display: block;width: 99.4%;padding: 6px 0.6% 2px 0;border-bottom: 1px solid #666; }
.poseintragidxnr1 { float: left;width: 9.3%;height: 35px;margin: 14px 0 0 1%;font-size: 200%;font-weight: 900;display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffe53b;
  border: 1px solid #BDAB30;  
    border-radius: 50% 50%;
    -webkit-box-shadow: 2px 3px 3px 0px rgba(0,0,0,0.99);
-moz-box-shadow: 2px 3px 3px 0px rgba(0,0,0,0.99);
box-shadow: 2px 3px 3px 0px rgba(0,0,0,0.99);
 }
.poseintragidx { float: left;width: 9.3%;height: 35px; margin: 14px 0 0 1%;font-size: 200%;font-weight: 900;display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
   border: 1px solid #ddd;
    border-radius: 50% 50%;
        -webkit-box-shadow: 2px 3px 3px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 2px 3px 3px 0px rgba(0,0,0,0.4);
box-shadow: 2px 3px 3px 0px rgba(0,0,0,0.4);  
 }
.videintragidx { float: left;width: 33.3%;max-width: 136px;height: 60px;padding: 3px 0.5% 3px 0.5%;margin-right: 0.7%;display: flex;align-items: center;justify-content: center;position: relative;background-image: url( '../../299vidpic/playbut.png' ) !important; background-repeat: no-repeat; background-size: contain;background-position: center center;-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.75);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.75);border-radius: 9px;overflow: hidden }
.videintragidx img { image-rendering: pixelated;transform: scale(1.05, 1.05);margin: 0 0 4% 0 !important;max-width: 134px;  min-height: 95px;
    object-fit: cover; }                                                                                                                                                                        
.videintragidx:hover { border: 1px solid rgb(238,203,40,0.85);-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,1);
-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,1);
box-shadow: 1px 1px 2px 0px rgba(0,0,0,1); }
.songtxtidx { float: left;font-size: 97%;width: 100%;
    white-space: nowrap;overflow: hidden;text-overflow: ellipsis }
.flexsongtxt { float: left; width: 48.6%;height: 65px;padding: 3px 2.2% 3px 2.6%;display: flex; align-items: center;justify-content: left; }
.no1idx {
    max-height: 19px;
    padding: 5px 0 8px 0;
    font-weight: 900;
    font-size: 17px;
    background: #121212;
    color: #eee;
    text-align: center;
}
.top100link_wo { margin-top: 1px;width: 100%;text-align: center;float: left }
a.idxsonglink { display: inline-block; font-size: 117%;color: #111;width: 97%;min-width: 134px;height: auto;padding: 2px 1.5% 4px 1.5%;white-space: normal;overflow: hidden;text-overflow: ellipsis }
a:hover.idxsonglink { background: rgb(238,203,40,0.55);background-position: -5px 100%;text-decoration: underline; color: #111 }
a.top100link {     
    display: block;
    font-size: 16px;
    background: #288bee;
    height: 18px;
    padding: 8px 0 12px 0;
    color: #fff
}
a:hover.top100link { background: #eecb28;text-decoration: underline; color: #111 }
.videintragidx img.opac {
  width: 100%; 
  height: auto;
  opacity: 1;
	filter: alpha(opacity=70)
	}
.videintragidx img.opac:hover {
	opacity: 0.6;
	filter: alpha(opacity=70);
	}
@media only screen and (max-width: 329px) {
.poseintragidxnr1 { width: 10.3% }
.poseintragidx { width: 10.3% }
.flexsongtxt { width: 47.6% }

}