/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- Body
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */
 
body.print 
	{ 
	background-color:#fff; 
	}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- Search Form
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */
.searchresult {
margin-bottom:20px;
}
.searchresult span.title {
display:block;
font-weight:bold;
}
.searchresult span.description {
display:block;
}
.searchresult span.linkpath {
display:block;
font-size:smaller;
line-height:1.3em;
} 

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] ZMSLinkContainer
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

div.ZMSLinkContainer
	{
	background-color: #eee;
	}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] ZMSFile / ZMSLinkElement
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

div.ZMSFile, div.ZMSLinkElement 
	{ 
	background-color: #F8F8F8;
	margin: 4px;
	}

div.ZMSFile.none, div.ZMSLinkElement.none 
	{
	background-color: transparent;
	border: 2px dashed #eee;
	}

div.ZMSFile.floatleft, div.ZMSLinkElement.floatleft 
	{ 
	float:left;
	width:50%
	}

div.ZMSFile.floatright, div.ZMSLinkElement.floatright 
	{ 
	float:right;
	width:50%
	}

div.ZMSFile div.title, div.ZMSLinkElement div.title 
	{
	font-size:x-small;
	white-space:nowrap;
	}

div.ZMSFile div.title a:link, div.ZMSFile div.title a:visited, 
div.ZMSLinkElement div.title a:link, div.ZMSLinkElement div.title a:visited 
	{
	font-weight:bold;
	font-size:x-small;
	text-decoration:none;
	color:black;
	}

div.ZMSFile div.text, div.ZMSLinkElement div.text 
	{
	font-size:xx-small;
	}

div.ZMSFile div.description, div.ZMSLinkElement div.description 
	{
	font-size:x-small;
	}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] ZMSGraphic
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

div.ZMSGraphic {
	background-color: #F8F8F8;
	margin: 4px;
}

div.ZMSGraphic.left {
	text-align:left;
}

div.ZMSGraphic.right {
	text-align:right;
}

div.ZMSGraphic.center {
	text-align:center;
}

div.ZMSGraphic.floatleft {
	float:left;
}

div.ZMSGraphic.floatright {
	float:right;
}

div.ZMSGraphic.center {
	text-align:center;
}

div.graphic.alignleft {
	float:left;
	text-align:right;
}

div.graphic.alignright {
	float:right;
	text-align:right;
}

div.ZMSGraphic div.text {
	padding: 4px;
}

/*-- ## FF Patch ## --*/
div.ZMSGraphic.right div.graphic {
	width:100% !important; 
}
div.ZMSGraphic.right div.graphic img {
	display:inline !important;
}

a.zoom img.zoom {
	width: 23px;
	height: 21px;
	background: url(/misc_/zms/zoom.gif);
}

a.download img.download {
	width: 23px;
	height: 21px;
	background: url(/misc_/zms/download.gif);
}

a.superzoom img.superzoom {
	width: 23px;
	height: 21px;
	background: url(/misc_/zms/superzoom.gif);
}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] ZMSTables
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

table.ZMSTable th {
	background-color:#DDEFFC; 
}

table.ZMSTable td {
	background-color:#EEEEEE; 
}

body.print table.ZMSTable th, 
body.print table.ZMSTable td {
	background-color:transparent; 
}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] ZMSTeaser
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

div#teaser
	{
	width:150px;
	font-size:x-small;
	}

div.ZMSTeaserContainer
	{
	padding:1px;
	margin-bottom:10px;
	}

div.ZMSTeaserElement
	{
	}

div.ZMSTeaserElement img.title
	{
	border: none;
	}

div.ZMSTeaserElement div.title a:link,
div.ZMSTeaserElement div.title a:visited,
div.ZMSTeaserElement div.title
	{
	font-weight:bold;
	text-decoration:none;
	color:black;
	padding: 2px;
	display: block;
	}

div.ZMSTeaserElement div.text a:link,
div.ZMSTeaserElement div.text a:visited,
div.ZMSTeaserElement div.text
	{
	}



.poll {
  float:left;
  width: 100%;
}
#pollOverlay .poll {
  width:440px;
  margin:0;
  padding:10px;
  background:transparent;
}
#pollOverlay .poll h1 {
  font-size:14px;
  line-height:20px;
  padding:0 0 11px 0;
}
#pollOverlay .poll div.review {
  float:left;
  width:440px;
  padding:15px 0;
}
.poll .tyText {
  margin:0 0 2px 0;
  padding:5px 0 15px;
  background:transparent url('http://www.gutelaunetv.de/common/border_dashed.gif') bottom left repeat-x;
}
.poll div.review {
  float:left;
  width:100%;
  padding:15px 0;
}

#pollOverlay .poll div.submit {
  width:440px;
  padding:13px 0 0 0;
}
.pollArrow {
  position:relative;
  float:right;
  width:148px;
  height:85px;
  margin:-85px 52px 0 20px;
  background:transparent url('http://www.gutelaunetv.de/common/poll_sprite.png') 0px -92px no-repeat;
}
div.poll img {
  float:left;
}
.poll p.subTitle {
  font-weight:bold;
}
.poll ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
.poll li {
  position:relative;
  float:left;
  width:526px;
  margin:0 0 2px;
  padding:3px 0 15px;
  background:transparent url('http://www.gutelaunetv.de/common/border_dashed.gif') bottom left repeat-x;
  list-style-type:none;
}
.poll li a.pollPlayer, .poll li a.pollPlayer:link, .poll li a.pollPlayer:visited {
  position:relative;
  float:left;
  width:120px;
  height:70px;
  margin:0 15px 0 0;
  background-position:center center;
  background-repeat:no-repeat;
  -moz-background-size: cover;
  background-size: cover;
  overflow:hidden;
}
.poll li a.pollPlayer img, .poll li a.pollPlayer:link img, .poll li a.pollPlayer:visited img {
  position:absolute;
  top:0;
  left:0;
  width:120px;
}
.poll li .pollImg {
  float:left;
  width:120px;
  height:70px;
}
.poll label {
   float:left;
   width:300px;
   height:auto;
   padding:20px 0 10px;
   cursor:pointer;
}
.poll span.text {
   float:left;
   width:236px;
}
.poll .review span.text {
  width:100%;
}
#pollOverlay .poll span.text {
   width:100%;
}
.poll span.title {
  float:left;
  width:100%;
  margin-top:-2px;
  padding:0 0 5px 0;
  color:#AD39AB;
  font-size:13px;
  font-weight:bold;
}
.poll span.song {
  float:left;
  width:100%;
  padding:0 0 5px 0;
  color:#686868;
}
#pollOverlay .poll span.title, #pollOverlay .poll span.song,
.poll .review span.title, .poll .review span.song {
  text-align:center;
}
.poll li span.resVote {
  position:relative;
  float:right;
  width:120px;
}
.poll li a.myVote, .poll li a.myVote:link, .poll li a.myVote:visited {
  position:absolute;
  top:21px;
  right:56px;
  width:30px;
  height:30px;
  padding:0;
  background:transparent url('http://www.gutelaunetv.de/common/poll_sprite.png') -282px -142px no-repeat;
}
.poll li a.myVote:hover, .poll li a.myVote:active {
  background:transparent url('http://www.gutelaunetv.de/common/poll_sprite.png') -282px -92px no-repeat;
}
.poll li span.results {
  float:right;
  width:39px;
  height:18px;
  padding:26px 16px 15px 47px;
  background:transparent url('http://www.gutelaunetv.de/common/poll_sprite.png') -282px 0 no-repeat;
  text-align:center;
  font-weight:bold;
  font-size:13px;
  line-height:18px;
}

.poll li label span.star {
   float:right;
   width:22px;
   height:22px;
   padding:0 0 0 5px;
   background:transparent url('http://www.gutelaunetv.de/common/arrow_star.gif') right -84px no-repeat;
}

.poll li label span.star.hover {
   background:transparent url('http://www.gutelaunetv.de/common/arrow_star.gif') right -112px no-repeat;
   color:#AB27AA;
}

.poll li label span.star.checked {
   background:transparent url('http://www.gutelaunetv.de/common/arrow_star.gif') right -140px no-repeat;
}

.poll li input {
   position:relative;
   float:right;
   width:13px;
   height:13px;
   margin:21px 2px 0 0;
   border:0;
   background:transparent;
 
/*   top:36px; */
/*   right:7px; */
}

.poll input.hideInput {
   visibility:hidden;
}

.poll .object {
   float:left;
   width:320px;
   height:25px;
}

.poll div.submit {
   float:left;
   width:516px;
   padding:10px 5px 0 5px;
   background: transparent url('http://www.gutelaunetv.de/common/border_dashed.gif') top left repeat-x;
}
.poll div.submit img {
  margin-top:5px;
}
.poll div.submit input {
   float:left;
   height:72px;
   width:121px;
   margin:0;
   padding:0;
   background:transparent url('http://www.gutelaunetv.de/common/poll_sprite.png') 0 0px no-repeat;
   color:#FFFFFF;
   font-size:0px;
   line-height:0px;
   cursor:pointer;
}
.poll div.submit input:hover {
   background:transparent url('http://www.gutelaunetv.de/common/poll_sprite.png') -141px 0px no-repeat;
}
div.poll input.cpt {
  float:left;
  width:100px;
  height:18px;
  margin:24px 20px 0;
  border:1px solid #CCCCCC;
  padding:3px;
  background:#FFFFFF;
  color:#666666;
  font-size:14px;
  line-height:18px;
  font-weight:normal;
  cursor:auto;
}
.poll div.submit input.cpt:hover {
   background:transparent;
}


.btn {border:0 !important; margin:1px 0; padding:0; width:16px; height:16px; cursor:pointer; background-color:transparent; background-image:url(http://www.gutelaunetv.de/common/btns.png); background-repeat:no-repeat;}
.add     {background-position:    0px    0px;}
.edit    {background-position:  -96px   -8px;}
.delete  {background-position: -157px   -8px;}
.status0 {background-position:   -8px  -96px;}
.status1 {background-position:  -38px  -96px;}
.status2 {background-position:  -68px  -96px;}
.status3 {background-position:  -98px  -96px;}
.email0  {background-position:  -80px  -64px;}
.email1  {background-position:  -64px  -64px;}


/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] Misc
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

div.ZMSObject.new, div.ZMSObject.modified {
  border: 2px dashed blue;
  background-color: #F0F0FF;
} 
div.ZMSObject.deleted {
  border: 2px dashed red;
  background-color: #FFF0F0;
  color: red;
  text-decoration: line-through;
} 

span.unicode { 
  font-family:"Lucida Sans Unicode", "Arial Unicode MS", Arial, Helvetica, sans-serif;
}

span.highlight { 
  background-color: yellow;
  color: black;
  font-weight: bold;
}


/****************************************************/
/*    1. CSS-Modul: COLORS                          */
/****************************************************/
.neutralColorTrans {background-color: transparent}
.neutralColorWhite {background-color: #fff}
.neutralColorLight {background-color: #e8e8e8}
.neutralColorMedium {background-color: #ccc}
.neutralColorStrong {background-color: #999}
.neutralColorBlack  {background-color: #000}
.teaserColor {background-color: #B8CB00;}
.secondColorStrong {background-color: #aaa;}
.secondColorMedium {background-color: #ddd;}
.secondColorLight {background-color: #eee;}
.primColorStrong {background-color: #336699;}
.primColorMedium {background-color: #9cf;}
.primColorLight {background-color: #DCE0EA;}

/****************************************************/
/*    2.  CSS-Modul: LAYOUT (PAGE REGIONS)          */
/****************************************************/

* {margin:0; border:0; padding:0; font-style:normal;}

html {background:#FF9400;}
body {background:#FF9400; font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif; font-size:12px; line-height:17px; color:#4F4F4F;}

div#page {position:relative; width:1002px; margin:0 auto; padding:20px 0 0 0; background: #FF9400; text-align:left;}
#content {position:relative; float:left; width:526px; padding:0 12px 20px 13px;}

#PRM {float:left; width:1002px; margin:0; padding:0; background:#FFFFFF url('http://www.gutelaunetv.de/common/middle_HG.gif') top left repeat-y;}
#PRC {position:relative; float:left; width:984px;  margin:0; padding:0 11px 9px 7px; background:transparent url('http://www.gutelaunetv.de/common/page_bottom.gif') bottom left no-repeat;}
#PRT {float:left; width:1002px; margin:0; padding:0; background:transparent url('http://www.gutelaunetv.de/common/PRTop_HG.gif') top left repeat-y;}
#PRL {float:left; width:273px;  margin:0; padding:0 0 20px 0; height:auto; min-height:50px;}
#PRR {float:left; width:160px;   margin:0; padding:48px 0 0 0; height:auto; min-height:50px;}
#PRB {float:left; width:1002px; margin:0; padding:5px 0 30px 0; color:#FFD479; background: #FF9400;}

#header {float:left; width:984px; padding:9px 11px 0 7px; background:transparent url('http://www.gutelaunetv.de/common/header_bg.jpg') top left no-repeat;}
#header a, #header a:link, #header a:visited {color:#424242; text-decoration:none; font-weight:normal;}

#logo {float:right; width:197px; height:85px; padding:27px 48px 0 0; background:transparent;}
#logo a, #logo a:link, #logo a:visited {display:block; width:197px; height:85px; text-decoration:none;}
#logo a:hover, #logo a:active {text-decoration:none;}

#banner {float:left; width:480px; height:60px; overflow:hidden;}
#banner .bannerAd {position:relative; display:block; float:left; width:480px; height:60px; overflow:hidden;}
#bannerR {float:left; width:160px; background:#FFF;}
#bannerR .bannerAd {position:relative; display:block; float:right; width:160px; overflow:hidden;}
#bannerR.fixedtop {position:fixed; top:0;}
#bannerR.fixedbottom {position:fixed; bottom:155px;}
#bannerB {width:960px; height:59px; padding:9px 23px 16px 19px; background:transparent url('http://www.gutelaunetv.de/common/bannerB_HG.gif') top left no-repeat;}
#bannerB .bannerAd {position:relative; display:block; float:right; width:480px; height:60px; overflow:hidden; text-align:right;}
.bannerAd div { position:relative; z-index:10;}
.bannerAd a.flashLink, .bannerAd a.flashLink:link, .bannerAd a.flashLink:visited {position:absolute; top:0; left:0; width:480px; height:60px; text-decoration:none; z-index:10000;background:transparent;}
#bannerR .bannerAd a.flashLink, #bannerR .bannerAd a.flashLink:link, #bannerR .bannerAd a:visited {position:absolute; top:0; left:0; width:160px; height:600px; text-decoration:none; z-index:10000;}

#copyright {width:984px; padding:0 0 0 7px; text-align:center;}
#copyright a, 
#copyright a:link, 
#copyright a:visited {padding:0 15px 0 8px; background:transparent url('http://www.gutelaunetv.de/common/arrow_star.gif') -9px -63px no-repeat; color:#FFD479; text-decoration:none;}
#copyright a:hover, 
#copyright a:active {background:transparent url('http://www.gutelaunetv.de/common/arrow_star.gif') -9px -7px no-repeat; text-decoration:none; color:#FFFFFF;}

.posRel {position:relative;}
.clearing {clear:both; height:0; border:0; margin:0; padding:0; font-size:1px; line-height:0;}
.clearRight {clear:right;}
.clearLeft {clear:left;}
.floatRight {float:right;}
.floatLeft {float:left;}
.floatNone {float:none;}
.block {display:block;}
.clearDots {clear:both; height:3px; border:0; margin:10px 0; padding:0; background: transparent url('http://www.gutelaunetv.de/common/border_dashed.gif') top left repeat-x; font-size:1px; line-height:3px;}

img.imgNoborder {border:0px;}
.w100p {width:100% !important;}
.w180 {width:180px;}

/****************************************************/
/*    3.  CSS-Modul: LAYOUT (PAGE ELEMENTS)         */
/****************************************************/


/* -- NEWS -----------------------------------------*/
div.pointer {position:relative; top:6px; width:950px; overflow:hidden;}
#news {position:relative; float:left; width:950px; height:35px; margin:0; border:0; padding:0 17px; background:#FFFFFF url('http://www.gutelaunetv.de/common/ticker_bg.gif') top left repeat-y; color:#666666;}
#news a, 
#news a:link, 
#news a:visited {padding:0 8px; color:#666666; font-size:13px; line-height:20px; text-decoration:none; white-space:nowrap;}
#news a:hover, 
#news a:active {color:#333333; text-decoration:none;}
#news span {color:#666666; font-weight:bold;}

/* -- FORM -----------------------------------------*/
.conForm {width:100%;}
.conForm div {float:left; width:100%; padding:0;}
.conForm .perInfo {padding:0 0 10px 0; background: transparent url('http://www.gutelaunetv.de/common/border_dashed.gif') bottom left repeat-x;}
.conForm .otherInfo {padding:10px 0 19px 0; background: transparent url('http://www.gutelaunetv.de/common/border_dashed.gif') bottom left repeat-x;}
.conForm .gameQ {margin:10px 0 0 0; padding:10px 0; background: transparent url('http://www.gutelaunetv.de/common/border_dashed.gif') top left repeat-x;}
.conForm span.infoTitle {float:left; width:110px; padding:10px 0 9px 0; color:#FF9400; font-weight:bold;}
.conForm span.infoText {float:left; width:400px; padding:10px 0 9px 0;}
.conForm div span.radioCheck {float:left; height:14px; padding:0 0 5px 7px;}
.conForm .required {font-weight:bold;}
.conForm label {float:left; width:90px; padding:11px 0 0 0;}
.conForm label.pad5 {padding:5px 0 0 0;}
.conForm label.long {width:108px;}
.conForm div.inputDiv {width:384px; height:22px; padding:7px 11px 11px 7px; background:transparent url('http://www.gutelaunetv.de/common/input_HG.gif') top left no-repeat;}
.conForm div.input1Div {width:280px; height:22px; padding:7px 11px 11px 7px; background:transparent url('http://www.gutelaunetv.de/common/inputM_HG.gif') top left no-repeat;}
.conForm div.input2Div {width:87px; height:22px; padding:7px 11px 11px 7px; background:transparent url('http://www.gutelaunetv.de/common/inputS_HG.gif') top left no-repeat;}
.conForm input {width:364px; height:15px; border:0; padding:3px 5px 4px 15px; color:#666666;}
.conForm input.radiocheck {float:left; width:13px; margin:0; background:transparent;}
.conForm input.part1 {width:261px;}
.conForm input.part2 {width:66px;}
.conForm input.btnSend {float:right; width:auto; height:28px; margin:0 29px 0 0; border:0; padding:5px 15px; background:transparent url('http://www.gutelaunetv.de/common/HG_28px.gif') 0 -261px repeat-x; color:#FFFFFF; font-weight:bold; cursor:pointer;}
.conForm select {width:384px; border:0; padding:3px 5px 0 15px; color:#666666;}
.conForm textarea {width:365px; height:163px; border:0; background: transparent; color:#666666; font-size:12px; font-family:"Lucida Grande",Helvetica,Arial,Verdana, sans-serif;}
.conForm textarea#wish {height:75px;}
.conForm div p.charsRemaining {padding:0 0 0 100px; font-size:10px;clear:both;}
.conForm p.reqd {padding:0 0 0 90px; color:#AD39AB; font-weight:bold;}
.conForm div.textDiv {width:365px; height:158px; padding:15px 17px 12px 20px; background:transparent url('http://www.gutelaunetv.de/common/textarea_HG.gif') top left no-repeat;}
.conForm div.textDiv2 {width:365px; height:75px; padding:15px 17px 12px 20px; background:transparent url('http://www.gutelaunetv.de/common/textarea2_HG.gif') top left no-repeat;}
div#formResponse {padding: 15px 0 0 0; background: transparent url('http://www.gutelaunetv.de/common/border_dashed.gif') top left repeat-x;}

/****************************************************/
/*    4.  CSS-Modul: NAVIGATION                     */
/****************************************************/

/* -- CHANNEL MENU ---------------------------------*/
div#menu {position:relative; float:left; width:984px; margin:0px; padding:0px; white-space:nowrap; z-index:5000;}
div#menu ul {position:relative; margin:0px; padding:0px; white-space:nowrap; list-style-type:none;}
div#menu ul li {float:left; width:328px; height:35px; padding:0px; margin:0px; background-color:transparent; background-image:url('http://www.gutelaunetv.de/common/nav_HG_sprite.gif'); background-repeat:repeat-x;}

div#menu ul li.nav1 {background-position:top left;}
div#menu ul li.nav2 {background-position:0 -72px;}
div#menu ul li.nav3 {background-position:0 -144px;}

div#menu ul li a, 
div#menu ul li a:link, 
div#menu ul li a:visited {float:left; width:328px; height:21px; padding:7px 0; font-size:15px; line-height:21px; color:#FFFFFF; text-decoration:none; text-align:center;}

div#menu ul li a:hover, 
div#menu ul li a.active, 
div#menu ul li a.current, 
div#menu ul li a.current:link, 
div#menu ul li a.current:visited {text-decoration:none; color:#000000;}

div#menu ul li ul {visibility:hidden; position:absolute; top:35px; left:0px; width:961px; margin:0px; padding:0px 0 0 23px; background-color:#999999; background-image:url('http://www.gutelaunetv.de/common/nav_HG_sprite.gif'); background-repeat:repeat-x; list-style-type:none; z-index:5000;}
div#menu ul li ul li {float:left; width:auto; height:35px; margin:0; padding:0 5px; background:transparent url('http://www.gutelaunetv.de/common/arrow_star.gif') 6px 4px no-repeat;}

div#menu ul li.nav1 ul {background-color:#FF9400; background-position:0 -36px;}
div#menu ul li.nav2 ul {background-color:#93B711; background-position:0 -108px;}
div#menu ul li.nav3 ul {background:#AD39AB;}

div#menu ul li.nav3 ul li {float:right;}

#menu ul li ul li a, 
#menu ul li ul li a:link, 
#menu ul li ul li a:visited {display:inline; float:left; width:auto; padding: 7px 10px 7px 18px; font-size:13px; line-height:21px; color:#FFFFFF; text-decoration:none;}
#menu ul li ul li a:hover, #menu ul li ul li a:active {background:transparent url('http://www.gutelaunetv.de/common/arrow_star.gif') 1px -24px no-repeat; color: #000000; text-decoration:none;}

/* -- MACRONAVIGATION ------------------------------*/
div#macronavWrapper {float:left; width:984px; padding:0 0 12px 0;}
div#macronav {float:left; width:984px; margin:0; padding:0; background:#FFD71D;}
div#macronav ul {float:left; width: 961px; margin:0px; padding:0px 0 0 23px; background:#93B711 url('http://www.gutelaunetv.de/common/nav_HG_sprite.gif') 0 -216px repeat-x; list-style-type:none; overflow:hidden; font-weight:bold;}
div#macronav ul#nav1 {background:#FF9400 url('http://www.gutelaunetv.de/common/nav_HG_sprite.gif') 0 -36px repeat-x;}
div#macronav ul#nav2 {background:#93B711 url('http://www.gutelaunetv.de/common/nav_HG_sprite.gif') 0 -108px repeat-x;}
div#macronav ul#nav3 {background:#AD39AB;}
div#macronav li {float:left; height:35px; margin:0; padding:0 5px; background:transparent url('http://www.gutelaunetv.de/common/arrow_star.gif') 6px 4px no-repeat;}
div#macronav ul#nav3 li {float:right;}
div#macronav li a, 
div#macronav li a:link, 
div#macronav li a:visited {display:inline; float:left; height:21px; padding: 7px 10px 7px 18px; font-size:13px; line-height:21px; color:#FFFFFF; text-decoration: none; font-weight:normal;}
div#macronav li a:hover, 
div#macronav li a.active, 
div#macronav li a.active:link, 
div#macronav li a.active:visited {background:transparent url('http://www.gutelaunetv.de/common/arrow_star.gif') 1px -24px no-repeat; color: #000000; text-decoration: none;}

/* -- METANAVIGATION -------------------------------*/
#metanav {float:left; width:150px; height:75px; margin:15px 0 0 0; padding:0 250px 0 25px; background:transparent url('http://www.gutelaunetv.de/common/metanav_border.gif') 15px 0 repeat-y;}
#metanav a, 
#metanav a:link, 
#metanav a:visited {display:block; padding:0 0 2px 11px; background:transparent url('http://www.gutelaunetv.de/common/arrow_star.gif') -6px -34px no-repeat; text-decoration:none;}
#metanav a:hover, 
#metanav a:active, 
#metanav a.current, 
#metanav a.current:link, 
#metanav a.current:visited  {font-weight:bold; text-decoration:none;}

/* -- INDEX ----------------------------------------*/
#index {position:relative; width:100%; padding:0;}
.alphaTOC {width:100%;}
.alphaTOC ul {float:left; width:100%; margin:0; padding:0 0 10px 0; background:transparent url('http://www.gutelaunetv.de/common/border_dashed.gif') bottom left repeat-x; list-style:none;}
.alphaTOC li {display:inline; float:left; width:15px; margin:0 2px 0 0; padding:3px 2px; text-align:center; font-weight:bold; cursor:pointer;}
.alphaTOC li.alphaActive, 
.alphaTOC li.alphaActive2 {background:#EEEEEE;}
.indexT {padding:6px 0 15px; color:#4F4F4F;}
.indexT.borderT {margin:15px 0 0 0; padding:10px 0 5px 0; background: transparent url('http://www.gutelaunetv.de/common/border_dashed.gif') top left repeat-x;}
.indexT a, 
.indexT a:link, 
.indexT a:visited {display:block; width:526px; padding:0; text-decoration:none;}
.indexA {float:left; width:100%; margin:5px 0 0 0; padding:15px 0 0 0;}
.indexA h3 {padding:0 0 10px 10px;}
.indexA a, 
.indexA a:link, 
.indexA a:visited {display:block; height:24px; padding:0; text-decoration:none;}
.indexT a span.iTitle, 
.indexT a:link span.iTitle, 
.indexT a:visited span.iTitle,
.indexA a span.title, 
.indexA a:link span.title, 
.indexA a:visited span.title {padding:0; color:#AD39AB; cursor:pointer; text-decoration:none; font-size:14px; line-height:20px;}
.indexA a span.title, 
.indexA a:link span.title, 
.indexA a:visited span.title {padding:5px;}
.indexT a:hover span.iTitle, 
.indexT a:active span.iTitle,
.indexA a:hover span.title, 
.indexA a:active span.title {color:#FF9400; text-decoration:none; font-size:14px; line-height:20px;}
.indexT span.iDate {display:block; padding:2px 0;}
.index1 {float:left; width:100%; padding:0 0 11px 0; background:transparent url('http://www.gutelaunetv.de/common/border_dashed.gif') bottom left repeat-x;}

.index1 h2 {padding:0 0 10px 0;}
.index1 h3 {padding:0 0 5px 0;}
.index1 a, 
.index1 a:link, 
.index1 a:visited {float:left; width:526px; padding:8px 0 0 0; color:#4F4F4F; text-decoration:none;}

.index1 a.twoCol, 
.index1 a.twoCol:link, 
.index1 a.twoCol:visited {width:240px;}

.index1 a span.img, 
.index1 a:link span.img, 
.index1 a:visited span.img {float:left; width:150px; padding:0 10px 8px 0; text-align:center; overflow:hidden; cursor:pointer; text-decoration:none;}

.index1 a span.text, 
.index1 a:link span.text, 
.index1 a:visited span.text {float:left; width:365px; padding:0; cursor:pointer; font-weight:normal; text-decoration:none;}

.index1 a span.title, 
.index1 a:link span.title, 
.index1 a:visited span.title {float:left; width:100%; margin-top:-4px; padding:0 0 5px 0; color:#AD39AB; font-size:13px; font-weight:bold; cursor:pointer; text-decoration:none;}

.index1 a span.desc, 
.index1 a:link span.desc, 
.index1 a:visited span.desc {float:left; width:100%; padding:0 0 5px 0; cursor:pointer; font-weight:normal; text-decoration:none; color:#4F4F4F;}

.index1 a span.emphasis, 
.index1 a:link span.emphasis, 
.index1 a:visited span.emphasis {position:relative; float:left; width:100%; padding:0 0 5px 0; color:#4F4F4F; font-weight:bold; cursor:pointer; text-decoration:none;}

.index1 a span.more, 
.index1 a:link span.more, 
.index1 a:visited span.more {position:relative; float:left; width:100%; padding:0 0 8px 0; font-weight:bold; cursor:pointer; text-decoration:none; color:#AD39AB;}

.index1 a.twoCol:hover, 
.index1 a.twoCol:active {text-decoration:none; background:none;}

.index1 a:hover span.desc, 
.index1 a:active span.desc {font-weight:normal; font-weight:normal; text-decoration:none; color:#4F4F4F;}

.index1 a:hover span.more, 
.index1 a:active span.more {text-decoration:none; color:#FF9400;}

#index .conForm .otherInfo input.btnSend {float:left;}
#index .conForm .otherInfo a, #index .conForm .otherInfo a:link, #index .conForm .otherInfo a:visited {float:left; width:auto; height:28px; margin:0 29px 0 0; border:0; padding:5px 15px; background:transparent url('http://www.gutelaunetv.de/common/HG_28px.gif') 0 -261px repeat-x; color:#FFFFFF; font-weight:bold; cursor:pointer;}

a.iLink, a.iLink:link, a.iLink:visited {float:left; width:auto; height:20px; margin:10px 20px 0 0; border:0; padding:5px 15px; background:transparent url('http://www.gutelaunetv.de/common/HG_28px.gif') 0 -261px repeat-x; color:#FFFFFF; font-weight:bold; cursor:pointer;}

.indexGt {
  position:relative;
  float:left;
  width:510px;
  margin:10px 0 0 0;
  padding:6px 0 0 0;
  background:transparent url('http://www.gutelaunetv.de/common/gray_rounded_bdr_sprite.gif') 0px 0px no-repeat;
  clear:both;
}
.indexGb {
  position:relative;
  float:left;
  width:510px;
  margin:0;
  padding:0 0 6px 0;
  background:transparent url('http://www.gutelaunetv.de/common/gray_rounded_bdr_sprite.gif') -540px bottom no-repeat;
}
.indexG {float:left; width:495px; border-left:3px solid #EBEBEB; border-right:3px solid #EBEBEB; padding:5px 5px 5px 4px; background:transparent;}
.indexG span.gTitle {float:left; width:335px; padding:0 0 5px 7px;}
.indexG a.all, 
.indexG a.all:link, 
.indexG a.all:visited {float:right; width:150px; padding:0 0 5px 0;}

.indexG .gItem {float:left; width:152px; padding:10px 6px 10px 7px;}
.indexG .gItem span.title {float:left; width:150px; padding:5px 1px 0; text-align:center; font-size:11px; line-height:14px;}

.indexG .gItem table td {border:1px solid #DDDDDD; background:#FFFFFF;}
.indexG .gItem table td:hover {border:1px solid #BBBBBB; background:#FFFFFF;}

.indexG .gItem a, 
.indexG .gItem a:link, 
.indexG .gItem a:visited {width:150px; height:150px; padding:0;}

.index1 a:hover, 
.index1 a:active {text-decoration:none;}


/* -- Link Empfehlung -- */

.linkItem {float:left; width:100%; padding:5px 0; background:transparent url('http://www.gutelaunetv.de/common/border_dashed.gif') bottom left repeat-x;}

.linkItem a, 
.linkItem a:link, 
.linkItem a:visited {float:left; width:500px; padding:5px 5px 8px; color:#4F4F4F; text-decoration:none;}

.linkItem a span.img, 
.linkItem a:link span.img, 
.linkItem a:visited span.img {float:left; width:100px; padding:0 10px 5px 0; text-align:center; overflow:hidden; cursor:pointer; text-decoration:none;}

.linkItem a span.text, 
.linkItem a:link span.text, 
.linkItem a:visited span.text {float:left; width:390px; margin-top:-3px; padding:0; cursor:pointer; text-decoration:none;}

.linkItem a span.title, 
.linkItem a:link span.title, 
.linkItem a:visited span.title {float:left; width:100%; padding:0 0 10px 0; color:#AD39AB; font-weight:bold; cursor:pointer; text-decoration:none;}

.linkItem a span.desc, 
.linkItem a:link span.desc, 
.linkItem a:visited span.desc {float:left; width:100%; padding:0 0 5px 0; cursor:pointer; text-decoration:none; color:#4F4F4F;}

.linkItem a:hover, 
.linkItem a:active {text-decoration:none;}

.linkItem a:hover span.title, 
.linkItem a:active span.title {text-decoration:none; color:#FF9400;}

.linkItem a:hover span.desc, 
.linkItem a:active span.desc {text-decoration:none; color:#4F4F4F;}



div.schedule {text-align:center;}
div.schedule ul.programm {margin:0; padding:0;}
div.schedule ul.programm li {float:left; width:430px; margin:0; padding:5px 38px 10px 58px; list-style:none; background:transparent url('http://www.gutelaunetv.de/common/border_dashed.gif') bottom left repeat-x;}
div.schedule ul.programm li span {float:left; max-width:120px; padding:0 20px; font-weight:bold;}
div.schedule ul.programm li {vertical-align:bottom;}
div.schedule table.timer {width:515px; text-align:center; padding:0 0 0 9px; background:#FFFFFF url('http://www.gutelaunetv.de/common/timer_bg.png') 9px 0 no-repeat;}
div.schedule table.timer th {padding:20px 0 5px 0;}
div.schedule table.timer h2 {color:#FF9400;}
div.schedule table.timer td.sub {padding:10px 0 20px 0; text-align:center; color:#5c5c5c; font-weight:bold;}
div.schedule table.timer td.sub a {padding:5px 20px; color:#5c5c5c; font-weight:bold; text-decoration:none;}
div.schedule table.timer td.sub a.active { text-decoration:underline; }

/****************************************************/
/*    5.  CSS-Modul: TEXT                           */
/****************************************************/

h1, h2, h3, h4, h5, h6 {color:#AD39AB;}

h1 {margin:0 0 2px 0; padding:3px 0 13px 0; font-size:24px; line-height:28px; font-weight: normal; color:#941200; background: transparent url('http://www.gutelaunetv.de/common/border_dashed.gif') bottom left repeat-x;}

h1.title1 {color:#FF9400;}
h1.title2 {color:#93B711;}
h1.title3 {color:#AD39AB;}
h1.title4 {color:#5E5E5E;}

h1 span {font-size:18px;}

h2 {font-size:16px; margin:8px 0 0; line-height:22px;}
h3 {font-size:14px; margin:0; line-height:22px;}
h4 {font-size:12px; margin:0; line-height:17px;}

p {padding:5px 0;}

a, a:link, a:visited {font-weight:bold; color:#AD39AB; text-decoration:none;}
a:hover, a:active {font-weight:bold; color:#FF9400; text-decoration:none;}
a img {border:none;}

ul {text-align:left; margin:0; padding:5px 0 5px 25px; list-style-type:disc;}
ol {text-align:left; margin:0; padding:5px 0 5px 32px; list-style-type:decimal;}
li {margin:0; padding:2px 0;}

dl {text-align:left; margin:0; padding:5px 0 5px 25px;}
dl dt {font-weight:bold; padding:2px 0;}
dd {margin:0; padding:2px 0 5px;}

em, dfn, i {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
hr {height:3px; margin:10px 0; border:0; padding:0; background:#FFFFFF url('http://www.gutelaunetv.de/common/border_dashed.gif') top left repeat-x; color:transparent;}

blockquote {margin:0; padding:10px 20px; font-style:italic;}
blockquote strong {font-style:italic;}

p.caption {font-style:italic; font-size:11px; line-height:16px;}
p.description {line-height: 16px; font-weight:bold; color:#666; margin-top:0.5em;}
p.emphasis {margin:10px 20px; border-top: 1px dotted #666666; border-bottom: 1px dotted #666666; padding:11px 15px; background-color:#EEEEEE;}
p.w300 {float:left; width:270px; padding-right:10px;}
p.fbFan {
  padding:55px 0 10px 60px;
  background:transparent url('http://www.gutelaunetv.de/common/jetzt_fan_werden.png') 0 5px no-repeat;
}
/****************************************************/
/*    6.  CSS-Modul: ZMS-DEFAULTS                   */
/****************************************************/
/* -- ZMS TABLES -----------------------------------*/
caption {background:transparent; font-style:italic;}
table.ZMSTable {margin:0 0 5px 0; border:1px solid #cfcbc8;}
table.ZMSTable tr th {background-color:#DDEFFC;}	
table.ZMSTable tr td {background-color:#F6F6F6;}
table.ZMSTable tr th p,
table.ZMSTable tr td p {font-size:12px; padding:5px;}

/* -- ZMS GRAPHIC ----------------------------------*/
div.imgZoom {display:none; position:absolute; width:21px; height:21px; bottom:0; right:0; background:transparent url('http://www.gutelaunetv.de/common/img_zoom.gif') bottom right no-repeat; z-index:5000; cursor:pointer;}
div.imgZoom a.lightboximage, 
div.imgZoom a.lightboximage:link, 
div.imgZoom a.lightboximage:visited {width:21px; height:21px;}

div.ZMSGraphic {
  position:relative;
  background:transparent; 
  margin:10px 0;
  background: transparent;
}
div.ZMSGraphic.left {
  text-align:left;
}
div.ZMSGraphic.right {
  text-align:right;
}
div.ZMSGraphic.center {
  text-align:center;
}
div.ZMSGraphic.floatleft {
  float:left;
  margin-right:12px;
}
* html div.ZMSGraphic.floatleft {
  margin-right:12px;
}
div.ZMSGraphic.floatright {
  float:right;
  margin-left:12px;
}
* html div.ZMSGraphic.floatright {
  margin-left:12px;
}
div.ZMSGraphic.center {
  text-align:center;
}
div.graphic {
  display:block;
  position:relative;
  width:100%;
}

div.graphic a:hover, div.graphic a:active {
  border:0;
}
div.graphic img {
  display:block;
}
div.graphic.alignleft {
  float:left;
  margin:0 15px 0 0;
  text-align:right;
}
* html div.graphic.alignleft {
  margin:0 7px 0 0;
}
div.graphic.alignright {
  float:right;
  text-align:right;
  margin:0 0 0 15px;
}
* html div.graphic.alignright {
  margin:0 0 0 7px;
}
div.ZMSGraphic div.text {
  padding:5px 0 0 0;
}
div.ZMSGraphic.left div.text, div.ZMSGraphic.right div.text {
  padding:0;
}
div.ZMSGraphic div.text p {
  font-size:12px;
  line-height:16px;
  padding:0;
}


/* -- ZMS TEASER -----------------------------------*/

div#teaser   {float:left; width:258px; margin:0px 13px 0px 13px; padding:5px 21px 0 21px; background:transparent url('http://www.gutelaunetv.de/common/border_dashed.gif') top left repeat-x; font-size:12px;}

div#teaserCont {float:left; width:100%; padding:15px 0;}

div.teaser1 {width:230px;}
div.teaser2 {float:left; width:100%; padding:13px 0; background: transparent url('http://www.gutelaunetv.de/common/border_dashed.gif') top left repeat-x;}
div.teaser2 div.i1 {float:left; width:250px; padding: 0 12px 20px 0px;}
div.teaser2 div.i2 {float:left; width:250px; padding:0 0px 20px 14px; background: transparent url('http://www.gutelaunetv.de/common/border_dashed.gif') top left repeat-y;}
div.teaser2 div.ZMSTeaserElement {float:left;}

div.ZMSTeaserContainer {margin:0px; margin-bottom:2em;}

div.ZMSTeaserElement {position:relative; margin:0px;}
div.ZMSTeaserElement div.title h2 {margin:0; padding:0;}

div.ZMSTeaserElement div.title {padding:0 0 10px 0; font-size:12px; color:#AD39AB; text-decoration:none;}
div.ZMSTeaserElement div.title h2, 
div.ZMSTeaserElement div.title h2 a, 
div.ZMSTeaserElement div.title h2 a:link, 
div.ZMSTeaserElement div.title h2 a:visited {margin:0; padding:0; font-size:13px; line-height:18px; color:#AD39AB; text-decoration:none; font-weight:bold;}

div.ZMSTeaserElement div.title h2 a:hover, 
div.ZMSTeaserElement div.title h2 a:active {color:#FF9400;}

div.ZMSTeaserElement div.text {padding:10px 0 0 0;}

div.ZMSTeaserElement div.more {padding:10px 0 0 0;}

div.ZMSTeaserElement div.more a, 
div.ZMSTeaserElement div.more a:link, 
div.ZMSTeaserElement div.more a:visited {color:#AD39AB; font-weight:bold; text-decoration:none;}

div.ZMSTeaserElement div.more a:hover, 
div.ZMSTeaserElement div.more a:active {color:#FF9400;}


#CDTeaserWrapper {position:relative; float:left; width:250px; padding-left:12px;}
#CDTeaser {position:relative; float:left; width:250px; margin:0; padding:5px 0 30px; background:transparent url('http://www.gutelaunetv.de/common/border_dashed.gif') top left repeat-x; font-size:12px;}

#CDTeaser a, 
#CDTeaser a:link, 
#CDTeaser a:visited {position:relative; float:left; display:block; width:250px;}

#CDTeaser a span.title, 
#CDTeaser a:link span.title, 
#CDTeaser a:visited span.title {position:relative; display:block; margin:0; padding:7px 0 0; font-size:13px; line-height:18px; font-weight:bold; color:#AD39AB; text-decoration:none; text-align:center;}

#CDTeaser a span.graphic, 
#CDTeaser a:link span.graphic, 
#CDTeaser a:visited span.graphic {position:relative; display:block; margin:0 0 10px 0; padding:45px 0 0 19px; z-index:5; cursor:pointer;}

#CDTeaser a span.graphic2, 
#CDTeaser a:link span.graphic2, 
#CDTeaser a:visited span.graphic2 {position:absolute; top:47px; left:79px; z-index:2; cursor:pointer;}

#CDTeaser a span.widget {position:relative; display:block; width:250px; margin:10px 0; background:#D6D6D6;}

#CDTeaser a span.text, 
#CDTeaser a:link span.text, 
#CDTeaser a:visited span.text {position:relative; display:block; padding:0; font-weight:normal; color:#4F4F4F; text-decoration:none;}

#CDTeaser a span.more, 
#CDTeaser a:link span.more, 
#CDTeaser a:visited span.more {position:relative; display:block; padding:5px 0 0; color:#AD39AB; font-weight:bold; text-decoration:none;}

#CDTeaser a:hover span.more, 
#CDTeaser a:active span.more {color:#FF9400; text-decoration:none;}

/* -- ZMS LINK -------------------------------------*/

/* --- reset default --- */
div.ZMSFile, div.ZMSLinkElement {
  background-color:transparent;
  margin:0;
}
div.ZMSFile {
  padding:5px 0;
  color:#4F4F4F;
}
div.ZMSFile div.title {
  font-size:11px;
  color:#4F4F4F;
}
div.ZMSFile div.title a, div.ZMSFile div.title a:link, div.ZMSFile div.title a:visited {
  font-size:12px;
  font-weight:normal;
  color:#AD39AB;
}
div.ZMSFile div.title img {
  margin:-4px 3px 0 0;
}
div.ZMSFile div.description {
  padding-left:23px;
  font-size:11px;
  color:#4F4F4F;
}

div.ZMSLinkElement div.title a, 
div.ZMSLinkElement div.title a:link, 
div.ZMSLinkElement div.title a:visited {color:#AD39AB; font-size:12px; font-weight:normal;}

div.ZMSFile div.title a:hover, 
div.ZMSFile div.title a:active, 
div.ZMSLinkElement div.title a:hover, 
div.ZMSLinkElement div.title a:active {color:#FF9400;}

/****************************************************/
/*    7.  CSS-Modul: SPECIAL OBJECTS                */
/****************************************************/
/* --- Ajax activity indicator --- */
.loader {height:70px; padding-top:60px; background: url('http://www.gutelaunetv.de/common/ajax-loader.gif') center top no-repeat; text-align:center;}
/* --- Player --- */
#player {float:left; width:250px; padding:0 11px 20px 12px; text-align:center;}
#player p {padding:12px 0 17px; color:#AD39AB; font-size:13px; line-height:18px; font-weight:bold; text-decoration:none;}
/* --- Now Playing --- */
#nowPlayingWrapper {float:left; width:250px; padding:0 11px 20px 12px;}
#nowPlaying {float:left; width:100%; padding:0; background:transparent url('http://www.gutelaunetv.de/common/border_dashed.gif') top left repeat-x; text-align:center;}
#nowPlaying p {padding:13px 0; color:#AD39AB; font-size:13px; line-height:18px; font-weight:bold; text-decoration:none;}
/* --- Facebook Fan Link --- */
.leftWrap {float:left; width:250px; padding:0 11px 30px 12px;}
.leftItem {float:left; width:100%; padding:20px 0 0; background:transparent url('http://www.gutelaunetv.de/common/border_dashed.gif') top left repeat-x; text-align:center;}
.leftItem a#facebook, .leftItem a#facebook:link, .leftItem a#facebook:visited {position:relative; display:inline-block; width:150px; height:44px; background:transparent url('http://www.gutelaunetv.de/common/facebook_sprite.gif') 0px 0px no-repeat;}
.leftItem a#facebook:hover, .leftItem a#facebook:active {background-position:0px -66px;}
/* --- MP3 WIDGET BOX --- */
.widgetBox {
  float:right;
  width:250px;
  height:250px;
  margin:10px 0 10px 20px;
}
/* --- Social Bookmarks --- */
.sbTop {
  position:relative;
  float:left;
  width:526px;
  margin:20px 0 0 0;
  padding:6px 0 0 0;
  background:transparent url('http://www.gutelaunetv.de/common/SB_HG_sprite.gif') 0px 0px no-repeat;
  clear:both;
}
.sbBtm {
  position:relative;
  float:left;
  width:510px;
  margin:0;
  padding:0 0 6px 0;
  background:transparent url('http://www.gutelaunetv.de/common/SB_HG_sprite.gif') -540px bottom no-repeat;
}
.sbMid {
  position:relative;
  float:left;
  width:499px;
  margin:0;
  border-left:3px solid #EBEBEB;
  border-right:3px solid #EBEBEB;
  padding:2px 0px 2px 5px;
  background:transparent url('http://www.gutelaunetv.de/common/gray_dot.gif') 272px top repeat-y;
}
.sbLeft {
  position:relative;
  float:left;
  width:250px;
  padding:6px;
}
.sbRight {
  position:relative;
  float:left;
  width:222px;
  margin:0;
  padding:0 0 0 13px;
}
.sbRight ul {
  position:relative;
  float:left;
  margin:0;
  padding:0;
  list-style:none;
}
.sbRight li {
  position:relative;
  float:left;
  width:16px;
  height:16px;
  margin:0;
  padding:6px 4px;
  list-style:none;
}
.sbRight li a, .sbRight li a:link, .sbRight li a:visited {
  position:relative;
  float:left;
  width:16px;
  height:16px;
  background-image:url('http://www.gutelaunetv.de/common/social_sprite.gif');
  background-repeat:no-repeat;
}

.sbRight li a.twitter, .sbRight li a.twitter:link, .sbRight li a.twitter:visited {background-position:-32px -96px;}
.sbRight li a.facebook, .sbRight li a.facebook:link, .sbRight li a.facebook:visited {background-position:-96px 0px;}
.sbRight li a.myspace, .sbRight li a.myspace:link, .sbRight li a.myspace:visited {background-position:0px -64px;}
.sbRight li a.delicious, .sbRight li a.delicious:link, .sbRight li a.delicious:visited {background-position:0px 0px;}
.sbRight li a.digg, .sbRight li a.digg:link, .sbRight li a.digg:visited {background-position:-32px 0px;}
.sbRight li a.folkd, .sbRight li a.folkd:link, .sbRight li a.folkd:visited {background-position:-128px 0px;}
.sbRight li a.google, .sbRight li a.google:link, .sbRight li a.google:visited {background-position:0px -32px;}
.sbRight li a.kledy, .sbRight li a.kledy:link, .sbRight li a.kledy:visited {background-position:-32px -32px;}
.sbRight li a.linkarena, .sbRight li a.linkarena:link, .sbRight li a.linkarena:visited {background-position:-96px -32px;}
.sbRight li a.wong, .sbRight li a.wong:link, .sbRight li a.wong:visited {background-position:-128px -32px;}
.sbRight li a.newsvine, .sbRight li a.newsvine:link, .sbRight li a.newsvine:visited {background-position:-32px -64px;}
.sbRight li a.oneview, .sbRight li a.oneview:link, .sbRight li a.oneview:visited {background-position:-64px -64px;}
.sbRight li a.reddit, .sbRight li a.reddit:link, .sbRight li a.reddit:visited {background-position:-96px -64px;}
.sbRight li a.stumbleupon, .sbRight li a.stumbleupon:link, .sbRight li a.stumbleupon:visited {background-position:0px -96px;}
.sbRight li a.microsoft, .sbRight li a.microsoft:link, .sbRight li a.microsoft:visited {background-position:-64px -96px;}
.sbRight li a.yahoo, .sbRight li a.yahoo:link, .sbRight li a.yahoo:visited {background-position:-96px -96px;}
.sbRight li a.yigg, .sbRight li a.yigg:link, .sbRight li a.yigg:visited {background-position:-128px -96px;}
.sbRight li a.email, .sbRight li a.email:link, .sbRight li a.email:visited {background-position:-64px 0px;}

.sbRight li a span, .sbRight li a:link span, .sbRight li a:visited span {
  visibility:hidden;
}
/* --- Adventskalender --- */
#special {
  float:left;
  width:250px;
  padding:5px 11px 20px 12px;
  background:transparent url('http://www.gutelaunetv.de/common/border_dashed.gif') top left repeat-x;
  text-align:center;
}
#special p {
  padding:13px 0;
  color:#AD39AB;
  font-size:13px;
  line-height:18px;
  font-weight:bold;
  text-decoration:none;
  text-align:center;
}

.aCal {
  position:relative;
  float:left;
  width:250px;
  height:214px;
  padding:5px 0 0 0;
}
.aCal a.door, .aCal a.door:link, .aCal a.door:visited {
  position:absolute;
  top:0;
  left:0;
  width:250px;
  height:214px;
  text-decoration:none;
  z-index:5;
}
.aCal a.prize, .aCal a.prize:link, .aCal a.prize:visited {
  position:absolute;
  top:0;
  left:0;
  width:152px;
  height:124px;
  padding:33px 50px 57px 48px;
  text-align:center;
  z-index:3;
}
.aCal a.blue, .aCal a.blue:link, .aCal a.blue:visited {
  background:transparent url(http://www.gutelaunetv.de/common/adventskalender/frame_blue.jpg) top right no-repeat;
}
.aCal a.green, .aCal a.green:link, .aCal a.green:visited {
  background:transparent url(http://www.gutelaunetv.de/common/adventskalender/frame_green.jpg) top right no-repeat;
}
.aCal a.pink, .aCal a.pink:link, .aCal a.pink:visited {
  background:transparent url(http://www.gutelaunetv.de/common/adventskalender/frame_pink.jpg) top right no-repeat;
}
.aCal a.purple, .aCal a.purple:link, .aCal a.purple:visited {
  background:transparent url(http://www.gutelaunetv.de/common/adventskalender/frame_purple.jpg) top right no-repeat;
}
.aCal a.red, .aCal a.red:link, .aCal a.red:visited {
  background:transparent url(http://www.gutelaunetv.de/common/adventskalender/frame_red.jpg) top right no-repeat;
}
.aCal a.yellow, .aCal a.yellow:link, .aCal a.yellow:visited {
  background:transparent url(http://www.gutelaunetv.de/common/adventskalender/frame_yellow.jpg) top right no-repeat;
}


.aCal a.prize span.spacer, .aCal a.prize:link span.spacer, .aCal a.prize:visited span.spacer {
  position:relative;
  display:inline-block;
  width:2px;
  height:124px;
  vertical-align:middle;
  text-decoration:none;
}
.aCal a.prize span.text, .aCal a.prize:link span.text, .aCal a.prize:visited span.text {
  position: relative;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  width:150px;
  padding:0 0 34px 0;
  font-size: 13px;
  line-height: 18px;
  color:#666666;
  font-weight:normal;
}
.aCal a.prize span.more, .aCal a.prize:link span.more, .aCal a.prize:visited span.more {
  position:absolute;
  bottom:53px;
  right:45px;
  width:100px;
  height:34px;
  z-index:4;
}
/* --- FAN HITEPARADE --- */
form.hitTab {
  position:relative;
  float:left;
  width:100%;
  margin:20px 0 0;
}
form.hitTab input {
  position:relative;
  float:left;
  width:auto;
  margin:0 5px 0 0;
  border:1px solid #EACBE9;
  padding:5px 10px;
  background:#FFFFFF url('http://www.gutelaunetv.de/common/hitparade_sprite.png') 0 -362px repeat-x;
  color:#666666;
  cursor:pointer;
}
form.hitTab input:hover {
  background-position:0 -416px;
  color:#4F4F4F;
}
form.hitTab input.active {
  border-bottom:0;
  padding-bottom:6px;
  background-position:0 -475px;
  color:#4F4F4F;
  font-weight:bold;
}

.hitparade {
  float:left;
  width: 504px;
  margin:-1px 0 10px 0;
  border:1px solid #EACBE9;
  padding:15px 10px 10px;
}
.hitparade .hitList {
  float:left;
  width: 100%;
}
.hitparade .hitList .hitparade {
  margin:0;
  border:0;
  padding:0;
}
#pollOverlay .hitparade {
  width:440px;
  margin:0;
  border:0;
  padding:10px;
  background:transparent;
}
.hitparade .hitList .hitparade h1 {
  font-size:14px;
  line-height:20px;
  padding:0 0 11px 0;
}
#pollOverlay .hitparade h1 {
  font-size:14px;
  line-height:20px;
  padding:0 0 11px 0;
}
#pollOverlay .hitparade div.review {
  float:left;
  width:440px;
  padding:15px 0;
}
.hitparade .tyText {
  margin:0 0 2px 0;
  padding:5px 0 15px;
  background:transparent url('http://www.gutelaunetv.de/common/border_dashed.gif') bottom left repeat-x;
}
#pollOverlay .tyText {
  padding:20px;
}
.hitparade div.review {
  float:left;
  width:100%;
  padding:15px 0;
}

.hitparade p.subTitle {
  font-weight:bold;
}

.hitparade .hitList .total {
  float:right;
  width:499px;
  padding:10px 5px 0 0;
  background:transparent url('http://www.gutelaunetv.de/common/border_dashed.gif') top left repeat-x;
  text-align:right;
}
.hitparade ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
.hitparade li {
  position:relative;
  float:left;
  width:100%;
  margin:0 0 2px;
  padding:0 0 10px;
  background:transparent url('http://www.gutelaunetv.de/common/border_dashed.gif') bottom left repeat-x;
  list-style-type:none;
}
.hitparade li:last-child {
  padding:0 0 3px;
  background:transparent;
}

.hitparade label {
   float:left;
   width:300px;
   height:auto;
   padding:20px 0 10px;
   cursor:pointer;
}
.hitparade span.order {
  float:left;
  width:20px;
  padding:0 5px 0 0;
  font-weight:bold;
  text-align:right;
}
.hitparade span.week {
  float:left;
  width:65px;
  padding:0 5px 0 0;
  font-size:11px;
}
.hitparade span.text {
   float:left;
   width:305px;
}
.hitparade .review span.text {
  width:100%;
}
#pollOverlay .hitparade span.text {
   width:100%;
}
.hitparade span.title {
  float:left;
  width:100%;
  margin-top:-2px;
  padding:0 0 5px 0;
  color:#AD39AB;
  font-size:13px;
  font-weight:bold;
}
.hitparade span.song {
  float:left;
  width:100%;
  padding:0 0 5px 0;
  color:#686868;
}
#pollOverlay .hitparade span.title, #pollOverlay .hitparade span.song,
.hitparade .review span.title, .hitparade .review span.song {
  text-align:center;
}
.hitparade li span.resVote {
  position:relative;
  float:right;
  width:95px;
}
.hitparade li a.myVote, .hitparade li a.myVote:link, .hitparade li a.myVote:visited {
  position:relative;
  float:right;
  width:36px;
  height:34px;
  margin:0 5px 0 0;
  padding:0;
  background:transparent url('http://www.gutelaunetv.de/common/hitparade_sprite.png') 0 0 no-repeat;
}
.hitparade li a.myVote:hover, .hitparade li a.myVote:active {
  background:transparent url('http://www.gutelaunetv.de/common/hitparade_sprite.png') 0 -52px no-repeat;
}
.hitparade li span.results {
  float:left;
  width:72px;
  height:18px;
  padding:24px 0 10px 21px;
  background:transparent url('http://www.gutelaunetv.de/common/hitparade_sprite.png') 0 -237px no-repeat;
  text-align:center;
  font-weight:bold;
  font-size:13px;
  line-height:18px;
}
.hitparade li span.results span.votes {
  float:left;
  width:39px;
  padding:0 3px 0 0;
  text-align:right;
}
.hitparade li span.results span.percent {
  float:left;
  width:30px;
  font-size:11px;
  font-weight:normal;
}
.hitparade .object {
   float:left;
   width:320px;
   height:25px;
}

.hitparade div.submit {
   float:left;
   width:516px;
   padding:10px 5px 0 5px;
   background: transparent url('http://www.gutelaunetv.de/common/border_dashed.gif') top left repeat-x;
}
.hitparade .hitList .hitparade div.submit {
  width:494px;
}
#pollOverlay .hitparade div.submit {
  width:440px;
  padding:13px 0 0 0;
}

.hitparade div.submit img {
  float:left;
  margin-top:5px;
}
.hitparade div.submit input {
   float:left;
   height:45px;
   width:129px;
   margin:10px 0 0;
   padding:0;
   background:transparent url('http://www.gutelaunetv.de/common/hitparade_sprite.png') 0 -106px no-repeat;
   color:#FFFFFF;
   font-size:0px;
   line-height:0px;
   cursor:pointer;
}
.hitparade div.submit input:hover {
   background:transparent url('http://www.gutelaunetv.de/common/hitparade_sprite.png') 0 -172px no-repeat;
}
div.hitparade input.cpt {
  float:left;
  width:100px;
  height:18px;
  margin:24px 20px 0;
  border:1px solid #CCCCCC;
  padding:3px;
  background:#FFFFFF;
  color:#666666;
  font-size:14px;
  line-height:18px;
  font-weight:normal;
  cursor:auto;
}
.hitparade div.submit input.cpt:hover {
   background:transparent;

/* --- Newsletter --- */
#newsletterHG {position:absolute; bottom: 25px; left:353px; width:487px; height:278px; background:transparent url('http://www.gutelaunetv.de/common/newsletter_abo_HG.png') bottom left no-repeat; z-index:500;}

/****************************************************/
/*    9.  ZMI Management Interface                  */
/****************************************************/

.cmsTxtColorStrong0 { color: #436976; }
.cmsTxtColorStrong1 { color: #666666; }
.cmsBgColorStrong0  { background-color: #8CABB9; }
.cmsBgColorStrong1  { background-color: #CCCCCC; }
.cmsBgColorMedium0  { background-color: #DDE6EC; }
.cmsBgColorLight0   { background-color: #FFFFFF; }
div.ZMSTable table th { background-color:#DDEFFC; }
div.ZMSTable table td { background-color:#EEEEEE; }

.zmiTableRowEven {background-color:#eee;}
.zmiTableRowOdd {background-color:#ccc;}

.form-submit { font-size:12px; }

body.zmi h1, body.zmi h2, body.zmi h3, body.zmi h4, 
body.zmi h5, body.zmi h6  {
  font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
  font-weight:bold;
  font-size:15px;
  line-height:20px;
} 
body.zmi p, body.zmi li, body.zmi blockquote  {
  font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
  font-size:12px;
  line-height:17px;
} 
body.zmi a, body.zmi a:link, body.zmi a:visited  {
  font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
}


/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- [WAI] Misc
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */

span.highlight { 
  background-color:#aaa;
  color:#aaa;
  font-weight: bold;
  border:none; 
}





#shadowbox_container, #shadowbox_overlay {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
#shadowbox_container {
  position: fixed;
  display: block;
  visibility: hidden;
  z-index: 999;
  text-align: center; /* centers #shadowbox in quirks and IE */
}
#shadowbox_overlay {
  position: absolute;
  background-image: url(http://www.gutelaunetv.de/mediamanager_files/images/mm_shadowbox.overlay.png);
  background-repeat: repeat;
}

/*_______________________________________________________________  shadowbox  */
#shadowbox {
  position: relative;
  margin: 0 auto;
  text-align: left; /* reset left alignment */
}

/*____________________________________________________________________  body  */
#shadowbox_body {
  position: relative;
  margin: 0;
  padding: 0;
  border: 1px solid #fff;
  overflow: hidden;
}
#shadowbox_body_inner {
  position: relative;
  height: 100%;
}
#shadowbox_content.html {
  height: 100%;
  overflow: auto; /* make html content scrollable */
}

/*_________________________________________________________________  loading  */
#shadowbox_loading {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
#shadowbox_body, #shadowbox_loading {
  background-color: #060606; /* should match loading image background color */
}
#shadowbox_loading_indicator {
  float: left;
  margin: 10px 10px 0 10px;
  height: 32px;
  width: 32px;
  background-image: url(http://www.gutelaunetv.de/mediamanager_files/images/mm_shadowbox.loading.gif);
  background-repeat: no-repeat;
}
#shadowbox_loading span {
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  font-size: 10px;
  float: left;
  margin-top: 16px;
}
#shadowbox_loading span a:link,
#shadowbox_loading span a:visited {
  color: #fff;
  text-decoration: underline;
}

/*____________________________________________________________  title & info  */
#shadowbox_title, #shadowbox_info {
  position: relative;
  margin: 0; /* these must have no vertical margin or padding */
  padding: 0;
  overflow: hidden;
}
#shadowbox_title_inner, #shadowbox_info_inner {
  position: relative;
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  line-height: 16px;
}
#shadowbox_title {
  height: 26px;
}
#shadowbox_title_inner {
  font-size: 16px;
  padding: 5px 0;
  color: #fff;
}
#shadowbox_info {
  height: 20px;
}
#shadowbox_info_inner {
  font-size: 12px;
  color: #fff;
}

/*_____________________________________________________________________  nav  */
#shadowbox_nav {
  float: right;
  height: 16px;
  padding: 2px 0;
  width: 45%;
}
#shadowbox_nav a {
  display: block;
  float: right;
  height: 16px;
  width: 16px;
  margin-left: 3px;
  cursor: pointer;
}
#shadowbox_nav_close {
  background-image: url(http://www.gutelaunetv.de/mediamanager_files/images/mm_shadowbox.shadowbox-close.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_next {
  background-image: url(http://www.gutelaunetv.de/mediamanager_files/images/mm_shadowbox.shadowbox-next.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_previous {
  background-image: url(http://www.gutelaunetv.de/mediamanager_files/images/mm_shadowbox.shadowbox-previous.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_play {
  background-image: url(http://www.gutelaunetv.de/mediamanager_files/images/mm_shadowbox.shadowbox-play.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_pause {
  background-image: url(http://www.gutelaunetv.de/mediamanager_files/images/mm_shadowbox.shadowbox-pause.png);
  background-repeat: no-repeat;
}

/*_________________________________________________________________  counter  */
#shadowbox_counter {
  float: left;
  padding: 2px 0;
  width: 45%;
}
#shadowbox_counter a {
  padding: 0 4px 0 0;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}
#shadowbox_counter a.shadowbox_counter_current {
  text-decoration: underline;
}

/*___________________________________________________________________  clear  */
div.shadowbox_clear {
  clear: both; /* clear floating counter & nav */
}

/*________________________________________________________________  messages  */
div.shadowbox_message {
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  font-size: 12px;
  padding: 10px;
  text-align: center;
}
div.shadowbox_message a:link,
div.shadowbox_message a:visited {
  color: #fff;
  text-decoration: underline;
}

/*________________________________________________________________  Alignment  */

.lightboximage {
	display:block;
}
div.lightboximage {
	position:relative;
}

/*________________________________________________________________  Border color  */


.bordercolor1{
	border: 1px solid black;
}

.bordercolor2{
	border: 1px solid #900;
}

.bordercolor3{
	border: 1px solid #666;
}

.content-box p{
    display: inline;
}

/* CSS for lightbox galleries */

div.lightboxgallery{
    margin: 1em 0 0 0;
}


div.lightboxgallery img{
	margin-right:10px;
	margin-bottom:10px;
}

div.lightboxgallery a{
	display: block;
	float: left;
}

div.lightboxgallery a img:hover {
	background: #b8b8b8;
}

div.lightboxgallery a img{
	display: inline;
	padding:5px;
	border:1px solid #A9A9A9;
}

div.lightboxgallery a.nextrow{
	clear: left;
}

br.gallerybreaker{
	clear: both;
}

/* Mediaplayer CSS */

ul.playlist{
    list-style: none;
    display: block;
    color: black;
    font-size: 1.2em;
    padding: 0;
    margin: 0 0 0.5em 0;
}

#content div.align1{
	float: left;
	margin: 0 2em 1em 0;
}

#content div.align2{
	float: none;
	clear: both;
	margin: 0 0 1em 0em;
}

#content div.align3{
	float: right;
	clear: left;
	margin: 0 0 1em 2em;
}

#content div.align4{
	float: right;
	clear: both;
	margin: 0 0 1em 2em;
}

#content div.align5{
	float: none;
	text-align: center;
	clear: both;
}

#content a.slideshowlink{
	display: block;
	clear: right;
	float: none;
	margin: 0 0 1em 0;
	padding: 0 0 0 1.8em;
	line-height: 2em;
	background: url('http://www.gutelaunetv.de/mediamanager_files/images/slides-stack.png') no-repeat left; 
}
/* --- SCROLLABLE --- */
#player .scrollable, #player .tabs {
	/* required settings */
  position:relative;
  float:left;
  overflow-x:scroll;
  overflow-y:hidden;
  width: 213px;
  height:45px;
}
#player .scrollable .items {
  width:20000em;
  position:absolute;
}
/* link inside the tab. uses a background image */
#player .tabs a, #player .tabs a:link, #player .tabs a:visited { 
  position:relative;
  float:left;
  width: 37px;
  height: 28px;  
  padding:0 7px 0 0;
}
#player .tabs a span, #player .tabs a:link span, #player .tabs a:visited span {
  display:block;
  width: 35px;
  height: 26px; 
  border:1px solid #333;
  cursor:pointer;
}
#player .tabs a.current span, #player .tabs a.current:link span, #player .tabs a.current:visited span {
  border:1px solid #AB27AA;
}
#player .tabs a:hover span, #player .tabs a:active span {
  border:1px solid #FF9400;
}
/* initially all panes are hidden */ 
#player .panes {
  position:relative;
  width:250px;
  height:187px;
  padding:0 0 8px 0;		
}
#player .panes a, #player .panes a:link, #player .panes a:visited {
  position:absolute;
  display:none;
  top:0;
  left:0;
  width:250px;
  height:187px;
}
#player .panes a span.text, #player .panes a:link span.text, #player .panes a:visited span.text {
  position:absolute;
  bottom:0;
  left:0;
  width:234px;
  padding:5px 8px;
  background:transparent url("http://www.gutelaunetv.de/common/css/common/pixel_white_80.png") top left repeat;
  text-align:left;
  cursor:pointer;
}
* html #player .panes a span.text, * html #player .panes a:link span.text, * html #player .panes a:visited span.text {
  background:transparent;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://www.gutelaunetv.de/common/css/common/pixel_white_80.png', sizingMethod='scale');
}
#player .panes a span.title, #player .panes a:link span.title, #player .panes a:visited span.title {
  position:relative;
  display:block;
  width:100%;
  background:transparent;
  font-weight:bold;
  font-size:11px;
  color:#333;
  cursor:pointer;
}
#player .panes a span.desc, #player .panes a:link span.desc, #player .panes a:visited span.desc {
  position:relative;
  display:block;
  width:100%;
  background:transparent;
  font-size:11px;
  color:#333;
  cursor:pointer;
}
#player .panes a span.play, #player .panes a:link span.play, #player .panes a:visited span.play {
  position:absolute;
  top:0;
  left:0;
  width:250px;
  height:187px;
  background:transparent url("http://www.gutelaunetv.de/common/css/common/play_startteaser.png") top left no-repeat;
  cursor:pointer;
}
* html #player .panes a span.play, * html #player .panes a:link span.play, * html #player .panes a:visited span.play {
  background:transparent;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://www.gutelaunetv.de/common/css/common/play_startteaser.png', sizingMethod='crop');
}
#player a.prev, #player a.prev:link, #player a.prev:visited {
  float:left;
  width:12px;
  height:22px;
  padding:4px 7px 0 0;
  background:transparent url("http://www.gutelaunetv.de/common/css/common/arrow_slider_sprite.png") 0 4px no-repeat;
}
#player a.prev:hover, #player a.prev:active {
  background:transparent url("http://www.gutelaunetv.de/common/css/common/arrow_slider_sprite.png") 0 -60px no-repeat;
}
#player a.prev.disabled, #player a.prev.disabled:link, #player a.prev.disabled:visited {
  background:transparent url("http://www.gutelaunetv.de/common/css/common/arrow_slider_sprite.png") 0 -124px no-repeat;
}
* html #player a#playerPrev.disabled, * html #player a#playerPrev.disabled:link, * html #player a.#playerPrev.disabled:visited {
  background:transparent url("http://www.gutelaunetv.de/common/css/common/arrow_slider_sprite.png") 0 -124px no-repeat;
}
#player a.next, #player a.next:link, #player a.next:visited {
  float:left;
  width:12px;
  height:22px;
  padding:4px 6px 0 0;
  background:transparent url("http://www.gutelaunetv.de/common/css/common/arrow_slider_sprite.png") -62px 4px no-repeat;
}
#player a.next:hover, #player a.next:active {
  background:transparent url("http://www.gutelaunetv.de/common/css/common/arrow_slider_sprite.png") -62px -60px no-repeat;
}
#player a.next.disabled, #player a.next.disabled:link, #player a.next.disabled:visited {
  background:transparent url("http://www.gutelaunetv.de/common/css/common/arrow_slider_sprite.png") -62px -124px no-repeat;
}
* html #player a#playerNext.disabled, * html #player a#playerNext.disabled:link, * html #player a#playerNext.disabled:visited {
  background:transparent url("http://www.gutelaunetv.de/common/css/common/arrow_slider_sprite.png") -62px -124px no-repeat;
}

/* --- DATEPICKER --- */
/* calendar root element */
#calroot {
  display:none;
  width:224px;
  margin:0;
  border:1px solid #DDDDDD;
  -moz-border-radius:4px;
  padding:3px 3px 1px 2px; 
  background-color:#EEEEEE;
  font-family:"Lucida Grande",Helvetica,Arial,Verdana;
  z-index:100;
}

/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead {
  position:relative;
  display:block;
  float:left;	
  width:222px;
  border:1px solid #E78F08;
  -moz-border-radius:4px;
  padding:2px 0;
  background:#F6A828 url("http://www.gutelaunetv.de/common/css/common/datepicker/header_hg.png") 50% 50% repeat-x;
  color:#FFFFFF;
  font-weight:bold;
} 

#caltitle {
  float:left;
  width:178px;
  padding:2px 0 0 0;
  font-size:14px;
  color:#FFFFFF;
  text-align:center;
  line-height:20px;
}
#calnext, #calprev {
  display:block;
  width:16px;
  height:16px;
  margin:4px 0 5px 6px;
  border:0;
  padding:0;
  background-image:url(http://www.gutelaunetv.de/common/css/common/datepicker/icons_white.png);
  background-repeat:no-repeat;
  background-position: -80px -192px;
  background-color:transparent;
  float:left;
  cursor:pointer;
}

#calnext {
  float:right;
  margin:4px 6px 5px 0;
  background-position: -48px -192px;
}

#calprev.caldisabled {
  opacity:0.35;
  background-color:transparent;
}
#calnext.caldisabled {
  opacity:0.35;
  background-color:transparent;
}
#calbody {
  float:left;
  width:100%;
  background:transparent;
}

/* names of the days */
#caldays {
  float:left;
  width:100%;
  text-align:center;
}

#caldays span {
  display:block;
  float:left;
  width:31px;
  padding:8px 0 8px 1px;
  text-align:center;
  font-size:11px;
  color:#333333;
}

/* container for weeks */
#calweeks {
  float:left;
}

/* single week */
.calweek {
  clear:left;
  height:22px;
}

/* single day */
.calweek a {
  display:block;
  float:left;
  width:29px;
  height:18px;
  text-decoration:none;
  font-size:11px;
  margin-left:1px;
  border:1px solid #CCCCCC;
  background-color:#F9F9F9;
  text-align:center;
  line-height:20px;
  color:#EF8C08;
  -moz-border-radius:3px;
  -webkit-border-radius:3px; 		
} 

/* different states */
.calweek a:hover, .calfocus {
  background-color:#E7E7E7;
}

/* offmonth day */
a.caloff {
  color:#CCCCCC;		
}

a.caloff:hover {
  background-color:#F2F2F2;	
}

/* unselecteble day */
a.caldisabled {
  background-color:#F1F1F1;
  border:1px solid #E1E1E1;
  color:#F0CEA0;
  cursor:default;
}
/* today's date */
#today {
  border:1px solid #EF8C08;
  background-color:#F0CEA0;
  color:#FFFFFF;
}
/* current date */
#calcurrent {
  border:1px solid #FED22F;
  background-color:#FFF0A5;
  color:#333333;
}


.timer {
  float:left;
  width:515px;
  height:107px;
  padding:0 0 0 9px;
  background: #FFFFFF url(http://www.gutelaunetv.de/common/css/common/timer_bg.png) 9px 0 no-repeat;
  text-align:center;
}
#dateWrapper {
  position:relative;
  float:left;
  width:370px;
  height:40px;
  padding:17px 0 4px 0;
  text-align:center;
}
#programDate {
  position:relative;
  float:left;
  width:350px;
  padding:0 20px 0 0;
}
/* date input */
#programDate .date {		
  float:left;
  display:block;
  width:330px;
  height:25px;
  border:0;
  padding:9px 10px 10px;
  background-color:transparent;
  color:#666;
  font-size:20px;
  font-weight:bold;
  line-height:25px;
  cursor:pointer;
  text-align:center;
}

/* date input trigger element */
.caltrigger {
  position:absolute;
  top:14px;
  right:10px;
  width:16px;
  height:16px;
  background:url(http://www.gutelaunetv.de/common/css/common/datepicker/calendar.png) top left no-repeat;
}
.timerNavL {
  position:relative;
  float:left;
  width:70px;
  height:25px;
  padding:31px 0 5px 0;
  text-align:right;
}
.timerNavR {
  position:relative;
  float:left;
  width:70px;
  height:25px;
  padding:31px 0 5px 0;
  text-align:left;
}
.timerHead {
  display:block;
  float:left;
  width:483px;
  height:33px;
  padding:0 0 0 13px;
  text-align:center;
}
/* today */
#caltoday {
	background-color:#999;
	color:#fff;
}
/* --- TABS --- */
ul.tabs { 
  float:left;
  width:425px;
  margin:0;
  padding:0 0 0 58px;
  text-align:center;
}
ul.tabs li {
  display:inline;
  float:left;
  width:auto;
  height:24px;
  padding:5px;
  margin:0;
}
ul.tabs li a, ul.tabs li a:link, ul.tabs li a:visited  {
  display:inline-block;
  width:41px;
  text-decoration:none;
  color:#5C5C5C;
  font-weight:bold;
  padding:5px 15px 5px 20px;
}
ul.tabs li a.current, ul.tabs li a.current:link, ul.tabs li a.current:visited {
  color:#5C5C5C;
  text-decoration:underline;
}
ul.tabs li span {
  font-weight:bold;
}
/* --- OVERLAY --- */
.overlay {
  display:none;
  width:800px;
  height:456px;	
  padding:10px;
  font-size:11px;
  background:#FFB900;
  color:#333333;
  border-radius: 10px;
  -moz-box-shadow:0 0 90px 5px #4C2000;
  -webkit-box-shadow: 0 0 90px #4C2000;	
}
#pollOverlay {
  display:none;
  width:460px;
  height:220px;	
  padding:10px;
  font-size:12px;
  background:#FFB900;
  color:#333333;
  border-radius: 10px;
  -moz-box-shadow:0 0 90px 5px #4C2000;
  -webkit-box-shadow: 0 0 90px #4C2000;	
}
.overlay .close, #pollOverlay .close {
  display:none;
  position:absolute;
  right:-15px;
  top:-15px;
  width:36px;
  height:36px;
  background:transparent url(http://www.gutelaunetv.de/common/css/common/close.png) no-repeat;
  cursor:pointer;
  z-index:10000;
}
#pollOverlay .close {
  display:block;
}
.overlay .contentTitle {
  position:relative;
  width:100%;
  height:18px;
  padding:0 0 5px 0;
  font-size:13px;
  overflow:hidden;
}
div.contentWrap {
  position:relative;
  float:left;
  width:100%;
  height:456px;
  overflow:hidden;
}
#pollOverlay div.contentWrap {
  height:220px;
  background:#FFFFFF;
}
.contentWrap .loader {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:220px;
  background:#FFFFFF url('http://www.gutelaunetv.de/common/css/common/ajax-loader.gif') center no-repeat;
  opacity:0.8;
  text-align:center;
}