/* CSS Document */
BODY { height:100%; width:100%; background:#FFF url(../img/style/bg.gif) repeat-x; } /* Achtung */
BODY, HTML, FORM { margin:0px; padding:0px; }
P, DIV, BODY { FONT-FAMILY:Arial, Verdana, Helvetica, sans-serif; font-size:12px; color:#575757; }
IMG { border:none; }
A { color:#690205; text-decoration:none; }
A:hover { color:#690205; text-decoration:underline; }

	/* FONTS */
.small { font-size:11px; }

.slideshow table a { font-size:12px; }
.slideshow { font-size:12px; width:200px; border:0; cellspacing:2px; cellpadding:5px; }
.noslideshow { font-size:12px; width:200px; border:0; cellspacing:2px; cellpadding:0; }

/* --- Head --- */
#mainmenu A, #submenu, #head { position:relative; float:left; }
#head { width:770px; left:50%; margin-left:-385px; height:35px; color:#FFF; font-size:11px; padding-top:10px; }

#surrounding { position:relative; width:100%; float:left } 

#headerDate { position:absolute;  left:620px; width:250px; color:#575757; font-size: 12px; top:10px;}
#addHeaderDate { position:absolute;left:780px;top:62px;color:white; }

#logo { float:right; padding:18px 0 0 0; } 

#head UL, #head LI  { margin:0; padding:0; }
#head LI, #submenu LI { display:inline; }
#head LI A { color:#575757; }

#head .metanav LI A { color:#FFF; }

#mainmenu, #submenu { font-size:13px; font-weight:bold; }
#mainmenu STRONG { font-weight:bolder; }
#mainmenu A { display:block; background:url(../img/style/mainmenu.png) no-repeat; margin:33px 2px 7px 0; padding:6px 4px 9px 4px; width:124px; text-align:center; }
#mainmenu A:hover, #mainmenu A.active { background:url(../img/style/mainmenu_hover.png) no-repeat;}

#submenu { clear:both; padding-left:20px; color:#FFF; }
#submenu A { text-decoration:none }
#submenu A:hover, #submenu A.active { color:#690205; }

/* ------ CONTENT ------ */
#leftcol, #rightcol { position:relative; float:left; margin-bottom:10px; }
#content { position:relative; width:770px;  clear:both; margin:auto; }
#leftcol { margin-left:20px; }

/* FILTERSUBMENUES */
/* removed height:75px; from .filterbar_open because large sets of channels were not displayed properly */
.filterbar_open, .filterbar_open_big { position:relative; clear:both; text-align:left; float:left; width:770px; margin:0 10px 4px 0;}
.filterbar_open_big { height:160px; }

.filterbar_main_background { padding:12px 0 0 0; position:relative; height:24px; background:#f5f5f5; width:1010px;}

.filter_mainkat {background:#f5f5f5 url(../img/style/bg_filter.png) repeat-x; height:24px; margin:0; padding-left:32px;}
.filter_mainkat UL { display:block; padding:0; margin:0 }
.filter_mainkat LI { display:inline; list-style:none; float:left; }
.filter_mainkat LI A { padding:4px 8px 0 8px; height:20px; display:block; border-right:1px solid #FFF; border-left:1px solid #FFF; }
.filter_mainkat LI A { height:auto; padding:4px 8px 5px 8px; margin:0; } 
.filter_mainkat LI A:hover, .filter_mainkat LI A.active 
{ text-decoration:none; background:#FFF; color:#6c6c6c; border-right:1px solid #969696; border-left:1px solid #969696; }


.filter_subkat { clear:both;  padding:12px 0 8px 32px; }
.filter_subkat UL { background:#000; clear:both; } 
.filter_subkat LI { list-style:none; list-style:none; }
.filter_subkat LI A { padding:1px 8px 1px 8px; font-weight:bold; }
.filter_subkat LI A:hover, #submenu LI A.highlight, .filter_subkat LI A.active { color:#DC001C; }

.frameBoxOpen A.filterlink { background:url(../img/style/dropdown_box_active.gif) right no-repeat; width:150px; display:block; }
.frameBoxClosed A.filterlink { background:url(../img/style/dropdown_box_inactive.gif) right no-repeat; width:150px; display:block; }

/* CALENDAR */
.cal_day { text-align:center; background:#f5f5f5; border-right:1px solid #969696; vertical-align:middle; font-size:12px; }
.cal_day A { text-align:center; color:#6c6c6c; padding:3px 4px 3px 4px; }
.cal_day A:hover { text-decoration:none; background:#969696; color:#FFF;  }
.cal_today { background:#DC001C; border-right:1px solid #969696; vertical-align:middle;	font-size:12px; }
.cal_today A { color:#FFF; font-weight:bold; padding:3px 4px 3px 4px; }
#calDayNoLink { text-align:center; color:#6c6c6c; padding:3px 4px 3px 4px; background:#f5f5f5; vertical-align:middle; }
.cal_date { text-align:center; text-align:center; border-right:1px solid #969696; vertical-align:middle; font-size:12px; }
.cal_date A { font-weight:bold; }
#calDateNoLink { text-align:center; vertical-align:middle; }

/* frame calendar */
.frcal_head { text-align:left; background:#f5f5f5; vertical-align:middle; padding-left:5px; }
.frcal_day { text-align:center; background:#f5f5f5; border-right:1px solid #969696; vertical-align:middle; font-size:12px; }
.frcal_day A { font-weight: bold; text-align:center; color:#6c6c6c; padding:3px 3px 3px 3px; }
.frcal_day A:hover { text-decoration:none; background:#969696; color:#FFF;  }
.frcal_today { background:#DC001C; border-right:1px solid #969696; vertical-align:middle;	font-size:12px; }
.frcal_today A { color:#FFF; font-weight:bold; padding:3px 3px 3px 3px; }
#frcalDayNoLink { text-align:center; color:#6c6c6c; padding:3px 3px 3px 3px; background:#f5f5f5; vertical-align:middle; }
.frcal_date { text-align:center; text-align:center; border-right:1px solid #969696; vertical-align:middle; font-size:12px; }
.frcal_date A { font-weight:bold; }
#frcalDateNoLink { text-align:center; vertical-align:middle; }

/* --- LINKE SPALTE --- */
#leftcol { margin:0 8px 0 0; width:577px; clear:both; }
#leftcol A { text-decoration:none;  }

/* --- RECHTE SPALTE --- */
#rightcol { width:180px; margin-top:3px; }

.box TABLE { clear:both; }
.box { background:#e2e2e2 url(../img/style/bgtop.png) top no-repeat; position:relative; margin-bottom:12px; padding-top:4px; float:left; width:180px; clear:both;  }
.boxtitel { background:#FFF url(../img/style/boxtitelcornertop.png) no-repeat top right; position:relative; float:left; padding:3px; height:25px; margin-top:4px; width:168px; }
.box Ul { margin:0; padding:0; clear:both; }
.box LI { margin:0; padding:8px 0 4px 5px; list-style-image:url(../img/style/greylisticon.gif); background:url(../img/style/dotted.gif) bottom repeat-x; }
.box LI A.filterlink { background:url(../img/style/dropdown_box_inactive.gif) right no-repeat; width:150px; display:block; }
.box h2 { clear:both; margin:4px 4px 0 4px; padding:0; font-size:12px }
.boxtitel h2 { font-size:14px; padding:0; margin:4px 4px 0 4px; }
.inhalt { position:relative; float:left; padding-bottom:8px; height:auto; display:block; width:180px; background:url(../img/style/bgbottom.png) no-repeat left bottom; }
.noborderli { background:none; }
#poweredby { padding-top:8px; text-align:right; color:#666; font-size:11px; }

LI A.noarrowlist {background:none;}

.logout { position:absolute ;left:120px;color:#4e4e4e; font-size:11px; padding:0 14px 0 0;background:url(../img/style/x.gif) right no-repeat;}
 
.titelend { background:url(../img/style/boxtitelcornerbottom.png) no-repeat top right; position:relative; float:left; height:3px; width:175px; text-align:left; }
.avatarimg { float:right; padding:2px;}

.record { background:url(../img/style/icon_rec.gif) top left no-repeat; margin:12px 2px 6px 4px; padding-left:30px; display:block; }
.recorded { background:url(../img/style/icon_rec_grey.gif) top left no-repeat; margin:0 2px 12px 4px; padding-left:30px; display:block; }


#rstext { width:120px;  font-size:11px; padding:3px;  }

/* Buttons */
.sbutton { padding:4px 0 0 0; margin-bottom:0px; font-size:10px; }
                          
/* TAGS */
.open A { color:#272727 }
.filter.open { text-align:center; padding:6px; }
.tagsize10 { font-size:10px }
.tagsize11 { font-size:11px }
.tagsize12 { font-size:12px }
.tagsize13 { font-size:13px }
.tagsize14 { font-size:14px }
.tagsize15 { font-size:15px }
.tagsize16 { font-size:16px }
.tagsize17 { font-size:17px }

/* --- BOTTOMTEASER --- */

.leftteaser, #terrorist { position:relative; float:left; }
#terrorist { height:10px; width:10px; display:block; clear:both }
#bottomteaser {height:104px; padding:2px 0 2px 0; background:#e2e2e2; clear:both; text-align:center; clear:both }
#bottomteaser #center { position:absolute; left:50%; margin-left:-385px; width:770px;  }
.leftteaser { float:left; }
.rightteaser { float:left; }

#footer { position:relative; width:100%; float:left; background:#DC001C; color:#FFF; text-align:center; margin-top:10px; padding:10px 0 10px 0 }
#footer A {color:#FFF;}

/* --- programguide --- */
.tipIcon { padding-top: 5px; }

/* -- Selection Bar top -- */
.timeselection, A.open_sender, .timebuttons A { position:relative; float:left; }
.timeselection { padding:16px 0 2px 0; display:block; }
.timeselection A, .timeselection A.mo { color:#47484a; background:#e4e4e4; display:block; float:left; 
padding:2px 4px 2px 3px; font-size:13px; font-weight:bold; border-left:2px solid #e4e4e4; border-right:2px solid #e4e4e4;}
.timeselection A:hover, .timeselection A.mo:hover, .timeselection A.active 
{ color:#FFF; background:#DC001C; border-left:2px solid #FFF; border-right:2px solid #FFF; text-decoration:none; }
#timeselectionNoLink {color:#47484a; background:#e4e4e4; display:block; float:left; 
padding:2px 4px 2px 3px; font-size:13px; font-weight:bold; }

A.open { background:#e4e4e4 url(../img/style/time_dropdown.png) right no-repeat;
	padding:0; margin:0; width:27px; height:20px; 
	border-right:2px solid #FFF; 
}
A.open:hover { background:#DC001C url(../img/style/time_dropdown_hover.png) right no-repeat; }
A.startbox { background:#e4e4e4 url(../img/style/time_mo.png) no-repeat; padding-left:10px; border-left:2px solid #FFF;}
A.startbox:hover, A.startbox_active { background:#DC001C url(../img/style/time_mo_hover.png) no-repeat; }

.pagination { clear:both; width:577px; text-align:center; padding:10px 0 10px 0}
.pagination A { background:#e4e4e4; padding:2px 8px 2px 8px; width:20px; color:#5a5b5d; font-weight:bold; 
border-left:2px solid #e4e4e4; border-right:2px solid #e4e4e4; }
.pagination A:hover, .pagination A.active { border:2px solid #FFF; background:#DC001C; color:#FFF; }

A.arrowback { background:url(../img/style/pagination_left.png); border-left:2px solid #FFF;}
A.arrowback:hover { background:url(../img/style/pagination_left_hover.png);  }

A.arrowforward { background:url(../img/style/pagination_right.png) right top; border-right:2px solid #FFF; }
A.arrowforward:hover{ background:url(../img/style/pagination_right_hover.png) right top; }

A.open_sender { color:#47484a; background:#e4e4e4 url(../img/style/sender_dropdown.png) no-repeat; display:block; padding:2px 22px 2px 12px;
	margin:0 4px 0 0; width:48px; height:16px; 
	font-size:13px; font-weight:bold; border:none;
}
A.open_sender:hover { background:#DC001C url(../img/style/sender_dropdown_hover.png) no-repeat; }

.timebuttons { padding:16px 0 2px 0; display:block; position:relative; float:left; width:1010px;}
.timebuttons A { color:#47484a; background:#FFF url(../img/style/timebutton.png) no-repeat; display:block;
padding:3px 0 2px 0; width:102px; font-size:13px; font-weight:bold; text-align:center; margin-right:3px; text-decoration:none; }
.timebuttons A:hover { background:#FFF url(../img/style/timebutton_hover.png) no-repeat; color:#FFF; }

/* Programtable */
.sender, A.sender_left, A.sender_right { color:#FFF; font-size:16px; display:block; width:180px; height:16px; font-weight:bold; padding:5px; text-align:center; position:relative; float:left;  }
.sender { background:#DC001C url(../img/style/bg_sender.gif) no-repeat;  color:#FFF; width:190px; margin:0; padding:4px 0 5px 0; }
.sender:hover { background:#DC001C url(../img/style/bg_sender.gif) no-repeat;  color:#FFF;}
A.sender_left { background:#DC001C url(../img/style/bg_sender_left.gif) no-repeat; color:#FFF; width:190px; margin:0; padding:4px 0 5px 0; }
A.sender_left:hover { background:#DC001C url(../img/style/bg_sender_left_hover.gif) no-repeat; color:#FFF;}
A.sender_right { background:#DC001C url(../img/style/bg_sender_right.gif) no-repeat; color:#FFF; width:190px; margin:0; padding:4px 0 5px 0; }
A.sender_right:hover { background:#DC001C url(../img/style/bg_sender_right_hover.gif) no-repeat; color:#FFF; }

/* Programtable */
.sender_bot, A.sender_bot_left, A.sender_bot_right { color:#FFF; font-size:16px; display:block; width:180px; height:16px; font-weight:bold; padding:5px; text-align:center; position:relative; float:left;  }
.sender_bot { background:#ffffff url(../img/style/bg_sender_bot.gif) no-repeat;  color:#FFF; width:190px; margin:0; padding:4px 0 5px 0; }
.sender_bot:hover { background:#ffffff url(../img/style/bg_sender_bot.gif) no-repeat;  color:#FFF;}
A.sender_bot_left { background:#ffffff url(../img/style/bg_sender_bot_left.gif) no-repeat; color:#FFF; width:190px; margin:0; padding:4px 0 5px 0; }
A.sender_bot_left:hover { background:#ffffff url(../img/style/bg_sender_bot_left_hover.gif) no-repeat; color:#FFF;}
A.sender_bot_right { background:#ffffff url(../img/style/bg_sender_bot_right.gif) no-repeat; color:#FFF; width:190px; margin:0; padding:4px 0 5px 0; }
A.sender_bot_right:hover { background:#ffffff url(../img/style/bg_sender_bot_right_hover.gif) no-repeat; color:#FFF; }
TABLE.pageNavBottom TR TD { border:none; padding:0; margin: 0; }

.programimg { width:190px; background:#DC001C;}
.epgcontent { margin:1px; padding:0; }

.programteasertxt { background:#FFF url(../img/style/bg_epgtipp.gif) repeat-x; vertical-align:top; padding:4px; font-size:12px; }
.programteasertxt H2 { color:#DC001C; font-size:12px; font-weight:bold; margin:0; }
.programteasertxt P { margin:0; }

.timeflap, .timeflap_active { width:587px; }
.timeflap A, .timeflap_active A { border-top:2px solid #FFF; display:block;  font-weight:bold; padding:2px 0 2px 18px; }
.timeflap A { background:#969696 url(../img/style/timeflap.gif) no-repeat; clear:both; color:#e3e3e1; }
.timeflap A:hover, .timeflap_active A, .timeflap_active A:hover { background:#6c6c6c url(../img/style/timeflap_hover.gif) no-repeat; clear:both; color:#FFF; }

/* tabelle EPG list */ 
.epglist A { color:#585858; }
.epglist A:hover { color:#E6001D; border-bottom:1px solid #E6001D; }
.epglist TABLE { width:100% }
.epglist TR TD.progtd_light, .epglist TR TD.progtd_dark{ width:187px; }
.epgtime { width:32px; }
TD { vertical-align:top; }

.description {color:#878787; font-size:11px; }
.progtd_dark { background:#e2e2e2 url(../img/style/table_dotted.gif) bottom repeat-x; }
.progtd_light {background:#f5f5f5 url(../img/style/table_dotted.gif) bottom repeat-x; }
.progtd_dark, .progtd_light { border-right:1px solid #969696; font-size:12px; }

.smilie_epglist { padding:2px; }
.rec { float:right; padding:2px 0 2px 0; }

.titlebar { clear:both; background:#FFF url(../img/style/bg_title.png) no-repeat; padding:1px 10px 4px 10px; margin:4px 0 4px 0; }
.titlebar H2 { margin:0px; color:#FFF; font-weight:bold; font-size:16px; padding-top:3px; }
.titlebar .title_sender { float:right; }
.titlebar .title_sendername { float:right; color:#FFF;   margin:4px 4px 4px 4px;}

/* ----- LISTE ---- */

.list {}
.list TD.light1, .list TD.dark1 { text-align:center; width:67px; padding:10px 0 10px 0; }

TD.light1, TD.light2, TD.light3, TD.light4 { background:#f5f5f5; border-bottom:2px solid #FFF; }
TD.dark1, TD.dark2, TD.dark3, TD.dark4 { background:#e2e2e2; border-bottom:2px solid #FFF; } 

TD.light1, TD.dark1 { text-align:center; width:67px; padding:10px 0 10px 0; }
TD.light2, TD.dark2 { vertical-align:middle; padding-top:10px; width:100px; }
TD.light2 strong, TD.dark2 strong { font-size: 12px; }
TD.light3, TD.dark3 { vertical-align:middle; padding-top:4px;  }
TD.light3 strong, TD.dark3 strong { font-size: 12px; }
TD.light3 div.listimg, TD.dark3 div.listimg 
{ vertical-align:middle; padding:4px 8px 0px 8px; float:right; display:inherit; position:relative; width:80px; }

.smalllist TD.light1, .smalllist TD.dark1 { vertical-align:middle; text-align:center; width:67px; height:auto; padding:5px 0 7px 0; } /*  1-zeilige Liste */

div.hr { height:1px; background:url(../img/style/dotted_grey.gif) repeat-x scroll left; margin:5px 0 5px 0; }
div.hr hr { display:none; }
.light3 div.hr, .dark3 div.hr { margin:6px 92px 6px 0; } /* IE Hack */

.smalltimeline { height:5px; width:75px; background:url(../img/style/bg_timeline.png); padding:0; border:1px solid #575350; text-align:right; margin:4px 0 8px 4px; }
.inhaltleft { background:#f5f5f5; position:relative; float:left; padding:10px 10px 30px 10px; width:555px; margin-bottom:6px;  } 

/* FORMS */

INPUT { margin-top:4px; }
TABLE.searchform TR TD { vertical-align:middle; font-size:12px; }
.searchform SELECT.dropdown { width:200px; font-size:12px; } 
.searchform INPUT { width:195px; font-size:12px; }
TD.col1 { width:160px; }
TD.col2 {}

TABLE.profiledit TD.col1 { width:30px; text-align:center; vertical-align:middle; } /* Formatierungen Profil */
TABLE.profiledit TD.col2 { width:140px; vertical-align:middle; }
TABLE.profiledit TD.col2 { }

.searchbutton { text-align:center; height:60px; }

.naviCompMain { width:200px; padding: 0; margin: 0; list-style-type: none; }
.naviCompMain LI { height:20px; background-color:#9FA9C0; margin: 0 0 1px 0; padding: 2px 0 0 20px; }
.naviCompMain LI A { color: #000000; font-size:12px; }
.naviCompSub { width:200px; padding: 0; margin: 0; list-style-type: none; }
.naviCompSub LI { height:17px; background-color:#BFC9E0; margin: 0 0 1px 0; padding: 2px 0 0 40px; }
.naviCompSub LI A { color: #000000; font-size:12px; }

.ratingTable { padding: 0; margin: 0 1px 0 0; font-size:12px;}
.ratingTable TR TD { text-align:center; vertical-align:middle; background-color: #ffffff; padding: 3px 2px 5px 2px; }
.ratingTable TR TD IMG{ margin-top:3px; }
/* ELSE */
.clear { clear:both; }