@charset "utf-8";

/* RESET CSS
----------------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, embed {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/*font-weight: inherit;*/
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size:20px;
}
body {
	/*line-height: 1.2;*/
	_overflow: hidden;
}
:focus { 
	-ant-highlight-color: transparent;
	outline: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
table, td, th { vertical-align: middle; }
a img { border: none; }


/* BASE
----------------------------------------------------------------------------------------------------*/
body {
	background: transparent;
}
#blend {
	position: absolute;
	top: 50%; left: 50%;
	margin-left: -640px;
	margin-top: -360px;
	width: 1280px;
	height: 720px;
	/*background: url(../images/titlesafe720.png) no-repeat center center;
	*/z-index: 99;
	display: none;
}
#fullhd {
	position: absolute;
	top:0; left:0;
	width: 1280px;
	height: 720px;
	overflow:hidden;
	z-index:30;
}

div#wapper #titel{
    display: none;
}

div#wapper{
 height:490px;
 padding:20px;
 font-size:110%;
 text-align: center;
 background: #98c8d0;
}

div#wapper img{
 height:100%;
 width: auto !important;
 padding-right:10px;
}

div#titel {
 position:absolute;
 width: 338px;
 height: 55px;
 overflow: hidden;
 padding:0;
 bottom:36px;
 background: rgb(67, 149, 163);
 opacity:0.8;
 color:#fff;
 line-height: 25px;
 font-size:20px;
 text-align:center;
 font-weight:bold;
}

div#menubg{
	position: absolute;
	left:0;
	top:0;
	width:1280px;
	height: 462px;
	opacity:0.8;
	background: #336e7a;
}

div#bannerback {
	position: absolute;
	left:0;
	bottom:0;
	width:1280px;
	height: 253px;
	background: #336e7a;
	border-top: #fff 5px solid;
	opacity:0.98;
}

div#banner{
	visibility: hidden;
	position: absolute;
	width: 1280px;
	height: 720px;
	z-index: 100;
	overflow:hidden;
}

	
ul.carousel {
	position: absolute;
	bottom: 40px;
	width: auto;
	height: 213px;
	margin-left: 60px;
	z-index: 10;
	overflow:hidden;
}

ul.carousel li {
	background: none repeat scroll 0 0 #444;
	background: transparent;
	border: 5px solid transparent;
	border-radius: 5px;
	float: left;
	height: 205px;
	list-style: none outside none;
	margin: 4px 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding: 5px;

	padding: 0px;

	/*text-align: center;
	width:  331px;*/
	width:346px;
	color:#ffffee;
	overflow:hidden;
}
			
			
ul.carousel li span {
 display: block;
 background: transparent;
 text-overflow:ellipsis;
 overflow:hidden;
}

ul.carousel li img{
 float:left;
 width:346px;
 height:205px;
}

ul.carousel li.activeElement  {
 border: 5px solid #afafaf;
 opacity:0.8;
}

ul.carousel li.active_rev {
 -ant-user-input: disabled;	
 background: #f03;
}

			
#tvbild {
 visibility:hidden;
 background:transparent;
 position:absolute; 
 top:155px; 
 left:180px;
 height:490px;
 width:871px;
 z-index:101;
}

#mybroadcast { 
 position:absolute;
 left:0px;
 top:0px;
 width:1280px;
 height:720px;
 z-index:21;
}



ul.carousel li i{
display:none;
}

ul.carousel li b#titel{
text-overflow:ellipsis;
overflow:hidden;
width:380px;
color:#66FFFF;
/*white-space:nowrap;*/
}

#titel img{
 float:left;
 padding-right:5px;
}
/*----------------------------------------*/

ul.catlist{
 position:absolute;
 top:80px;
 left:300px;
 width:600px;
 z-index: 10;
}

ul.catlist li{
	overflow:hidden;
	float:left;

 	font-size: 24px;
	width: 240px;
	height: 52px;

	padding-left: 35px;
	padding-top: 12px;
	margin:1px;

	color:#ffffff;
	line-height: 30px;
	font-weight: bold;

	list-style-type: none;
  	text-decoration: none;
	background-image: url(../img/ert_icons.png);
	background-position: 0px -6px;
}

ul li.catlistsel {
	text-shadow: 2px 2px #000;
	height:52px;
	width:240px;
	background-image: url(../img/ert_icons.png);
	background-position: 0px -80px;
}

ul.catlist li a{
 font-size: 20px;
  color:#CCCCCC;
  list-style-type: none;
  text-decoration: none;
}

ul.catlisticon {
  left: 7px;
  top: 10px;
  width: 30px;
  height: 30px;
  background-image: url(../img/menuicon.png);
}


#mp4, #org{
 display:none;
}

div#videotimer{
 display:none;
 position:absolute;
 left:180px;
 bottom:70px;
 z-index:102;
 background:#000;
 width: 871px;
 height:30px;
 opacity:1;
}

#time{
 position:absolute;
 right:0;
 width:145px;
 color:#fff;
 top:5px;
 font-size:16px;
}

#lower{
 font-size:16px;
}

#timeline{
 position:absolute;
 width:560px;
 height:8px;
 color:#fff;
 background:#fff;
 top:12px;
 left:150px;
 border-radius:2px;
}

#duration{
 position:absolute;
 width:0px;
 height:8px;
 color:red;
 background: red;
 border-radius:2px;
}

#vidnav{
padding:5px 30px;
}

#video{
 width: 871px;
 height: 490px;
}

.fullHD {
 top:0 !important;
 left:0 !important;
 width: 1280px !important;
 height: 720px !important;
}

div#path{
 display:block;
 background:rgb(67, 149, 163);
 height:50px;
}

#nav{
 background:#336e7a;
 background:rgb(50, 110, 122);
 display:block;
 height:90px;
}

div#nav img{
 padding-top:30px;
 padding-left:40px;
}

div#path span{
 background:transparent;
 padding-left:60px;
 padding-top:10px;
 color: #fff;
 display:block;
 text-align:left;
 top: 80px;
 width:100%;
 font-weight:bold;
 text-shadow: 1px 1px #000;
}

div#fotter {
 background:rgb(50, 110, 122);
 bottom:0;
 display:block;
 height:60px;
 position:absolute;
 width:100%;
 text-align:right;
}

div#fotter img{
padding:5px 60px;
}

div#vinf{
 position: absolute;
 top:5px;
 right:10px;
 width:20px;
 height:20px;
 border-radius:10px;
 background:green;
}

#player_control {
    position: absolute;
    left: 5px;
    top: 5px;
    height: 20px;
    width: 140px;
}

#player_control img{
 width:20px;
 background:#fff;
 border:1px solid transparent;
}

.bt_green{
 background:green !important;
}

.bt_hover{
border: 1px solid #fff;
}

#preloader{
 position:absolute;
/*
 top: 40%;
 left: 50%;
*/
 right: 80px;
 top: 60px;
 width: 60px;
 height: 60px;
 z-index: 99;
 color: #fff;
 text-align:center;
 display:none;
}

#save{
position:absolute;
background-image: url("../img/vier_farben_bg.png");
background-repeat: repeat-x;
height:20px;
width:1280px;
}

.oben{
 top:0;
 left:0;
 opacity:0.9;
}

.unten{
 bottom:0;
 left:0;
 opacity:0.9;
}


ul.channel{
 position:absolute;
 top:28px;
 left:60px;
 z-index: 10;
}

ul.channel li img{
width:70%;
}

ul.channel li{
	overflow:hidden;
	list-style-type: none;
  	text-decoration: none;

	width: 138px;
	height:70px;

	padding-left:35px;
	padding-top:30px;

	background-image: url(../img/ert_icons.png);
	background-position: -212px -470px;
}

ul li.use {
	height:87px;
	width:180px;
	padding-top:35px;
	background-image: url(../img/ert_icons.png);
	background-position: 0px -470px;
}


div.carousel {
	position:absolute;
	bottom: 30px;
	width:1280px;
	height:226px;
	z-index: 10;
	overflow:hidden;
}

div.carousel div {
	position:absolute;
	margin-top:40px;
}

div.carousel div img {
	border: 2px solid #fff;
	width:270px;
	height:150px;
}

div.carousel div.activ {
	position:absolute;
	width:361px;
	height:226px;
	margin:0;
	background-image: url(../img/ert_icons.png);
	background-position: 0px -158px;
	padding-top:20px;
	padding-left:23px;
}

div.carousel div.activ img{
	border: medium none;
	width:337px;
	height:189px;
}

div#d1{
left:-138px;
}

div#d2{
left:162px;
}

div#d3{
left:448px;
}

div#d4{
left:840px;
}

div#d5{
left:1140px;
}