@charset "UTF-8";

body {
	background: #FFF;
	/*
	background: -moz-linear-gradient(left,  #FFF 0%, #EEE 50%, #FFF 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#FFF), color-stop(50%,#EEE), color-stop(100%,#FFF));
	background: -webkit-linear-gradient(left,  #FFF 0%,#EEE 50%,#FFF 100%);
	background: -o-linear-gradient(left,  #FFF 0%,#EEE 50%,#FFF 100%);
	background: -ms-linear-gradient(left,  #FFF 0%,#EEE 50%,#FFF 100%);
	background: linear-gradient(to right,  #FFF 0%,#EEE 50%,#FFF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF', endColorstr='#FFF',GradientType=1 );
	*/
	font-size:100%;
	font-family: 'Abel', sans-serif;
	color:#111;
	font-weight:400;
}

h1 {
	font-family: 'Abel', sans-serif;
}
h2 {
	font-family: 'Abel', sans-serif;
}
h3 {
	font-family: 'Abel', sans-serif;
}
a {
	color:#ff0000;
}
a:hover {
	color:#111;
}


/*HEADER START*/
#header {
	background-color:#FFF;
	opacity: 0.95;
    filter: alpha(opacity=95); /* For IE8 and earlier */
}
.headerBox {
	padding-top:40px;
	font-weight:400;
	font-size:180%;
	font-family: 'Abel', sans-serif;
	text-transform:uppercase;
	text-align:center;
	color:#111;
}
.headerBox a, .headerBox a:visited {
	color:#111;
}
.headerBox a:hover {
	color:#111;
}
.headerBox img {
	width:50%;
	margin-left:0px;
	margin-top:-10px;
}
#header2 {
	background-color:#FFF;
}
#headDummyChannel {
	position:relative;
	width:100%;
	height:90px;
}
#channels {
	text-align:left;
}
#artistinfo {
	text-align:center;
}
/*HEADER START*/


/*FOOTER START*/
#footer {
	background-color:#FFF;
	opacity: 0.95;
    filter: alpha(opacity=95); /* For IE8 and earlier */
}
.footerBox {
	font-family: 'Abel', sans-serif;
	text-align:center;
	color:#7b7c7e;
}
.footerBox div {
	border-right:3px solid #7b7c7e;
}
.footerBox a, .footerBox a:visited {
	color:#7b7c7e;
}
.footerBox a:hover {
	color:#bcbdbf;
}
/*FOOTER END*/


/*VIDEO START*/
.showToggle {
	font-family: 'Abel', sans-serif;
	text-transform:uppercase;
	text-align:Left;
	color:#FFF;
	background-color:#111;
}
.muxx .showToggle {
	background-color:#111;
}
.muxx .showToggle:hover {
	background-color:#111;
}
.livestream .showToggle {
	background-color:#111;
}
.livestream .showToggle:hover {
	background-color:#111;
}

.videoSlider .video .middle {
	border:2px solid #111;
}
.videoSlider .video:hover .middle, .videoSlider .videoActive .middle {
	border:2px solid #111;
}

.videoSlider .video .bottom {
	background-color:#FFF;
	color:#111;
	border:2px solid #FFF;
}
.muxx .videoSlider .video:hover .bottom, .muxx .videoSlider .videoActive .bottom {
	background-color:#111;
	border:2px solid #111;
	color:#FFF;
}

.videoKachel .video .middle {
	border:2px solid #111;
}
.muxx .videoKachel .video:hover .middle, .muxx .videoKachel .videoActive .middle {
	border:2px solid #111;
}
.videoKachel .video .bottom {
	background-color:#FFF;
	color:#FFF;
	border:2px solid #FFF;
}
.muxx .videoKachel .video:hover .bottom, .muxx .videoKachel .videoActive .bottom {
	background-color:#111;
	border:2px solid #111;
}
/*VIDEO END*/



/*Channel START*/
.channels .video:nth-child(4n+4) {
	margin-right:0;
}
.channels .video .head {
	background-color:#111;
	color:#FFF;
}
.channels .video:hover .head, .channels .videoActive .head {
	background-color:#111;
}
.channels .video .middle {
	background-color:#111;
}
.channels .video .bottom {
	background-color:#FFF;
	color:#FFF;
}
.channels .video:hover .bottom, .channels .videoActive .bottom {
	background-color:#111;
	color:#FFF;
}
/*Channel END*/


/*Livetsream Kachel START*/
#clock {
	width:100%;
	text-align:center;
	font-size:70%;
	color:#FFF;
}
#clock span {
	font-size:160%;
}
#clock h3 {
	font-size:200%;
	margin:0;
	padding:0;
}
/*Livetsream Kachel END*/



/*BX SLider START*/
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #bcbdbf;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #7b7c7e;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.headerBox img {
	width:110%;
	margin-right:0px;
	margin-top:-5px;
}
}


@media screen and (max-width : 479px) {
.headerBox img {
	width:120%;
	margin-right:0px;
	margin-top:-4px;
}
}