/* LAYOUT FOR TV_OVERVIEW */
.clearleft							{ clear:left; height: 1px; overflow: hidden }
.br_s								{ height:4px; }
div .noscript						{ background-color:#be0000; color:#FFFFFF; border:0px; font-size:0.7em; margin-bottom:3px;margin-top:3px; padding:6px 8px 5px 8px; text-align: right;}
#cookiestatus						{ display: none; }
#error								{ display:none; height:22px; border-bottom:1px solid #000; font-size:0.8em; padding:3px 10px 1px 22px; background:url(../img/ico_error.gif) no-repeat #FFFFE1 3px 4px; overflow:hidden; }
#hiddenOverlayFetch					{ display:none; }
#genre_toggle { 
	cursor:pointer; 
	cursor:hand; 
	font-size:0.75em; 
	padding: 3px 0 4px 6px !important; 	
	line-height: 16px;
	background: url(../img/icon_arr_white_right.png) no-repeat 0 0; 
	color: #333;
	border-bottom: 1px solid #CCC;
	width: 150px;
}
#genre_toggle.active				{ background: url(../img/icon_arr_white_right.png) no-repeat; text-decoration: none;}						
li.passive 							{ background-color:#656565; color:#FFFFFF; border:0 }
li.active 							{ background-color:#484848; color:#FFFFFF; border:0 }
#genre_hidden						{ display:none;}
#genre_hidden a						{ border-bottom: 1px solid #CCC; }

#myfavs								{ background: url(../img/icon_overview.gif) no-repeat 6px 4px #F4F4F4 !important; padding-left: 24px; }
#myfavs:hover						{ background: #FFFFFF url(../img/icon_overview_red.gif) no-repeat 6px 4px !important; }

.programmonair .add_to_fav			{ width:29px; height:12px; background:url(../img/icon_star_onair.gif) no-repeat; }
img.icon_star_overlay				{ width:29px; height:12px; background:url(../img/ico_fav.gif) no-repeat; }

/*sftv main.css overwrite*/

body{
	font-family: Arial, Helvetica, sans-serif;
}

table{
	border-collapse: inherit;
}

#CONTENT{
	clear:left;
	margin-top:30px;
	position:relative;
	width: 980px;
	font-family: arial, tahoma,verdana,sans-serif;
}
#ContentMiddle						{ margin-left: 17px; float:left; width: 50.438em; }
.cm_top{
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #E5E5E5;
	clear:left;
	height:27px;
	margin:0 0 20px;
	width:100%;
	background-color: #FFF;
	padding: 0;
	font-size: 1em;
}

.cm_top_left{
	border:0 none;
	float:left;
	height:19px;
	margin:0;
	padding:4px 0 0;
	font-size: 1em;
	color: #333;
	font-weight: normal;
}

.cm_top_right{
	border:0 none;
	height:19px;
	margin:0;
	padding:6px 0 0;
	text-align:right;
	font-size: 0.75em;
	color: #333;
}
#ContentMiddle .cm_top_right img,
#ContentMiddleFullscreen .cm_top_right img
									{ vertical-align:top; }
#contentfullscreen					{ clear:left; min-width:59.4em; _width:59.4em; /* width per dimensions */ }
#contentfullscreen #ContentMiddle	{ width:auto; /* width per dimensions */ }
#ContentMiddleFullscreen			{ margin-left:0.5em; min-height:16em; /*IE opt*/ height:16em; float:left; }
#FOOT								{ bottom:0; }

/*programmbereich*/
#programwrapper						{ float:left; position:relative; width:47em; height: 607px; overflow:auto; }
#programscroller					{ position:absolute; left:0; } /* anzahl sender mal senderbreite (178px) */
#programwrapper table 				{ padding: 0; margin: 0; border: 0; }
#programchannels 					{ float: left; }
.timezone							{ background:url(../img/bg_channel33.gif) repeat 0 0; }
.timezonedark						{ background:url(../img/bg_channeldark.gif) repeat 0 0; } /* abwechselnde bg's hell/dunkel -> optische trennung pro 2h block */
.firsttimezone						{ margin-top:28px; } /* space für senderleiste, die dynamisch verschoben wird */
.channel							{ border: none; float:left; font-size:0.56em; position:relative; padding:0; overflow:hidden; width:178px; min-height:1px}
.remove_from_fav span, .add_to_fav span, .remove_from_mytv span { display: none; }
.remove_from_fav 					{ float: left; display: block; width: 29px; height: 12px; background: url(../img/icon_staractive.gif) top left no-repeat; }
.add_to_fav 						{ float: left; display: block; width: 29px; height: 12px; background: url(../img/ico_fav.gif) 0 0 no-repeat; }
.add_to_fav:hover	 				{ background-position: 0 -12px }
.remove_from_mytv 					{ float: left; display: block; width: 29px; height: 12px; background: url(../img/ico_fav.gif) 0 -12px no-repeat; }
.remove_from_mytv:hover	 			{ background-position: 0 0 }
.vod                                { display: block; clear: left; background:url(../img/icon_trailer_sml.gif) no-repeat 0 50%; padding-left: 9px; font-size: 9px; }
.livestream 						{ color:#BE090A; text-decoration: none;}
.livestream:hover 					{ color:#BE090A; text-decoration: underline;}
.programmselected .livestream, 
.programmselected .livestream:hover	{ color:#FFFFFF;}

/* debug only */ .channel p { font-size:1em; }
.programmblock								{ width:175px; border-right:3px solid #fff; z-index:-100; }
/*opera opt*/
@media all and (min-width: 0px) {
	.programmblock							{ width:19.8em; }
}
.programmblock td							{ vertical-align:top; }
.programmblock td.right						{ cursor:pointer; cursor:hand; font-size: 1.06em; }
.programmblock td.bginfo					{ cursor:default; background-color:#F0D8D8; border-right: 3px solid #FFF;  font-size: 1.06em;}
.programmblock td.right	img.tipofday		{ display:block; margin-top:2px; margin-bottom:4px }
.dark .programmover td,
.programmover td							{ color:#808080; }

.programmonair td.left,
.timezonedark .programmonair td.left		{ background-color:#D2D2D2; }

.programmonair td.right,
.timezonedark .programmonair td.right		{ background-color:#D2D2D2; border-right: 3px solid #FFF; }

.programmselected td.right,
.programmselected td.left,
.timezonedark .programmselected td.left,
.timezonedark .programmselected td.right	{ background-color:#bf0000; color:#fff; }

.programmselected td.right,
.timezonedark .programmselected td.right{
	border-right: 3px solid #FFF;
}

.programmblock td							{ width:auto; background:none; border-right:0; padding:0; padding:2px 2px 4px 2px; }
.programmblock tr td.left					{ border-right:0; width:3.2em; }
.programmblock tr:hover td.left				{ padding:1px 2px 3px 1px; border:1px solid #A50019; border-right:0; }
.programmblock tr:hover td.right			{ padding:1px 1px 3px 2px; border:1px solid #A50019; border-left:0; }
.programmblock a.title						{ display: block; font-size:1.2em; font-weight:bold; text-decoration:none; color:#1D1D1D;}
.programmblock .programmover a.title		{ color:#808080; }
.programmblock .programmselected a.title	{ color:#FFFFFF; }
.programmblock a span						{ font-size:0.9em; font-weight:100; }
.programmblock .empty						{ padding: 0; }
.programmblock .infoMessage					{ background-color:#BE0000; color:#FFFFFF; font-size:1em; padding:3px; }

/*overlay*/
#overlay									{ position:relative; z-index:300; }
#overlayBox a								{ text-decoration:none; }
#overlayWrapper								{ position:absolute; top:0; width:45.1em; height:33em; background-color:#fff; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity:0.75; z-index:300; display:none; }
#overlayBox									{ position:absolute; top:5em; left:11.1em; width:22em; z-index:300; background-color:#ececee; border:1px solid #656565; display:none; }
#overlayBox .previousprogramm,
#overlayBox .nextprogramm					{ background-image:url(../img/bg_transparentpopuptop.gif); height:1.2em; color:#fff; padding:1px 5px 0 13px; }
#overlayBox .nextprogramm					{ background-image:url(../img/bg_transparentpopupbottom.gif); }
#overlayBox .previousprogramm a,
#overlayBox .nextprogramm a					{ width:1.3em; padding-top:5px; display:block; float:left; }
#overlayBox .previousprogramm a.text,
#overlayBox .nextprogramm a.text			{ font-size:0.7em; width:26.8em; padding:1px; display:block; text-decoration:none; float:left; background-color:transparent; color:#fff; }
#overlayBox .previousprogramm a.overlay_close { float:left; padding-top:3px; width:auto; }
#overlayBox .content						{ width:22em; }            
#overlayBox ul.stories						{ margin:15px 5px 5px 15px; padding-left:0pt; }
#overlayBox .time							{ float:left; font-size:0.62em; width: 3.45em; padding:5px 0 0 0.2em; background-color:#ececee; }
#overlayBox .time img						{ padding:5px 0 5px 12px; }
#overlayBox .text							{ font-size:0.7em; float:left; width:27em; padding:0 0.8em 0.5em 0.3em; background-color:#fff; }
#overlayBox .textfault						{ font-size:0.7em; padding:0.3em 0.8em 0.7em 0.6em; background-color:#C5C5C5; }
#overlayBox img.image						{ float:right; margin-left:5px; }					
#overlayBox .duration						{ float:left; display:block; padding-top:5px; font-size:0.8em; }
#overlayBox .title							{ font-weight:bold; display:block; padding-bottom:5px; }
#overlayBox .attributes						{ font-weight:bold; padding:0px; float:left; height:1px}
#overlayBox .attributes img					{ margin-right:3px }
#overlayBox .text p							{ font-size:1em; margin:0px; padding-bottom:2px; }
#overlayBox .more							{ background:url(../img/transparentpopup_more.gif) no-repeat left 4px; padding-left:10px; font-weight:bold; }
#overlayBox .add,
#overlayBox .remove,
#overlayBox .gotodetail						{ padding:2px 0 5px 0; font-size:0.7em; cursor:pointer}
#overlayBox span.image						{ width:3.2em; display:block; float:left; text-align:center; } 
#overlay .time p 							{ font-size:1em; margin: 0; padding: 0;}
#overlay .inv								{ display: none;}
#overlay .add_to_fav, #overlay .remove_from_fav { float: none; padding-right: 0.4em; padding-left: 3.2em; width: auto; font-weight: bold; background:url(../img/ico_fav.gif) 4px 0 no-repeat;}
#overlay .add_to_fav:hover, #overlay .remove_from_fav { background: url(../img/icon_staractive_overlay.gif) 4px 0 no-repeat; }

#overlayLoadingMessage, #overlayErrorMessage { display: none; }
/*senderkopf*/
#channelhead 				{ position: absolute; z-index: 200;}
.programtablehead			{ float:left; font-size:0.56em; position:relative; padding:0; min-height:1px; width:176px; background-color:#e6e6e8; border-bottom:3px solid #fff;  border-right:2px solid #fff; }
.channel_close				{ display: block; float: right; margin:6px 0 0 0; width:18px; height:18px; background:url(../img/ico_close.gif) no-repeat; cursor:pointer; cursor:hand; }
.channel_close span			{ display: none; }

/*sender auswählen*/
#empty_channel		{ position: absolute; float:left; margin:0; padding:6px 0 0 22px; border-right:3px solid #FFF; z-index:210; background:#F5F5F5; }
#empty_channel p	{ margin:0; padding:0; font-size:1.3em !important; font-weight:bold; }
#ul_logos			{ float:left; width:153px; list-style:none; margin:3px 0 3px 0; padding:0; }
#ul_logos li		{ cursor:pointer; cursor:hand; float:left; width:64px; height:18px; margin:3px 5px 2px 0; }
.channel_add 		{ display: block; width: 64px; height: 18px; }
.channel_add span 	{ display: none; }

/*favoritenleiste mit sendericons*/
#selectchannels				{ float:left; background-color:#f5F5F5; margin:0 0 0 1px; padding:25px 0; position:relative; height:557px; width:54px; overflow:hidden; }
#selectchannels .arrowup	{ position:absolute; top:0; z-index:10; width:55px; height:25px; background:url(../img/ico_channelscroll_up.gif) no-repeat; cursor:hand; cursor:pointer;  background-position: 0 -50px}
#selectchannels .arrowdown	{ position:absolute; bottom:-1px; z-index:10; width:55px; height:25px; background:url(../img/ico_channelscroll_down.gif) no-repeat; cursor:hand; cursor:pointer; background-position: 0 -50px}
#selectchannelsscroller		{ position:absolute; top:25px; z-index:1; }
#selectchannels .channel_added span  { display: none; visibility: hidden; }
#selectchannels a.channel_added		{ margin:3px 4px 0 5px; display:block; height:19px; width:45px; }
/*lupe*/
#magnifier					{ position:absolute; top:0; width:55px; height:88px; z-index: 20; cursor:move; }
#behindmagnifier			{ position:absolute; top:0; width:55px; height:88px; z-index:-1; background-color:#fff; }

#loading					{ display:none; border:1px solid #AFAFB0; background-color:#C5C5C5; color:#BE0000; font-size: 0.7em; padding: 3px; margin-bottom: 2px; }

/*~~~ Useful helper classes ~~~ */
.hSpacer1px {height:1px; background:#ffffff; margin:0; border:0 none; padding:0; font-size:0pt;}
.noborder 	{padding:0px; margin:0px; border-collapse:collapse;}
a.red 		{color:#A50019; text-decoration:none;}
a.redbold 	{color:#A50019; text-decoration:none; font-weight:bold;}
a.black 	{color:#000000; text-decoration:none;}
a.blackbold {color:#000000; text-decoration:none; font-weight:bold;}
.p5			{padding:5px}
.pl7		{padding-left:7px}
.pt2 		{padding-top:2px}
.pt7 		{padding-top:7px}
.pt20		{padding-top:20px}
*html .pt20 {padding-top:10px}
.pt2 		{padding-top:2px}
.pb4		{padding-bottom:4px}
.pb5		{padding-bottom:5px}
.pb6		{padding-bottom:6px}
.pb7		{padding-bottom:7px}
.pb8		{padding-bottom:8px}
.pb9		{padding-bottom:9px}
.pb10		{padding-bottom:10px}
.pb15		{padding-bottom:15px}
.pb17		{padding-bottom:17px}
.mt10		{margin-top:10px}
.mt5		{margin-top:5px}





/* BESTEHENDE RUBRIK STYLES SF1 */
/* ----- IE 5.0/Windows Band Pass Filter ----- */
@media tty {
	i{content:"\";/*" "*/}}; @import 'ie5pc.css'; {;}/*";}
}/* */

/* ----- Rubric ----- */
#RUBRIC{
		border-bottom:1px solid #D8D8D8;
	clear:left;
	font-size:70%;
	height:45px;
	position:relative;
}

#RubricLeft{
	float:left;
}

#RubricLeft, #RubricRight {
	height:45px;
	text-transform:uppercase;
}
/* logos für startseiten */
.box51_head{
	background-image:url(../img/logo_sftagesschau_small.gif);
	background-repeat:no-repeat;
}

/* ----- ContentLeft ----- */

#ContentLeft{
	width: 156px;
}
.cl_nav_top{
	background-color:#EAEAEA; /* IE 5.0 abstand verdecken */
	font-size: 0.01em;
}

.cl_nav_top b{
	color:#FFFFFF;
	background-color:#860000;
	background-image: url(../img/bg_title_sf1.gif);
	background-repeat: repeat-x;
	border-bottom: 3px solid #BF0000;
}

.cl_nav_top a{
	background-color:#AC0000;
	color: #FFFFFF;
	border-bottom: 3px solid #BF0000; /* IE Haarlinie faerben*/
}
.cl_nav_top a:hover {
	background-color: #FFFFFF;
	color: #000000;
}
a:link.cl_nav_top_selected, a:visited.cl_nav_top_selected { background-color: #FFFFFF; color:#1D1D1D; }
a:link.hm_selected, a:visited.hm_selected{ color:#AC0000; }

.cl_nav_top_dark .cl_nav_top_last{
	font-size: 0.1em;
	height: 1px !important;

}

.cl_nav_top_dark  b{
	color:#FFFFFF;
	background-color:#F4F4F4;
	background-image: url(../img/bg_title_sf1_dark.gif);
	background-repeat: repeat-x;
	border-bottom: 1px solid #Cccc;
}

.cl_nav_top_dark  a{
	background-color:#656565;
	color: #FFFFFF;
	border-bottom: 3px solid #6d6d6d; /* IE Haarlinie faerben*/
}
.cl_nav_top_dark  a:hover {
	background-color: #FFFFFF;
	color: #000000;
}

.cl_nav_extras{
	border: 1px solid #CCC;
	padding: 4px 0 4px 0;
	background: #FFF !important;
	margin-bottom: 24px !important;
}

.cl_nav_extras ul{
	float: none !important;
}

.cl_nav_extras ul li a {
	background:#FFFFFF !important;
	border: none !important;
	color:#666 !important;
	font-size: 0.75em;
	padding:0px!important;
	display: block;
	width: 100%;
}

.cl_nav_extras ul li {
	background-color:#FFFFFF !important;
}

.cl_nav_extras .symbol{
	float: left;
}

.cl_nav_extras .symbol_text{

}
.cm_spacer_line		{ border-bottom:1px solid #CCC; margin:8px 8px 8px 6px }
.cm_spacer_large{
	 height: 24px;
}
.cm_foot			{ margin:3px 0 0 0; position:relative; clear:left; overflow: hidden; width: 100%; }

.symbol			{ display: block; float:left; padding:0.2em 0pt 0.1em 6px;}
.symbol_text 	{ display: block; margin-left:28px; padding:0.2em 0pt 0.1em 0.8em;}


span.spacer { font-size: 0; height: 0}

/* overlay  */
#overlay {
	padding: 8px 0 0 0;
}

#overlayBox {
	display: none;
}

/* vevent microformat */
abbr.dtstart, abbr.dtend, span.location, div.description, span.hCalendar, span.uid {
	display:none;
	visibility:hidden;
}

/* overwrite the default main.css styles */
.cl_nav_interaktiv {
	background-color:#F4F4F4 !important;
	/* border-bottom: 1px solid #999999 !important;*/
	background-image: none;
	color: #333;
	margin-top: 0px !important;
	width: 100%;
}

.cl_nav_dienste ul, .cl_nav_interaktiv ul {
	border: none;
	float:left;
	margin-bottom:0px !important;
	padding: 0;
}

.cl_nav_dienste ul li, .cl_nav_interaktiv ul li{
	padding: 0 !important;
	width: 156px;
}

.cl_nav_interaktiv b, .cl_nav_dienste b, .cl_nav_interaktiv b a, .cl_nav_dienste b a {
	background-color:#E2E2E4 !important;
	background-image:none;
	border-bottom: 1px solid #999;
	border-top: 1px solid #CCC;
	border-right: none;
	border-left: none;
	color:#333;
	text-transform: inherit;
	display:block;
	font-size:0.75em;
	font-weight: normal;
	padding:3px 0 4px 6px;
	width: 150px;
}


.cl_nav_top ul li a, .cl_nav_interaktiv ul li a, .cl_nav_dienste ul li a, .cl_nav_top ul li div, .cl_nav_interaktiv ul li div, .cl_nav_dienste ul li div {
	color: #333;
	background-color: #F4F4F4 !important;
	background-image: none !important;
	border-bottom:1px solid #CCCCCC;
	display:block;
	line-height:16px;
	margin:0;
	padding:3px 0 4px 6px;
}

.cl_nav_interaktiv a, .cl_nav_dienste a {
	background-color:#F4F4F4;
	border: none;
	color:#333;
	font-size: 0.75em;
}

.cl_nav_interaktiv a:hover, .cl_nav_dienste a:hover {
	background-color:#FFF !important;
	border: none;
	color:#A50019 !important;
	font-size: 0.75em;
	text-decoration: none !important;
	color: #333;
	border-bottom:1px solid #CCCCCC;
	display:block;
	line-height:16px;
	margin:0;
	padding:3px 0 4px 6px;
}

.cl_nav_interaktiv .cl_nav_top_last{
	background: #FFF;
	font-size: 0.1em;
	height: 0px;
	margin: 0 !important;
}

iframe {
    width: 100%;
    height: 770px;
}