/* CSS Document */

body {
	padding:2px 80px;
	font-family:"Lucida Grande","bitstream vera sans","trebuchet ms",sans-serif,verdana;
}
h2 {padding:0;margin:0}
/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

#topnav {
	text-align:right;
	width:790px;
	margin: 0 auto;
	padding:5px;
	background:#E4E4E4
	}


#content {
	width:800px;
	height:532px;
	margin: 0 auto
	}

#topnav a {
	font-size:80%;
	text-decoration:none;
	color:#333333
	}
#topnav a:hover {
	color:#fff;
	}
.small {
	font-size:60%;
	float: left;
	padding-top: 6px;
	}
	
/* root element for single scroll */
	.scroll {
		position:relative;
		overflow:hidden;
		width: 400px;
		height: 266px;
		float:left;
	}
	
	/* root element for the scroll pics */
	.scroll .pics {
		width:20000em;
		position:absolute;
		clear:both;
	}
	
	/* single scroll item */
	.pics div {
		float:left;
		cursor:pointer;
		width:400px !important;
		height:266px;
		margin:0px;
	}
	/* possible settings for the active scroll */
	.scroll.active {
	}

/* the overlayed element */
.apple_overlay {
	/* initially overlay is hidden */
	display:none;
	/* growing background image */
	background-image:url(images/white.png);
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:390px;		
	/* some padding to layout nested elements nicely  */
	padding:35px;
	/* a little styling 	
	font-size:11px;*/
	color:#565656;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(images/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}
.startseite {
	background-image:url(images/white-start.png);
	width:550px;
	padding-bottom:55px;
	}