/* CSS */

* { margin: 0; padding: 0; }

body {
	margin: 0;
	padding: 0;
	width: 100%; height: 100%;
	background: #665;
	text-align: center;
	}
	
	#rahmen {
		position: absolute; top: 75px;
		left: 50%; margin-left: -342px; /* zentrieren */
		width: 683px; height: 435px; /* Bildgröße Rahmen */
		background: #cca;
		/* Runde Ecken */
		-webkit-border-radius: 28px;
		-moz-border-radius: 28px;
		border-radius: 28px;
		/* Schatten */
		-webkit-box-shadow: 5px 7px 5px #220;
		-moz-box-shadow: 5px 7px 5px #220;
		box-shadow: 5px 7px 5px #220;
		}
		#rahmen img {
			position: absolute; left: 0; top: 0;
			/* width: 683px; height: 435px;  Bildgröße Rahmen */				
			}
	
	#schieber_maske {
		position: absolute; top: 110px;
		left: 50%; margin-left: -311px; /* zentrieren */
		width: 625px; height: 367px; /* rundum 15px schmaler als Rahmen */
		overflow: hidden;		
		}
		#schieber {
			position: relative; left: -621px; top: -317px; /* Ausgangsposition */		
			}

	.log {
		position: absolute;
		left: 50%; margin-left: -312px;
		width: 625px; height: 15px; 
		background: #ffb;
		border-bottom: 1px solid #665;
		overflow: hidden;
	}
	#log {
		top: 75px;
		/*width: 425px;*/ width: 627px; height: 69px; background: none;
		overflow: hidden;
		}
		#log img { position: relative; left: -30px; }	
	#log-0 { top: 163px; }
	#log-1 { top: 196px; }
	#log-2 { top: 227px; }	
	#log-3 { top: 258px; }
	#log-4 { top: 288px; }	
	#log-5 { top: 322px; }
	#log-6 { top: 353px; }	
	#log-7 { top: 386px; }
	#log-8 { margin-left: -311px; top: 416px; }
	#log-9 { margin-left: -311px; top: 446px; }
	#log-92 { margin-left: -80px; top: 462px; width:394px; height: 15px; }
			
	#reset {
		position: absolute; top: 540px; 
		left: 50%; margin-left: -40px; /* zentriert */
		padding: 0;
		}
		#reset a {
			display: block;
			width: 70px; height: 22px;
			padding: 2px 5px 3px 5px;
			background: #ffc;
			border: 1px solid #f33;
			font-family: Calibri, sans-serif; font-weight: normal;
			font-size: 1.1em;
			color: #f33;
			text-decoration: none;
			/* Runde Ecken */
			-webkit-border-radius: 7px;
			-moz-border-radius: 7px;
			border-radius: 7px;
			/* Schatten */
			-webkit-box-shadow: 3px 4px 5px #220;
			-moz-box-shadow: 3px 4px 5px #220;
			box-shadow: 3px 4px 5px #220;
			}
			#reset a:hover {
				background: #f33;
				color: #ffc;
				/* Schatten */
				-webkit-box-shadow: 0px 0px 5px #220;
				-moz-box-shadow: 0px 0px 5px #220;
				box-shadow: 0px 0px 5px #220;
				}