/* CSS Document */

* {
margin: 0px;
padding: 0px;
border: 0px;

}

	body
	{
		margin: 0;
		padding: 0;
		font: 95% verdana, arial, hevetica, sans-serif;
		text-align: center;
		color: #505367;
		background-color: #005085;
	}
	
	#container
	{
		margin: 1em auto;
		width: 900px;
		text-align: left;
		background-color: #3284C0;
		border: 1px solid #004674;
	}
	

	
	#mainnav
	{
		height: 210px;
		text-align:left;
		background-color: #6398BF;
		background-image:url(../bilder/ba_ape2.jpg);
		border-bottom: 2px solid #287FBE;
	}
	
	
	
	
	#roller {
	margin-left: 49px;
	text-decoration:none;
	float:left;
	margin-top: 4px;
	display: inline;
	font-size:18px;
	padding-left: opx;	
	text-align:left;
	border: 0px;
	margin: 0px;
	padding-top: 187px;
	padding-left: 85px;		
	}
	
	#ape {
	margin-left: 72px;
	text-decoration:none;
	float:left;
	margin-top: 4px;
	display: inline;
	font-size:18px;
	padding-left: opx;	
	text-align:left;
	border: 0px;
	margin: 0px;
	padding-top: 187px;
	padding-left: 115px;

	
	}
	
	#fahrrad {
	margin-left: 63px;
	text-decoration:none;
	float:left;	
	margin-top: 4px;
	display: inline;
	font-size:18px;
	padding-left: opx;	
	text-align:left;
	border: 0px;
	margin: 0px;
	padding-top: 187px;
	padding-left: 105px;
	}

	#fitness {
	margin-left: 60px;
	text-decoration: none;
	float:left;
	margin-top: 4px;	
	display: inline;
	font-size:18px;
	padding-left: opx;	
	text-align:left;
	border: 0px;
	margin: 0px;
	padding-top: 187px;
	padding-left: 100px;
	}

	#shop {
	margin-left: 60;
	text-decoration: none;
	float:left;
	margin-top: 4px;	
	display: inline;
	font-size:18px;
	padding-left: 0px;	
	text-align:left;
	border: 0px;
	margin: 0px;
	padding-top: 187px;
	padding-left: 100px;
	}
	
	
	#animation {
	margin-left: 50px;
	float:left;
	display:inline;
	padding-top: 14px;
	padding-left: 20px;
	
	}
	

	
/*	#mainnav ul {
	text-align:left;
	border: 0px;
	margin: 0px;
	padding-top: 20px;
	padding-left: 0px;
	}
		
	
	#mainnav li {
		
	display: inline;
	font-size:18px;
	padding-left: opx;
	}*/
		
/*		#roller li a {
		display: inline;
		font-size:24px;
		padding-left: 25px:
		
		}*/
		
		
	#mainnav div a {
	text-align:left;
	text-decoration:none;
	color: #FFFFFF;
}			
		
	#mainnav div a:hover {
	text-decoration:none;
	color:#CCCCCC;
	}

	
	
	#menu
	{
		float: left;
		margin-left: 20px;
		margin-top: 20px;
		width: 230px;
		background-color: #3284C0;
		border: 1px solid #287FBE;
		padding-bottom: 10px;
		
		
	}
	
	#menu ul {
		text-align:left;
		padding-left: 10px;
		padding-right: 10px;
		
	
	}
	
	#menu li {
	text-decoration:none;
	list-style-type:none;
	border-bottom:1px dotted silver;
	padding-top: 5px;
			
	}
	
	#menu a {
	text-decoration:none;
	color:#FFFFFF;
	
	}
	
	#menu a:hover {
	text-decoration:none;
	color:#72ACD9;

	
	}
	
	
	#contents
	{
		margin-left: 270px;
		margin-right: 20px;
		margin-top: 20px;
		margin-bottom: 20px;
		padding: 5px;
		min-height: 400px;
		background-color: #3284C0;
		color: white;
		font-size:14px;
		border: 1px solid #287FBE;
	}
	
	#footer	
	{
		clear: both;
		height: 20px;
		background-color: #6398BF; /*#6398BF alte Farbe*/
		border-top: 2px solid #287FBE;
	}
	
	#footer ul {
	text-align:right;
	margin-right: 10px;
	margin-top: 3px;

		
	}
	
	#footer li {
	font-size: 13px;
	color:#999999;
	text-decoration:none;
	display:inline;
	padding-left: 10px;
		
	}
	
	#footer a {
	text-decoration:none;
	color:#000000;
	}
	
	#footer a:visited {
	text-decoration:none;
	color:#000000;
	}
	/* Überschriften */

h1 {
font-size:16px;
font-weight:bold;
}