body
	{
		margin: 0;
		padding: 0;
		font: 85% arial, hevetica, sans-serif;
		text-align: center;
		color: #505367;
		background: url(../img/bkg2.png) 0 0 repeat-x white;
		
	}
	
img { /* Alle Bilder bekommen einen schönen Rahmen. */
  padding: 1px;
  max-width: 95%; /* Gute Browser machen ein zu großes Bild, welches das Design sprengen würde, entsprechend kleiner. Funktioniert beim IE leider nicht. */
}
.fleft { /* Sachen, an denen der Text vorbeifließen soll, wierden diese Klassen zugewiesen. */
  float: left;
  margin: 0 1em 0.2em 0; /* Man sollte einen schönen Abstand wählen, sonst kleben die Sachen so am Text. */
}
.fright {
  float: right;
  margin: 0 0 0.2em 1em;
  padding: 1px;
}
	#container
	{
		margin: auto;
		width: 850px;
		text-align: left;
		background-color: white;
		border: 0px solid black;
	}
	
	#header
	{
		height: 128px;
		/*background: url(./img/titel.png) no-repeat 0 0 black;*/
		background: black;
	}
	
	#nav
	{
		height: 70px;
		background: url(../img/menu.png) no-repeat 0 0 white;
		font-size: 20px;
	}
	
	#nav ul
	{
		margin: 0 0 0 20px;
		padding: 17px; /* Abstand Menü zum oberen Rand */
		list-style-type: none;
	}

	#nav li
	{
		display: inline;
		padding: 0 28px; /* Abstand der Menüpunkte */
	}

	#nav li a
	{
		text-decoration: none;
		color: grey;
	}

	#nav li a:hover
	{
		text-decoration: none;
		color: black;
	}
	
	#content	
	{
		background: url(../img/window3.png) no-repeat 0 0 white;
		margin-right: 15px;
		margin-left: 18px;
		height: 300px;
	}
	
	#content p
	{
		font-size:15px;
		line-height:20px;
		text-align:justify;
		padding-right:20px;
	}
	
	
	
	#bottom
	{
	background: white;
	margin-left: 20px;
	margin-right: 20px;
	height: 155px;
	/*float: left;*/
	}
	
	#bottom ul
	{
		padding-left: 12px;
	}
	
	#footer	
	{
		clear: both;
		height: 20px;
		background-color: white;
		border-top: 2px solid grey;
	}
	
	#footer p
	{
		font-size: 10px;
	}