body{background-color:#000}

#main{
	
	font-family:Arial, Helvetica, sans-serif;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;	
	color:#FFF;
	
}

#content{
	width:100%;
	height:100%; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;

	margin-bottom:100px;
	margin-top:40px;

}

#contentimpress{
	width:100%;
	height:100%; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;

	margin-bottom:100px;
	

}

#makeMeScrollable
		{
			width:100%;
			height: 100%;
			position: relative;
		}
		
		/* Replace the last selector for the type of element you have in
		   your scroller. If you have div's use #makeMeScrollable div.scrollableArea div,
		   if you have links use #makeMeScrollable div.scrollableArea a and so on. */
		#makeMeScrollable div.scrollableArea img
		{
			position: relative;
			float: left;
			margin: 0;
			padding: 0;
			/* If you don't want the images in the scroller to be selectable, try the following
			   block of code. It's just a nice feature that prevent the images from
			   accidentally becoming selected/inverted when the user interacts with the scroller. */
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-o-user-select: none;
			user-select: none;
		}



#picslide{
	width:100%;
	height:100%;
	background-image:url(Bilder/background_home.jpg);
	background-position:center;
	background-size:cover;
	font-size:0px;
	
	background-repeat:no-repeat;
	}



a:link { text-decoration:none; color:white; font-size:14px;  }
a:visited { text-decoration:none; color:white; font-size:14px; }
a:hover { text-decoration:none; font-weight:bold; color:grey; font-size:14px;  }


#navi{
	padding-top:20px;
position:fixed;
text-align:center; 
background-color:#000;
height: 90px;
width: 100%;
bottom:0%;
}