/*Zattoo - Ultrawide */
/* keine Logos, kein Schnickschnack,*/
/"transparentes einklappbares Programmpaneel beim Ãœberfahren des linken Randes mit der Maus */
/*06.01.2011*/

@-moz-document domain("zattoo.com") {


/*Generelle Einstellungen*/

*
{
font-family: ubuntu, ubuntubeta,"lucida grande",tahoma,verdana,arial,sans-serif !important
}


/* Ausgeblendete Elemente */
#anonlandingpane,
#title,
#sidebaradpane,
#ad-measurement,
#uiblocker, 
#startup-ad, 
#channels li.promo, 
#channels li.zapper_separator, 
#toolbar,#whats-hot,
#mosaic-unsubscribed,
#auxlinks,
a[href="/terms-policies"],
a[href="https://zattoo.com/my-zattoo"],
.livetv
{
	display: none !important;
}


/*veränderte Elemente*/
#mosaic h2
{
        color: black !important;
        padding:20px !important
}


/* Größe Video Player*/

#fl
{
       left: 0px !important;
}


#bodypane, #wrappercontent {
	top: 0 !important;
}

/* Einklappbare Kanalleiste*/

#zingspane,
#minitoolbar-live
 {
	bottom: 0 !important;
        border: none !important; 
	height: 100% !important;
	z-index: 1 !important;
	left: -290px !important
}

#zingspane

{
         width: 320px !important;
        }
#zingspane:hover
 {
	left: 0 !important;
 }

#minitoolbar-live:hover
 {
	border:none !important;
        left: 0 !important;
 }
#mainpane {
	z-index: 0 !important;
	left: 5px !important;
}

/* Style sidebar */
#zingspane,
#zings-zapperpane,
#minitoolbar-live
{
	background: none !important;
        border-color: black !important;
}
#zings-zapperpane
{
     width: 285px !important;
}
#channels li {
	border-bottom: 1px solid ThreeDShadow !important;
}
#channels li img {
	top: 4px !important;
	left: 13px !important;
	background: none !important;
	padding: 5px !important;
}
#channels li:hover img{
	background: #222 !important;
}
#channels li span.now-showing, 
#channels li span.now-showing * {
	color: #fff !important;
}
#channels li span.next-showing, #channels li span.next-showing * {
	color: #aaa !important;
}
#channels li:hover {
	background: #333 !important;
       
}

/* Reset scrollbar style */
#channels .jScrollPaneContainer {
	height: 100% !important;
        width:103% !important;
}
#channels .jScrollPaneContainer ul {
	width: 100% !important;
	height: 100% !important;
	top: 0 !important;
	overflow: auto !important;
	position: static !important;
}

/* Reset selectbox style */
#channels .j
query-selectbox {
	background: #000 !important;
}
#channels .jquery-selectbox div,
#channels .jquery-selectbox span {
	display: none !important;
}
#channels .jquery-selectbox select {
	display: inline !important;
	width: 100% !important;
}

}
/*Ende*/