body {
	/*background-image: url(background.jpg);*/
	background-color:	#1E90FF;
	background-repeat:	no-repeat;
	background-position: relative;
	background-repeat: repeat; 
}

#content{
	
	background-color:			white;
	margin:						0 auto;
	color:						#792c18;
	height:						auto;
	width:						1000px;
	/* overflow:				auto; */
	text-align:					left;
	font-family:				DejaVu Sans;
	font-size:					18px;
	background-color: 			rgba(255, 255, 255, 0.7);
	border:						1px solid white;
	position:					relative;
	-moz-border-radius:			10px;		/* Firefox */
	-webkit-border-radius:		10px;		/* Safari, Chrome */
	-khtml-border-radius:		10px; 		/* Konqueror */
	border-radius:				10px; 		/* CSS3 */
	-o-border-radius: 			10px;
}

#indexstart{
	
	/* div hat # am Anfang*/
	color:				blue;
	background-color:	white;
	width:				480px

}

#size{

	font-size:	110%;
	color:		blue;

}

#joel{

	color: green;

}
.liste {
	
	/* class hat . am Anfang*/
	width: 				610px;
	height: 			60px;
	background-image: 	url(navigation.png);
	background-repeat: 	no-repeat;
	margin: 			20px auto;
	padding: 			17px 0 0 15px;

}

.navi {
	list-style-type: 	none;
	margin-right: 		15 px;

}

.navi a {
	text-decoration: 	none;
	color: 				#b1b1b1;
	float: 				left;
	margin-right: 		15px;

}

.navi a:hover{

	color: 			white;
	text-shadow:	0 0 10px white;
	
	}
	
.navi2 {

	text-align:					left;

}

.subnavi {

	text-align: 	right;
	background: 	blue;
	width: 			100px;
	height: 		20px;
	list-style-type: 	none;

}

.subnavi a {

	text-decoration: 	none;
	color: 				#b1b1b1;
	float: 				right;
	margin-right: 		15px;

}
.subnavi a:hover {

	color: 			white;
	text-shadow: 	0 0 10px white;
	background-color: green;
	
}

.subnavi2 {

	text-align: 	right;
	background: 	blue;
	width: 			100px;
	height: 		20px;
	list-style-type: 	none;

}

.subnavi2 a {

	text-decoration: 	none;
	color: 				#b1b1b1;
	float: 				right;
	margin-right: 		15px;

}
.subnavi2 a:hover {

	color: 			white;
	text-shadow: 	0 0 10px white;
	background-color: green;
	
}