/* ===================================================================== GENERAL ===================================================================== */ html { overflow-y: scroll; } body { margin:12px 0px 30px 0px; text-align:center; background-color:#e6edf2; font-size:12px; color:#333; font-family:Arial, Tahoma, Verdana, Sans-Serif; } td { vertical-align:top; font-size:11px; } .valign_middle { vertical-align:middle; } .valign_bottom { vertical-align:bottom; } p { margin:0px 0px 10px 0px; } .cf { float:left; } .cb { clear:both; display:block; width:0px; height:0px; font-size:0px; line-height:0px; } .DisplayBlock { display:block; } .DisplayNone { display:none; } .nowrap { white-space:nowrap; } /* ===================================================================== GENERAL STRUCTURE ===================================================================== */ #site { position:relative; width:1010px; margin:0px auto; text-align:left; z-index:1; } #logo { position:absolute; top:10px; left:47px; width:351px; height:46px; z-index:10; } #langbox { position:absolute; top:32px; left:650px; width:150px; height:20px; z-index:11; color:#999; } #searchbox { position:absolute; top:30px; left:780px; width:185px; height:19px; z-index:12; } .searchbox_tf { float:right; width:132px; padding:0px 0px 0px 0px; } .searchbox_tf_form { width:120px; height:16px; font-size:11px; color:#000; border:1px solid #bbb; background-color:#FFF; padding:1px 0px 0px 2px; font-family:Arial, Tahoma, Verdana, sans-serif; } .searchbox_btn { float:right; } #mm { position:absolute; top:75px; left:25px; width:950px; height:30px; z-index:13; } .mm_c { float:left; width:10px; height:30px; } .mm_htile { float:left; width:920px; height:30px; background:url(../img/mm/mmbg_htile.gif) repeat-x; } .mm_btn_home { float:left; padding:4px 0px 0px 15px; } .mm_btn_1 { float:left; padding:4px 0px 0px 59px; } .mm_btn_2 { float:left; padding:4px 0px 0px 26px; } .mm_btn_3 { float:left; padding:4px 0px 0px 47px; } #sitebg_top { position:relative; width:990px; height:10px; } .sitebg_topc { float:left; width:15px; height:10px; } .sitebg_tophtile { float:left; width:960px; height:10px; background-color:#FFF; } #sitebg_vtile { width:990px; padding:107px 0px 0px 0px; background:url(../img/sitebg_vtile.gif) repeat-y; } #sitebg_bot { position:relative; width:990px; } .sitebg_botc { float:left; width:15px; height:17px; } .sitebg_bothtile { float:left; width:960px; height:17px; background: url(../img/sitebg_bothtile.gif) repeat-x; } #foot { position:relative; width:955px; margin:0px 0px 0px 25px; } .foot_c { float:left; width:10px; height:36px; } .foot_htile { float:left; width:920px; height:36px; background: url(../img/foot_htile.gif) repeat-x; } .foot_text { float:left; padding:11px 15px 0px 5px; font-size:11px; color:#333; } /* ===================================================================== HOME ===================================================================== */ /* Home Structure ............ */ #home_content { position:relative; width:955px; margin:0px 0px 0px 25px; } .home_c1 { float:left; width:712px; } .home_c1_r1 { width:700px; padding:0px 0px 0px 0px; } .home_c1_r2 { width:700px; padding:12px 0px 12px 0px; } .home_c1_r2_c1 { float:left; width:236px; } .home_c1_r2_c2 { float:left; width:236px; } .home_c1_r2_c3 { float:left; width:228px; } .home_c2 { float:left; width:233px; } .home_row_vspace { position:relative; display:block; width:12px; height:12px; font-size:0px; line-height:0px; } /* Home Flash Box ............ */ #home_flash_box { width:700px; height:300px; margin:0px 12px 0px 0px; } /* Home News Box ............. */ #home_news_box { width:233px; } #home_news_box .top { width:233px; height:18px; } #home_news_box .topc { float:left; width:7px; height:18px; background-color:#000; } #home_news_box .tophtile { float:left; width:214px; height:18px; background-color:#000; } #home_news_box .topheader { padding:3px 0px 0px 0px; font-size:11px; color:#FFF; } #home_news_box .vtile { width:233px; background:url(../img/home/homebox1_vtile.gif) repeat-y; } #home_news_box .minheight { float:left; width:0px; height:275px; } #home_news_box .content { float:left; width:227px; } #home_news_box .row { width:227px; padding:0px 0px 0px 0px; border-bottom:1px solid #fff; } #home_news_box .pic { display:block; float:left; width:68px; } #home_news_box .text { display:block; float:left; width:157px; padding:3px 0px 3px 0px; } #home_news_box .textrow { display:block; clear:both; margin:0px 0px 0px 5px; font-size:11px; line-height:12px; color:#000; } #home_news_box .textheader { display:block; float:left; width:120px; padding:0px 0px 2px 0px; font-weight:bold; } #home_news_box .textdate { display:block; float:left; width:30px; text-align:right; color:#a7a298; } #home_news_box .bot { width:228px; height:7px; } /* Home Sub Box .............. */ #home_sub_box { width:228px; } #home_sub_box .top { width:228px; height:30px; } #home_sub_box .vtile { width:228px; /*height:205px;*/ background:url(../img/home/homebox2_vtile.gif) repeat-y; font-size:11px; } #home_sub_box .bot { width:228px; height:7px; } #home_sub_box .row_1 { width:228px; /*height:148px;*/ margin:0px 0px 0px 0px; } #home_sub_box .row_2 { width:228px; /*height:182px;*/ margin:0px 0px 0px 0px; } #home_sub_box .pic { float:left; width:68px; height:148px; } #home_sub_box .pic_liv { float:left; width:68px; height:182px; } #home_sub_box .text { float:left; width:140px; padding:8px 0px 0px 11px; line-height:15px; color:#333; } #home_sub_box .text_kor { float:left; width:140px; padding:8px 0px 0px 11px; font-size:10px; line-height:16px; color:#333; } #home_sub_box .link { width:215px; height:17px; padding:0px 0px 6px 0px; text-align:right; } #home_sub_box .link_kor { width:215px; height:17px; text-align:right; font-size:10px; } #home_sub_box .gt { width:208px; height:34px; margin:0px 0px 0px 10px; border-top:1px solid #dfdfdf; font-size:11px; } #home_sub_box .gt_h { float:left; padding:12px 5px 0px 5px; color:#555; font-weight:bold; } #home_sub_box .gt_h_kor { float:left; padding:12px 5px 0px 5px; color:#555; font-weight:bold; font-size:13px; } #home_sub_box .gt_time { float:left; padding:12px 0px 0px 0px; color:#222; } /* ===================================================================== SUB ===================================================================== */ .sub { position:relative; width:980px; padding:18px 0px 40px 0px; } .sub_mh { float:left; width:25px; height:400px; } .sub_cl { float:left; width:210px; padding:0px 0px 10px 0px; } .sub_cr { float:left; width:740px; padding:0px 0px 10px 0px; } .sub_cr_cl { float:left; width:510px; } .sub_cr_cr { float:left; width:225px; } /* sub menu .................. */ .sm_topbot { position:relative; width:180px; height:12px; } .sm_a_vtile { position:relative; width:180px; background-color:#7f2057; } .sm_a_btn { display:block; position:relative; width:175px; height:24px; padding:0px 0px 0px 5px; } .sm_a_btn_arrow { display:block; float:left; padding:8px 0px 0px 4px; } .sm_a_btn_text { display:block; float:left; padding:4px 0px 4px 5px; font-size:12px; } .sm_b_vtile { position:relative; width:180px; background-color:#efe8da; } .sm_b_btn_text { display:block; padding:5px 4px 5px 21px; font-size:12px; } /* sub content ............... */ .sub_a_h1 { width:465px; padding:10px 0px 15px 10px; font-size:20px; line-height:22px; } .sub_a_h1_kor { width:465px; padding:10px 0px 15px 10px; font-size:20px; line-height:22px; font-weight:bold; } .sub_a_h2 { width:465px; padding:20px 0px 5px 10px; font-size:12px; line-height:18px; font-weight:bold; } .sub_a_bread { width:465px; padding:0px 0px 0px 10px; font-size:12px; line-height:18px; } .sub_a_pic { padding:0px 0px 5px 0px; } .sub_a_pictext { padding:0px 5px 10px 0px; font-size:11px; line-height:16px; color:#707070; } .sub_b_h1 { width:510px; padding:10px 0px 15px 10px; font-size:20px; line-height:22px; } .sub_b_h1_kor { width:510px; padding:10px 0px 15px 10px; font-size:20px; line-height:22px; font-weight:bold; } .sub_b_h2 { width:510px; padding:20px 0px 5px 10px; font-size:12px; line-height:18px; font-weight:bold; } .sub_b_bread { width:510px; padding:0px 0px 20px 10px; font-size:12px; line-height:18px; } .sub_b_pic { padding:0px 0px 0px 10px; } .sub_b_pictext { padding:5px 8px 10px 10px; font-size:11px; line-height:16px; color:#707070; } /* ===================================================================== NEWS ===================================================================== */ .news_splitline { position:relative; width:730px; height:1px; padding:0px 0px 13px 0px; background: url(../img/sub/splitline.gif) repeat-x; } .news { position:relative; width:735px; margin:0px 0px 0px 0px; font-size:12px; } .news_table { font-size:12px; } .news_date { display:block; color:#808080; font-size:12px; } .news_header { display:block; padding:5px 0px 2px 0px; font-weight:bold; font-size:12px; } .news_bread { display:block; padding:0px 0px 12px 0px; line-height:17px; font-size:12px; } .news_link { padding:0px 0px 12px 0px; font-size:12px; vertical-align:bottom; } .news_exp_cl { float:left; width:493px; padding:0px 0px 0px 10px; } .news_exp_cr { float:left; width:225px; padding:0px 0px 0px 0px; } .news_exp_date { color:#808080; } .news_exp_header { padding:10px 0px 10px 0px; width:465px; font-size:18px; line-height:22px; } .news_exp_ingress { padding:0px 0px 15px 0px; width:465px; font-size:14px; line-height:20px; } .news_exp_bread { padding:0px 0px 20px 0px; width:465px; font-size:12px; line-height:18px; } .news_exp_name { padding:0px 0px 12px 0px; font-size:11px; color:#707070; } .news_exp_close { padding:0px 10px 10px 0px; text-align:right; } .news_exp_pic { padding:0px 0px 5px 0px; } .news_exp_pictext { padding:0px 5px 20px 8px; font-size:11px; line-height:16px; color:#707070; } /* ===================================================================== PAGE NAV ===================================================================== */ .navpage_top { float:right; padding:18px 25px 0px 0px; } .navpage_bot { float:right; padding:0px 25px 0px 0px; } .navpage_h { float:left; padding:0px 10px 0px 0px; } .navpage_nr { float:left; font-weight:bold; padding:0px 0px 0px 10px; } /* ===================================================================== CALENDAR ===================================================================== */ .cal { position:relative; width:720px; margin:0px 0px 0px 10px; } .cal_week { position:relative; width:715px; height:27px; margin:0px 0px 1px 0px; font-weight:bold; color:#1a1a1a; } .cal_week_c { float:left; width:7px; height:27px; background-color:#e1d3bb; } .cal_week_text { float:left; width:696px; height:27px; background-color:#e1d3bb; } .cal_week_header { float:left; padding:6px 385px 0px 3px; } .cal_week_link { float:left; padding:6px 0px 0px 25px; } .cal_day_event { position:relative; width:715px; padding:0px 0px 10px 0px; } .cal_day { position:relative; width:710px; height:22px; margin:0px 0px 10px 0px; background-color:#efe8da; font-weight:bold; color:#1a1a1a; } .cal_day_header { padding:3px 0px 0px 10px;} .cal_event { position:relative; width:715px; padding:0px 0px 15px 0px; color:#333; } .cal_event_time { float:left; width:80px; padding:0px 0px 0px 10px; font-weight:bold; } .cal_event_text { float:left; width:600px; padding:0px 0px 0px 0px; } .cal_event_header { padding:0px 0px 5px 0px; font-weight:bold; } .cal_event_bread { line-height:17px; } /* ===================================================================== MEDIA ===================================================================== */ .media { position:relative; width:490px; margin:0px 0px 0px 0px; font-size:12px; } .media_splitline { position:relative; width:480px; height:1px; margin:15px 0px 8px 0px; background: url(../img/sub/splitline.gif) repeat-x; } .media_row { position:relative; width:475px; padding:0px 0px 5px 10px; } .media_date { float:left; width:300px; padding:0px 0px 5px 0px; color:#707070; } .media_size { float:left; width:150px; padding:0px 0px 5px 0px; text-align:right; color:#707070; text-transform:uppercase; } .media_dl_arrow { float:left; display:block; padding:0px 5px 0px 0px; } .media_dl_header { float:left; display:block; padding:0px 0px 0px 0px; } .media_bread { position:relative; width:465px; padding:0px 0px 0px 10px; line-height:18px; } /* ===================================================================== CONTACT ===================================================================== */ /* Top List .................. */ .con { position:relative; width:725px; margin:0px 0px 10px 10px; } .con_list { position:relative; width:715px; height:26px; margin:0px 0px 10px 0px; } .con_list_c { float:left; width:7px; height:26px; } .con_list_1 { float:left; width:696px; height:26px; background-color:#bcd9da; } .con_list_2 { float:left; width:696px; height:26px; background-color:#bdd2dc; } .con_list_3 { float:left; width:696px; height:26px; background-color:#c2c8d8; } .con_list_4 { float:left; width:696px; height:26px; background-color:#e1d3bb; } .con_list_header { float:left; padding:5px 0px 0px 3px; font-weight:bold; color:#1a1a1a; } .con_list_header_com { float:left; padding:5px 0px 0px 20px; color:#1a1a1a; } /* Box Top ................... */ .con_box { position:relative; width:725px; margin:0px 0px 30px 0px; } .con_box_row1 { padding:0px 0px 0px 0px; } .con_box_row2 { padding:0px 0px 10px 0px; } .con_box_topbot { position:relative; width:710px; height:7px; } .con_box_vtile { width:710px; padding:10px 0px 10px 0px; background:url(../img/sub/con_box_vtile.gif) repeat-y; } .con_box td { font-size:12px; } .con_box_h { color:#707070; padding:0px 7px 0px 0px; } .con_box_t { line-height:22px; } .con_box_block { width:725px; padding:0px 0px 20px 0px; } /* ID Box .................... */ .con_idbox_row { position:relative; width:725px; margin:0px 0px 10px 0px; } .con_idbox { float:left; width:180px; font-size:11px; } .con_idbox_topbot { position:relative; width:170px; height:7px; } .con_idbox_vtile { width:170px; background:url(../img/sub/con_idbox_vtile.gif) repeat-y; } .con_idbox_pic { padding:3px 0px 10px 9px; } .con_idbox_name { padding:0px 0px 3px 9px; font-weight:bold; } .con_idbox_title { padding:0px 0px 0px 9px; } .con_idbox_tel { padding:10px 0px 0px 9px; } .con_idbox_email { padding:6px 0px 7px 9px; } /* FTG Box ................... */ .con_ftgbox { width:725px; margin:0px 0px 0px 0px; font-size:12px; } .con_ftgbox_topbot { width:710px; height:7px; } .con_ftgbox_vtile { width:710px; padding:10px 0px 0px 0px; background:url(../img/sub/con_box_vtile.gif) repeat-y; } .con_ftgbox_row { width:670px; padding:0px 0px 10px 30px; } .con_ftgbox_c1 { float:left; width:150px; padding:0px 10px 0px 0px; font-weight:bold; color:#333; } .con_ftgbox_c2 { float:left; width:25px; color:#707070; } .con_ftgbox_c3 { float:left; width:140px; font-weight:bold; color:#333; } .con_ftgbox_c4 { float:left; width:200px; color:#707070; } .con_ftgbox_btn1 { float:left; padding:0px 20px 0px 10px; } .con_ftgbox_btn2 { float:left; } /* TEMP ...................... */ .con_idbox_block { position:relative; width:725px; padding:0px 0px 20px 0px; } .con_box_text_d1 { float:left; padding:0px 8px 0px 30px; color:#707070; } .con_box_text_d2 { float:left; padding:0px 60px 0px 0px; } .con_box_text_d3 { float:left; padding:0px 0px 0px 0px; color:#707070; } .con_box_text_e1 { float:left; width:150px; padding:0px 0px 0px 30px; font-weight:bold; color:#333; } .con_box_text_e2 { float:left; width:30px; color:#707070; } .con_box_text_e3 { float:left; width:140px; } .con_box_text_e4 { float:left; width:200px; color:#707070; } /* ===================================================================== FORM ===================================================================== */ form { display:inline; } .form { width:470px; margin:25px 0px 0px 3px; } .form_topbot { height:7px; } .form_vtile { padding:20px 0px 20px 30px; background:url(../img/sub/formbg_vtile.gif) repeat-y; } .form_h1 { padding:0px 0px 0px 0px; font-size:12px; font-weight:bold; line-height:17px; color:#111; } .form_h2 { padding:0px 0px 0px 0px; font-size:12px; font-weight:bold; line-height:14px; color:#666; } .form_h3 { padding:3px 0px 0px 0px; font-size:11px; font-weight:bold; line-height:14px; color:#111; } .form_h4 { padding:3px 0px 0px 0px; font-size:11px; font-weight:normal; line-height:14px; color:#111; } .form_ingress { padding:0px 0px 0px 0px; font-size:12px; line-height:17px; color:#111; } .form_com1 { padding:3px 0px 0px 0px; font-size:11px; font-weight:normal; line-height:14px; color:#666; } .form_com2 { padding:0px 0px 0px 0px; font-size:11px; font-weight:normal; line-height:14px; color:#666; } .form_tf { padding:0px 0px 0px 0px; } .form_cb { padding:0px 0px 0px 1px; } .form_tfs_1 { width:275px; height:17px; padding:1px 0px 0px 2px; border:1px solid #b3b3b3; font-size:12px; font-weight:normal; color:#1a1a1a; font-family:Arial, Tahoma, Verdana, Georgia, Times, sans-serif; } .form_tfs_2 { width:100px; height:17px; padding:1px 0px 0px 2px; border:1px solid #b3b3b3; font-size:12px; font-weight:normal; color:#1a1a1a; font-family:Arial, Tahoma, Verdana, Georgia, Times, sans-serif; } .form_tfm_1 { width:275px; height:50px; padding:2px 0px 0px 2px; border:1px solid #b3b3b3; font-size:12px; font-weight:normal; line-height:17px; color:#1a1a1a; font-family:Arial, Tahoma, Verdana, Georgia, Times, sans-serif; } .form_btn_send { padding:0px 0px 0px 3px; } /* plays 1 ................... */ .form_tfs_yearmont { width:48px; height:17px; padding:1px 0px 0px 2px; border:1px solid #b3b3b3; font-size:12px; font-weight:normal; color:#1a1a1a; font-family:Arial, Tahoma, Verdana, Georgia, Times, sans-serif; } /* geilolager ................ */ .form_tfs_age { width:20px; height:17px; padding:1px 0px 0px 2px; border:1px solid #b3b3b3; font-size:12px; font-weight:normal; color:#1a1a1a; font-family:Arial, Tahoma, Verdana, Georgia, Times, sans-serif; } /* musik ..................... */ .form_dd_instrument { width:195px; height:17px; padding:0px 0px 0px 2px; border:1px solid #b3b3b3; font-size:12px; font-weight:normal; line-height:20px; color:#1a1a1a; font-family:Arial, Tahoma, Verdana, Georgia, Times, sans-serif; } .form_dd_year { width:40px; height:17px; padding:0px 0px 0px 2px; border:1px solid #b3b3b3; font-size:12px; font-weight:normal; line-height:20px; color:#1a1a1a; font-family:Arial, Tahoma, Verdana, Georgia, Times, sans-serif; } /* form message .............. */ .form_msg { width:298px; margin:30px 0px 30px 10px; padding:15px 0px 15px 0px; background-color:#fff; border:2px solid #80004a; font-size:13px; font-weight:bold; text-align:center; } /* ===================================================================== LINKS ===================================================================== */ a img { border:none; } a { color:#80004a; text-decoration:none; } a:hover { color:#b8217d; text-decoration:none;} a.link_main { color:#80004a; font-weight:bold; text-decoration:none; cursor:pointer; } a.link_main:hover { color:#b8217d; font-weight:bold; text-decoration:none; cursor:pointer; } a.link_bread { color:#80004a; text-decoration:underline; } a.link_bread:hover { color:#b8217d; ftext-decoration:underline; } .sub_a_bread a { color:#80004a; text-decoration:underline; } .sub_a_bread a:hover { color:#b8217d; text-decoration:underline; } .sub_b_bread a { color:#80004a; text-decoration:underline; } .sub_b_bread a:hover { color:#b8217d; text-decoration:underline; } a.link_news { display:block; width:227px; /*height:68px;*/ background-color:#efe8da; color:#000000; text-decoration:none; cursor:pointer; } a.link_news:hover { display:block; width:227px; /*height:68px;*/ background-color:#f9f6ed; color:#000000; text-decoration:none; cursor:pointer; } a.link_email { color:#80004a; text-decoration:none; } a.link_email:hover { color:#b8217d; text-decoration:none; } a.link_text { color:#333; text-decoration:none; cursor:pointer; } a.link_text:hover { color:#000; text-decoration:none; cursor:pointer; } a.link_pagenr { font-weight:bold; color:#80004a; text-decoration:none; } a.link_pagenr:hover { font-weight:bold; color:#b8217d; text-decoration:none; } a.link_pagenr_select { font-weight:bold; color:#000000; text-decoration:none; } a.link_pagenr_select:hover { font-weight:bold; color:#000000; text-decoration:none; } a.link_sm_a { display:block; width:180px; /*height:24px;*/ background-color:#7f2057; border-top:1px solid #8c3768; border-bottom:1px solid #721d4e; font-weight:bold; color:#dfc7d5; text-decoration:none; cursor:pointer; } a.link_sm_a:hover { display:block; width:180px; /*height:24px;*/ background-color:#a2216a; border-top:1px solid #ab3879; border-bottom:1px solid #821b55; font-weight:bold; color:#ffffff; text-decoration:none; cursor:pointer; } a.link_sm_a_select { display:block; width:180px; /*height:24px;*/ background-color:#a2216a; border-top:1px solid #ab3879; border-bottom:1px solid #821b55; font-weight:bold; color:#ffffff; text-decoration:none; cursor:pointer; } a.link_sm_a_select:hover { display:block; width:180px; /*height:24px;*/ background-color:#a2216a; border-top:1px solid #ab3879; border-bottom:1px solid #821b55; font-weight:bold; color:#ffffff; text-decoration:none; cursor:pointer; } a.link_sm_b { display:block; width:180px; /*height:24px;*/ background-color:#efe8da; font-weight:bold; color:#802058; text-decoration:none; cursor:pointer; } a.link_sm_b:hover { display:block; width:180px; /*height:24px;*/ background-color:#faf8f4; font-weight:bold; color:#000000; text-decoration:none; cursor:pointer; } a.link_sm_b_select { display:block; width:180px; /*height:24px;*/ background-color:#faf8f4; font-weight:bold; color:#000000; text-decoration:none; cursor:pointer; } a.link_sm_b_select:hover { display:block; width:180px; /*height:24px;*/ background-color:#faf8f4; font-weight:bold; color:#000000; text-decoration:none; cursor:pointer; } /* ===================================================================== EXTRA ===================================================================== */ .text_com {color:#707070; } .vs_10 { height:10px; } .vs_20 { height:20px; } .vs_30 { height:30px; } .vs_40 { height:40px; } .vs_50 { height:50px; } .vs_60 { height:60px; } .vs_70 { height:70px; } .vs_80 { height:80px; } .vs_90 { height:90px; }