/*
* {
	margin: 0;
	padding: 0;
}

body {
	background: #222;
	font-family: Georgia, serif;
	color: #fff;
	font-size: 14px;
}

a {
	color: #ffffcc;
	text-decoration: none;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}
	a:hover,
	a.selected {
		color: #ffcc00;
	}

h1,h2,h4,h5,h6 {
	text-align: center;
	color: #ccc;
	text-shadow: #000 1px 1px 2px;
	margin-bottom: 5px;
}
	h1 {
		font-size: 18px;
	}
	h2 {
		font-size: 14px;
	}
.sociales {
	text-align: center;
	margin-bottom: 20px;
}
*/
	#timeline {
		/*width: calc(100% - 44px);*/
		min-height: 350px;
		overflow: hidden;
		margin: 40px auto;
		margin-top: 40px;
		position: relative;
		background: url('../images/dot.gif') left 56px repeat-x;
	}
		#dates {
			width: calc(100% - 44px);
			/*max-width: 1024px;*/
			/*width: 100%;*/
			height: 60px;
			overflow: hidden;
			margin: auto;
		}
		
		#date ul {
			list-style-type: none;
		}
		
		#dates li:before {
			content: '';
			margin: 0;
			padding: 0;
		}
			#dates li {
				list-style: none;
				float: left;
				width: 100px;
				height: 50px;
				font-size: 20px;
				text-align: center;
				background: url('../images/biggerdot.png') center bottom no-repeat;
				font-weight: 200;
				padding: 0;
			}
				#dates a {
					font-family: "TheSansBold";
					line-height: 38px;
					padding-bottom: 10px;
					text-decoration: none;
					/*color: #dae4ed;*/
					color: #b8b8b8;
				-webkit-transition: color 300ms linear;
				-moz-transition: color 300ms linear;
				-o-transition: color 300ms linear;
				-ms-transition: color 300ms linear;
				transition: color 300ms linear;
				}
				#dates a:hover {
					color: #004b8e;
				}
				
				#dates .selected {
			        font-size: 30px;
			        color: #004b8e;
				}
		
		#issues {
			width: 100%;
			
			margin: auto;
			min-height: 350px;
			overflow: hidden;
			
		}	
		
		ul#issues li:before {
			content:'';
		}
		
			#issues li {
				/*width: 800px;*/
				/*width: calc(100% - 44px);*/
				/*width: 1154px;*/
				width: 100%;
				
				box-sizing: border-box;
				padding: 0px 13px;
				min-height: 350px;
				list-style: none;
				float: left;
			}
			#issues li.timeline_inner {
				width: 100%;
				max-width: 1024px;
				margin: auto;
			}
				
				#issues li.selected img {
					-webkit-transform: scale(1,1);
					-moz-transform: scale(1,1);
				    -o-transform: scale(1,1);
				    -ms-transform: scale(1,1);
				    transform: scale(1,1);
				}
				#issues li img {
					/*max-width: 600px;*/
					/*float: left;*/
					/*margin: 10px 30px 10px 50px;*/
					display: block;
					margin: auto;
					background: transparent;
					/*
					-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";    
					filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);      
					zoom: 1;
					-webkit-transition: all 2s ease-in-out;
					-moz-transition: all 2s ease-in-out;
					-o-transition: all 2s ease-in-out;
					-ms-transition: all 2s ease-in-out; 
					transition: all 2s ease-in-out;
					-webkit-transform: scale(0.7,0.7);
					-moz-transform: scale(0.7,0.7);
				    -o-transform: scale(0.7,0.7);
				    -ms-transform: scale(0.7,0.7);
				    transform: scale(0.7,0.7);
				    */
				}
				#issues li h1 {
					/*color: #ffcc00;
					font-size: 48px;
					margin: 20px 0;
					text-shadow: #000 1px 1px 2px;*/
				}
				#issues li p {
					/*font-size: 14px;
					margin-right: 70px;
					font-weight: normal;
					line-height: 22px;
					text-shadow: #000 1px 1px 2px;*/
					line-height: 1.3rem;
					margin-bottom: 23px;
				}
				.entry_timeline {
					width: 100%;
					max-width: 1024px;
					margin: auto;
					}
				
				.entry_timeline div.aside_prep {
					position: relative;
					margin-top: 0px;
				}
					
				@media (min-width: 768px) {	
				.entry_timeline div.aside_prep {
					position: relative;
					margin-top: 40px;
				}
				}
				
				.aside {
					position: absolute;
					width: 250px;
					top: 0px;
					right: -270px;
				}
				
				.aside_kasten_oben, .aside_kasten_unten {
					height: 145px;
					width: 250px;
					border-top: 1px solid #dae4ed;
					border-bottom: 1px solid #dae4ed;
					display: table;
					margin-bottom: 20px;
				}
				.aside_kasten_oben_bild, .aside_kasten_unten_bild {
					width: 120px;
					display: table-cell;
					height:145px;
					vertical-align: bottom;
				}	
				.aside_kasten_oben_text, .aside_kasten_unten_text {
					width: 130px;
					display: table-cell;
					height:145px;
					vertical-align: bottom;
				}
				#issues li div.aside_kasten_oben_text p, #issues li div.aside_kasten_unten_text p {
					font-size: 11px;
					line-height: 14px;
				}
				#issues li div.aside_kasten_oben_text p strong, .aside_kasten_unten_text p strong{
					color: #000000;
				}
				#issues li div.entry_timeline div.aside_prep div.aside div.aside_kasten_oben div.aside_kasten_oben_text a.more_link, #issues li div.entry_timeline div.aside_prep div.aside div.aside_kasten_unten div.aside_kasten_unten_text a.more_link {
					display: block;
					height: 20px;
					margin-bottom: 2px;
					background-color: #dae4ed;
					line-height: 20px;
					box-sizing: border-box;
					padding-left: 3px;
				}
				
				#issues li div.entry_timeline div.aside_prep div.aside div.aside_kasten_oben div.aside_kasten_oben_text a.more_link.cart, #issues li div.entry_timeline div.aside_prep div.aside div.aside_kasten_unten div.aside_kasten_unten_text a.more_link.cart {
					margin-bottom: 0px;
				}
				
				#issues li div.entry_timeline div.aside_prep div.aside div.aside_kasten_oben div.aside_kasten_oben_text a.more_link.cart:before, #issues li div.entry_timeline div.aside_prep div.aside div.aside_kasten_unten div.aside_kasten_unten_text a.more_link.cart:before {
					content: "\f218";
				}
				/*
				#issues li div.aside_kasten_oben_text p a, #issues li div.aside_kasten_unten_text p a {
					margin-bottom: 5px;
					background-color: #dae4ed;
				}
				*/
		

#grad_left,
		#grad_right {
			width: 70px;
			height: 350px;
			position: absolute;
			top: 0;
		}
				
@media (min-width: 768px) {
		#grad_left,
		#grad_right {
			width: 100px;
			height: 350px;
			position: absolute;
			top: 0;
		}
		}
			#grad_left {
		        left: 0;
		        background: url('../images/grad_left.png') repeat-y;
			}
			#grad_right {
		        right: 0;
		        background: url('../images/grad_right.png') repeat-y;
			}
		#next,
		#prev {
			position: absolute;
			font-size: 30px;
			top: 9px;
			width: 30px;
			height: 30px;
			background-position: 0 0;
			background-repeat: no-repeat;
			/*text-indent: -9999px;*/
			/*overflow: hidden;*/
			text-decoration: none;
			color: #dae4ed;
				-webkit-transition: color 700ms linear;
				-moz-transition: color 700ms linear;
				-o-transition: color 700ms linear;
				-ms-transition: color 700ms linear;
				transition: color 700ms linear;
		}
			
@media (min-width: 768px) {		
		#next,
		#prev {
			position: absolute;
			top: 0;
			font-size: 70px;
			top: 240px;
			width: 100px;
			height: 70px;
			background-position: 0 0;
			background-repeat: no-repeat;
			/*text-indent: -9999px;*/
			/*overflow: hidden;*/
			text-decoration: none;
			color: #dae4ed;
				-webkit-transition: color 700ms linear;
				-moz-transition: color 700ms linear;
				-o-transition: color 700ms linear;
				-ms-transition: color 700ms linear;
				transition: color 700ms linear;
		}
}
			*#next:hover,
			#prev:hover {
				color: #004b8e;

			}
			#next {
				right: 9px;
				/*background-image: url('../files/pfeil_vor.gif');*/
				
			}
			@media (min-width: 768px) {
			#next {
				right: 80px;
				/*background-image: url('../files/pfeil_vor.gif');*/
				
			}
			}
			#next:after {
				font-family: "icomoon";
				content: "\e917";
			}
			#prev {
				left: 9px;
				/*background-image: url('../files/pfeil_zurueck.gif');*/
			}
			@media (min-width: 768px) {
			#prev {
				left: 120px;
				/*background-image: url('../files/pfeil_zurueck.gif');*/
			}
			}
			#prev:before {
				font-family: "icomoon";
				content: "\e916";
			}
				#next.disabled,
				#prev.disabled {
					opacity: 0.2;
				}
		
#issues li a:before {
	font-family:"FontAwesome";
	content: '\f08e';
	padding-right: 3px;
}
#issues li a.noshow:before {
	font-family:"FontAwesome";
	content: '';
}


.kasten_zeitstrahl {
	/*width: 600px;*/
	max-width: 1024px;
	margin: auto;
	margin-top: 50px;
	background-color: #ededed;
	box-sizing: border-box;
	padding: 20px 10px 20px 10px;
	-webkit-box-shadow: 0px 0px 21px 1px rgba(138,134,138,1);
-moz-box-shadow: 0px 0px 21px 1px rgba(138,134,138,1);
box-shadow: 0px 0px 21px 1px rgba(138,134,138,1);
}

#issues .kasten_zeitstrahl p {
	color: #7F7F7F;
	margin-top: 0px;
	margin-bottom: 6px;
	
}

.zeitstrahl_bu {
	font-size: 15px;
	margin-top: 8px;
}

.kasten_zeitstrahl img {
	width: 140px;
	height: auto;
	margin-right: 10px;
	float: left;
}

strong {
	color: #7F7F7F;
}

#dates li {
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

#dates li:active {
	cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

#timeline #issues h1 {
	margin: 20px 0px;
	line-height: 33px;
	font-family: "Source Sans Pro";
	font-size: 30px;
	
}

@media (min-width: 768px) {
#timeline #issues h1 {
	margin-top: 60px;
	line-height: 24px;
	font-family: "Source Sans Pro";
	font-size: 30px;
	
}
}

a.back-to-top {
	display: none;
	width: 60px;
	height: 60px;
	/*text-indent: -9999px;*/
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	background: #ffffff;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	box-sizing: border-box;
	padding: 7px 10px;
	font-size: 40px;
}

div.entry_timeline div.aside_prep p span.color a strong {
	color: #004182;
}

html body main.gesamtwerk_ziegler article div#timeline ul#issues li a.nolink:before 
 {
	content: '';
}