/* ********************************************************************************************************
* File: style.css
* Version: 2016-03-10
******************************************************************************************************** */

/*TODO -cLater: kommentare loeschen und css verkleinern */


.radiosearch {
	float: left;
	margin: 0 14px 15px 1px;
}


/* ********************************************************************************************************
* INIT
******************************************************************************************************** */

* { margin: 0; padding: 0; }
html { height: 101%; }
body { 
	width: 100%;
	background-color: white;
	background-image: url(/img/bg_head.png);
	background-repeat: repeat-x;
	color: black;
	font-family: Helvetica, Arial, sans-serif;
	color: #000000;
/*	font-size:100.01%; */
	font-size:95%;
	line-height:1.6; 
	margin: 0;
	padding: 0;
}

tbody {
	border:0;
}

a img { border: 0; }
a, a:visited, a:active { color: #000000; text-decoration: none; cursor: pointer; }
a:hover, a:focus { text-decoration: underline; }


#wrapper {
	position: relative; 	
	width: 990px; 
	margin: 0px auto; 
	overflow: hidden;
}

 p{
	margin-bottom: 15px;
}

ul, ol {
	margin-left: 1em;
	margin-top: -20px;
}

li {
	margin-left: 2em;
}

/* ********************************************************************************************************
* HEADER
******************************************************************************************************** */ 
#header {
	overflow: hidden; /* zum umschließen der floats */
	position: relative; 
	width: 990px; 
	height: 47px; 
	background-color:#00b1f8;
}

#header a {
	outline: none; 
	text-decoration: none; 
}

#logo {
	position: absolute; 
	top: 7px; 
	left: 10px;
}

#logo img{
	border: 0;
}

#mainSearch {
	position: absolute; 
	top: 6px;
	left: 685px;  
	height: 31px;  
	width: 296px;
}


/* ********************************************************************************************************
* Nav
******************************************************************************************************** */
div#nav { 
	width: 990px; 
	height: 41px;  
	overflow: hidden; 
	padding-left: 10px;
}

div#nav a#tab_home_active { display: block; float: left;  width: 105px; height:48px; background: url(/img/navi_active_home.png); color:transparent; text-decoration:none;} 
div#nav a#tab_home { display: block; float: left; width: 105px; height:48px; background: url(/img/navi_home.png); text-decoration:none;}  
div#nav a#tab_home:hover {  background: url(/img/navi_mo_home.png); text-decoration: none; text-decoration:none;}

div#nav a#tab_tv_active { display: block; float: left;  width: 178px; height:48px; background: url(/img/navi_active_tv.png); color:transparent; text-decoration:none;} 
div#nav a#tab_tv { display: block; float: left; width: 178px; height:48px; background: url(/img/navi_tv.png); text-decoration:none;}  
div#nav a#tab_tv:hover {  background: url(/img/navi_mo_tv.png);  text-decoration: none; text-decoration:none;} 

div#nav a#tab_kino_active { display: block; float: left;  width: 178px; height:48px; background: url(/img/navi_active_kino.png); color:transparent; text-decoration:none;} 
div#nav a#tab_kino { display: block; float: left; width: 178px; height:48px; background: url(/img/navi_kino.png); text-decoration:none;}  
div#nav a#tab_kino:hover {  background: url(/img/navi_mo_kino.png); text-decoration: none; text-decoration:none;}

div#nav a#tab_events_active { display: block; float: left;  width: 179px; height:48px; background: url(/img/navi_active_events.png);color:transparent;  text-decoration:none;} 
div#nav a#tab_events { display: block; float: left; width: 179px; height:48px; background: url(/img/navi_events.png); text-decoration:none;}  
div#nav a#tab_events:hover {  background: url(/img/navi_mo_events.png); text-decoration: none; text-decoration:none;}

div#nav a#tab_download_active { display: block; float: left;  width: 193px; height:48px; background: url(/img/navi_active_download.png);color:transparent;  text-decoration:none;} 
div#nav a#tab_download { display: block; float: left; width: 193px; height:48px; background: url(/img/navi_download.png); text-decoration:none;}  
div#nav a#tab_download:hover {  background: url(/img/navi_mo_download.png); text-decoration: none; text-decoration:none;}

div#nav a#tab_forum_active { display: block; float: left;  width: 157px; height:48px; background: url(/img/navi_active_forum.png);color:transparent;  text-decoration:none;} 
div#nav a#tab_forum { display: block; float: left; width: 157px; height:48px; background: url(/img/navi_forum.png); text-decoration:none;}  
div#nav a#tab_forum:hover {  background: url(/img/navi_mo_forum.png);  text-decoration: none; text-decoration:none;}



/* ********************************************************************************************************
* CONTENT
******************************************************************************************************** */

h1, h2, h3, h4, h5, h6, p { font-size:100.01%; font-weight: normal; font-style: normal; margin-top: 0px;  font-family:Helvetica, Arial, sans-serif; }

h1, .h1,  h4, .h4 {  font-size:1.1em; color: #00b1f8; margin-bottom: 10px;  }
		
h2, .h2,  h5, .h5, h2 a, h5 a, h2 a:hover, h5 a:hover {  font-size:1.0em; font-weight: bold; color: #000000; margin-bottom: 3px;}

h3, .h3, h6, .h6, h3 a, h6 a, h3 a:hover, h6 a:hover { font-size:1.0em;   color: #ffa535;  margin-bottom: 3px; }

#contentBox {
	overflow: hidden; /* zum umschließen der floats */
	position: relative; 
	z-index: 0; 
	width: 990px; 
}

#contentBoxOne {
	overflow: hidden; /* zum umschließen der floats */
	position: relative; 
	z-index: 0; 
	width: 990px;  
}

#contentPath {
	float: left;
	width: 610px;
	padding: 5px 10px;
	font-size:0.9em;
	margin-top: 10px;
	margin-bottom: 10px;
}

#contentPath h1 {
	display: inline;
	color:#000000;
	font-size:1em;
}

#register {
	float: right;
	margin:10px 0 20px 0;
	font-size:0.9em;
	width: 306px;
	z-index: 12;	
	text-align: left;
}

#navMyTexxas {
	padding: 8px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	border-radius: 5px;
    background: none repeat scroll 0 0 #F8F9F9;
	overflow: hidden;
}

#navMyTexxasLogout  {
	text-align: right;
}

#navMyTexxasLogout  a {
	/*color:#E7293D;*/	
}

#navMyTexxasName {
	text-align: right;
	line-height: 0.9em;
}

#navMyTexxasName a {
	color:#464d55;
}

#navMyTexxasInfo {
	margin-top: 10px;
	color: #464d55;
	height: 20px;
}



#navMyTexxasAvatar {
	clear: both;
	float: left;
	width: 50px;
	height:50px;
	overflow:hidden;
	padding-right: 10px;
	margin-top: 10px;
}

#navMyTexxasLogo {
	float: left;
}

#navMyTexxas ul {
	list-style-type: none;
	margin-top: 6px;
}

#linkProfileEdit{
	margin-top:15px;
	margin-bottom:15px;
}


#navMyTexxas ul li a.buttonOff, #linkProfileEdit  {
	color: #464d55;
	border: solid 1px #e6e7e8;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: block;
	float: left;
	text-align:center;
	padding-left: 15px;
	padding-right: 15px;
	vertical-align:middle;
	margin-right: 5px;
	margin-left: 0px;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,244,244,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(243,244,244,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,244,244,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,244,244,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,244,244,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,244,244,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f4f4',GradientType=0 ); /* IE6-*/
}


#navMyTexxas ul li a:hover,navMyTexxas ul li a:active,navMyTexxas ul li a:focus ,#navMyTexxas ul li a.buttonOn {
	color: #00B1F8;
	border: solid 1px #DAE0E8;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: block;
	float: left;
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: middle;
	margin-right: 5px;
	margin-left: 0px;

	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #dae0e8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dae0e8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#dae0e8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#dae0e8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#dae0e8 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#dae0e8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dae0e8',GradientType=0 ); /* IE6-9 */
}


#loginForm a {
	display: block;
	margin: 0 5px 8px 0;
}

#loginBoxSmall {
	overflow: hidden;
	display: none;
	position: absolute;
	width: 280px;
	z-index: 12;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 3px 3px 3px 0px rgba(70, 77, 85, 0.4);
	-moz-box-shadow: 3px 3px 3px 0px rgba(70, 77, 85, 0.4);
	box-shadow: 3px 3px 3px 0px rgba(70, 77, 85, 0.4);
    background: none repeat scroll 0 0 #F8F9F9;	
	text-align: left;
	padding: 10px;
}

#loginBoxSmall input[type=text],
#loginBoxSmall input[type=password] {
	width: 270px;
}

#loginBoxSmall a {
	display: block;
	margin: 0 5px 8px 0;
}

#register a:hover {
	text-decoration: underline;
}

#contentOne {
	clear: both;
	margin-left: 10px;
	padding-bottom: 20px;
}

#contentLeft {
	float: left;
	margin-left: 10px;
	width: 600px; 	
	padding-bottom: 20px;
}

#player {
	margin-bottom: 20px;
}

#contentLeft .teaserImage {
	position: relative;
	margin-bottom: 30px;
	background-color: black; 
	text-align: center;
}

#contentLeft .teaserCategory {
	position: absolute;
	left: 0px;
	bottom: 0px;
	
	font-size: 1.8em;
	line-height: 0.7em;
	font-style: italic;
	color: white;
}

#programTips {
	margin-bottom: 20px;
}

#news .commentTeaser {
	margin-bottom: 20px;
}

#shareLinks {
	display: none;
	margin-top: 7px;
}

.contentBoxLeftContentBox {
	overflow: hidden; /* zum umschließen der floats */
	margin-bottom: 20px;
}

.contentBoxLeftContentBox > h4:last-child {
	margin-bottom: 0px;
}

.teaserBox {
	overflow: hidden;
	width: 290px;
	margin-bottom:20px;
}

.twoForms {
	overflow: hidden;
}

.formBoxLeft {
	float: left;
	width: 290px;
}

.formBoxRight {
	float: left;
	width: 290px;
	margin-left: 20px;
}

/* Galerie */
.gallery {
	overflow: hidden;
	position: relative;
}

.gallery .nav {
	position: absolute;
	top: 8px;
	right: 0px;
	height: 28px; 
}
.gallery .content {
	position: relative; 
	clear: both;
}
.gallery .scrollableArea {
	position: relative; 
	top: 8px; 
	width: 594px; 
	height: 141px; 
	z-index: 8; 
	background-color: white; 
	overflow: hidden;
}
.gallery .elements {position: relative; top: 0; left: 0; float: left;}
.gallery .elements img {height: 110px; border: 0;}




/* TV Navigation */

#contentLeft #tvnavi {
	clear: both;
	padding-top: 5px;
}

#contentOne #tvnavi {
	clear: both;
	width: 970px;
}

#tvnavi .days, 
#tvnavi .views {
	float: left;
	margin-left:3px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;	
	background: #E6E8E9;
	display: block;
	height: 30px;
	padding-left: 3px;
	padding-right: 3px;
}
	
#tvnavi .views {
	float: right;
}	

#tvnavi .day,
#tvnavi .view {
	display: block;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 4px;
	float: left;
}

#tvnavi .active  {
	padding-top: 0px;
}

#tvnavi img {
	padding-top: 3px;
}

#tvnavi .tvNavBottom, #tvnavi .active a {
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	
	background: #00b1f8; 
	color: #ffffff;
	display: block;
	padding: 6px;
}

#tvnavi .active a { height: 31px; }

#tvnavi .tvNavBottom {
	clear: both;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

#tvnavi .days {
	float: left;
}

#tvnavi .tvDateTime {
	clear: both;
	float: left;
	margin-top: 5px;
	color: black;
	font-weight: bold;
}

#tvnavi .tvInfo {
	float: right;
	margin-top: 5px;
	color: black;
}

#tvnavi .tvCategories { font-size: 85%; }
#tvnavi .tvCategories a { color: #ffffff; }
#tvnavi .tvCategories a[class=active] { color: #000000; }

#tvnavi select[name=tvBroadcaster] {
	margin: 0 0 0 6px;
	font-size: 1em;
}





#contentLeft .tvSearch {
	background: none repeat scroll 0 0 #e6e8e9;
	width: 430px;
  	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

#contentRight {
	float: right;
	width: 306px; 	 
	padding-bottom: 20px;
}

#contentRight div.bubble {
	margin-bottom: 40px;
}

#advertBox p {
	margin-bottom: 0px;
}

/* Abstände zwischen den Bewertungen - Rechte Spalte*/
#lastRating h6 + p {
	margin-bottom: 40px;
}

/* Overlay */
div.overlay { 
	position: absolute;  
	overflow: hidden; 
	z-index: 9999;
 	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	border-radius: 5px;
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
	background: #E6E8E9; 
}

div.overlay #overlayClose {
	display: block; 
	position: absolute; 
	right: 7px; 
	top: 7px; 
	z-index: 2;
}

#overlay img {border:0px;}
div.overlay .content .innerContent {margin: 25px 20px 20px 20px;}
div.overlay .content .innerContent a[target=_blank]:before { content: url('/img/exlink.png') " " " "; }
div.overlay #map {margin-bottom:15px; height:300px; }

div.overlay .fullWidth {margin-bottom:15px; }


#ticketTable a[target=_blank]:before { content: url('/img/exlink.png') " " " "; }

/* Zeitanzeige */
#contentRight div.bubble .bubbleContent table.timeTable {
	margin: 0 0 10px 0;
	font-size: 80%;
}
table.timeTable  {
	margin: 16px 0;
	width: 100%;
}
table.timeTableSmall  {
	margin: 16px 0 0 0;
	width: 85%;
}

table.timeTable td,
table.timeTableSmall td {text-align: center;}
table .timeHeader {font-weight:bold;}
table .timeValue {font-weight:normal;}
table.timeTable .today,
table.timeTableSmall .today {background-color: #E6E8E9; border-radius: 5px;}
table .past {color: #E6E8E9;}

.h1Sub {
	margin-bottom:5px;
	line-height: 140%; 
	font-size: 90%;	
	color: #919191; 	
}
.h2Sub {
	margin-bottom:5px;
	line-height: 140%; 
	font-size: 90%; 	
	color: #919191; 	
}
.bold {
	font-weight: bold;
}

td.tableSplit {
	height: 30px; 
	line-height: 1px; 
	font-size: 1px;
}

div.extendedBox {
	width: 100%;
}
div.extendedBox .top {
	height: 33px; 
	width: 100%; 
}
div.extendedBox .title {
	float: left; 
	margin: 0; 
}
div.extendedBox .title h1 {
	margin: 0; 
}
div.extendedBox .content {
	clear:both; 
}
div.extendedBox .titleInfo {
	font-size: 60%;
    margin-left: -40px;
    vertical-align: -50%;
}

/* Social Bookmarks */
#socialBookmarks {
	overflow: hidden;
	display: none;
}

#socialBookmarks a {
	float: left;
	display: block;
	margin-right: 5px;
    height: 32px;
	width: 32px;
    line-height: 32px !important;
    overflow: hidden;    
	background: url(/img/socialBookmarks.png) no-repeat scroll 0 0 transparent !important;
	cursor: pointer;
}
#socialBookmarks a.sbFacebook{background-position: 0 -32px !important;}
#socialBookmarks a.sbTwitter{background-position: 0 -192px !important;}
#socialBookmarks a.sbVZ{background-position: 0 -224px !important;}
#socialBookmarks a.sbGoogle{background-position: 0 -96px !important;}
#socialBookmarks a.sbMyspace{background-position: 0 -128px !important;}
#socialBookmarks a.sbEmail{background-position: 0 0 !important;}
#socialBookmarks a.sbFavorites{background-position: 0 -64px !important;}
#socialBookmarks a.sbPrint{background-position: 0 -160px !important;}




/* ********************************************************************************************************
* Formulare
******************************************************************************************************** */

/*Transparentes Eingabefeld für Suchfelder mit Lupensymbol*/

input[type=text].textWithImageSubmit, input[type=text].textWithImageSubmitLarge {	
	background-color: transparent;
	border-width: 0;
	padding: 4px 6px; 
	font-size: 0.9em;
	width:85%;
	float: left; 
	margin: 0px;
}

input[type=text].textWithImageSubmitLarge {	
	width:90%;
}

#eventSearchResults .searchForm { width: 510px; }
#eventSearchResults .searchForm input[type=text].textWithImageSubmitLarge { width: 464px; }

.texxasSearch { width: 510px; }
.texxasSearch .textWithImageSubmitLarge { width: 464px; }

/*#movieSearch > div > input.textWithImageSubmitLarge { width: 510px; } */
#movieSearch .textWithImageSubmitLarge { width: 553px; }



/*Hintergrund der Suchfelder mit Lupensymbol*/

#cinemaSearch, #movieSearch, #locationSearch, #artistSearch, #mainSearchForm, .texxasSearch, .searchForm {
 	background: none repeat scroll 0 0 #E6E8E9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/*Normale Eingabe und Selectfelder*/

input[type=text],
input[type=password],
select {
	background: none repeat scroll 0 0 #e6e8e9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    border-radius: 5px;
	border-width: 0;
	padding: 4px 6px; 
	font-size: 0.9em;
	margin: 10px 10px 10px 0px;
}

textarea {
	margin: 10px 10px 10px 0;
	height: 200px;
	width: 560px;
	border: 0px solid  #E6E8E9; 
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    border-radius: 5px;
	padding: 4px 4px 3px 4px;
	font: 0.9em;
}

input[type=submit] {
	margin-top: 10px;
}

/* form for save new rating */
#newRating select { width: 145px; }
#newRating option.stars0 {background:url('/img/stars0.png') no-repeat 60px center;}
#newRating option.stars1 {background:url('/img/stars1.png') no-repeat 60px center;}
#newRating option.stars2 {background:url('/img/stars2.png') no-repeat 60px center;}
#newRating option.stars3 {background:url('/img/stars3.png') no-repeat 60px center;}
#newRating option.stars4 {background:url('/img/stars4.png') no-repeat 60px center;}
#newRating option.stars5 {background:url('/img/stars5.png') no-repeat 60px center;}
#newRating input[type="text"] { width: 390px; max-width: 390px; }
#newRating textarea { width: 550px; max-width: 550px; }

/* forum */
#formTopicAdd textarea { width: 550px; max-width: 550px; background-color: #e6e8e9; }
#newAnswer textarea { width: 550px; max-width: 550px; }

/* news comment */
#addNewsComment textarea { width: 550px; max-width: 550px; }

/* rss */
#rssTV select, #rssSearch select { width: 160px; }

label {
    margin-left: 6px;
    vertical-align: 1px;
}

label img {
	margin-left: 6px;
	vertical-align: middle;
}

#profileWrapper div.profileLabelValue {
	clear: both;
}

#profileWrapper div.profileLabel {
	float: left;
	width: 200px;
	margin: 10px 10px 10px 0;
}

#contentLeft ul {
	margin:15px 0; 
}

#detailsTable {margin-bottom:20px;margin-top:10px;}
#detailsTable tr > td:first-child {color:#ADADAD;}
#detailsTable tr > td:last-child a[target=_blank]:before { content: url('/img/exlink.png') " " " "; }
#detailsTable tr > td:last-child a[target=_blank]:hover:before, 
#detailsTable tr > td:last-child a[target=_blank]:active:before, 
#detailsTable tr > td:last-child a[target=_blank]:focus:before, 
a[target=_blank]:hover.blueLink:before  { content: url('/img/exlinkHover.png') " " " "; }
#detailsTable  a.eventInfo:before, a.kinoInfo:before { content: url('/img/mapPin.png') " " " "; }
#detailsTable  a.eventInfo:hover:before,  #detailsTable a.eventInfo:active:before,  #detailsTable a.eventInfo:focus:before, a.kinoInfo:hover:before, a.kinoInfo:active:before, a.kinoInfo:focus:before { content: url('/img/mapPinHover.png') " " " "; }
#detailsTable  .eventInfo { margin-left:10px; }


/* Wikipedia Tabelle */
table.wikipediaTable {width:605px;}
table.wikipediaTable th {padding:10px 0 10px 0;}
table.wikipediaTable td {padding:10px 0 10px 0; border-bottom:1px solid #dddddd;}
table.wikipediaTable tr > td:first-child {color:#ADADAD;}

a[target=_blank].blueLink:before { content: url('/img/exlink.png') " " " "; }


/* ExpandableBox */
div.expandableBoxLeft {position:relative; width:600px; margin: 0px 0 20px 0;}
div.expandableBoxLeft .top {
	height:19px; 
	width:100%; 
	background: none repeat scroll 0 0 #F8F9F9;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;	
}
div.expandableBoxLeft .bottom {
	height:13px; 
	width:100%; 
	background: none repeat scroll 0 0 #F8F9F9;
	moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
	
div.expandableBoxLeft .title, div.expandableBoxLeft .title a {
	position:absolute; 
	font-weight: bold; 
	font-size:0.9em;
	color: #000000; 
	text-decoration:none;
	width: 300px;
	margin-top:3px;
}
	
div.expandableBoxLeft .title a:hover {
	text-decoration:underline;
}
		
div.expandableBoxLeft img {
	vertical-align:middle;
}		
	
div.expandableBoxLeft .titleBottom {background: none repeat scroll 0 0 #F8F9F9;}
div.expandableBoxLeft .middle {background: none repeat scroll 0 0 #F8F9F9; display:none; overflow:hidden;}
div.expandableBoxLeft .content {margin:20px 15px 0 15px;}
div.expandableBoxLeft .content  > p:last-child {margin-bottom:0;}

/* Accordion */
.smoothing {display:none;}
.smoothing .element {
	display:none;
}
	
.smoothing a.nav {display:block; font-family:Trebuchet MS, Tahoma; font-size: 160%; line-height:25px; color:white; text-decoration:none; padding-left:7px; margin-right:1px; height:25px; background-image:url('/img/smoothingInactive.gif'); background-repeat:repeat-x; cursor:pointer; float:none;}
.smoothing	a.nav .arrow {margin-top:1px;}
.smoothing .active a.nav {background-image:url('/img/smoothingActive.gif');}
.smoothing .product {/*height:100px; */overflow:hidden; display:none;}
.smoothing .active .product {display:block;}

/* FadeBox */
.fade .nav {height:33px; float:right; margin-right:8px;}
.fade .nav a {font-family:Trebuchet MS, Tahoma; font-size: 160%; font-weight:normal; color:white; padding:7px; display:block; float:left; cursor:pointer;}
.fade .nav a.active {color:#3f3f3f;}
.fade .nav a:hover {color:#C61B1B; text-decoration:none;}
.fade .title {font-size: 160%;}
.fade .content {position:relative; clear:both; height:149px;}
.fade .content div.fadeDiv {position:absolute; top:0; width:593px; height:141px; margin:7px; z-index:8; background-color:white; overflow:hidden;}
.fade .content div.active {z-index:10;}
.fade .content div.last-active {z-index:9;}

/* GalleryBox */
#gallery {position:absolute; width:100%; height:100%; z-index:12;}
#gallery .image {position:relative; margin:auto; width:500px; height:500px; text-align:center; }
#gallery .background {position:absolute; top:10px; left:0; background-color:black; padding:15px; text-align:center;}
#gallery .image .navi {position:absolute; top:0; left:0; height:30px; width:100%; z-index:2; }
#gallery .image .navi .buttons {margin:auto; width:84px; text-align:center; }
#gallery img  { border:0;}

/* Navibuttons */
a.prevActive {background-image:url('/img/buttonPrevActive.png'); cursor:pointer;}
a.prevActive:hover {background-image:url('/img/buttonPrevOver.png');}
a.prevInactive {background-image:url('/img/buttonPrevInactive.png');}
a.nextActive {background-image:url('/img/buttonNextActive.png'); cursor:pointer;}
a.nextActive:hover {background-image:url('/img/buttonNextOver.png');}
a.nextInactive {background-image:url('/img/buttonNextInactive.png');}

/* TV */

/* *****TV-Tabelle******** */

/* TV-Tabelle - allgemein */
#tvColView {
	border: solid 1px #cfd9e3;
	table-layout: fixed;	
}

#tvColView td {
	border: solid 1px #cfd9e3;
	table-layout: fixed;
	overflow:hidden;
	padding:2px;
	vertical-align: top;
}

/* Tabellenbreite -  falls die Zellenanzahl kleiner ist als fünf / Passiert am Ende der Senderliste */
#tvColView.colCount5 { width: 970px; }
#tvColView.colCount4 { width: 778px; }
#tvColView.colCount3 { width: 600px; }
#tvColView.colCount2 { width: 424px; }
#tvColView.colCount1 { width: 260px; }



/* Sendertabelle: Graue Row mit Sendernamen */
#tvColView  tr.tvBroadcasterRow  > td {
	background: #E6E8E9; 
}

#tvColView  tr.invisible  > td {
	height: 0; 
	padding: 0;
	border: 0 none;
}

/* Sendertabelle: Unsichtbare Tabelle mit Sendernamen und Logo */
 #tvColView  .tvBroadcasterInfos td {
	border: 0;
	background: transparent;
	font-weight: bold;
}

/* Sendertabelle: Sendername */
#tvColView  .tvBroadcasterInfos h2 {
	margin-bottom: 0px;
}

/* Sendertabelle: Sendername, ausgewählt - rot markiert */
#tvColView .currentBroadcaster h2{
	color: #e7293d;
}


/*  Sendungstabelle: Unsichtbare Tabelle mit Sendezeit, Titel und Untertitel der Sendung */
#tvColView .tvBroadcast td {
	background: transparent;
	border:0;
	font-size: 0.8em;
	line-height: 1.2em;
	font-weight: bold;
}

/* Sendungstabelle: Zellenbreiten */
#tvColView .tvBroadcasterInfos td:first-child {
	width: 110px;
}

/* Sendungstabelle: Zellenbreiten */
#tvColView .tvBroadcasterInfos td:last-child {
	width: 55px;
	text-align: right;
}

/* Sendungstabelle: Sendungs-Sub-Title*/
#tvColView .tvBroadcast h4 {
	font-size: 0.8em;
	color: #767c82;
	font-weight: normal;
	line-height: 1.3em;
}

/* Sendungstabelle: Aktuell laufende Sendungen - rot markiert */
#tvColView  .currentHour td a{
	color: #e7293d;
}

table .currentlyRunning a{
	color: #e7293d;
}

/* Col für Pfeiltaste: blau und grau */
#tvColView .tvBorderItem {
	text-align: center;
	vertical-align: middle;
	width: 30px;
	color: #7e95a8;
}

/* Blaue Row mit Tageszeit (Vormittag/Nachmittag...)*/
#tvColView .tvTimeOfDay { 
	color: #ffffff;
	font-size:0.9em;
	text-align: center;
	vertical-align: middle;
	background: #00B1F8; 
}

/* Weißer Link in Blauer Row */
#tvColView .tvRowNavigation a {
	color: white;
}

/* Bookmark Teaser */
#teaserBookmark {
	width: 100%; 
	height: 37px;
	background: #DADCDD;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 18px;
	font-size: 18px;
	color: #4D4D4D;		
}
div#teaserBookmark p { margin: 10px; }		
div#teaserBookmark img { vertical-align: middle; }			
div#teaserBookmark a { color: #4D4D4D; text-decoration: none; }






/* ********************************************************************************************************
* FOOTER
******************************************************************************************************** */ 
#footer {
	/*overflow: hidden;*/ /* zum umschließen der floats */ 	
	/*width: 100%;*/
	height: 270px;
	background-color: #f8f9f9;
	border-top: 1px solid #e0e1e1;;
}

#footer #footerBox {
	/*overflow: hidden; */ /* zum umschließen der floats */ 
	margin: 40px auto 0 auto;  
	width: 946px;
}

#footer .footerCol {
	float: left;
	width: 236px;
	margin-bottom: 20px;
}

#footer a {
	display: block;
}

#footer #copyright {
	clear: both;
}

/* ********************************************************************************************************
* END
******************************************************************************************************** */



#overlayCalendar {display:none; position:absolute; width:199px; overflow:hidden; z-index:12;}
#overlayCalendar .top {position:relative; top:0; left:0; width:100%; height:25px; background-image:url('/img/calendarTop.png'); background-repeat:no-repeat;}
#overlayCalendar .content {display:none; background-image:url('/img/calendarBg.png'); background-repeat:repeat-y;}
#overlayCalendar .innerContent {position:absolute; top:0; left:0; width:100%;}
#overlayCalendar .bottom {position:relative; bottom:0; left:0; width:100%; height:27px; background-image:url('/img/calendarBottom.png'); background-repeat:no-repeat;}



/* Datumsanzeige */
div.dateSelect .scrollableArea {position:relative; width:360px; height:60px; background-image:url('/img/dateBg.gif'); background-repeat:no-repeat;}
div.dateSelect .innerMargin {position:relative; margin:1px; width:358px; height:58px; overflow:hidden;}
div.dateSelect .elements {position:relative; top:0; left:0; padding:4px; float:left;}
div.dateSelect .arrowButton {margin-top:18px;}
div.dateSelect .elements div {background-image:url('/img/dateActBg.gif'); background-repeat:no-repeat; color:#3F3F3F;}
.dateDay {width:50px; height:50px;}
.dateDay span {display:block; margin:1px; line-height:1em; text-align:center;}
a.dateDay, .dateDay:link, .dateDay:visited, .dateDay:active {display:block; text-decoration:none; color:#3F3F3F; outline-style:none; outline-width:0;}
.dateDay:hover {color:#C61B1B;}
.dateDay .weekDay, .dateDay .month {font-size:0.85em; line-height:1.3em;}
.dateDay .day {font-size:1.5em;}



/* Suchvorschläge */
div.hint {position:absolute; width:300px; overflow:hidden; background-color:white; z-index:13; border:1px solid black; display:none;}

/* Forum */
.split {width:100%; margin:5px 0 5px 0;}
.forumEntry {position:relative; width:100%;}
.forumThreadEntry {margin-right:120px;}
.forumImage {float:right;}
.forumLevel {background-image:url('/img/dottedBg.gif'); background-repeat:repeat-y;}

/* Programmtabelle */
#programTable {table-layout:fixed;}
#programTable .channel {font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:1.5em; padding:5px 5px 5px 15px;}
#programTable .channel a {cursor:default; color:white;}
#programTable th {height:36px; font-weight:normal; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:1.5em; background-image:url('/img/tvProgHeadBg.gif'); background-repeat:repeat-x; color:white;}
#programTable td {width:243px; margin:0; padding:0;}
#programTable th a:hover{text-decoration:none;}
#programTable td td {border:0; padding:5px 5px 5px 15px;}
#programTable > tbody { background-image:url('/img/bg_tbody.png'); background-repeat:repeat-x; background-position: bottom;}

/* User */
#userCompletion {height:48px; width:48px; float:left; margin-right:10px;}
#userCompletion div {margin:auto; text-align:center; padding-top:16px;font-size: 0.7em;}

#contentLeft ul.settingList {
	padding: 5px; 
	list-style-type: none; 
	background-color: #F8F9F9; 
	border-radius: 5px;
	margin: 0;
}

#contentLeft div.tvSettingListWrapper { height: 460px; overflow: auto;}
#contentLeft ul.tvSettingList { min-height: 450px; }

#contentLeft ul.settingList li { padding:5px; height:22px; background-repeat:no-repeat; cursor:move; }
#contentLeft ul.tvSettingList li { margin-left: 10px; overflow: hidden; }


#contentLeft ul.cinemaSettingList li {background-image:url('/img/cinemaSelectBg.gif');}
#contentLeft ul.settingList img {margin:0 10px 0 5px;}

.alignCenter {margin-left:auto; margin-right:auto;}
.alignLeft {float:left;}
.alignRight {float:right;}
.arrowButton {width:23px; height:23px; display:block; float:left; margin-left:5px; outline-style:none; outline-width:0;}
.bgBlack {background-color:black;}
/*.bgGreen {background-color: #A1FF8A; border: 1px solid #E6E7E8; padding: 3px;}*/


.tvSettingsBroadcasterListWrapper{
	
}
.tvSettingsBroadcasterList{
	height: 500px;
	overflow: auto;
}

.bgRed {color:#E7293D;}
.bgWhite {background-color:white;}
.block {display:block;  border: 0;}
.blue {color:#1C65A8}
.white {color:white}

.border {border:1px solid #A1A1A1;}
.contentBoxFullTop {width:100%; height:12px; background-image:url('/img/contentBoxFullTop.gif');background-repeat:no-repeat;}
.contentBoxFullBottom {width:100%; height:12px; background-image:url('/img/contentBoxFullBottom.gif');background-repeat:no-repeat;}
.date {position:absolute; right:0; top:0;}
.displNone {display:none;}
.fontSmall {
	font-size: 0.8em; 
	color: #ADADAD;
	margin-bottom: 0px;
}
.fontSmall a{color:#ADADAD;}
.fontBlue {color:#00B1F8;}
.fontGreen {color:#28A606;}
.fontGrey {color:#ADADAD;}
.fontRed {color:#C61B1B;}
.fontBlack {color:black;}
.fontWhite {color:white;}
.fullWidth {width:100%;}
.halfSizeBoxes div{width:48%;}
.hspace {margin-right:5px;}
.inline {display:inline;}
.inner {width:auto; border-left:1px solid #6F6F6F; border-right:1px solid #6F6F6F; overflow:hidden;}
.innerPadding {padding:5px;}
.italic {font-style:italic;}
.lineDbl {line-height:2em; margin-left:6px; margin-top:20px; margin-bottom:20px;}
.marginRight {margin-right:15px;}
.marginLeft {margin-left:15px;}
.marginRightSmall {margin-right:10px;}
.marginLeftSmall {margin-left:5px;}
.marginTop {margin-top:8px;}
.marginTopDbl {margin-top:15px;}
.marginBottom {margin-bottom:8px;}
.maxScrollWidth {width:20000em;}
.noBr {white-space:nowrap;}
.outer {width:auto; border-left:1px solid #D0D0D0; border-right:1px solid #D0D0D0;}
.paddingLeft {padding-left:15px;}
.paddingRight {padding-right:15px;}

.pageNavi {text-align: center; margin-bottom: 40px;}
.pageNavi img {width:23px; height:23px;}
.pageNavi img,
.pageNavi a,
.pageNavi p,
.pageNavi span {margin:0 13px 0 0; vertical-align:middle; text-align:center;}
.pageNavi .numbers {display:inline;}
.pageNavi a img {margin:0; border:0;}
.pageNaviTopLine {margin-bottom:15px; }

.posRelative {position:relative}
.programTipsDiv {position:absolute; top:0; left:0;}
.ratingImage {display:block; margin-top:8px;}
.red {color:#C61B1B;}
.tabRight {margin-right:16px;}
.textLeft {text-align:left;}
.textCenter {text-align:center;}
.textRight {text-align:right;}
.valignBottom {vertical-align:bottom;}
.valignMiddle {vertical-align:middle;}
.valignTop {vertical-align:top;}

/*Merklistenabstände ausgleichen*/
#ciRowView > tbody > tr > td, #evRowView > tbody > tr > td {
	padding-bottom: 20px;
}

#ciRowView > tbody > tr > td > p, #evRowView > tbody > tr > td > p{
	margin-bottom: 0px;
}

#ciRowView > tbody > tr > td > div.expandableBoxLeft, #evRowView > tbody > tr > td > div.expandableBoxLeft{
	margin-bottom: 0px;
}


/*Bewertung Bewerten*/

.feedbackTitle {
	border: solid 1px #e6e7e8;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 19px;
	width: 200px;
	display: block;
	text-align: center;
	vertical-align: middle;
	color: #ADADAD;
	font-size: 0.8em;
	margin-top: 10px;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,244,244,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(243,244,244,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,244,244,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,244,244,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,244,244,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,244,244,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f4f4',GradientType=0 ); /* IE6-*/
}

.dynInfo {
	display:block;
	color:#ADADAD;
	font-size:0.9em;
}

.loginHint > .dynInfo{
	margin-top: 10px;
	margin-bottom: 10px;
}

.dynInfo a{
	text-decoration: underline;
	color:#000000;
}

.button{
	border: solid 1px #e6e7e8;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 200px;
	display: block;
	text-align: center;
	vertical-align: middle;
	color: #ADADAD;
	font-size: 1em;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,244,244,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(243,244,244,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,244,244,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,244,244,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,244,244,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,244,244,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f4f4',GradientType=0 ); /* IE6-*/
}

.amazonWidget { margin-bottom:40px;}