@charset "UTF-8";


/****************************** 

Autor: Kathrin Furtlehner 

Company: Inostudio 

Date: 26.05.2011 

******************************/ 

/*  

COLORS  

orange #fa7d19 

*/ 

 

#content { 

	width: 1084px; 

	margin: 0 auto; 

	color: #333333; 

	font-size: 12px; 

	line-height: 16px; 

	position: relative;

                  padding-top: 15px; 

} 

 

.zdf_info #header { 

	margin-bottom: 0px;	 

} 

 

a { 

	color: #333333;	 

} 

 

 

 

/* CURRENT LOGO */ 

#curr-logo { 

	width: 268px; 

	height: 74px; 

	margin-right: 4px; 

	float: left; 

	position: relative;  

	margin-bottom: 4px;	 

} 

 

#curr-logo img { 

	position: absolute; 

	right: 0px; 

	bottom: 0px; 

	margin: 0px; 

} 

 

 

/* NAVIGATION */  

#theme-nav-cont { 

	left: 0px; 

	top: 0px;	 

	width: 812px; 

	overflow: hidden; 

} 

 

#nav-cont { 

	width: 812px; 

	position: relative; 

	overflow: hidden; 

} 

 

#theme-nav { 

	font-size: 20px; 

	line-height: 20px; 

	color: #ffffff; 

	padding-bottom: 6px; 

	display: block; 

	position: relative; 

	float: left; 

	height: 68px; 

	margin-bottom: 4px; 

	position: relative; 

	width: 2000px; 

} 

 

 

#theme-nav ul { 

	margin: 0; 	 

	position: absolute; 

	bottom: 6px; 

	left: 0px; 

	border-bottom: 2px solid #fff; 

} 

 

 

#theme-nav li { 

	list-style-type: none !important;	 

	float: left; 

	margin: 0 40px 0 0 !important; 

	display: inline; 

	position: relative; 

	top: 6px; 

	padding-bottom: 6px; 

} 

	#theme-nav li a { 

		text-decoration: none; 

		color: #fff; 

		font-weight: normal; 

	} 

	 

	#theme-nav li a:hover, 

	#theme-nav li a:focus { 

		color: #fa7d19; 

	} 

 

	#theme-nav li.active a { 

		color: #fa7d19; 

		font-weight: bold; 

	} 

	 

	#theme-nav li.active { 

		border-bottom: 4px solid #fa7d19; 

	} 

	 

	 

	 

 

 

 

 

 

 

 

 

 

 

/* BEGIN MULTIMEDIA ELEMENTS*/ 

.multimedia { 

	width: 804px; 

	height: 292px; 

	font-size: 14px; 

	line-height: 18px; 

	float: left; 

	padding: 8px 8px 8px 78px; 

	position: relative; 

                  left: -78px;

	margin-bottom: 4px; 

	overflow: hidden; /*js: hidden*/ 

} 

 

	.multimedia.large { 

		width: 1072px; /* width: 1076px; */ 

		height: 456px; 

		padding-right: 8px; 

	} 

 

	.multimedia .image { 

		width: 404px; 

		-float: left; -

		line-height: 0; 

		 

		position: relative;/*js: position: absolute; */ 

	} 

		.multimedia.large .image { 

			width: 672px; 

		} 

	 

		.multimedia .image .description { 

			font-size: 12px; 

			line-height: 15px; 

			height: 60px; 

			overflow: hidden; 

			padding-top:4px; 

		} 

		 

		.multimedia .image .origin { 

			font-size: 10px; 

		} 

	 

	.multimedia .contents { 

		width: 405px; 

		/* float: left; */

		margin-bottom: 1px; 

		position: absolute; 

		z-index: 1; 

                                    top: 8px;

		right: 8px; 

	} 

		 

		.multimedia .contents ul { 

			list-style-type: none !important; 

		} 

		 

		.multimedia li { 

			background-image: url(/ZDF/zdfportal/blob/738/16/data.png); 

			background-color: transparent; 

			background-position: bottom right; 

			background-repeat: no-repeat; 

			list-style-type: none !important; 

			margin-left: 0px !important; 

			padding: 0 0 8px 0px; 

			min-height: 14px; 

			position: relative; 

			margin-bottom: 1px !important; 

			height: 290px; /*js: 0*/ 

			padding-left: 27px; /*js: 17px*/ 

		} 

		.multimedia.large li { height: 438px; } 

		 

		.multimedia li .label { 

			background-image: url(/ZDF/zdfportal/blob/740/16/data.png); 

			background-repeat: no-repeat; 

			width: 9px; 

			height: 100%; 

			position: absolute; 

			top: 0px; 

			left: 0px; 

			display: none; /*js: show*/ 

		} 

		 

		.multimedia li p { 

			margin-bottom: 0px !important; 

		} 

		 

		.multimedia .labelcontainer { 

			float: left; 

			margin-top: 2px; 

		} 

		 

			.multimedia li.active .labelcontainer { 

				float: none; 

				margin-bottom: 6px; 

				margin-left: 0px; 

			} 

			 

		.multimedia li.active h1 { 

			font-size: 24px; 

			line-height: 24px; 

			padding-top: 0px; 

			margin-bottom: 4px; 

		} 

		  .multimedia li.active h2 { 

   font-size: 20px; 

   line-height: 20px; 

   padding-top: 0px; 

   margin-bottom: 4px; 
   
   font-weight: bold;

  } 

		 .multimedia li h1 a,
  
  .multimedia li h2 a { 

			text-decoration: none; 

			cursor: default; 

 color:#333333;

		} 

		 .multimedia li h1 a, .multimedia li h2 a {
    text-decoration: none;
    cursor: default;
    color: #333333;
    outline: none;
}

		.multimedia li.active .video { 

			margin-bottom: 8px; 

		} 

		 

		.multimedia li.inactive { 

			padding-top: 8px !important; 

		} 

		 

		.multimedia li.inactive a:hover, 

		.multimedia li.inactive a:focus { 

			color: #fa7d19; 

			cursor: pointer; 

		} 

		 

		 

		.multimedia li.inactive .label { 

			background-image: url(/ZDF/zdfportal/blob/742/16/data.png); 

		} 

		 

		.multimedia li.inactive h1 { 

			font-size: 14px; 

			line-height: 14px; 

			font-weight: bold; 

			float: left; 

margin-right: 5px;

		} 

 .multimedia li.inactive h2 { 
  
   display: none;
  
  }

		 

		.multimedia li.inactive p,.multimedia li.inactive h2{ 

			display: none; 

		} 

.multimedia h2{
   font-size:20px;
   font-weight: bold;
   margin-bottom:8px;
  }
  .multimedia p a{
   text-decoration: none;
   color: #FA7D19;
   font-weight: bold;

   cursor: pointer;
  }


		.multimedia li.inactive .video { 

			float: left;  

			margin-left: 4px; 

		} 

	 

	.multimedia img { 

		margin-bottom: 0px !important; 

	} 

	 

/* END MULTIMEDIA ELEMENTS*/ 

 

 .ContainerModul2x1 {width: 252px; height: 77px;}
.ContainerModul3x2 {width: 378px; height: 154px;}

.ContainerModul3x3 {width: 404px; height: 231px;}
.ContainerModul4x3 {width: 504px; height: 231px;}
.ContainerModul5x4 {width: 630px; height: 308px;}
.ContainerModul6x5 {width: 756px; height: 385px;}

.ContainerModul6x6 {width: 756px; height: 462px;}
.ContainerModul7x6 {width: 882px; height: 462px;}
.ContainerModul8x7 {width: 1008px; height: 539px;}
.ContainerModul8x8 {width: 1008px; height: 616px;}

 

/* KICKER = Dachzeile für sbtext, urls */

.kicker { 

 font-size: 11px; 
 
 position: relative;
 
 line-height: 15px;
 
 height: 16px;

}

.kicker span {     display: block;
    float: left;
    padding-right: 4px;
    white-space: nowrap; }

.kicker .cutoff {
     
    overflow: hidden;
    
    text-overflow: ellipsis;
    
    white-space: nowrap;

    display: block;
    
    float:left;
}

.kicker .nodate { display: inline-block; text-indent:-9999px; }

/* RASTER 2 breit */

.u2_3 .kicker .cutoff,

.txt2_1 .kicker .cutoff,

.txt2_2 .kicker .cutoff { max-width: 90px; }

/* Raster 3 breit */

.u3_3 .kicker .cutoff,

.u3_2 .kicker .cutoff { max-width: 220px; }

#article-marginal .urls .kicker .cutoff { max-width: 200px; }

/* Raster 3 breit mit Bild */

.u3_3 .fleft + div .kicker .cutoff,

.u3_2 .fleft + div .kicker .cutoff  { max-width: 150px; }

#article-marginal .urls .fleft + div .kicker .cutoff { max-width: 125px; }

.multimedia .kicker .cutoff,

.txt3_1 .kicker .cutoff,

.txt3_2 .kicker .cutoff,

.txt3_3 .kicker .cutoff,

.txt3_4 .kicker .cutoff { max-width: 200px; }

/* Raster 3 breit */

.txt4_1 .kicker .cutoff,

.txt4_2 .kicker .cutoff   { max-width: 340px; }

.kicker img { margin:0; line-height:0; padding:0; display:inline;}

.kicker .logo { margin-top: -1px; }

/* end KICKER */

 

/* TEXTTEASER */ 

.sbtext { 

	 padding: 12px 8px; 

	float: left; 

	line-height: 16px; 

	font-size: 12px; 

	line-height: 16px; 

	margin-right: 4px; 

	margin-bottom: 4px; 

} 

	.picteaser .sbtext { 

		margin-right: 0px; 

		margin-bottom: 0px; 

	} 

	 

	.sbtext a { 

		text-decoration: none; 

		color: #fa7d19; 

		font-weight: bold; 

	} 

		.sbtext a:hover, 

		.sbtext a:focus { 

		} 

	 

	.sbtext p { 

		margin-bottom: 0px !important; 

	} 

	 

	.sbtext h2 a, 

	.sbtext h2 { 

		font-weight: bold; 

		font-size: 14px; 

		line-height: 16px; 

		color: #333333; 

                                    text-decoration: none;

	} 

		.sbtext h2.multiline { 

			line-height: 18px; 

		} 

	 

		.sbtext h2.large { 

			font-size: 24px; 

			line-height: 24px; 

		} 

	 

	.sbtext .kicker { 

		font-size: 11px; 

	} 

	 

	/* Size Teaser 2-1 */ 

	.txt2_1 { 

		width: 252px; 

		 height: 58px;  
                                    padding: 6px 8px 10px; 

	} 

		.picteaser .txt2_1 { 

			height: 62px; 

			padding-top: 8px; 

			padding-bottom: 8px; 

		} 

		 

		.picteaser .txt2_1.fleft { 

			width: 256px; 

			height: 46px; 

			padding-top: 4px; 

			padding-bottom: 24px; 

		} 

	 

	/* Size Teaser 3-1 */ 

	.txt3_1 { 

		width: 388px; 

		 height: 58px; 
  
                                    padding: 6px 8px 10px;

	} 

		.picteaser .txt3_1 { 

			height: 58px; 

			padding-top: 10px; 

			padding-bottom: 10px; 

		} 

		 

	 

	/* Size Teaser 2-2 */ 

	.txt2_2 { 

		width: 252px; 

		bgcolor: #F33;
                                    height: 128px; 

	} 

		.picteaser .txt2_2 { 

			height: 140px; 

			padding-top: 8px; 

			padding-bottom: 8px; 

		} 

		 

		.picteaser .txt2_2.fleft { 

			width: 256px; 

			height: 138px; 

			padding-top: 4px; 

			padding-bottom: 8px; 

		} 

	 

	/* Size Teaser 3-2 */ 

	.txt3_2 { 

		width: 388px; 

		height: 128px; 

	} 

	 

		.picteaser .txt3_2 { 

			height: 136px; 

			padding-top: 10px; 

			padding-bottom: 10px; 

		} 

		 

		.picteaser .txt3_2.fleft { 

			width: 392px; 

			padding: 4px 8px; 

			height: 142px; 

		} 

	 

	/* Size Teaser 3-3 */ 

	.txt3_3 { 

		width: 388px; 

		height: 206px; 

	} 

	 

		.picteaser .txt3_3 { 

			height: 199px; 

			padding-top: 4px; 

			padding-bottom: 14px; 

		} 

		 

		.picteaser .txt3_3.fleft { 

			padding-left: 12px; 

height: 209px;

		} 

		 

	/* Size Teaser 3-4 */	 

	.txt3_4 { 

		width: 388px; 

		height: 284px; 

	} 

		.picteaser .txt3_4 { 

			padding: 8px 8px 14px 10px; 

height: 282px; 

		} 

	 

		 

		 

	/* Size Teaser 4-1 */	 

	.txt4_1 { 

		width: 524px; 

		height: 58px; 
  
  padding: 6px 8px 10px; 

	} 

		 

		.picteaser .txt4_1 { 

			height: 58px; 

			padding-top: 10px; 

			padding-bottom: 10px; 

		} 

		 

	/* Size Teaser 4-2 */	 

	.txt4_2 { 

		width: 524px; 

		height: 128px; 

	} 

		 

		.picteaser .txt4_2 { 

			height: 134px; 

			padding-top: 11px; 

			padding-bottom: 11px; 

		} 

/* END TEXTTEASER */ 

 

 

 

 

 

/* BEGIN PICTEASER */ 

.picteaser { 

	float: left;  

	margin-right: 4px; 

	margin-bottom: 4px;

overflow: hidden;

} 



/* Size Picteaser 2-1 */
 .pic2_1 {
  width: 268px;
  height: 74px;
 }
 
 /* Size Picteaser 2-2 */
 .pic2_2 {
  width: 268px;
  height: 151px;
 }
 
 /* Size Picteaser 3-1 */
 .pic3_1 {
  width: 404px;
  height: 74px;
 }
 
 /* Size Picteaser 3-2 */
 .pic3_2 {
  width: 404px;
  height: 151px;
 }
 
 /* Size Picteaser 3-3 */
 .pic3_3 {
  width: 404px;
  height: 227px;
 }
 
 /* Size Picteaser 4-3 */
 .pic4_3 {
  width: 540px;
  height: 227px;
 }
 
 /* Size Picteaser 4-4 */
 .pic4_4 {
  width: 540px;
  height: 304px;
 }
 
 /* Size Picteaser 6-3 */
 .pic6_3 {
  width: 812px;
  height: 227px;
 }
 
 /* Size Picteaser 8-3 */
 .pic8_3 {
  width: 1084px;
  height: 227px;
 }

/* END PICTEASER */ 

 

.teaserbar_4_2{
 width:544px;
 height:156px;
}

.teaserbar_4_3{
 width:544px;
 height:234px;
}

.teaserbar_4_4{
 width:544px;
 height:312px;
}

.teaserbar_4_6{
 width:544px;
 height:468px;
}

.teaserbar_6_1{
 width:816px;
 height:550px;
}

.teaserbar_6_2{
 width:816px;
 height:156px;
}

.teaserbar_6_3{
 width:816px;
 height:234px;
}

.teaserbar_6_4{
 width:816px;
 height:312px;
}

.teaserbar_6_5{
 width:816px;
 height:390px;
}

.teaserbar_6_6{
 width:816px;
 height:468px;
}

.teaserbar_7_1{
 width:952px;
 height:78px;
}

.teaserbar_7_2{
 width:952px;
 height:156px;
}

.teaserbar_7_3{
 width:952px;
 height:234px;
}

.teaserbar_7_4{
 width:952px;
 height:312px;
}

.teaserbar_8_1{
 width:1088px;
 height:78px;
}

.teaserbar_8_2{
 width:1088px;
 height:156px;
}

.teaserbar_8_3{
 width:1088px;
 height:234px;
}

.teaserbar_8_4{
 width:1088px;
 height:312px;
}

.teaserbar_8_5{
 width:1088px;
 height:390px;
}

.teaserbar_8_6{
 width:1088px;
 height:468px;
} 

 

/* BEGIN LINKS */ 

.urls { 

	float: left; 	 

	width: 388px; 

	padding: 8px; 

	margin-right: 4px; 

	margin-bottom: 4px; 

} 

 

	.urls.u2_3{ 

		width: 252px; 

		min-height:214px; 

	} 

 

	 

	.urls.u3_3{ 

		width: 388px; 

		min-height: 214px; 

	} 

	 

	.urls.u2_4{ 

		width: 252px; 

		min-height:292px; 

	} 

 

	 

	.urls.u3_4{ 

		width: 388px; 

		min-height: 292px; 

	} 

 

 

	.urls h2 { 

		font-size: 18px; 

		line-height: 20px; 

		color: #666666; 

		font-weight: bold; 

		padding-bottom: 4px; 

		border-bottom: 1px solid #a8a8a8;

		margin-bottom: 16px !important; 

                                    word-wrap: break-word; 

white-space: nowrap;
  
  text-overflow: ellipsis;
  
  overflow: hidden;

	} 

	 

		.urls.semi h2, 

		.urls.whitebg h2 { 

			border-bottom: 1px solid #a8a8a8;

                                                      color: #666666;

		} 

	 

	.urls p { 

		margin-bottom: 0px !important; 

 line-height: 15px;

	}

.urls .copytext {
  font-size: 12px;
 } 

.urls .fleft a { padding:0; background:none; } 
.urls .fleft a:hover { padding:0; background:none; } 

                   .urls .fleft + div {

                       margin-left: 74px;
                     }  

	.urls ul { 

		margin-bottom: 0px !important; 

	} 

	 

	.urls li { 

		list-style-type: none !important; 

		margin: 0 0 16px 0 !important; 

	} 

	 

		.urls li.last { 

			margin-bottom: 0px !important; 

		} 

	 

	.urls a { 

		text-decoration: none; 

		font-size: 14px; 

		font-weight: bold; 

		background-image: url(/ZDF/zdfportal/blob/744/16/data.png); 

		padding-right: 8px; 

	    background-position: right 2px; 

	    background-repeat: no-repeat; 

	} 

		.urls a:hover, 

		.urls a:focus { 

			color: #fa7d19; 

			background-image: url(/ZDF/zdfportal/blob/674/16/data.png); 

		} 

	 

	.urls .fleft img { 

		margin: 0 4px 0px 0 !important; 

	} 

	 

/*external links*/ 

/* .urls-external h2 {font-size: 14px; font-weight: normal; } */ 

	 

	 

/* END LINKS */ 

 

 

 

 

/* BEGIN TAGCLOUD */ 

.tagcloud { 

                  float: left;

	margin-right: 4px; 

	margin-bottom: 4px; 

	padding: 8px;	 

	color: #666666; 

	height: 136px; 

overflow:hidden;

} 

 

.tagcloud .tags { padding:0;} 

 

	.tagcloud a { 

		color: #666666 !important; 

		text-decoration: none; 

		font-weight: normal !important; 

	} 

		.tagcloud a:hover, 

		.tagcloud a:focus { 

			color: #fa7d19 !important; 

		} 

	 

	.tagcloud.tag3_2 { 

		width: 388px; 

	} 

	 

	.tagcloud.tag2_2 { 

		width: 252px; 

	} 

	 

	.tagcloud h2 { 

		font-size: 18px; 

		line-height: 20px; 

		font-weight: bold; 

		padding-bottom: 4px; 

		border-bottom: 1px solid #a8a8a8; 

		margin-bottom: 16px !important;

                                   color: #666666; 

 white-space: nowrap;

	} 

	 

	.tagcloud .tagsize1 { 

		font-size: 12px; 

		line-height: 12px; 

	} 

	 

	.tagcloud .tagsize2 { 

		font-size: 18px; 

		line-height: 18px; 

	} 

	 

	.tagcloud .tagsize3 { 

		font-size: 24px; 

		line-height: 24px; 

	} 

	 

	.tagcloud .tagsize4 { 

		line-height: 28px; 

		font-size: 28px; 

	} 

	 

	.tagcloud .tagsize5 { 

		font-size: 36px; 

		line-height: 36px; 

	} 

	 

 

.tags li { 

		float: left; 

		list-style-type: none !important; 

		margin-left: 0px !important; 

	} 

/* END TAGCLOUD */ 

 

 

 

/* BEGIN SHORTTEXT */ 

.shorttext { 

	float: left; 

	padding: 8px; 

	width: 388px; 

	height: 136px;	 

	font-size: 11px; 

	line-height: 14px; 

	margin-right: 4px; 

	margin-bottom: 4px; 

	position: relative; 

	overflow: hidden; 

} 



.shorttext.full {
 width: 660px;
}

 

	.shorttext .paging { 

		position: absolute; 

		top: 8px; 

		right: 8px; 

		display: none; 

	} 

	 

	.shorttext h2 { 

		font-weight: bold; 

		font-size: 11px; 

		line-height: 14px; 

	} 

 

	.shorttext p { 

		margin: 0px !important; 

	} 

	 

	.shorttext a { 

		text-decoration: none; 

		color: #fa7d19; 

		font-weight: bold; 

	} 

/* 

		.shorttext a:hover, 

		.shorttext a:focus { 

			color: #333333; 

		} 

*/ 

	 

	.shorttext ul { 

		margin-bottom: 0px !important; 

		list-style-type: none; 

	} 

	 

	.shorttext li { 

		margin: 0 !important; 

		list-style-type: none; 

		display: block; 

	} 

	 

		.shorttext li.inactive { 

			display: none; 

		} 

 

		 

.shorttext img { 

    float: left; 

    margin: 2px 6px 0 0; 

} 

 

/* END SHORTTEXT */ 

 

 

 

/* BEGIN FACTBOX */ 

.factbox { 

	float: left; 

	width: 404px; 

	margin-right: 4px; 

	margin-bottom: 4px; 

} 



 .factbox.full {
 width: 660px;
}

	.factbox h2 a { 

		font-weight: bold; 

		text-decoration: none; 

	} 

	.factbox .inactive a:hover, 

	.factbox .inactive a:focus, 

	.factbox h2.active a, 

	.factbox h2:hover a, 

	.factbox h2:focus a 

	 { 

		color: #fa7d19; 

	} 

	 

	.factbox .inactive a:hover, 

	.factbox .inactive a:focus, 

	.factbox h2:hover, 

	.factbox h2:focus { 

		cursor: pointer; 

	} 

		 

	.factbox .opener { 

		width: 9px; 

		height: 5px; 

		background-image: url(/ZDF/zdfportal/blob/746/16/data.png); 

		background-repeat: no-repeat; 

		background-position: center top; 

		position: absolute; 

		right: 4px; 

		bottom: 7px; 

	} 

		.factbox .active .opener { 

			background-image: url(/ZDF/zdfportal/blob/748/16/data.png); 

			right: 4px; 

			bottom: 4px; 

		} 

		 

		.factbox .inactive a:hover .opener, 

		.factbox .inactive a:focus .opener, 

		.factbox .inactive .opener:hover, 

		.factbox .inactive .opener:focus, 

		.factbox .inactive h2:hover .opener, 

		.factbox .inactive h2:focus .opener { 

			background-image: url(/ZDF/zdfportal/blob/750/16/data.png); 

		} 

	 

	.factbox ul{ 

		list-style-type: none !important; 

		margin: 0 !important; 

	} 

	 

	.factbox li { 

		list-style-type: none !important; 

		margin: 0 !important; 

		padding: 4px 4px 4px 8px; 

		background: #dedede; 

		background:  -moz-linear-gradient(top, #f7f7f7, #c3c3c3); 

		background:  -webkit-gradient(linear, 0 0, 0 100%, from(#f7f7f7), to(#c3c3c3));	 

		background-image: -o-linear-gradient(#f7f7f7,#c3c3c3); 

		position: relative; 

		filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f7f7f7', EndColorStr='#c3c3c3'); /* IE6,IE7 */ 

		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f7f7f7', EndColorStr='#c3c3c3')"; /* IE8 */ 

 	} 

	 

		.factbox li.active { 

			padding: 8px 8px 4px 8px; 

			border-bottom: 4px solid #fa7d19; 

		} 

		 

		.factbox li.inactive .hideFact { 

			display: none; 

		} 

		 

	.factbox p { 

		margin-bottom: 0px !important; 

	} 

	 

	.factbox img, 

	.factbox object, 

                  .factbox .boxDetail,

	.factbox .wildcard,

                  .factbox .player { 

		margin: 4px 0 !important; 

	} 

 

/* END FACTBOX */ 

 

 

 

/* BEGIN NEWSLETTER */ 

.newsletter { 

	float: left;  

	padding: 8px;	 

	margin-right: 4px; 

	margin-bottom: 4px; 

	position: relative; 

} 

	.newsletter.nl2_1 { 

		width: 252px; 

		height: 58px; 

	} 

	 

	.newsletter.nl2_2 { 

		width: 252px; 

		height: 136px; 

	} 

	 

	.newsletter.nl3_1{ 

		width: 388px; 

		height: 58px; 

	} 

	 

	.newsletter.nl3_2 { 

		width: 388px; 

		height: 136px; 

	} 

	 

	.newsletter h2 { 

		font-size: 18px; 

		line-height: 20px; 

		padding-bottom: 4px; 

		margin-bottom: 16px !important; 

		color: #666666; 

		font-weight: bold; 

		margin-top: 0px; 

	} 

		.newsletter.semi h2, 

		.newsletter.whitebg h2 { 

			border-bottom: 1px solid #a8a8a8; 

		} 

	 

		.newsletter.nl3_1 h2, 

		.newsletter.nl2_1 h2 { 

			font-size: 18px; 

			border-bottom: none; 

			padding-bottom: 0; 

			margin-bottom: 5px !important; 

			margin-top: 0px; 

		} 

	 

	.newsletter .error { 

		color: #de0000; 

		position: absolute; 

		font-size: 11px; 

	} 



	.newsletter p { 

		margin: 0px !important; 

		color: #333333; 

    	font-size: 12px; 

    	line-height: 16px; 

	} 

	 

.newsletter form { 

margin-top: 0px; 

padding-top: 16px; 

font-size: 12px;  
line-height: 16px;

} 

	 

	.newsletter input.txt { 

		margin-right: 2px; 

		float: left; 

		background-color: transparent; 

		border: 1px solid #666666; 

	    font-size: 12px; 

	    padding: 2px 0 3px 5px; 

	    min-width: 150px; 

	    width: auto; 

	    color: #333333; 

	    font-family: Arial, sans-serif; 

	    height: 13px; 

	} 

	 

	.newsletter input.submit { 

		width: 72px; 

		display: inline; 

		text-align: center; 

		padding-bottom: 2px; 

		height: 20px; 

		background-image: url(/ZDF/zdfportal/blob/752/16/data.png); 

		background-repeat: no-repeat; 

		font-size: 12px; 

	} 

	.newsletter form a { 

		font-weight: bold; 

		text-decoration: none; 

		line-height: 20px; 

		color: #333333; 

		position: absolute; right: 14px;  

		 

	} 

	.newsletter form a:hover { color: #FA7D19; } 

	.nl2_2 form a { position: absolute; bottom: 6px; right: 18px;} 

	 

	/* Safari */ 

	@media screen and (-webkit-min-device-pixel-ratio:0) { 

		 

		.newsletter input.txt { 

			margin-top: 0px; 

		} 

		 

	    .newsletter input.submit { 

			padding-bottom: 0px; 

		} 

	} 

 

/* END NEWSLETTER */ 



 /* BEGIN WILDCARD */

.wildcard {

float: left;

margin-right: 4px;

margin-bottom: 4px;

padding: 8px;

/* Problem wegen Containern auf SB, daher diese Zeile rausgenommen */

/* overflow: hidden; */

}

/* END WILDCARD */

 

/* BEGIN BROADCAST */ 

#content .broadcast { 

	float: left; 

	margin-right: 4px; 

	margin-bottom: 4px; 

	padding: 8px;	 

} 

	#content .broadcast.bc3_2 { 

		width: 388px; 

		height: 136px; 

	} 

	 

	#content .broadcast.bc2_2 { 

		width: 252px; 

		height: 136px; 

	} 

 

	#content .broadcast h2 { 

		font-size: 18px; 

		line-height: 18px; 

		padding-bottom: 4px; 

		border-bottom: 1px solid #a8a8a8;

		margin-bottom: 8px !important; 

		color: #666666; 

		font-weight: bold; 

		margin-left: 0px !important; 

	} 

	 

	#content .broadcast .kicker { 

		font-size: 18px; 

		line-height: 20px; 

		font-weight: bold; 

		color: #666666; 

		text-decoration: none; 

	} 

		#content .broadcast.bc2_2 .kicker { 

			font-size: 18px; 

			line-height: 20px; 

		} 

	 

                    #content .broadcast .title {
                           font-size: 24px;
                           line-height: 28px;
                           font-weight: bold;
                           text-decoration: none;
                    }

		.broadcast.bc2_2 .title { 

			font-size: 24px; 

			line-height: 28px; 

		} 

	 

	#content .broadcast .date { 

		font-weight: bold; 

		font-size: 18px; 

		line-height: 20px; 

		color: #666666; 

		text-decoration: none; 

	} 

	 

	#content .broadcast .calendar { 

		float: right; 

		width: 18px; 

		height: 18px; 

		background-image: url(/ZDF/zdfportal/blob/754/16/data.png); 

		background-repeat: no-repeat; 

	} 



                   #content .broadcast p {
                                    margin: 0 0 0 0 !important;
                   }

	 

	#content .broadcast a { 

		padding-left: 14px; 

		text-decoration: underline; 

	} 

		#content .broadcast a:hover, 

		#content .broadcast a:focus { 

			color: #fa7d19; 

		} 

	 

		#content .broadcast a.previous { 

			background-image: url(/ZDF/zdfportal/blob/756/16/data.png); 

			background-repeat: no-repeat; 

			background-position: 0 5px; 

		} 

			#content .broadcast a.previous:hover, 

			#content .broadcast a.previous:focus { 

				background-image: url(/ZDF/zdfportal/blob/748/16/data.png); 

			} 

		 

		#content .broadcast a.next { 

			background-image: url(/ZDF/zdfportal/blob/746/16/data.png); 

			background-repeat: no-repeat; 

			background-position: 0 5px; 

		} 

			#content .broadcast a.next:hover, 

			#content .broadcast a.next:focus { 

				background-image: url(/ZDF/zdfportal/blob/750/16/data.png); 

			} 

			 

	#content .broadcast a.disabled { 

		color: #4F4F4F !important; 

	} 

	 

		#content .broadcast a.disabled:hover, 

		#content .broadcast a.disabled:focus { 

			color: #4F4F4F !important; 

		} 

		 

		#content .broadcast a.previous.disabled:hover, 

		#content .broadcast a.previous.disabled:focus { 

			background-image: url(/ZDF/zdfportal/blob/756/16/data.png); 

		} 

		 

		#content .broadcast a.next.disabled:hover, 

		#content .broadcast a.next.disabled:focus { 

			background-image: url(/ZDF/zdfportal/blob/746/16/data.png); 

		} 

		 

/* END BROADCAST */ 



/* BEGIN CIRCLE */

.circle {
 
 float: left;

margin: 0px 10px 10px 0; 

 width: 308px; 

 height: 308px; 

 position: relative; 

 font-size: 14px; 

 line-height: 16px; 

 background-color:#ff2233;

}

.circle .container {

 position: absolute; 
 top: 40px;
 left: 40px;

}

/* TOP-CONTAINER */

.circle .container-top {

 height: 90px;
 
 position: relative;
 
/*  margin-top: 40px; */

}

.circle .bc-main {

 display: block; 
 height: 100%; 
 color: #ffffff;

 text-decoration: none;
}

.circle .bc-main:hover h2,

.circle .bc-main:hover h3,

.circle .bc-main:focus h2,

.circle .bc-main:focus h3 {

 text-decoration: underline;
}

.circle .top-l {

 width: 85px;
 
 float: left;

 height: 100%;
 
 position: relative;

}

.circle .top-r {

 width: 175px;
 
 float: right;
 
 position: relative;
 
 height: 100%;
}

.circle .container-top .free {

 position: absolute;
 
 left: 0;
 
 bottom: 0;
 
 width: 95%;
}



.circle .container-top .bc-headlines { position: absolute; bottom: 25px; }

.circle .container-top .bc-headlines h2 { width: 160px; }
.circle .container-top .bc-headlines h3 { width: 123px; }



.circle .container-top .bc-info {

 position: absolute;
 
 bottom:0;
 
 white-space: nowrap;
 
 width: 170px;
 
 overflow: hidden;
}

.circle .container-top .bc-date {

 font-weight: bold;
}

.circle .container-top h2 {

 font-size: 18px;
 
 line-height: 18px;

 margin-top: 2px;

margin-bottom: 0px;
font-weight: bold;
}

.bc-more h4{

font-size: 14px;
font-weight: bold;
line-height: 16px;
margin: 0px;

}



.circle .container-top h3 {
 margin-bottom: 3px;
 font-weight: normal;

 font-size: 14px;
}

.circle .container-top .bc-day {

 font-size: 52px; 

 line-height: 42px; 

 font-weight: bold; 
 
 position: absolute;
 
 left:-2px;
 
 bottom: 25px;
 
 
}

.circle .container-top .bc-time {

 font-size: 28px; 

 line-height: 25px; 

 font-weight: bold; 
 
 position: absolute;
 
 left:0px;
 
 bottom: 0px;
 
}

.circle .container-top .divider {

 font-weight: bold;
 
 padding: 0 1px;
}

.circle .container-top .moon {

 position: absolute;
 
 top:0;
 
 right: -12px;
}

/* BOTTOM-CONTAINER */

.circle .container-bottom {

 position: relative;
 
 height: 156px;

 margin: 20px 10px 0 0;

}

.circle .container-bottom .free {

 margin-right: 20px;
}

.circle .container-bottom .bc-info {

 margin-top: 2px;
}

.circle .container-bottom .bc-info span {
 
 display: inline-block;
 
}

.circle .container-bottom .bc-info a {

 color: #ffffff;
 
}

.circle .container-bottom .bc-info a:hover,

.circle .container-bottom .bc-info a:focus {

 border-bottom: 1px solid #ffffff;

}

.circle .container-bottom .bc-info .bc-name {
 
 width: 72px;

}

.circle .container-bottom .bc-info .bc-day {
 
 width: 26px;
 
 font-weight: bold;

}

.circle .container-bottom .bc-info .bc-date {
 
 width: 78px;

}

.circle .container-bottom .bc-info .divider {
 
 padding: 0 3px 0 2px;
}

/* TOP + BOTTOM */

#content .circle .bc-links {
 
 margin: 20px 0 0 82px;
}

#content .circle .bc-links a {

 display: block;

 color: #FA7D19;
 
 font-weight: bold;
 
 font-size: 12px;

 text-decoration: none; 

 background-image: url(/ZDF/zdfportal/blob/674/16/data.png); 

    background-position: left 50%; 

    background-repeat: no-repeat; 

    padding-left: 8px; 

}

#content .circle .bc-links a:hover,

#content .circle .bc-links a:focus {
 
 text-decoration: underline;

}

.circle .container > .free {

 height: 140px;
 
 width: 230px;
 
 position: relative;
}

.circle .container > .free h2 {

 position: absolute;
 
 bottom: 0;
 
 left: 0;

font-size: 24px;
line-height: 24px;
margin-bottom: 0px;
font-weight: bold;
}

/* CIRCLE VARIATIONS */

/* ZDF */

.circle.zdf {
 
 background: url(/ZDF/zdfportal/blob/25726560/7/data.png) no-repeat 0 0 transparent; 
 
 color: #ffffff;
}

#content .circle.zdf .bc-links a {

 color: #333333;
 
 background-image: url(/ZDF/zdfportal/blob/744/16/data.png); 
}

/* ZDF NEO */

.circle.zdf_neo {
 
 background: url(/ZDF/zdfportal/blob/25726562/7/data.png) no-repeat 0 0 transparent; 
 
 color: #ffffff;
}

/* ZDF KULTUR */

.circle.zdf_kultur {
 
 background: url(/ZDF/zdfportal/blob/25726564/7/data.png) no-repeat 0 0 transparent; 
}

.circle.zdf_kultur,

.circle.zdf_kultur .bc-main,

.circle.zdf_kultur .container-bottom .bc-info a {

 color: #333333;
}

.circle.zdf_kultur .container-bottom .bc-info a:hover,

.circle.zdf_kultur .container-bottom .bc-info a:focus {

 border-bottom: 1px solid #333333;
}

/* ZDF INFO */

.circle.zdf_info {
 
 background: url(/ZDF/zdfportal/blob/25726566/7/data.png) no-repeat 0 0 transparent; 
 
 color: #ffffff;
}

.circle.zdf_info .container {

 left: 26px;
}

.circle.zdf_info .container-bottom .free {

 margin-right: 40px;
}

/* END CIRCLE */ 



 

/*SB Article Teaser */ 

 

.sbArticleTeaser{ 

	float: left; 

	width: 1052px; 

	padding: 16px 16px 10px; 

	background-color: #fff; 

	height: 124px; 

	overflow: hidden; 

	margin-bottom: 4px; 

} 

 

.sbArticleTeaser .kicker { 

	text-transform: uppercase; 

	padding: 0; margin:0; 

	font-size: 12px; 

} 

 

.sbArticleTeaser h1 { 

    font-size: 36px; 

    font-weight: bold; 

    line-height: 45px; 

    margin-bottom: 0; 

} 

 

.sbArticleTeaser h2 { 

	margin:2px 0px; 

	font-size: 24px; 

	line-height: 24px; 

	font-weight:bold; 

} 

 

.sbArticleTeaser .teaser { 

	font-size:14px; 

	line-height: 20px !important; 

	height: 40px; 

	overflow: hidden; 

} 

 

 

 

 

/*END SB Article Teaser*/ 

 

 

 

 

 

/* PAGING */ 

.paging-next{ 

	background-image: url(/ZDF/zdfportal/blob/744/16/data.png); 

	background-repeat: no-repeat; 

	width: 5px; 

	height: 9px;	 

	display: block; 

	float: left; 

	margin-left: 4px; 

	margin-top: 2px; 

} 

	.paging-next:hover, 

	.paging-next:focus { 

		background-image: url(/ZDF/zdfportal/blob/674/16/data.png); 

	} 

 

.paging-prev { 

	background-image: url(/ZDF/zdfportal/blob/680/16/data.png); 

	background-repeat: no-repeat; 

	width: 6px; 

	height: 10px;	 

	display: block; 

	float: left; 

	margin-top: 2px; 

	margin-right: 4px; 

} 

 

	.paging-prev:hover, 

	.paging-prev:focus { 

		background-image: url(/ZDF/zdfportal/blob/682/16/data.png); 

	} 

.shorttext .paging-prev,
.shorttext .paging-next{
cursor:pointer
} 

 

  /* BEGIN KLEINE PROGRAMMDATENSUCHERGEBNISSE */
.kleinesuchergbox h2 {
  font-size: 18px;
  line-height: 20px;
  font-weight: bold;
  padding-bottom: 4px;
 border-bottom: 1px solid #a8a8a8;
  margin-bottom: 16px !important;
  color: #666666;
}
.kleinesuchergbox .cbox { padding:8px; margin-bottom:4px; }
.kleinesuchergbox .cbox img { display: inline-block; float: left; margin: 0 7px 0 0; }

/*.kleinesuchergbox .cbox div {padding-left: 77px; }*/
.kleinesuchergbox .cbox p { font-size: 10px; line-height: 16px; margin:0; }
.kleinesuchergbox .cbox p img { margin: 0 3px 0 0; height: 14px; overflow: hidden;}

.kleinesuchergbox .cbox h3,
.kleinesuchergbox .cbox h4 { font-size: 12px; line-height: 14px; margin:0;}
.kleinesuchergbox .cbox h3 { font-weight: bold; }

.kleinesuchergbox .cbox a { color: #333333; font-weight: normal; text-decoration: none;}
.kleinesuchergbox .cbox a:hover, .kleinesuchergbox .cbox a:focus { text-decoration: underline; color: #333333 !important;}
.kleinesuchergbox .cbox h4 a { font-weight: bold; }

.kleinesuchergbox { width: auto; margin-bottom: 40px; float: none;}

/* END KLEINE PROGRAMMDATENSUCHERGEBNISSE */

.boxSmallPadding{

    margin: 10px 15px 10px 15px;

    height: auto;
    width: 388px;

 padding: 10px 15px 10px 15px;

}

 

 

 

/* FONTS */ 

h1 { 

	font-size: 24px; 

	line-height: 24px; 

	font-weight: bold; 

	font-family: Arial, sans-serif; 

	margin-bottom: 0px; 

} 

 

h2 { 

	margin-bottom: 0px;	 

	font-size: 14px; 

	line-height: 14px; 

} 

	 

	 

	 

	 

	 

	 

	 

/* MISC */ 

.clearall { 

    clear: both; 

    font-size: 0; 

    height: 0; 

    width: 0; 

    line-height: 0; 

} 

 

.semi,

#content .semi,

#article-container .semi,

#search-container .semi,

.ersatzFlash.semi .ui-accordion-content,

.ersatzFlash.semi .ui-accordion-header,

.ersatzFlash.semi .ui-accordion-header.ui-state-active{ 

background:  url(/ZDF/zdfportal/blob/772/16/data.png) transparent;
  filter: none; /* IE6,IE7 */ 

 -ms-filter: none; /* IE8 */ 
}  

 

.whitebg,

#content .whitebg,

#article-container .whitebg,

#search-container .whitebg,

.ersatzFlash.whitebg .ui-accordion-content,

.ersatzFlash.whitebg .ui-accordion-header,

.ersatzFlash.whitebg .ui-accordion-header.ui-state-active { 

 background: none #ffffff;
 
 filter: none; /* IE6,IE7 */ 

 -ms-filter: none; /* IE8 */ 

} 



.nobg,

#content .nobg,

#article-container .nobg,

#search-container .nobg,

.ersatzFlash.nobg .ui-accordion-content,

.ersatzFlash.nobg .ui-accordion-header,

.ersatzFlash.nobg .ui-accordion-header.ui-state-active  {  

 background: none transparent;   

 filter: none; /* IE6,IE7 */ 

 -ms-filter: none; /* IE8 */  

} 

 

.whitefont, 

.whitefont h2 { 

	color: #fff;	 

} 

 

.orange { 

	color: #fa7d19; 

} 

 

.strong { 

	font-weight: bold;	 

} 

 

 

.hidden { 

	display: none;	 

} 

 

 

img.ui-datepicker-trigger { 

		float:right; 

		cursor:pointer; 

} 

 

 

 /* RASTER POSITIONING */ 

 

.raster_posx1 { 

   position: absolute; 

   left: 50px; 

} 

.raster_posx2 { 

   position: absolute;  

   left: 186px; 

} 

.raster_posx3 { 

   left: 322px; 

} 

.raster_posx4 { 

   position: absolute; 

   left: 458px; 

} 

.raster_posx5 { 

   position: absolute; 

   left: 594px; 

} 

.raster_posx6 { 

   position: absolute; 

   left: 730px; 

} 

.raster_posx7 { 

   position: absolute; 

   left: 866px; 

} 

.raster_posx8 { 

   position: absolute; 

   left: 1002px; 

} 

 

.raster_posy1 { 

   position: absolute; 

   top: 83px; 

 

} 

.raster_posy2 { 

   position: absolute; 

   top: 156px; 

} 

.raster_posy3 { 

   position: absolute; 

   top: 234px; 

} 

.raster_posy4 { 

   position: absolute; 

   top: 312px; 

} 

.raster_posy5 { 

   position: absolute; 

   top: 390px; 

} 

.raster_posy6 { 

   position: absolute; 

   top: 468px; 

} 

.raster_posy7 { 

   position: absolute; 

   top: 546px; 

} 

.raster_posy8 { 

   position: absolute; 

   top: 624px; 

} 

 

.weisserBalke_hoch1 { 

    height: 78px;   

} 

 

.raster_hoch1 { 

    height: 74px;  /* 78*y-4 */ 

} 

 

 

.weisserBalke_hoch2 { 

 

    height: 152px;   

 

} 

 

.weisserBalke_hoch3 { 

 

    height: 230px;   

 

} 

 

.weisserBalke_hoch4 { 

 

    height: 308px;   

 

} 

 

.weisserBalke_hoch5 { 

 

    height: 386px;   

 

} 

 

.weisserBalke_hoch6{ 

 

    height: 464px;   

 

} 

 

.weisserBalke_hoch7 { 

 

    height: 542px;   

 

} 

 

.weisserBalke_hoch8 { 

 

    height: 620px;   

 

} 

 

.raster_breit1 { 

 

    width: 132px; /* x*136-4 */  

 

} 

 

.weisserBalke_breit6 { 

 

    right: 322px; 

 

} 

 

.weisserBalke_breit7 { 

 

    right: 53px; 

 

} 

 

.weisserBalke { 

 

   background-color: white; 

 

   width: 200%;	 

    

   position: absolute; 

 

} 

 

 .transparent {

/*   opacity: 0.8;

   -moz-opacity:0.8; */

background:  url(/ZDF/zdfportal/blob/772/16/data.png) transparent;
  filter: none; /* IE6,IE7 */

 -ms-filter: none; /* IE8 */

}



.txt2_1, .txt2_2,
.txt3_1, .txt3_2, .txt3_3, .txt3_4,
.txt4_1, .txt4_2,
.pic1_1, .pic2_1,
.pic2_2, 
.pic3_1, .pic3_2, .pic3_3,
.pic4_3, .pic4_4,
.pic5_1,
.pic6_1,
.pic7_1,
.pic8_1  {

 overflow: hidden;
 
}



.col_r .urls,

.col_r .newsletter {
 
 width: 99%;

}

#content .broadcast p .moon{position:absolute; top:10%;right:-15px}

#content .broadcast a{position:relative;}

.col_r .urls { width: auto; }

.urls .fleft img {display: block;overflow: hidden;}

/*******************/

/* Datepicker */

/*******************/

.ui-datepicker {z-index: 50 !important};