@charset "utf-8";
/* CSS Document */

html, body { margin:0; padding:0; font:normal 12px Arial,sans-serif; }
h1 { background:#096 url(img/h1_bg.gif) top right no-repeat; padding:3px 8px 2px 8px; height:15px; margin:0 0 4px 0; color:#FFF; font:normal 12px Arial,sans-serif; text-transform:uppercase; }
h1 a { color:#FFF; }

.main { width:960px; margin:12px 20px 0 8px; }
.header { background:#CCC; height:96px; margin:0 0 8px 0; z-index:2001; position:relative; }
.header a img {border:0;}
.header_menu ul { position:absolute; width:427px; top:6px; left:522px; margin:0; padding:0; border:0; font:12px Arial,sans-serif; }
.header_menu ul li { list-style:none; float:left; }
.header_menu ul li a img { border:0; }
#header_menu li ul { display: none; }
#header_menu li:hover ul { display: block; }
.header_mehr ul { background-color:#FFF; position:absolute; top:21px; right:2px; border:1px solid #CCC; left:auto; width:auto; }
.header_mehr ul li { background-color:#FFF; text-transform:uppercase; font-weight:bold; clear:both; display:block; float:none; }
.header_mehr ul li a { color:#000; text-decoration:none; padding:3px 12px 0 12px; height:17px; white-space:nowrap; float:none; display:block; }
.header_mehr ul li a:hover { background-color:#F0F0F0; padding:3px 12px 0 12px; height:17px; display:block; float:none; }





/* ##### Hauptmenü ##### */

.menu { background-image:url(img/menu_bg.gif); font-family:Arial,sans-serif; font-size:12px; height:25px; margin-bottom:8px; position:relative; width:960px; z-index:2000; }
.menu_spacer_left { background:url(img/menu_spacer_li.gif); float:left; height:25px; width:3px; margin-right:7px; }
.menu_spacer_right { background:url(img/menu_spacer_re.gif); float:right; height:25px; width:3px; }

.menu1 { list-style:none; padding:5px 0 0 10px; margin:0; }
.menu1li { float:left; position:relative; margin:0 16px 0 0; font:bold 12px Arial,sans-serif; text-transform:uppercase; padding-bottom:5px; }
.menu1li a { word-spacing:0; color:#000; text-decoration:none; padding:0 12px 5px 0; }
.menu1li a:hover { color:#333; }
.livemenuli a { color:#C00; }

.menu2 { display:block; position:absolute; list-style:none; padding:6px 16px 4px 16px; margin:5px 0 0 0; background:#D0D0D0 url(img/menu2_bg.gif) repeat-x; border:1px solid #999999; border-top:none; width:212px; top:14px; left:-18px; }
.menu2li { text-transform:none; background:url(img/menu2li_bg.gif) no-repeat bottom left; padding:8px 0; display:block; }
.menu2li a { color:#096; }
.menu2li a:hover { color:#0A7; }
#menu26 { width:153px; }

.menu3 { list-style:none; padding:0; margin:2px 0 0 0; }
.menu3li { display: inline; line-height:17px; }
.menu3li a { color:#666; }
.menu3li a:hover { color:#888; }



.left { position:relative; z-index:4; width:710px; margin:0 8px 8px 0; float:left; }


.aufmacher { background:url(img/aufmacher_bg.gif); height:270px; margin:0 0 8px 0; padding:8px; position:relative; overflow:hidden; }
.aufmachertext { position:absolute; height:145px; top:8px; left:8px; width:184px; padding:125px 10px 0 20px; background:url(img/aufmachertext_bg.jpg); }
.aufmachertext h2 { color:#24a77c; font-size:14px; font-weight:bold; margin:0 0 10px 0; }
.aufmachertext p { color:#FFF; font-size:20px; font-weight:bold; margin:0 0 10px 0; }
.aufmachertext p a { color:#FFF; }
.aufmachertext h3 a { color:#096; font-size:14px; margin:0 0 10px 0; text-decoration:none; }
.aufmachertext h3 a:hover { text-decoration:underline; }

.aufmacher_playbtn { display:block; width:100px; height:100px; position:absolute; top:93px; left:405px; cursor:pointer; text-decoration:none; }
.aufmacher_playbtn span { display:block; width:100px; height:100px; background:url(img/aufmacher_playbtn2.png); }
/******************************************************************************************************************/
.aufmacher_playbtn div { display:block; width:100px; height:100px; background:url(img/aufmacher_playbtn2.png); }
/******************************************************************************************************************/
* html .aufmacher_playbtn span { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/img/aufmacher_playbtn2.png'); }
.aufmacher_playbtn:hover { background:url(img/aufmacher_playbtn.png); }
* html .aufmacher_playbtn:hover { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/img/aufmacher_playbtn.png'); }


.promo { background:url(img/promo_bg.gif); height:160px; margin:0 0 8px 0; padding:8px; }

.teaser { background:url(img/teaser_bg.gif); height:422px; padding:8px 0 8px 8px; overflow:hidden; width:702px; }
.teaser h1 { margin-right:8px; }
.teaserbox { background:url(img/teaserbox_bg.gif); height:183px; width:214px; padding:6px; float:left; margin:2px 8px 4px 0; position:relative; }
.teaserbox h2 { margin:0 0 2px 0; font:bold 12px Arial,sans-serif; color:#096;  }
.teaserbox .datum { float:right; font:bold 11px Arial,sans-serif; color:#999; margin:1px 0 0 0; }
.teaserbox .teaserbild { border-left:6px solid #999; height:117px; display:block; }
.teaserbox .teaserbild:hover { border-left:6px solid #096; }
.teaserbox .teaserbild img { border:0; float:left; }
.teaserbox p { margin:5px 0 0 0; width:144px; }
.teaserbox p a { color:#666; font-size:11px; text-decoration:none; }
.teaserbox p a:hover { text-decoration:underline; }
.teaserbox .playbtn { position:absolute; bottom:6px; right:6px; background:url(img/playbtn.gif); width:70px; height:24px; text-decoration:none; }
.teaserbox .playbtn:hover { background:url(img/playbtn_a.gif); }

.verteil_teaser { background:url(img/inhalt_bg.gif); width:702px; height:900px; padding:8px 0 8px 8px; overflow:hidden; }
.verteil_teaser .teaserbox { margin:10px 8px 0 0; }
.verteil_teaser h1 { margin:0 8px 2px 0; }
.verteil_teaser .content_nur_text { margin:4px 8px 0 0; }
.verteil_teaser .content_nur_text h3 { font:bold 13px Arial,sans-serif; margin:0; }

.verteil_leiste { height:18px; padding:10px 8px 0 0; }
.verteil_leiste .zurueck { float:left; background:url(img/btn_bg.gif); width:74px; height:16px; text-align:center; padding:1px 0; }
.verteil_leiste .weiter { float:right; background:url(img/btn_bg.gif); width:74px; height:16px; text-align:center; padding:1px 0; }
* html .verteil_leiste .zurueck, * html .verteil_leiste .weiter { padding:2px 0 0 0; }
.verteil_leiste .zurueck a, .verteil_leiste .weiter a { text-decoration:none; font:bold 11px Arial,sans-serif; color:#FFF; }
.verteil_leiste .paging { color:#666; text-align:center; }
.verteil_leiste .paging a { text-decoration:none; color:#666; }
.verteil_leiste .paging a:hover { text-decoration:underline; color:#999; }
.verteil_leiste .paging span { font-weight:bold; color:#096; }
.verteil_leiste .filter { float:right; width:135px; color:#096; font-weight:bold; font-size:11px; margin:0; padding:0 16px 0 0; }
.verteil_leiste .filter select { height:18px; border:1px solid #096; font-size:11px; padding:0; margin:0; width:100px; color:#666; }



.nur_text { background:url(img/inhalt_bg.gif); width:694px; height:900px; padding:8px; }
.content_nur_text { background:#FFF; border-top:1px solid #999; border-bottom:1px solid #999; height:834px; overflow:auto; padding:20px 16px; color:#666; }
.content_nur_text h2 { font:bold 14px Arial,sans-serif; margin:2px 0; }
.content_nur_text p { font:normal 12px Arial,sans-serif; margin:0 0 16px 0; }
.content_nur_text img { border:0; margin:4px; }
.content_nur_text a { color:#888; } .content_nur_text a:hover { color:#AAA; }


.playerbox { background:url(img/playerbox_bg.gif); height:629px; margin:0 0 8px 0; padding:8px; position:relative; z-index:-2; }
#flashcontent2 { overflow:hidden; height:460px; }
.player .banner { overflow:hidden; height:45px; }
.player p { margin:0; padding:10px 0 0 0; }

.player_teaser { background:url(img/player_teaser_bg.gif); height:247px; margin:0; padding:8px 0 8px 8px; overflow:hidden; width:702px; }
.player_teaser h1 { margin-right:8px; }
.player_teaser .teaserbox { margin:2px 8px -2px 0; }

.player_menu { margin:8px 0 0 0; }
.player_menu_h2 { background:url(img/player_menu_bg.gif); height:26px; }
.player_menu_h2 h2 { margin:0; font:bold 12px Arial,sans-serif; display:inline; height:26px; }
.player_menu_h2 h2 span { background:url(img/player_menu_h2_bg.gif) center top repeat; color:#FFF; padding:5px 25px 6px 25px; margin:0; float:left; }
.player_menu_h2 h2 a { color:#096; padding:5px 25px 6px 25px; text-decoration:none; float:left; }
.player_menu_h2 h2 a:hover { text-decoration:underline; }

.player_menu_box { background:url(img/player_menu_box_bg.gif); height:101px; padding:10px 25px 0 25px; }
.player_menu_box h3 { margin:6px 0 10px 0; font:bold 12px Arial,sans-serif; color:#666; }
.player_menu_box p { margin:0; }
.player_menu_box p a { display:block; margin:0 0 5px 0; color:#666; }
.player_menu_box p a:hover { color:#888; }
.player_menu_box .btn { display:block; background:url(img/btn_bg.gif); width:74px; height:15px; text-align:center; padding:2px 0; color:#FFF; font-weight:bold; text-decoration:none; }

.player_menu_box form { margin:0; }
.tell-a-friend { float:left; width:210px; font-size:11px; color:#666; line-height:12px; }
.tell-a-friend input { height:12px; border:1px solid #999; font-size:11px; margin-bottom:2px; width:170px; }
.tell-a-friend textarea { border:1px solid #999; font:normal 11px Arial,sans-serif; color:#666; width:170px; height:73px; overflow:auto; }
.tell-a-friend span { margin:43px 0 2px 0; display:block; }

.socialbookmarks_tip { background:url(img/socialbookmarks_tip_bg.gif); display:block; width:165px; height:36px; padding:13px 5px 10px 10px; }
.socialbookmarks_tip img { margin:0 4px 0 0; float:left; }
.socialbookmarks_tip a { margin:4px 0 0 0; display:block; }

.video-embed { font-size:11px; color:#666; width:506px; }
.video-embed input { width:406px; height:14px; border:1px solid #999; font-size:10px; color:#666; padding:0 2px; margin-bottom:2px; float:left; }
.video-embed textarea { width:408px; height:40px; overflow:auto; color:#666; font:normal 10px Arial,sans-serif; padding:0 0 0 2px; border:1px solid #999; float:left; }
.video-embed .btn { float:right; background:url(img/btn_bg.gif); width:74px; height:15px; text-align:center; padding:2px 0; color:#FFF; font-weight:bold; text-decoration:none; margin:-1px 0 0 0; }

.clipboard-info{font-size:11px;float:right;display:none;}

#register input { width:175px; }
#register #nutzung { width:auto !important; }

.live_nur_text .btn, .nur_text .btn { display:block; background:url(img/btn_bg.gif); width:74px; height:15px; text-align:center; padding:2px 0; font-weight:bold; }
.live_nur_text .btn a, .nur_text .btn a { color:#FFF; text-decoration:none; }
.live_nur_text .btn a:hover, .nur_text .btn a:hover { text-decoration:underline; }

.login { height:17px; padding:4px 18px 4px 10px; background:url(img/login_bg.gif); margin:0 0 8px 0; overflow:hidden; }
.login_form { float:left; margin:0; }
.login_form input { border:1px solid #999; height:14px; width:112px; float:left; margin:0 4px 0 0; color:#777; font-size:11px; }
.login_text { float:right; word-spacing:3px; color:#666; padding:1px 0 0; }
.login_text a { word-spacing:0; color:#666; font-size:12px; text-decoration:none; }
.login_text a:hover { text-decoration:underline; }
.login_text_welcome { float:left; margin:0; width:50%; padding:1px 0 0; }
.login .btn { float:left; background:url(img/btn_bg.gif); width:74px; height:15px; text-align:center; padding:2px 0; margin:-1px 4px 0 0; }
.login .btn a { color:#FFF; font-weight:bold; text-decoration:none; }

.content_live_nur_text { background:#FFF; border-top:1px solid #999; border-bottom:1px solid #999; height:801px; overflow:auto; padding:20px 16px; color:#666; }
.live {  }
.live_player { background:url(img/live_player_bg.gif); height:630px; padding:8px; margin:0 0 8px 0; }
.live_teaser { background:url(img/live_teaser_bg.gif); height:213px; padding:8px; position:relative; }
.live_teaser_content { height:189px; overflow:auto; }

.live_teaserbox_trenner { height:8px; overflow:hidden; }
.live_teaserbox { background:url(img/live_teaserbox_bg.gif); height:177px; padding:6px; margin:0; overflow:hidden; }
.live_teaserbox .datum { font:bold 12px Arial,sans-serif; color:#999; margin:4px 0 4px 5px; }
.live_teaserbox h2 { margin:4px 0 6px 5px; font:bold 13px Arial,sans-serif; color:#C00; text-transform:uppercase; }
.live_teaserbox a img { border:0; float:left; }
.live_teaserbox p { margin:6px 0; }
.live_teaserbox .teaserbild { border-left:6px solid #999; height:117px; display:block; margin:0 8px 0 4px; float:left; }


.live_teaserbox .teaserbild:hover { border-left:6px solid #096; }

.live_nicht-eingeloggt { background:url(img/live_ne_bg.gif); padding:8px; margin-bottom:8px; height:432px; }
.live_ne_content { border-bottom:1px solid #999999; height:366px; border-top:1px solid #999999; background:#FFF; padding:20px 16px; color:#666; }
.live_ne_content p { margin:0 0 16px 0; }
.jetzt_live_teaserbox { background:#EEEEEE; border:1px solid #DDDDDD; margin:0 100px; padding:20px 20px 40px; }
.jetzt_live_teaserbox h2 { color:#CC0000; font-size:16px; margin:0 0 24px; text-align:center; text-transform:uppercase; }
.jetzt_live_teaserbox a img { border:0 none; float:left; }
.jetzt_live_teaserbox p { margin:0 0 8px 0; }
.jetzt_live_teaserbox .teaserbild { border-left:6px solid #999; height:117px; display:block; margin-right:12px; float:left; }


.jetzt_live_teaserbox .teaserbild:hover { border-left:6px solid #096; }
.live_teaser02 { background:url(img/live_teaser02_bg.gif); height:411px; padding:8px; }
.live_teaser02 .live_teaserbox, .live_teaser03 .live_teaserbox { margin-bottom:8px; }
.live_nur_text { background:url(img/live_inhalt_bg.gif); width:694px; height:867px; padding:8px; }
.live_teaser03 { background:url(img/live_inhalt_bg.gif); height:867px; padding:8px; }






.right { width:242px; float:left; }


/* Suchbox */
.suchbox { width:242px; height:25px; margin:0 0 8px 0; background-image:url(img/suche_bg.gif); }
.suchbox_btn { width:84px; height:15px; float:left; }
.suchbox_btn a { text-transform:uppercase; padding:6px 14px 0 14px; display:block; font:bold 12px Arial,sans-serif; color:#888; text-decoration:none; }
.suchbox_btn a:hover { color:#666; }
.suchbox form { margin:0; }
.suchbox form p { margin:0; }
.suchbox form input { margin-top:3px; height:17px; width:146px; padding:0 2px; border:1px solid #CCC; background-color:#FFF; font-size:12px; float:left; }


.funktionsbox { background:url(img/funktionsbox_bg.gif); padding:8px; height:867px; overflow:hidden; position:relative; }


/* edit 18.07 mc
.programmvorschau { overflow:auto; border:1px solid #999; background:url(img/pv_bg.gif) scroll; height:254px; margin:0 0 8px 0; padding:0 16px 16px 8px; }
* html .programmvorschau { background-attachment: fixed; }
.pv_datum { font:bold 14px Arial,sans-serif; color:#096; margin:12px 0 0 0; }
.pv_text { margin:0; }

#programmvorschau { width:20px; height:270px; margin:0 0 8px 0; padding:0; position:absolute; right:9px; top:370px;  background:url(img/pv_bg.gif);}

.funktionsbox_bild { border:1px solid #666; height:200px; margin:0 0 8px 0; }
.funktionsbox_bild a img, .funktionsbox_werbung a img { border:0; }
.funktionsbox_werbung { border:1px solid #666; height:303px; margin:0 0 8px 0; }
*/

.programmvorschau { overflow:auto; border:1px solid #999; background:url(img/pv_bg.gif) scroll; height:143px; margin:0 0 8px 0; padding:0 16px 16px 8px; }
* html .programmvorschau { background-attachment: fixed; }
.pv_datum { font:bold 14px Arial,sans-serif; color:#096; margin:12px 0 0 0; }
.pv_text { margin:0; }

#programmvorschau { width:20px; height:159px; margin:0 0 8px 0; padding:0; position:absolute; right:9px; top:197px;  background:url(img/pv_bg.gif);}

.funktionsbox_bild { border:1px solid #666; height:484px; margin:0 0 8px 0; }
.funktionsbox_bild a img, .funktionsbox_werbung a img { border:0; }
.funktionsbox_werbung { border:1px solid #666; height:130px; margin:0 0 8px 0; }


.footer { background:url(img/footer_bg.gif) no-repeat; height:20px; margin:0 0 8px 0; clear:both; padding:8px 16px; margin-bottom:30px; }
.footer ul {list-style:none; float:left; font:9px Arial,sans-serif; padding:0; margin:0; word-spacing:5px; }
.footer ul li {display:inline; color:#999; font:9px Arial,sans-serif; }
.footer ul li a { color:#999; font:9px Arial,sans-serif; text-decoration:none; word-spacing:0; }
.footer ul li a:hover { color:#333; text-decoration:underline; }
.footer .copyright {width:210px; float:right; font:9px Arial,sans-serif; color:#999; text-align:center; }

/*Kalender*/
.kalender { background:url(img/kalender_small.gif); height:281px; margin:0 0 8px 0; padding:8px; position:relative; overflow:hidden; }

.k_head { background-color:#009966; text-align:center; font-size:14px; color:#FFF; font-weight:bold;}
.k_body th { background-color:#7A998D; }
.k_noday { background-color:#7A998D; }
.k_day { height:35px; background-color:#009966; }
.k_event_1 { width:30px; height:6px; background-color:#0F0; margin-top:2px; margin-left:60px;}
.k_event_2 { width:30px; height:6px; background-color:#0C0; margin-top:2px; margin-left:60px;}
.k_event_3 { width:30px; height:6px; background-color:#0F0; margin-top:2px; margin-left:60px;}
.k_event_4 { width:30px; height:6px; background-color:#0C0; margin-top:2px; margin-left:60px;}
.k_txt {float:left; font-size:18px; color:#FFF; font-weight:bold; margin-top:4px; margin-left:20px; text-align:center}

.kalender_details { background:url(img/kalender_big.gif); height:595px; margin:0 0 8px 0; padding:8px; position:relative; overflow:hidden; }