/* ***********************************
    *                                    *
    *          Trojka + LOH2008          *
    *    CSS by: fatchilli.com, mB       *
    *                                    *
    *         All web content            *
    *                                    *
    *  Last update:  23.08.2010 by mS    *
    *                                    *
    *********************************** */

	/* --- | GLOBAL SETTINGS | --- */
	@import "global.css";
	
	* {font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;}

	/* --- | HTML | --- */
	html,
	body {height: 100%;}
	a {color: #3D940D;background: transparent url(../images2008/a-bcg.gif) repeat scroll 0 0;}
	a:hover {color: #000;}
	a:focus {outline-style: none;}
	hr {}
	h2 {padding-left: 20px; background-image: url(../images2008/h2_bckg.png); background-repeat: repeat-y;}	

	/* --- | GENERAL CLASSES | --- */
	.p {font-size: 0.75em;}
	.p ul {list-style: none;}
	.act {cursor: default;}
	.more {padding: 0 0.5em; background-color: #3d940d; color: #FFF !important; font-size: 0.75em; text-decoration: none; line-height: 115%;}
	
	/* --- Forms --- */
	legend {display: none;}
	
	/* --- | LAYOUT | --- */
	#page {position: relative; margin: 0 0 0 2.5em; padding-top: 7em; width: 59.38em; min-height: 5em;}
	
	/* ---  Head --- */
	#head {position: relative; margin-bottom: 0.75em; border-bottom: 1px solid #c8c8c8; height: 8.9em;}
	#stv-logo {position: absolute; top: 1.4em;}
	/* Breadcrumb */
	#head .breadcrumb {position: absolute; right: 0; top: 0;}
	.breadcrumb {color: #bf0000; font-size: 0.69em;}
	.breadcrumb a {margin: 0 0.25em; color: #bf0000;}
	.breadcrumb a:hover {color: #000;}
	/* Quick select */
	#stv-menu {position: absolute; top: 1em; right: 0;}
	#stv-menu strong {color: #8c8c8c; font-weight: normal; font-size: 0.69em;}
	#stv-menu li {float: left; margin-right: 1.15em; _width: 1px; white-space: nowrap;}
	#stv-menu select {width: 12em; font-size: 0.69em;}
	#stv-menu #search-form {position: relative; top: -1em;}
	#stv-menu label {display: block; color: #8c8c8c; font-size: 0.69em;}
	#stv-menu .field {border: 1px solid #b2b2b2; width: 9em; font-size: 0.69em;}
	#stv-menu .button {position: relative; top: 3px;}
	/* Navigation */
	#nav {position: absolute; top: 5em;}
	#nav li {position: relative; float: left; display: block;}
	#nav a {padding: 0.4em 0.85em; display: block; height: 1.45em; color: #FFF; font-size: 0.81em; text-decoration: none; 
	_display: inline-block; /*IE*/}
	#nav a img {position: relative; 
	=top: 4px;/*IE*/}
	#nav a:hover {background-color: #f5f5f5; color: #000;}
	#nav a span {position: relative; z-index: 2;}
	/*#nav a b {position: absolute; left: -9%; top: -0.5em; width: 120%; height: 150%;}*/
	/*#nav a:hover b {background-color: #ffff00; z-index: 1;}*/
	#nav a.act {position: relative; top: -0.6em; border-top: 3px solid #a5a5a5; background-color: #FFF; color: #000;}
	#nav a.act span {top: 0.3em;}
	#nav a.act:hover b {display: none;}
	/* Items colors */
	#nv-i1 {background-color: #000000;}
	#nv-i2 {background-color: #0a0a0a;}
	#nv-i3 {background-color: #0a0a0a;}
	#nv-i4 {background-color: #0a0a0a;}
	#nv-i5 {background-color: #494949;}
	#nv-i6 {background-color: #707070;}
	#nv-i7 {background-color: #8c8c8c;}
	#nv-i8 {background-color: #a5a5a5;}
	#nv-i9 {background-color: #b7b7b7;}
	#nv-i10 {background-color: #c6c6c6; color: #000 !important;}
	#nv-i11 {background-color: #d7d7d7; color: #000 !important;}
	#nv-i12 {background-color: #e2e2e2; color: #000 !important;}
	#nv-i13 {background-color: #eaeaea; color: #000 !important;}
	#nv-i14 {background-color: #f5f5f5; color: #000 !important;}
	/* Programm menu */
	#prog-menu {position: absolute; top: 7.25em;}
	.tabs li,
	#prog-menu li {float: left; margin-right: 0.5em;}
	.tabs a,
	#prog-menu a {padding: 0.25em 0.85em; display: block; height: 1.1em; background-color: #f2f2f2; color: #707070; font-family: sans-serif; font-size: 1em; text-decoration: none;
	_display: inline-block;/*IE*/}
	.tabs a:hover,
	#prog-menu a:hover {background-color: #e3e3e3;}
	.tabs a.act,
	#prog-menu a.act {position: relative; top: -2px; padding: 4px 19px; border-top: 3px solid #a5a5a5; background-color: #FFF; font-weight: bold;}
	#prog-menu a.nolive {background: #fff url(../images/ico/ico-nolive.png) no-repeat scroll right 8px;color: #b5b5b5;}
	#prog-menu a span small {display: block;line-height: 2px;font-size: 11px;font-style: italic;font-weight: normal;}
	/* Tabs */
	#subcol-1 .tabs {margin-bottom: 0.5em; border-bottom: 1px solid #c8c8c8; height: 1.3em;}
	#subcol-1 .tabs a {font-size: 0.81em;}
	/* RSS */
	.rss {position: absolute; top: 9.9em; right: 0; padding-left: 20px; background: url(../images2008/rss-icon.gif) no-repeat; font-size: 0.75em;}
	
	/* --- Top --- */
	#top {position: absolute; top: 0.5em; left: 0; width: 950px; height: 100px;}
	
	/* ---  Column 1  --- */	
	#col-1 {float: left; width: 13.75em;}
	#col-1 table {width: 100%;}
	#col-1 .box {margin-bottom: 0.75em;}
	#col-1 h2 {margin-bottom: 0.5em; padding: 0.25em 0 0.25em 1em; font-size: 0.75em; font-weight: normal;}
	/* Countdown */
	#cntdwn {padding: 0.5em; margin-bottom: 0.75em; border: 3px solid #f2f2f2; font-size: 0.75em;}
	/* Today's broadcast */
	#today {padding: 0.5em; background-color: #fffcd6; color: #545454;}
	#today table {margin-bottom: 0.5em;}
	#today th {font-size: 0.69em;}
	#today td {padding: 0.2em 0.2em; font-size: 0.75em; vertical-align: top; line-height: 120%;}
	#today tfoot {text-align: right;}
	#today tfoot td {padding-top: 0.75em;}
	#today .more {font-size: 1em;}
	#today .stv3 a {color: #5baa20;}
	#today .stv3 b {color: #809f68;}
	#today .stv2 a {color: #6f70a8;}
	#today .stv2 b {color: #6f70a8;}
	#today .stv2 .more {background-color: #6f70a8 !important;}
	#today h4 {font-size: 0.75em;}
	#today h4 em {padding: 0.1em 0.3em; background-color: #809f68; color: #fff; text-transform: uppercase; font: bold normal 0.81em Verdana, "Geneva CE", lucida, sans-serif;}
	#today h4 span {color: #a4a4a4; font-weight: normal;}
	#today p {font-size: 0.69em;}
	/* Medals summary */
	#medal {font-size: 0.75em; font-weight: bold;}
	#medal strong,
	#medal span {color: #447f4d;}
	#medal span {font-weight: normal;}
	#medal tfoot td {padding-top: 0.5em; background: url(../images2008/h-dot1.png) left 3px repeat-x;}
	#medal th,
	.gld,
	.slv,
	.brz {text-align: center;}
	.gld {color: #d8bc48;}
	.slv {color: #b9b9b9;}
	.brz {color: #a58e6d;}
	.los {color: #D86363;}
	#medal .fst {width: 0.5em;}
	#medal .t-r {padding-right: 1em; color: #585858;}
	/* Links */
	#links {padding-left: 0.79em; list-style: none;}
	#links li {font-size: 0.75em;}
	#links a {color: #3d940d; font-weight: bold;}
	#links small {padding-left: 17px; display: block;}
	
	/* --- Column 2 --- */
	#col-2 {position: relative; float: right; padding-bottom: 1em; width: 44.75em;}

	/* --- Articles switcher --- */
	#top-spot {position: relative; height: 14.8em;}
	#top-spot ul {float: right; position: relative; top: 1.1em; padding: 0; list-style: none;}
	#top-spot li {margin-bottom: 0.5em;}
	#top-spot ul strong {padding-left: 0.2em; font-size: 1.5em;}
	#top-spot ul a {position: relative; left: 2px; border: 1px solid #7f7f7f; border-left: none; padding: 3px 0; display: block; width: 1.5em; color: #222; text-decoration: none; background-color: #e2e2e2; -khtml-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50);
	_display: inline-block; /*IE*/}
	#top-spot ul a:hover {-khtml-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80);}
	#top-spot ul a.act,
	#top-spot ul a.act:hover {left: -0.1em; z-index: 19; width: 2em; background-color: #FFF; -khtml-opacity: 1; opacity: 1; filter: alpha(opacity=100);}
	#top-spot ul a.act strong {padding-left: 0.35em;}
	/* Corner */
	#top-spot ul b {position: absolute; right: -1px; display: block; width: 3px; height: 3px; overflow: hidden; background-repeat: no-repeat; background-color: #FFF;}
	#top-spot ul b.top-c {top: -1px; background-image: url(../images2008/top_corner.png);}
	#top-spot ul b.bottom-c {bottom: -1px; background-image: url(../images2008/bottom_corner.png); _bottom: -3px;}

	/* ---  Main articles --- */
	.spot {position: absolute; top: 0; border-right: 1px solid #7f7f7f; width: 42.55em; height: 14.31em; overflow: hidden;
	=z-index: -1; /*IE*/}
	.spot h2,
	.spot .p {margin-left: 344px; font-size: 1.5em;}
	#article2,
	#article3,
	#article4 {display: none;}
	.article .more,
	.spot .more {float: right; margin-right: 0.5em; font-size: 1em;}
	/* Heading */
	#detail h2,
	.spot h2 {position: relative; margin-bottom: 0.3em; padding-right: 30px; background-image: none; font-weight: normal;}
	.spot h2 {padding-left: 0;}
	.spot h2 a {margin-bottom: -28px; padding-left: 17px; display: block; background: url(../images2008/h2_bckg.png) repeat-y; text-decoration: none; line-height: 100%;}
	#detail h2 span,
	.spot h2 span {display: block; margin-top: 5px; color: #000; font-size: 0.6em;}
	/* Content */
	.spot .t-img,
	.spot img {position: absolute; left: 0; top: 0; }
	.spot .p {font-size: 0.75em; line-height: 120%;}	

	/* --- | Sub cols | --- */
	#subcol-1 {position: relative; float: left; width: 35em;}
	#subcol-2 {position: relative; float: right; width: 8.75em;}
	
	/* ----| Articles |---- */
	.article {position: relative; min-height: 5.63em; margin-bottom: 0.5em; clear: both;
	_height: 1px;/*IE*/}
	.article.no-foto h2,
	.article.no-foto h3,
	.article.no-foto .p {margin-left: 0;}
	.article h2,
	.article h3 {padding-left: 20px; background: url(../images2008/h2_bckg.png) repeat-y; font-size: 0.94em;}
	.article .p {font-size: 0.69em;} 
	.article h2,
	.article h3,
	.article .p {margin-left: 145px; font-weight: normal;}
	.article h2 span,
	.article h3 span {font-size: 0.69em;}
	.article img {position: absolute; left: 0; top: 0;}
	/* Article in column */
	.article.col {float: left; clear: none; width: 17em;}
	
	/* Sub menu */
	#subcol-2  h3 {padding: 0.25em 1em; background-color: #000; background-image: url(../images2008/heading_h3.png); background-repeat: no-repeat; background-position: right center; color: #FFF; font-size: 0.63em; font-weight: normal;}
	.menu {padding: 0; list-style: none;}
	.menu li {margin-bottom: 0.15em;}
	.menu a {display: block; padding: 0.15em 0.5em; font-size: 0.75em; text-decoration: none;
	_display: inline-block; _width: 10.7em;/*IE*/}
	.menu a:hover {background-color: #a85000 !important;}
	#subcol-2 ul.menu.stv3 a {background-color: #a5a5a5 !important;}
	#subcol-2 ul.menu.stv3 a:hover {background-color: #707070 !important;}
	#subcol-2 ul.menu a.act,
	#subcol-2 ul.menu a.act:hover {background-color: #FFF !important; color: #000 !important; font-weight: bold;}
	
	/* --- | FOOT | --- */
	#foot {clear: both; padding: 0.5em 0; border-top: 1px solid #c8c8c8;}
	#foot .breadcrumb {}
	#foot small {font-size: 0.69em;}
	/* fatchilli.com footer sign */
	#fat {text-decoration: none; color: #000;}
	#fat span {text-decoration: underline;}
	#fat span i {color: #9e1f10; font-style: normal;}
	
	
	/* --- | TPL: DETAIL | --- */
	#detail #col-2 h2 {padding-left: 17px; background: url(../images2008/h2_bckg.png) repeat-y; line-height: 100%; clear: both;}
	#detail .t-img {float: left; margin: 0 0.75em 0.25em 0;}
	#detail #col-2 .back {position: absolute; top: 2.75em; right: -0.5em;}
	
	/* --- | TPL: TV PROGRAM | --- */
	#program #col-2 h2 {padding: 0 0 0.25em 1em; background: url(../images2008/h-dot2.png) bottom repeat-x; font-weight: normal; font-size: 0.63em;}
	
	#program #time-select {position: relative; height: 4.5em;}
	#program #time-select ul {position: absolute; padding: 0; list-style: none;}
	#program #time-select ul li {display: inline;}
	#program #time-select a {text-decoration: none;}
	/* Channel colors */
	#time-select .stv1 {background-color: #ffb40c;}
	#time-select .stv2 {background-color: #778fb3;}
	#time-select .stv3 {background-color: #8aae77;}		
	
	/* --- Channel selection --- */
	#time-select #channel {top: 2em; left: 1em;}
	#time-select #channel li {float: left; margin-right: 0.5em;}
	#time-select #channel a {position: relative; padding: 0.3em 0.5em; display: block; font-weight: bold; color: #FFF; font-size: 0.75em;
	_display: inline-block;/*IE*/}
	/* Corrner */
	b.cor {position: absolute; bottom: 0; display: block; width: 1px; height: 1px; background-color: #FFF; overflow: hidden;}
	b.b-l {left: 0;}
	b.b-r {right: 0;}

	/* --- Day selection --- */
	#time-select #day {position: relative; height: 2em; width: 100%; overflow: hidden;}
	#time-select #day li {}
	#time-select #day a {float: left; margin-left: 1.5em; padding: 0.25em 0 0.25em 0; font-size: 0.88em; line-height: 90%; color: #000;}
	#time-select #day a.act,
	#time-select #day a:hover {color: #FFF;}
	#time-select #day a small {display: block; font-size: 0.58em;}
	
	/* --- Time selection --- */
	#time-select #time {top: 2em; left: 13em;}
	#time-select #time a {margin-right: 1em; color: #000; font-size: 0.75em; text-decoration: underline;}
	#time-select #time a.act {font-weight:  bold;}

	/* --- Channel item --- */
	#program .item {position: relative; padding-left: 199px; min-height: 85px; margin-bottom: 7px; padding-bottom: 5px; 
	_height: 90px;/*IE*/}
	#program .item.pair {background-color: #eae7e5;}
	#program .item.now {border-left: 3px solid #000; background-color: #fffcd6;}
	#program .item .n-img {position: absolute; left: 3px; top: 30%;}
	/* Heading */
	#program .item h3 {position: relative; top: 4px; margin-bottom: 4px; padding-right: 2em; color: #707070; font-size: 20px; line-height: 110%;}
	#program .item h3 a {color: #000;}
	#program.item h3 b {color: #7B7A7A;}
	#program .item h3 i {position: absolute; left: -3.37em; color: #FFF; font-style: normal;}
	#program.stv1 .item h3 i {background-color: #FFB40C;}
	#program.stv2 .item h3 i {background-color: #778FB3;}
	#program.stv3 .item h3 i {background-color: #3d940d;}

	/* Photo */
	#program .item a .t-img { position: absolute; left: 25px; top: 5px; }
	/* Content */
	#program .item .p {padding-right: 3em; line-height: 120%;}
	#program.stv1 .item .cnt1 {color: #f07545;}
	#program.stv2 .item .cnt1 {color: #778FB3;}
	#program.stv3 .item .cnt1 {color: #3d940d;}
	#program .item .cnt2 {color: #767676;}
	#program .item .cnt3 {color: #272727;}
	#program .item .cnt4 {color: #272727;}
	/*  */
	#program .item ul {position: absolute; left: 131px; top: 26px; padding: 0; width: 55px; text-transform: uppercase; line-height: 11px; list-style: none; text-align: right;}
	#program .item ul.prop {top: 4px; right: 0.5em; left: auto;}
	#program .item ul li {margin-bottom: 4px; font-size: 0.56em;
	_margin-bottom: 2px;/*IE*/}
	#program .item ul li a {text-decoration: none;}
	#program .item ul li a img {opacity: 0.4; -khtml-opacity: 0.4; filter: alpha(opacity=40);}
	#program .item ul li a:hover img {opacity: 1; -khtml-opacity: 1; filter: alpha(opacity=100);}
	#program .item ul .typ {text-align: center; margin-bottom: 0.9em; background-color: #FFF; color: #a8a8a8;}
	#program .item ul .tip {}
	
	/* TPL: SECTION */
	#section #col-2 h2 {margin-bottom: 0.5em; padding: 0.15em 0.75em !important; display: inline-block; background: #707070; color: #FFF; font: normal 1.5em sans-serif; }
	
	/* TPL: VIDEO */
	.vbox {padding-top: 103px; height: 4.2em; width: 11.25em; float: left; overflow: hidden; margin-left: 5px; position: relative; font-size: 0.75em;
	_margin-left: 3px !important;/*IE*/}
	.vbox h4 a {color: #BC0000;}
	.vbox a.img,
	.vbox a span {display: block; width: 12.00em; height: 112px; position: absolute; top: 0; left: 0;}
	.vbox a span { background: url(../images2008/play.gif); cursor: pointer;}
	.vbox h4 {font-size: 1em; margin-bottom: 3px;}
	.vbox p {line-height: 110%; font-size: 0.83em;}
	
	/* TPL: PROGRAM DETAIL */
	#prog-detail {position: relative; margin-bottom: 1em;}
	#prog-detail.foto-t {padding-left: 410px; height: 300px;}
	#prog-detail #img {position: absolute; left: 0; top: 0;}
	#prog-detail .prop {position: absolute; top: 0; right: 0; padding: 0; list-style: none;}
	.pad {padding: 7px; font-size: 0.75em;}
	.vid {margin-bottom: 0.5em; padding-left: 30px; background: #EEE url(../images/layout/video.png) left 2px no-repeat; font-weight: bold;}
	.dis {margin-bottom: 0.5em; padding-left: 30px; background: #EEE url(../images/layout/diskus.png) left -1px no-repeat;}
	h3.black span {font-size: 0.81em;}
	.ch_background .blok {border: 1px solid #EEE;}
	
	/* --- | SECTION STYLES | --- */

	/* ---  Home  --- */
	.loh1 {background: url(../images2008/html_bckg.jpg) repeat-y;}
	.loh1 #style {background: url(../images2008/body_bckg.jpg) no-repeat;}
	#subcol-2 .menu a,
	.home #col-1 h2 {background-color: #c15c00; background-image: none; color: #FFF; /*S*/}
	/* Articles */
	.home .spot h2 a,
	.home .article h2 a,
	.home .spot h3 a,
	.home .article h3 a {color: #7f9e67; /*S*/}
	.home .spot h2 a:hover,
	.home .article h2 a:hover,
	.home .spot h3 a:hover,
	.home .article h3 a:hover {color: #000;/*S*/}
	/*  */
	.sport, .bg1, .bg2, .bg3, .bg4, .bg5 {background: url(../images2008/html_bckg_sport.gif) repeat-y;}
	.sport #style {background: url(../images2008/body_bckg_sport.jpg) no-repeat;}
	.live #style {background: url(../images2008/bg_live.png) no-repeat;}
	.videoarchiv #style {background: url(../images2008/bg_videoarchiv.png) no-repeat;}
	.bg1 #style {background: url(../images2008/bg1.jpg) no-repeat;}
	.bg2 #style {background: url(../images2008/bg2.jpg) no-repeat;}
	.bg3 #style {background: url(../images2008/bg3.jpg) no-repeat;}
	.bg4 #style {background: url(../images2008/bg4.jpg) no-repeat;}
	.bg5 #style {background: url(../images2008/bg5.jpg) no-repeat;}
	
	/* ---| Lightbox |--- */
	#lightbox{position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
	#lightbox a { outline: none;}
	#lightbox a img{ border: none;}
	#outerImageContainer{position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
	#imageContainer{padding: 10px; }
	#loading{position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
	#hoverNav{position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
	#imageContainer>#hoverNav{ left: 0;}
	#hoverNav a{ outline: none;}
	#prevLink, #nextLink{width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; display: block;}
	#prevLink {left: 0; float: left;}
	#nextLink {right: 0; float: right;}
	#prevLink, #prevLink { background: url(../images/prevlabel.gif) left 15% no-repeat; }
	#nextLink, #nextLink { background: url(../images/nextlabel.gif) right 15% no-repeat; }
	#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%;}
	#imageData{	padding:0 10px; color: #666; }
	#imageData #imageDetails{ width: 70%; float: left; text-align: left;}
	#imageData #caption{ font-weight: bold;}
	#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;}
	#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;}
	#overlay{position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;}	
	
	/* ---| Score table |--- */
	#score-table {border:1px solid #000;}
	#score-table tr.thead td {background-color:#3D940D; color:#fff;}
	#score-table tr.a td {background-color:#eee;}


	 /* Pagging */
	p.pages {text-align: right; margin: 15px 0; font-size: 0.69em;}
	p.pages a {padding: 0px 4px; background-color: #3D940D; color: #FFF; margin-left: 3px; text-decoration: none;}
	p.pages span {background-color: transparent; margin-left: 3px; padding: 0px 4px;}
	p.pages a:hover {background-color: #000; color: #FFF;}
	.prev, .next {padding: 1px 10px !important; font-size: 20px !important;}
	
	/* od 23-08-2010 */	
	
	/* ONLINE VYSIELANIE */
	#player {position: relative;width: 940px;padding: 68px 0px 3px 10px;background-color: #000;height: 400px;margin-bottom: 25px;font-family: Arial,Helvetica,sans-serif;overflow: hidden;}
	#player h2 {color: #fff;font-size: 36px;display: inline-block;position: absolute;top: 0;left: 10px;background-image: none;padding: 0;letter-spacing: -1px;}
	#player h2 small {display: block;font-size: 12px;font-weight: bold;color: #a0a0a0;letter-spacing: 0;}
	#player h2 small b {color: #fff;}
	.ch-one {color: #f89748 !important;border-left-color: #f89748 !important;}
	.ch-three {color: #28a359 !important; border-left-color: #28a359 !important;}
	.ch-two {color: #6c75a5 !important;border-left-color: #6c75a5 !important;}
	ul.nav-video { padding: 0;border-bottom: 1px solid #333;position: relative;padding-left: 400px;width: 252px;list-style-type: none;bottom: 7px;}
	.nav-video li {float: left;position: relative;top: -30px;margin-left: 10px;}
	.nav-video li a.act {color: #fff;height: 30px;background-color: #000}
	.nav-video li a {color: #bf0000;font-size: 12px;display: block;height: 27px;padding: 0 10px;line-height: 30px;text-decoration: none;border: 1px solid #333;border-bottom:none;position: relative;z-index: 1010;}
	#player1,#player2,#player3 {width: 652px;position: relative;float: left;top:-33px;}
	a.fullscr  {background: transparent url(../images2008/fullscreen.gif) no-repeat scroll 0 0px;padding-left: 20px;color: #fff;font-size: 12px;text-decoration: none;position: absolute;right: 288px;top: 10px;}
	a.fullscr:hover {color: #3D940D;background-position: 0 -18px;}
	.play-r {float: right;width: 267px;padding: 0 10px 0 0;position: relative;top: -61px;}
	.play-r h3 {font-size: 18px;color: #fff;display: block;margin-bottom: 16px;}	
	.play-r ul {list-style-type: none;padding: 0;}
	.play-r li {
	border-left: 5px solid;
	height: auto;
	float: left;
	color: #898989;
	padding-left: 7px;
	font-size: 12px;
	width: 230px;
	margin-bottom: 2px;
	font-weight: bold;
	line-height: 16px;
	position: relative;
	}
	.playlist a {text-align: center;color: #BF0000;font-size: 15px;}
	.playlist a:hover {color: #28a359;}
	.play-r li b {color: #fff;font-size: 14px;display: block;}
	.play-r li b small {display: block;font-weight: normal;}
	.play-r li a {width: 100%;height: 30px;position: absolute;top: 0;left: 0;z-index: 1001;}
	
	.play-r table {border-collapse: separate;position: relative;right: 3px;width: 273px;}
	.play-r table th,.play-r table td {text-align: center;}
	.play-r table thead tr.nav th {color: #fff;font-size: 28px;font-weight: normal;background-color: #2b2b2b;}
	.play-r table thead tr.nav th.month {padding: 0;width: 187px;text-align: center;font-size: 24px;}
	.play-r table thead tr.nav th.arr {background-color: #626262;padding: 0 6px;font-weight: bold;width: 22px;}
	.play-r table thead tr.nav th.arr a.prew,.play-r table thead tr.nav th.arr a.nekst {color: #fff;text-decoration: none;}
	.play-r table thead tr.nav th.arr.no-next {color: #737373;text-decoration: none;}
	.play-r table thead tr.days th {font-size: 12px;font-weight: normal;}
	.play-r table tbody td {color: #fff;font-size: 12px;background-color: #2b2b2b;}
	.play-r table tbody td.weekend {background-color: #3d3d3d;}
	.play-r table tbody td.noact {color: #5f6253;background-color: #0f0f0f;}
	.play-r table tbody td.noact.weekend {background-color: #1e1e1e;}
	.play-r table tbody td a {display: block;color: #fff;font-weight: bold;text-decoration: none;}
	.play-r table tbody td a:hover,.play-r table tbody td a.act {color: #000;background-color: #fff !important ; -moz-box-shadow: 0 0 6px 1px #fff;box-shadow: 0 0 6px 1px #fff;-webkit-box-shadow: 0 0 6px 1px #fff;}
	.play-r table a.prew:hover,.play-r table a.nekst:hover {color: #000 !important;}
	.play-r table tbody td a.bc-one {background-color: #f89748;}
	.play-r table tbody td a.bc-two {background-color: #6c75a5;}
	.play-r table tbody td a.bc-three {background-color: #28a359;}
	.play-r .about {}
	.play-r .about h3 {font-size: 18px;font-weight: normal;margin: 5px 0;}
	.play-r h4 {margin: 5px 0;}
	.play-r .about p {color: #fff;font-size: 12px;}
	.play-r .about ul {list-style-type: none;padding-left: 0;white-space: nowrap;height: 203px;overflow-y: auto;overflow-x: hidden;position: absolute;width: 270px;#overflow: auto;}
	.play-r .about li a {color: #fff;font-size: 12px;position: relative;display: block;height: auto;font-weight: normal;}
	.play-r .about li.act a,.play-r .about li a:hover {color: #3D940D;}
	.play-r .about li:hover {border-color: #fff !important;} 
		
	/* VIDEOARCHIV */
	#arch {position: relative;width: 950px;background-color: #fff;float: left;font-family: Arial,Helvetica,sans-serif;}
	#arch h2 {color: #000;font-size: 36px;display: block;margin-bottom: 5px;background-image: none;padding-left: 0;}
	#arch .add {width: 309px;float: left;margin: 0 11px 11px 0 ;padding-top: 120px;position: relative;}
	#arch .add.last {margin: 0 0 0 1px;}
	#arch .add img {position: absolute;top: 0;left: 0;}
	#arch .add h3 {background-color: #000;color: #fff;display: inline-block;padding: 3px;font-size: 14px;position: relative;top: -120px;z-index: 10;#display: inline;}
	#arch .add small {color: #898989;padding: 0 10px 0 5px;background:url("../images2008/red-arrow.gif") no-repeat scroll right 3px transparent;position: absolute;left: 0;#top: 120px;}
	#arch .add a {width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1000;}
	.c-b {width: 100%;float: left;margin: 10px 0 5px 0;font-family: Arial,Helvetica,sans-serif;font-weight: bold;}
	ul.arch-list {list-style-type: none;float: left;width: 180px;margin-right: 10px;padding: 0;font-family: Arial,Helvetica,sans-serif;margin-bottom: 20px;}
	.arch-list.last {margin-right: 0;} 
	.arch-list li {width: 100%;float: left;line-height: 11px;}
	.arch-list li a {background: url(../images2008/grey-arrow.gif) no-repeat scroll 0 5px;color: #BF0000;text-decoration: none;font-size: 12px;padding: 3px 3px 3px 10px;display: inline-block;}
	.arch-list li a span {background-color: #000;color: #fff;padding: 2px;}
	.arch-list a:hover {color: #000;}
	ul.arch-playlist {height: 400px; overflow-y: auto;overflow-x: hidden; white-space:nowrap;position: relative;}
	.arch-playlist li.act b {color: #BF0000 !important;}
	.arch-playlist li:hover b {color: #28A359;}
	.arch-playlist li.act,.arch-playlist li:hover {border-left-color: #fff !important;background-color: #333;}
	.d-n {display: none !important;}
	.top-0 {top: 0 !important;}
	li.arch-date,li.arch-date:hover {background-color: #fff;color: #000;border-left-color: #fff;}