/* --------------------------------------- */
/* --------------------------------------- */
/* gutenberg.tv */
/* --------------------------------------- */
/* (c) rocharte */
/* --------------------------------------- */


/* --------------------------------------- */
/* tageszeit */

.tageszeit {
	position: relative;
	top: 0px;
	left:0px;
	   
	width: 500px;
	height: auto;
	   
	padding: 0px;
	margin: 0px 0 1px 0;
	   
	background:transparent;
	
	font-size:0.9em;
	
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px; 
}

.tageszeit .caption {
	position: relative;
	top: 0px;
	left:0px;
	   
	width: 500px;
	height: 50px;
	   
	padding: 0px;
	margin: 0px 0 1px 0;
	   
	background:transparent;
	border-bottom:2px solid #aaa;
	font-weight:800;
	
	box-shadow:0px 3px 3px #8c979a; 
	-webkit-box-shadow:0px 3px 3px #8c979a; 
	-moz-box-shadow:0px 3px 3px  #8c979a; 
	
	border-top:1px solid #fff;
}

.tageszeit#nachtprogramm .caption  {
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px; 
	
	border-top:2px solid #fff;
}

.tageszeit#abendprogramm .caption {
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-bottomleft: 7px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px; 
}


.tageszeit .caption h3 {
	font-size:1.4em;
	color:#0e6eba;
	text-shadow:1px 1px 1px #fff;
	color:#264e6d;
	padding-top:10px;
}
	


.sendung .zeit {
	position: relative;
	top: 0px;
	left:0px;
	   
	width: 79px;
	height: 42px;
	   
	padding: 8px 0 0 0 ;
	margin: 0;
	   
	text-align:center;
	line-height:0.7em;
	
	float:left;
	
	border-right:1px solid #b8b8b8;
	text-shadow:1px 1px 1px #fff;
}

 .sendung .zeit {
	padding:18px 0 0 0;
	height:32px;
}

.sendung .titel {
	position: relative;
	top: 0px;
	left:0px;
	   
	width: 380px;
	height: 42px;
	   
	padding: 8px 0 0 10px ;
	margin: 0;
	   
	
	line-height:1em;
	float:right;
}

.sendung .titel span {
	font-weight:800;
	color:#0e6eba;
	text-shadow:1px 1px 1px #fff;
	letter-spacing:0.02em;
	line-height:1.2em;
}

.sendung .titel em {
	font-style:italic;
	color:#444;
	font-weight:400;
	font-size:0.8em;
}

.sendung .caption .pfeil {
	background:url("../pfeil_open.png") no-repeat scroll 0 0 transparent;
	height:22px;
	position:absolute;
	right:10px;
	top:17px;
	width:22px;
}

/* --------------------------------------- */
/* sendungen */

.sendungen {
	position:relative;
	top:11px;
	left:0;
	
	width:512px;
	height:320px;

	
	z-index:200;
	
}

.sendung {
	position:relative;
	top:0;
	left:0;
	
	width:470px;
	height:auto;
	
	margin: 0 0 1px 0;
	padding: 0 ;
	border-bottom:1px dotted #fff;
	background:#e4e4e4;
}

.sendungactive {
	background-color:#dac9aa !important;
	
}
 
.sendung .head {
	position:relative;
	top:0;
	left:0;
	
	width:470px;
	height:50px;

	clear:both;
}


.sendung .head .pfeil {
	background:url("../pfeil_small_open.png") no-repeat scroll 0 0 transparent;
	height:22px;
	position:absolute;
	right:10px;
	top:12px;
	width:22px;
}

.sendung .informationen {
	position:relative;
	top:0;
	left:79px;
	
	width:390px;
	height:auto;
	
	margin: 0 ;
	padding: 0 0 12px 10px;

	text-align:justify;
	color:#333;	
	
	border-left:1px dotted #bbb;
	display:none;
}

.sendung .informationen p {
	line-height:1.7em;
	font-size:0.8em;
	margin: 0 ;
	padding: 0 ;
	width:350px;
}

.zebra {
	background:#d7dbde;
}


/* --------------------------------------- */
/* skinning tageszeiten */

#nachtprogramm {
	background:#d7dbde;
}

#nachtprogramm .caption {
	background: -webkit-gradient(linear, left top, left bottom, from(#f0f5f8), to(#d7dbde));
	background: -moz-linear-gradient(top, #f0f5f8, #d7dbde);
}

#morgenprogramm {
	background:#f7c9a1;
}

#morgenprogramm .caption {
	background: -webkit-gradient(linear, left top, left bottom, from(#f1c7a2), to(#f7c9a1));
	background: -moz-linear-gradient(top, #f1c7a2, #f7c9a1);
}


#vormittagsprogramm {
	background:#c5dac7;
}

#vormittagsprogramm .caption {
	background: -webkit-gradient(linear, left top, left bottom, from(#dcf3de), to(#c5dac7));
	background: -moz-linear-gradient(top,#dcf3de,  #c5dac7);
}

#nachmittagsprogramm {
	background:#e2dac3;
}

#nachmittagsprogramm .caption {
	background: -webkit-gradient(linear, left top, left bottom, from(#f7eed5), to(#e2dac3));
	background: -moz-linear-gradient(top,#f7eed5,#e2dac3 );
}

#abendprogramm {
	background:#bdcfdd;
}

#abendprogramm .caption {
	background: -webkit-gradient(linear, left top, left bottom, from(#d3e7f6), to(#bdcfdd));
	background: -moz-linear-gradient(top, #d3e7f6,#bdcfdd );
}

#aktuellesendung {
	position:absolute;
	top:12px;
	left:-10px;
	
	width:27px;
	height:26px;
	
	margin:0;
	padding:0;

	background:0 0 transparent no-repeat url(../pfeil.png);
	z-index:40;
	
}

#kalender {
	position:absolute;
	left:45px;
	top:657px;

	width:190px;
	height:86px;

	z-index:9;
	padding-top:10px;
}

#datepicker {
	font-size:0.6em;
}