
  .useiten_navi_oben{
  margin-bottom:10px; font-size:16px; font-weight:bold
  }
  .useiten_navi_unten{
  margin-top:10px; font-size:16px; font-weight:bold
  }
  .nodata_div{
    line-height:50px;
  }
  
  .filesize{
  text-align:right !important;
  font-size:12px !important;
  }
  
  
  .songsuche_s1{
  color:red;
  }
  .songsuche_s2{
  color:#000;
  font-size:12px;
  }
  .songsuche_s3{
  color:blue;
  font-size:12px;
  }


.shorten-long-text{
   white-space: nowrap;
   overflow: hidden;
   /* width:80%; */ /* <<-- siehe .slt_radio oder slt_audio */
   /* max-width:500px; */
   text-overflow: ellipsis;
}
.slt_radio{
  width: calc( 100% - 66px - 42px - 12px - 62px - 22px );
}
.slt_audio{
   width: calc( 100% - 66px - 42px - 12px - 62px - 74px );
}
.slt_suche_sendung{
   width: calc( 100% - 66px - 60px - 74px );
}
.slt_suche_sender{
   width: calc( 100% - 66px - 60px );
}
.slt_suche_full{
   width: calc( 100% - 66px - 6px );
}
  
  .sender_balken{ 
  height:54px;
  max-width:660px;
  }
  .coverimg{
  float:left; margin:1px;
    background:#FFF;
    border-style:solid;
    border-width:1px;
    border-color:#EAE9E5;
    width:50px;
  }
  .coverimg_logo { 
  width:48px; 
  max-height:48px; /* wg. /hoerbuch/hsp_img/hsp112.jpg << 199x200 */
  padding:1px; 
  vertical-align:middle;
  }
  .coverimg_info {
  max-width:50px;
  vertical-align:middle;
  padding: 13px 12px;
  }
  
  .audiolink {
  float:left; margin:1px;
  	border-style:solid; 
  	border-width:1px; 
  	border-color:#EAE9E5; 
  	line-height:15px;
  	font-size:14px;
  	font-family:arial;
  	padding-left:6px;
  	padding-right:6px;
    
    padding-top:10px;
    height:40px;
  }
  .audiolink_3zeilen {
  float:left; margin:1px;
  	border-style:solid; 
  	border-width:1px; 
  	border-color:#EAE9E5; 
  	line-height:13px !important;
  	font-size:14px;
  	font-family:arial;
  	padding-left:6px;
  	padding-right:6px;
    
    padding-top:6px;
    height:44px;
  }
  .audiolink_desc {
  font-size:11px; 
  font-weight:normal;
  color:#000;
  }
  .songlink {
  float:left; margin:1px;
  	border-style:solid; 
  	border-width:1px; 
  	border-color:#EAE9E5; 
  	line-height:15px;
  	font-size:14px;
  	font-family:arial;
  	padding-left:6px;
  	padding-right:6px;
    
    padding-top:10px;
    height:40px;
  }
  
  .audiolink a:link {color: #0000FF; font-weight:lighter; }
  .audiolink a:visited {color: #0000FF; font-weight:lighter; }
  .audiolink a:hover {color: #0000FF; font-weight:lighter; }
  .audiolink a:active {color: #0000FF; font-weight:lighter; }
  
  .audiolink_3zeilen a:link {color: #0000FF; font-weight:lighter; }
  .audiolink_3zeilen a:visited {color: #0000FF; font-weight:lighter; }
  .audiolink_3zeilen a:hover {color: #0000FF; font-weight:lighter; }
  .audiolink_3zeilen a:active {color: #0000FF; font-weight:lighter; }
  
  .wertung {
  float:left; margin:1px;
    background:#FFF;
  	border-style:solid;
  	border-width:1px;
  	border-color:#EAE9E5;
  	font-family:arial;
  	font-size:10px;
  	padding-left:6px;
  	padding-right:6px;
    
    /* padding-top:22px;
    padding-bottom:22px; */ 
    line-height:50px;
    width: 40px;
  }
  .ranking {
  float:left; margin:1px;
    background:#FFF;
  	border-style:solid;
  	border-width:1px;
  	border-color:#EAE9E5;
  	padding-left:6px;
  	padding-right:6px;
    
  height:50px;
  position: relative;
  display: table;
  vertical-align: middle ;
  }
  .ranking img { 
  width:60px;
  display:inline;
  vertical-align: middle ;
  }
  
  .inner {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    text-align: center;
    /* siehe http://www.pmob.co.uk/temp/vertical-align3.htm */
  }