#logo_small {
   background: url(img/baobab.png) no-repeat;
   width: 50px;
   height: 50px;
   /* background-size: cover; */ /* geht nur wenn bild quadratisch */
   
   /* background-size: 90px; */ /* background-size: auto; */
   background-size: 80% auto; /* width 95% + height mittig */
   background-position:center; /* bild mittig ausrichten */
   
   border: none;
	}
  
  #logo {
   background: url(img/baobab.png) no-repeat;
   width: 90px;
   height: 90px;
   /* background-size: cover; */ /* geht nur wenn bild quadratisch */
   
   /* background-size: 90px; */ /* background-size: auto; */
   background-size: 80% auto; /* width 95% + height mittig */
   background-position:center; /* bild mittig ausrichten */
   
   border: none;
	}
  
  /* am besten fuer einzelne logos ... */
  .play_div {
   -moz-transition: all 0.1s ease 0s;
   -webkit-transition: all 0.1s ease 0s;
   transition: all 0.1s ease 0s;
   opacity: 0;
   overflow: hidden; /* bild ausblenden, nur beim hover einblenden */
   
   background: url(../images/elemente/play_full.png) no-repeat;
   background-size: cover;
   
   width: 90px;
   height: 90px;
   
  /* border-width: 2px; border-color: #FFF; border-style: solid; */
  }
  .play_div:hover {
  opacity: 1; /* bild einblenden */
  
  background: url(../images/elemente/play_full.png) no-repeat;
  background-size: cover;
  /* filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; */
  
  /* border-width: 2px; border-color: #468FFD; border-style: solid; */
  }
  
  
  
  
  .div_aussen1 {
  width: 470px;
  border-width: 2px; border-color: #DDD; border-style: solid;
  }
  
  .div_aussen1:hover {
  border-width: 2px; border-color: #DDD; border-style: solid;
  }
  
  
  
  
  .div_aussen2 {
   -moz-transition: all 0.1s ease 0s;
   -webkit-transition: all 0.1s ease 0s;
   transition: all 0.1s ease 0s;
   opacity: 0;
   overflow: hidden; /* bild ausblenden, nur beim hover einblenden */
   
   background: url(../images/elemente/play_long.png) no-repeat;
   background-size: 52px 50px;
   background-position:left;
    
   height: 50px;
   
  border-width: 2px; border-color: #DDD; border-style: solid;
  }
  .div_aussen_width_radio {
   width: 470px;
   width: calc( 100% - 42px - 12px - 62px - 22px );
  }
  .div_aussen_width_audio {
   width: 470px;
   width: calc( 100% - 42px - 12px - 62px - 74px );
  }
  .div_aussen_width_sendung { /* fuer suche */
   width: 470px;
   width: calc( 100% - 42px - 12px - 62px - 18px );
  }
  .div_aussen_width_sender { /* fuer suche */
   width: 470px;
   width: calc( 100% - 60px );
  }
  .div_aussen_width_full { /* fuer suche */
   width: 470px;
   width: calc( 100% - 6px );
  }
  
  .div_aussen2:hover {
  opacity: 1; /* bild einblenden */
   
  background: url(../images/elemente/play_long.png) no-repeat;
   
   background-size: 52px 50px;
   background-position:left;
  /* filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; */
  
  border-width: 2px; border-color: #468FFD; border-style: solid;
  }