* { margin: 0; padding: 0; }

#timeline a { color: #ffffff; text-decoration: none; border-bottom: 0px; }
#timeline a:hover, #timeline a.selected { color: #ffffff; border-bottom: 0px; }

#timeline #timelinr_content a { color: #ffffff; text-decoration: none; border-bottom: 1px dotted; }
#timeline #timelinr_content a:hover { color: #000000; border-bottom: 1px dotted; }
/*
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: 790px;
	/* height: 400px; */
	overflow: hidden;
	margin: 0px auto;
	position: relative;
	background: url('../../_images/interface/timelinr_dot.png') left 45px repeat-x;
}
	#dates {
		width: 790px;
		height: 60px;
		overflow: hidden;
	}
		#dates li {
			color: #acb4b9;
			list-style: none;
			float: left;
			width: 100px;
			height: 50px;
			font-size: 20px;
			text-align: center;
			background: url('../../_images/interface/timelinr_biggerdot.png') center bottom no-repeat;
		}
			#dates a {
				color: #acb4b9;
				line-height: 38px;
				padding-bottom: 10px;
			}
			#dates .selected {
				color: #ffffff;
		        font-size: 33px;
			}
	
	#issues {
		width: 790px;
		/* height: 400px; */
		overflow: hidden;
	}	
		#issues div { }
		#issues li {
			width: 790px;
			/* height: 400px; */
			list-style: none;
			float: left;
		}
			#issues li.selected img {
				-webkit-transform: scale(1.0,1.0);
				-moz-transform: scale(1.0,1.0);
			    -o-transform: scale(1.0,1.0);
			    -ms-transform: scale(1.0,1.0);
			    transform: scale(1.0,1.0);
			}
			#issues li img {
				float: left;
				margin: 15px 30px 10px 50px;
				background: transparent;
				padding: 1px;
				border: 1px dotted #ffffff;

/* horizontaler Offset / vertikaler Offset / Blur / Spread (Überfüllung) / (R, G, B, Transparenz) */
-moz-box-shadow: 0px 9px 5px -5px rgba(0, 0, 0, 0.75);
-webkit-box-shadow: 0px 9px 5px -5px rgba(0, 0, 0, 0.75);
box-shadow: 0px 9px 5px -5px rgba(0, 0, 0, 0.75);

				-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */   
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE 6 & 7 */      
				zoom: 1;
				-webkit-transition: all 0.5s ease-in-out;
				-moz-transition: all 0.5s ease-in-out;
				-o-transition: all 0.5s ease-in-out;
				-ms-transition: all 0.5s ease-in-out; 
				transition: all 0.5s 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: #ffffff;
				font-size: 18px;
				margin: 15px 0px -22px 50px;
				/* text-shadow: #000 1px 1px 2px; */
			}
			#issues li p {
				margin: 0px 70px 0px 50px;
				/* font-size: 14px;
				font-weight: normal;
				line-height: 22px;
				text-shadow: #000 1px 1px 2px; */
			}
	
	#grad_left,
	#grad_right {
		width: 100px;
		height: 50px;
		/* height: 400px; */
		position: absolute;
		top: 0;
	}
		#grad_left {
	        left: 0;
	        background: url('../../_images/interface/timelinr_grad_left.png') repeat-y;
		}
		#grad_right {
	        right: 0;
	        background: url('../../_images/interface/timelinr_grad_right.png') repeat-y;
		}
	
	#next,
	#prev {
		position: absolute;
		top: 0;
		font-size: 70px;
		top: 70px;
		width: 22px;
		height: 38px;
		background-position: 0 0;
		background-repeat: no-repeat;
		text-indent: -9999px;
		overflow: hidden;
	}
		#next:hover,
		#prev:hover {
			background-position: 0 -38px;
		}
		#next {
			right: 0;
			background-image: url('../../_images/interface/timelinr_next.png');
		}
		#prev {
			left: 0;
			background-image: url('../../_images/interface/timelinr_prev.png');
		}
			#next.disabled,
			#prev.disabled {
				opacity: 0.2;
			}