/*

            radio.css
            
            style voor draaiknop draadOmroep
            kast + knop

*/


        #dvMenu  #dvDistri               /* extra selector nodig om erven van achtergondkleur te voorkomen */
        {
            position:       absolute;
            
            /*margin-top:     10px;*/
            
           background-color:   unset;  /* achtergrondkleur van de parent gebruiken */
        }

    
        
        #distriKast
        {
            position:            absolute;

          /*
            top:                4%;
            left:               10%;
          */
            
            left:          20px;  
            width:             121px;   /* 50% werkelijke breedte */

     /*  background-color:   green;*/
       
            transition:                     opacity; 
            transition-duration:            3s;
            transition-timing-function:     linear;
        
            visibility:     hidden;
            opacity:   0.01;

        }
        


        #distriKnop
        {
            display:    inline-block;
            
            position:   absolute;
            
           /* top:                70%; */
           /*margin-top:  100px;*/
            top:        22px;
            left:         59px;     /*78px;*/

            width:             44px;    /* 50% werkelijke breedte (portret) 92 x 179 */

        
      /*  background-color:   yellow;*/
                        
            transition:                     opacity; 
            transition-duration:            3s;
            transition-timing-function:     linear;
        
            visibility:     hidden;
            opacity:   0.01;
            
            
           /* draaiknop staat oorspronkelijk op  -2-  */
            transform:          rotateZ(  62.5deg );   /* 85 = H4  - 22.5 deg voor elke volgende keuze stand */
        
        }
        
        
        #luidspreker
        {
            display:    inline-block;
            
            width:      100px;
            float:      left;
            
            transition:                     opacity; 
            transition-duration:            3s;
            transition-timing-function:     linear;
        
            visibility:     hidden;
            opacity:   0.01;
            
        }