/* ===================================================================================================== */
        body, BODY {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:1em;}
        html { padding: 0;} 

        A:link		{text-decoration: none; color: #0237A3; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:1em;}
        A:visited 	{text-decoration: none; color: #0237A3; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:1em;}
        A:active 	{text-decoration: none; color: #0237A3; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:1em;}
        A:hover 	{text-decoration: underline; color: #0237A3; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:1em;}
        
        
        /* ===================================================================================================== */
        /* base, green */
        .page_content{width:100%; background-color:#ffffff; }
        
        .container_head{background-color:#EFEFEF;padding-top:12px; padding-bottom:12px;}
        .header_2_l{width:400px; height: 64px; float:left;}
        .header_2_m{ height: 64px; float:left; text-align:left;}
        .header_2_r{width:390px; height: 64px; float:left; text-align:right; visibility:hidden; display: none;}
        
        /* fb and radio hidden in lower 480 and 1024, show at bottom page */
        .header_2_m_bottom{float:left; width:180px; height: 64px; text-align:center; visibility:visible; display: block;}
        .header_2_r_bottom{float:left; width:200px; height: 64px; text-align:center; visibility:visible; display: block;}
        
        
        .logo_slogan{font-size:0.9em; color:#A0A0A0;}
        
        /* clearer */
        .clearer{clear:both; height:1px; line-height:1px; font-size:1px; background-color:#ffffff;}
        
        /* radio */
        .header_2_r_1{width:150px;float:left;text-align:center; margin-top:4px;}
        .header_2_r_1_head{font-family:arial; font-size:15px; font-weight:bold; color:#A52A2A;}
        .header_2_r_1_text{font-family:arial; font-size:10px; font-weight:normal; color:#353535; line-height:110%; }
        
        .container_1{visibility:hidden; display: none; clear:both;}
        .container_1_bottom{visibility:visible; display: block; background-color:#ffffff; width:99%;  clear:both;}
        .top_nav_1{float:left; width:49%; font-size:0.9em; text-align:center; }
        .top_nav_2{float:left; width:49%; font-size:0.9em; text-align:center;}
        
        .container_2{background-color:#efefef; width:100%; margin-top:0px; margin-bottom:8px; padding-top:8px; padding-bottom:8px;}
        .container_2_inner{visibility:visible; display: block; clear:both; background-color:#efefef; width:100%; padding-top:2px; padding-bottom:2px;}
        .container_2_inner_spare{visibility:hidden; display: none; }
        
        .ad_pos_2{width: 99%; margin-bottom:8px; text-align:center; }
        .ad_pos_4{width: 300px; height:350px; margin-bottom:8px; margin-left:2px;}
        
        .content_header{font-size:1.2em; font-weight:bold; color:#343434; clear:both;padding-left:6px;}
        .content_header_sub{font-size:13px; font-weight:normal; color:#a0a0a0; clear:both;}
        
        .list_row_1{width:580px; padding:5px; margin-top:4px;}
        .list_row_1_mini{height:48px;border-bottom:1px solid #e8e8e8;padding:5px;}
        .list_row_1_html5{width:580px;height:60px;border-bottom:1px solid #e8e8e8;padding:5px;}
        .list_row_el1{float:left;width:46px;height:37px;border:0px solid #a0a0a0;}
        .list_row_el2{float:left;width:450px;border:0px solid #a0a0a0;}
        .list_row_el2_title{font-size:1.2em;}
        .list_row_el2_text{font-size:1em;}
        .list_row_el2_mini{float:left;width:230px;border:0px solid #a0a0a0;margin-top:8px;}
        
        .list_row_el3{float:left;margin-left:5px;width:50px; border:0px solid #a0a0a0;text-align:center;padding-top:0px;}
        .list_row_el_subset_text{color:#A52A2A;font-size:1em;font-weight:bold;}
        .list_row_el_top100_text{background-color:#D55A5A;font-size:11px;font-weight:bold; color:#ffffff; border-radius:2px; padding:1px;}
        

        .tag_el{padding-right:10px;padding-left:2px;font-size:1.1em;font-weight:normal;color:#a52a2a;}
        
        .btn_play{visibility:hidden;display:none; width:48px; height:48px;  background: url(/images/btn_play_responsive_48.gif); cursor: pointer; cursor: hand; border:0px;}
        .btn_pause{visibility:visible;display:inline; width:48px; height:48px; background: url(/images/btn_stop_responsive_48.gif); cursor: pointer; cursor: hand; border:0px;}
        
        .main_content{clear:both; background-color:#ffffff; padding:2px; width:99%;}
        .main_content_right{width:99%; margin-top:8px; background-color:#ffffff;}
        
        .page_navi{visibility:visible; display:block; width:620px; border:0px solid #e8e8e8; padding:5px; font-size:1.2em; font-weight:bold; text-align:center;}
        .page_navi_short{visibility:hidden; display:none; }
        
        .header_title{margin-top:-8px; font-size:1.2em; font-weight:bold;}
        
        .sound_1{float:left; margin-left:20px; padding-left:10px;width:270px;text-align:left;font-size:1.1em;border:0px solid #e8e8e8; color:#666666;}
        .sound_2{width:270px;font-size:13px;font-weight:bold;}
        .sound_3{font-size:15px;width:270px;}
        .sound_4{width:270px;font-size:13px;font-weight:bold;}
        .sound_5{font-size:15px;width:270px;}
        .sound_6{width:270px;font-size:13px;font-weight:bold;}
        .sound_7{width:270px;text-align:left;font-size:15px;}
        .sound_8{width:270px;font-size:13px;font-weight:bold;}
        .sound_9{width:270px;text-align:left;font-size:15px;}
        .sound_10{width:270px;font-size:13px;font-weight:bold;}
        .sound_11{width:270px;text-align:left;font-size:15px;}
        .sound_12{min-height:62px; width:99%; text-align:left; font-size:1.1em; padding:3px; padding-top:8px; border-bottom:1px solid #a52a2a; border-top:1px solid #a52a2a;}
        .sound_play_1{float:left; width:45%;height:50px;text-align:left;font-size:1.1em;padding:3px;}
        .sound_load_1{float:left; width:49%;height:50px;text-align:left;font-size:1.1em;padding:3px;}
        .sound_share{width:99%;height:30px;text-align:center;font-size:0.8em; margin-top:10px; }
        .sound_bestaetigung{font-size:0.9em; font-weight:normal; z-index:1001; position: absolute;  left:10; width:90%; margin-top:-40px;  text-align:center; padding:5px; border:2px solid #A52A2A; background-color:#e8e8e8; -moz-border-radius: 4px;border-radius: 4px; -moz-box-shadow:    0px 0px 8px #A52A2A; -webkit-box-shadow: 0px 0px 8px #A52A2A; box-shadow: 0px 0px 8px #A52A2A;}
        .sound_bestaetigung_sub{font-size:0.9em; font-weight:normal; z-index:1001; position: absolute; left:10; width:90%; margin-top:-90px;  text-align:center; padding:5px; border:2px solid #A52A2A; background-color:#e8e8e8; -moz-border-radius: 4px;border-radius: 4px; -moz-box-shadow:    0px 0px 8px #A52A2A; -webkit-box-shadow: 0px 0px 8px #A52A2A; box-shadow: 0px 0px 8px #A52A2A;}
        .sound_subset_label{background-color:#7CE48F; border:0px solid #A64040; border-radius:2px; padding:1px; font-size:11px; color:#A64040; font-weight:bold;}
        .sound_subset_label_sign{background-color:#0BC42C; color:#ffffff; font-size:11px; font-weight:bold;}
        .sound_subset_td{text-align:center; background-color:#e8e8e8; font-size:1em; padding:5px; float:left; margin:5px; width:60px;}
        
        
        
        .radio_img_div{width:600px; height:220px;}
        .radio_img_btn{padding-top:62px;}
        
        .right_video_global{margin:3px; border:1px solid #e8e8e8;padding:4px;font-size:1em;font-weight:bold;background-color:#F2F2F2;-moz-border-radius: 4px 4px; border-radius: 4px 4px; }
        .right_text_1{margin:3px; font-size:1em;font-weight:bold;color:#a0a0a0;line-height:1.5;}
        .right_text_warn_1{height:50px;margin-top:20px;}
        .right_text_warn_2{float:left;width:40px;height:40px;padding-top:3px;}
        .right_text_warn_3{float:left;width:200px;height:40px;margin-left:10px;color:#a0a0a0; font-size:0.8em;}
        .right_text_navi_1{float:left; margin:3px; width:300px;border:1px solid #e8e8e8;padding:10px;font-size:1em;font-weight:bold;background-color:#F2F2F2;-moz-border-radius: 4px 4px; border-radius: 4px 4px;}
        .right_text_navi_2{font-size:1em;font-weight:bold;color:#a0a0a0;line-height:1.5;}
        .right_text_navi_el{padding-right:5px;color:#a52a2a;}
        
        .right_ext_links_1{margin:3px; width:300px; border:1px solid #e8e8e8;padding:10px;font-size:1em;font-weight:bold;background-color:#F2F2F2;-moz-border-radius: 4px 4px; border-radius: 4px 4px;}
        .right_ext_links_el{font-size:1em;font-weight:bold;color:#a0a0a0;line-height:1.5;text-align:center;}

        .right_ext_links_2{float:left; margin:3px; width:300px; border:1px solid #e8e8e8;padding:10px;font-size:1.0em;font-weight:bold;background-color:#F2F2F2;-moz-border-radius: 4px 4px; border-radius: 4px 4px;}
        .right_ext_links_3{font-size:1em;font-weight:bold;color:#a0a0a0;line-height:1.5;}
        .right_ext_links_3_el{font-size:1.0em;font-weight:bold;color:#a0a0a0;}

        #eucookielawbox {z-index:9999; background-color:#F2F2F2; padding:4px; font-size: 0.8em; color:#505050; position:fixed; bottom:0px; width:99%; border-top:1px solid #a0a0a0; text-align:center;}
		#eucookielawbox_top {background-color:#F2F2F2; padding:4px; font-size: 0.8em; font-weight:bold; color:#505050; text-align:center; padding-bottom:14px;}
        /* ===================================================================================================== */
        /* screen more 1024px, blue */
        @media screen and (min-width: 1000px) {
                .page_content{width: 990px; margin: 0 auto; background-color:#ffffff; }
                
                
                .container_head{ padding-top:12px; padding-bottom:12px;}
                .header_2_l{width:400px; height: 64px; float:left;}
                .header_2_m{width:300px; height: 64px; float:left; text-align:center; }
                .header_2_r{width:200px; height: 64px; float:left; text-align:right; visibility:visible;display: block;}
                
                /* fb and radio hidden in lower 480 and 1024, show at bottom page */
                .header_2_m_bottom{width:180px; height: 64px; text-align:center; visibility:hidden; display: none;}
                .header_2_r_bottom{width:200px; height: 64px; text-align:center; visibility:hidden; display: none;}
        
                .logo_slogan{font-size:0.9em; color:#A0A0A0;}
                
                .container_1{visibility:visible; display: block; background-color:#ffffff; width:99%; height:40px; clear:both;}
                .container_1_bottom{visibility:hidden; display: none; clear:both; }
                .top_nav_1{float:left; width:49%; font-size:0.9em; text-align:left;}
                .top_nav_2{float:right; width:49%; font-size:0.9em; text-align:right; }
                
                .container_2{text-align:left; }
                .container_2_inner{visibility:visible; display: block; clear:both;}
                .container_2_inner_spare{visibility:hidden; display: none; }
                
                .ad_pos_2{width: 970px; margin-left:5px; margin-bottom:8px;}
                .ad_pos_4{width: 300px; height:350px; margin-bottom:8px; margin-left:2px;}
                
                .list_row_1{width:580px; padding:5px; margin-top:4px;}
                .list_row_el2{float:left; width:450px; border:0px solid #a0a0a0;}
                .list_row_el2_title{font-size:1em;}
                .list_row_el2_text{font-size:0.8em;}
                
                .main_content{float:left; background-color:#ffffff; padding:2px; width:650px; }
                .main_content_right{float:right; width:330px; margin-top:0px; background-color:#ffffff;}
                
                .page_navi{visibility:visible; display:block; width:620px; border:0px solid #e8e8e8; padding:1px; font-size:1.2em; font-weight:bold; text-align:center;}
                .page_navi_short{visibility:hidden; display:none;}
                
                .header_title{margin-top:-8px; font-size:1.2em; font-weight:bold;}
                
                .sound_1{float:left; margin-left:20px; padding-left:10px;width:270px;text-align:left;font-size:1.1em;border:0px solid #e8e8e8; color:#666666;}
                
                .radio_img_div{width:600px; height:220px;}
                .radio_img_btn{padding-top:62px;}
                
                .right_ext_links_2{clear:both; margin:3px; width:300px; border:1px solid #e8e8e8;padding:10px;font-size:0.9em;font-weight:bold;background-color:#F2F2F2;-moz-border-radius: 4px 4px; border-radius: 4px 4px;}
                
                .right_ext_links_3_el{font-size:1.0em;font-weight:bold;color:#a0a0a0;}
                
                .sound_bestaetigung{font-size:0.8em; font-weight:normal; z-index:1001; position: Relative; width:500px; margin-left:-250px; margin-top:-40px; text-align:left; padding:5px; border:2px solid #A52A2A; background-color:#e8e8e8; -moz-border-radius: 4px;border-radius: 4px; -moz-box-shadow:    0px 0px 8px #A52A2A; -webkit-box-shadow: 0px 0px 8px #A52A2A; box-shadow: 0px 0px 8px #A52A2A;}
                .sound_bestaetigung_sub{font-size:0.8em; font-weight:normal; z-index:1001; position: absolute; margin-left: 25%; width:400px; margin-top:-130px;  text-align:center; padding:5px; border:2px solid #A52A2A; background-color:#e8e8e8; -moz-border-radius: 4px;border-radius: 4px; -moz-box-shadow:    0px 0px 8px #A52A2A; -webkit-box-shadow: 0px 0px 8px #A52A2A; box-shadow: 0px 0px 8px #A52A2A;}
                
                
        }
        
        
        
        /* ===================================================================================================== */
        /* screen max. 600px, red */
        @media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px) {
                .page_content{width:100%; background-color:#ffffff; }
                
                .container_head{padding-top:3px; padding-bottom:3px;}
                .header_2_l{width:100%; text-align:center;}
                .header_2_m{visibility:hidden;display: none;}
                .header_2_r{visibility:hidden;display: none;}
                
                /* fb and radio hidden in lower 480 and 1024, show at bottom page */
                .header_2_m_bottom{float:left; width:180px; height: 64px; text-align:center; visibility:visible; display: block;}
                .header_2_r_bottom{float:left; width:20px; height: 64px; text-align:center; visibility:visible; display: block;}
        
                .logo_slogan{font-size:0.8em; color:#A0A0A0;}
                
                .container_1{visibility:hidden; display: none; clear:both;}
                .container_1_bottom{visibility:visible; display: block; background-color:#ffffff; width:99%;  clear:both;}
                .top_nav_1{font-size:0.9em; text-align:center; width:99%; }
                .top_nav_2{font-size:0.7em; text-align:center; width:99%; margin-top:8px;}
                
                .container_2{text-align:center;}
                .container_2_inner{visibility:hidden; display: none; clear:both;}
                .container_2_inner_spare{visibility:visible; display: block; margin-top:12px;}
                
                .ad_pos_2{width: 99%; height:300px; margin-bottom:8px; text-align:center; }
                .ad_pos_4{width: 99%; height:350px; margin-bottom:8px;}
                
                .list_row_1{width:99%; padding:5px; margin-top:4px;}
                .list_row_el1{visibility:hidden; display:none;}
                .list_row_el2{float:left; width:80%; border:0px solid #a0a0a0;}
                .list_row_el2_title{font-size:1.3em;}
                .list_row_el2_text{font-size:1em;}
                
                .main_content{clear:both; background-color:#ffffff; padding:2px; width:99%;}
                .main_content_right{clear:both; width:99%; margin-top:8px;background-color:#ffffff;}
                
                .sound_play_1{float:left; width:45%;height:50px;text-align:left;font-size:0.8em;padding:3px;}
                .sound_load_1{float:left; width:49%;height:50px;text-align:left;font-size:0.8em;padding:3px;}
                
                .page_navi{visibility:hidden; display:none;}
                .page_navi_short{visibility:visible; display:block; border:0px solid #e8e8e8; padding:2px; font-size:1.5em; font-weight:bold; text-align:center;}
                
                .header_title{margin-top:-8px; font-size:1.5em; font-weight:bold;}
                
                .sound_1{float:left; margin-left:0px; margin-top:20px; padding-left:10px; width:270px;text-align:left;font-size:1.1em;border:0px solid #e8e8e8; color:#666666;}
                
                .radio_img_div{width:99%; height:180px;}
                
                .radio_img_btn{padding-top:24px;}
                
                .right_ext_links_2{clear:both; margin:3px; width:94%; border:1px solid #e8e8e8;padding:10px;font-size:1.1em;font-weight:bold;background-color:#F2F2F2;-moz-border-radius: 4px 4px; border-radius: 4px 4px;}
                
                .right_ext_links_3_el{font-size:1.0em;font-weight:bold;color:#a0a0a0;}
                
                .sound_bestaetigung{font-size:1em; font-weight:normal;  z-index:1001; position: absolute;  left: 10px; width:90%; margin-top:-40px; text-align:center; padding:5px; border:2px solid #A52A2A; background-color:#e8e8e8; -moz-border-radius: 4px;border-radius: 4px; -moz-box-shadow:    0px 0px 8px #A52A2A; -webkit-box-shadow: 0px 0px 8px #A52A2A; box-shadow: 0px 0px 8px #A52A2A;}
                .sound_bestaetigung_sub{font-size:1em; font-weight:normal;  z-index:1001; position: absolute;  left: 10px; width:90%; margin-top:-180px; text-align:center; padding:5px; border:2px solid #A52A2A; background-color:#e8e8e8; -moz-border-radius: 4px;border-radius: 4px; -moz-box-shadow:    0px 0px 8px #A52A2A; -webkit-box-shadow: 0px 0px 8px #A52A2A; box-shadow: 0px 0px 8px #A52A2A;}
                
        }