@charset "UTF-8";
/* CSS Document */

#slider { padding:0; }
.fadein { display:none; }
	#slider a:focus { -moz-outline-style: none; }

div.scroll { 
	/* modify width and height of scrolling section if necessary	*/
	width: 850px;
	height:220px;
	margin:0;
	overflow:auto;
	position:relative; /* fix for IE to respect overflow */
	}
.tworow div.scroll { height:440px !important; }
	div.scroll div.panel {
		width: 830px; 
		}
	div.scroll div.snapshot {
		width:110px;
		display:inline;
		text-align:center;
		margin:0 10px 0 0;
		float:left;
		clear:none;
		}
	div.scroll div.last { margin:0; }
		div.scroll div.snapshot a span {
			display:block;
			width:110px;
			color:#fff;
			text-decoration:none;
			margin:5px 0 0 0;
			}
		div.scroll div.snapshot a:hover span {
			color:#666;
			}
		div.scroll div.snapshot a img {
			border:none;
			}


	div#controller {
		font:normal 9px Verdana, Arial, Helvetica, sans-serif;
		line-height:16px;
		text-transform:uppercase;
		margin:10px 0 0 0;
		}
	div#controller span.label { float:left; color:#797979; font-size:9px; }
	div#controller ul { margin:3px 0 0; float:left; padding:0 0 0 5px; }
	div#controller li {
		list-style-type:none;
		float:left;
		}
		div#controller li a, div#controller li a:active, div#controller li a:focus {
			display:block;
			position:relative;
			width:10px;
			height:10px;
			margin:0 8px;
			text-indent:-9999px;
			overflow:hidden;
			background:url(/_img/din-mittelschrift.gif) no-repeat;
			}
			div#controller li a.flip1 { background-position:0 0; }
			div#controller li a.flip2 { background-position:-10px 0; }
			div#controller li a.flip3 { background-position:-20px 0; }
			div#controller li a.flip4 { background-position:-30px 0; }
			div#controller li a.flip5 { background-position:-40px 0; }
			div#controller li a.flip6 { background-position:-50px 0; }
			div#controller li a.flip7 { background-position:-60px 0; }
			div#controller li a.flip8 { background-position:-70px 0; }
			div#controller li a.flip9 { background-position:-80px 0; }
			div#controller li a.flip10 { background-position:-90px 0; }
			div#controller li a.flip11 { background-position:-100px 0; }
			div#controller li a.flip12 { background-position:-110px 0; }
			div#controller li a.flip13 { background-position:-120px 0; }
			div#controller li a.flip14 { background-position:-130px 0; }

			div#controller li a.flip1:hover { background-position:0 -10px; }
			div#controller li a.flip2:hover { background-position:-10px -10px; }
			div#controller li a.flip3:hover { background-position:-20px -10px; }
			div#controller li a.flip4:hover { background-position:-30px -10px; }
			div#controller li a.flip5:hover { background-position:-40px -10px; }
			div#controller li a.flip6:hover { background-position:-50px -10px; }
			div#controller li a.flip7:hover { background-position:-60px -10px; }
			div#controller li a.flip8:hover { background-position:-70px -10px; }
			div#controller li a.flip9:hover { background-position:-80px -10px; }
			div#controller li a.flip10:hover { background-position:-90px -10px; }
			div#controller li a.flip11:hover { background-position:-100px -10px; }
			div#controller li a.flip12:hover { background-position:-110px -10px; }
			div#controller li a.flip13:hover { background-position:-120px -10px; }
			div#controller li a.flip14:hover { background-position:-130px -10px; }

		div#controller li a:hover { color:#222; }
		div#controller a.row-select { float:left; clear:left; color:#797979; font-size:9px; }
		div#controller a.video-link { float:right; }
		div#controller a.row-select:hover, div#controller a.video-link:hover { color:#222; }


/* Touch controls for iPhone/iPod Touch
-------------------------------------------------*/
/* IPHONE ANIMATION API CLASSES */
.divRtC {
	-webkit-animation-name: 'RtC';
	-webkit-animation-duration: 1s;
}
.divCtL {
	-webkit-animation-name: 'CtL';
	-webkit-animation-duration: 1s;
}
.divLtC {
	-webkit-animation-name: 'LtC';
	-webkit-animation-duration: 1s;
}
.divCtR {
	-webkit-animation-name: 'CtR';
	-webkit-animation-duration: 1s;
}
@-webkit-keyframes 'RtC' {
	from { left: 490px; }
	to { left: 10px; }
}
@-webkit-keyframes 'CtL' {
	from { left: 10px; }
	to { left: -490px; }
}
@-webkit-keyframes 'LtC' {
	from { left: -490px; }
	to { left: 10px; }
}
@-webkit-keyframes 'CtR' {
	from { left: 10px; }
	to { left: 490px; }
}