@charset "utf-8";
.FotoBoxInnerLeft {
	text-align: left;
	background: #fff;
}
/*Sprite */
.zeitleisteContainer .zlmiddot,
.zeitleisteContainer .zlWinkel { background: url("http://www.faz.net/img/f50_sprite_vert.png") no-repeat; } 
.zeitleisteContainer * {margin: 0;padding: 0;}
.zeitleisteContainer .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.zeitleisteContainer .clearfix { display: inline-block; }
html[xmlns] .zeitleisteContainer .clearfix { display: block; }
* html .zeitleisteContainer .clearfix { height: 1%; }
.zlleft { float: left; }
.zlright { float: right; }
.zeitleisteContainer .clear { clear: both; }

.zeitleisteContainer .zltLAxis { position: absolute; z-index: 1; left: 120px; top: -23px; width: 760px; height: 1px; border-top: 1px dotted #999; }
.zeitleisteContainer .zllegend { list-style: none; position: absolute; left: 115px; top: -45px; width: 770px; overflow: visible; font: 11px/14px Verdana,sans-serif; color: #999; }
.zeitleisteContainer .zllegend li { display: inline-block; margin-left: 26%; }
.zeitleisteContainer .zllegend li:first-child { display: inline-block; margin-left: 0; }
.zeitleisteContainer .zllegend li:last-child { float: right; }

.zeitleisteContainer .zltLBox { width: 900px; padding: 10px; }
.zeitleisteContainer li:first-child .zltLBox { width: 900px; padding: 10px 0; }

.zeitleisteContainer .zlTeaser { float: left; max-height: 400px; overflow-y: auto; padding-right: 10px; }
.zeitleisteContainer .zlMedia { float: right; margin: 7px 0 0 10px; } 

.zeitleisteContainer .zlTeaser p.anzeigeDatum { display: inline-block; font: bold 12px/16px Verdana,sans-serif; color: #c60000; }
.zeitleisteContainer .zltLHover .anzeigeDatum { display: inline-block; font: 11px/14px Verdana,sans-serif; color: #555; }

.zeitleisteContainer .zlTeaser .zlHeadline { display: inline-block; font: 25px/25px Georgia,serif; color: #333; }
.zeitleisteContainer .zltLHover .zlHeadline { font: 13px/17px Georgia,serif; color: #333; }
.zeitleisteContainer .zlTeaser h2 { margin: 0 0 10px; }
.zeitleisteContainer .zlTeaser p { margin: 5px 0; font: 14px/19px Georgia,serif; }
.zeitleisteContainer .zlmiddot { background-position: 0 -3455px; height: 2px; left: -3px; position: relative; width: 2px; }
.zeitleisteContainer .zlTeaser a { color: #c60000 !important; text-decoration: none; }
.zeitleisteContainer .zlTeaser a:hover { text-decoration: underline; }
.zeitleisteContainer .zlWinkel { background-position: left -934px; color: #fff !important; margin-left: 5px; padding: 0 1px; white-space: nowrap; }
.zeitleisteContainer .zlTeaser a:hover .zlWinkel { color: #fff; text-decoration: underline; }

.zeitleisteContainer .zlTeaser p.zlleft { width: 440px; }
.zeitleisteContainer .zlTeaser p.zlright { width: 440px; }

.zeitleisteContainer .zlBildnachweis { margin-top: 20px; display: inline-block; color: #999; display: block; font: 10px/13px Verdana,sans-serif; position: relative; text-align: right; text-transform: uppercase; }
.zeitleisteContainer .zlBildunterschrift { color: #333; display: block; font: 11px/14px Verdana,sans-serif; position: relative; text-align: left; top: -4px; }
    
.zeitleisteContainer .zltLHover { display: none; position: absolute; z-index: 10; left: -80px; top: 20px; width: 180px; padding: 5px 10px; text-align: left; border: 1px solid red; background: #fff;  border: 1px solid #ccc; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); text-indent: 0; }
.zeitleisteContainer .zltLHover .zlanchor-small { position: absolute; top: -11px; left: 75px; 
	display: block;
	background: url(../images/box-anchor-top.png);
	width: 20px;
	height: 11px;

}
.zeitleisteContainer .flex-control-paging .zlanchor {
	display: block;
	background: url(../images/tl-anchor-top.png);
	width: 30px;
	height: 20px;	
	position: absolute;
	top: 9px;
	left: -10px;
}


.zeitleisteContainer .flex-control-paging li:first-child a { display: none; position: absolute; left: -115px; top: -10px; text-align: center; height: 30px; padding: 0 5px; width: auto; background: rgba(0, 0, 0, 0.75); border: 1px solid #666; color: #fff; font: bold 12px/30px Verdana,sans-serif; opacity: 0.75; text-indent: 0; border-radius: 0; }
.zeitleisteContainer .flex-control-paging li:first-child a:hover { background: rgba(0,0,0,1); opacity: 1; }
.zeitleisteContainer .flex-control-paging li a:hover .zltLHover { display: block; }

.zeitleisteContainer .flex-control-paging li a.flex-active:hover .zltLHover { display: none; }
/*.zeitleisteContainer .flex-control-paging li:last-child .zltLHover,
.zeitleisteContainer .flex-control-paging li.zlrightEnd .zltLHover { left: -170px; }*/
.zeitleisteContainer .flex-control-paging li:last-child .zltLHover .zlanchor,
.zeitleisteContainer .flex-control-paging li.zlrightEnd .zltLHover .zlanchor { position: absolute; top: -11px; left: auto; right: 15px; }

.zeitleisteContainer .zltlAnchor { position: absolute; top: 9px; left: -10px; }

.zeitleisteContainer.flexslider .zlslides > li {
	overflow: hidden;
}
@media screen and (max-width: 680px) {
	.zeitleisteContainer.flexslider {
		margin: 50px 10px 0px;	
	}
	.zeitleisteContainer .zllegend {
		width: 100%;
		left: 0;
	}
	.zeitleisteContainer .flex-control-nav {
		width: 100%;
		left: 0;
	}
	.zeitleisteContainer .flex-control-paging li:first-child a {
		display: none !important;
	}
	.zeitleisteContainer .zltLAxis {
		left: 0;
		width: 96%;
	}
	.zeitleisteContainer li:first-child .zltLBox {
		width: 100%;
	}
	.zeitleisteContainer h1 {
		width: 90% !important;
		font: 45px/100% Georgia,serif !important;
	}
	.zeitleisteContainer h1 span:last-child {
		font: 12px/130% Verdana,sans-serif !important;	
	}
	.zeitleisteContainer.flexslider {
		position: relative;
	}
	.zeitleisteContainer .zlTeaser {
		width: 100% !important;
		float: none;
		max-height: none;
		overflow: hidden;
		padding: 0;
		margin-bottom: 20px;
		min-height: 0 !important;
	}
	.zeitleisteContainer .zlMedia {
		float: none;
		margin: 0;
		width: 100% !important;
	}
	.zeitleisteContainer .zlMedia img {
		width: 100%;
		height: auto;
	}
	.zeitleisteContainer .zltLBox {
		width: 96%;
		padding: 2%;
	}
	.zeitleisteContainer .flex-direction-nav {
		display: none !important;
	}
	.zeitleisteContainer .flex-viewport {
		width: 100%;
	}
	.zeitleisteContainer #player_wrapper {
		width: 100% !important;
		height: auto !important;
	}
	.zeitleisteContainer .zlTeaser p {
		width: 100% !important;
	}
	.zeitleisteContainer .flex-control-paging li a:hover .tLHover {
		display: none;
	}
	.zeitleisteContainer .iframeContainer {
		width: 100% !important;
		height: auto !important;
	}
}