body {
  font: .8em/1.8em verdana, arial, sans-serif;
  background-color: #FFFFFF;
  color: #000000;
  margin: 0 10% 0 10%;
  background-image:url(../alinaBilder2012/alinaWasser2klein.jpg);
}
#container { 
	position: relative; /* Durch Hinzufügen von position: relative können Sie die beiden Randleisten im Verhältnis zu diesem Container positionieren. */
	width: 800px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
	background: #FFFFFF;
	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	border: 0px solid #000000;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
	/*height: 550px;*/
	top:20px;
	background-image:url(../alinaBilder2012/gruenGras30.jpg);
	border-top-left-radius: 1em;
	border-top-right-radius: 5em;
	border-bottom-right-radius: 1em;
} 
#mainContent { 
	margin: 0px 0px 0 0px;/* Der rechte und der linke Rand dieses div-Elements erstellen die beiden äußeren Spalten an den Seitenrändern. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge der Randleisten-divs immer gleich. */
	 padding: 10px 10px 10px 10px;/* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
	top: 100px;
	/*height:430px;*/
	background-image:url(../alinaBilder2012/hellGruen100pxBunt.jpg);
	width:780px;
	color:#363;
	font-size:12px;
	font-family:"Comic Sans MS", cursive;
	/* font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; */
	font-weight:normal;
	min-height:450px;
}

#header { 
	height: 100px; /* Wenn Sie die Quellenabfolge der Spalten ändern, sollten Sie für die Überschrift eine Höhe angeben, damit Sie den Spalten einen spezifischen top-Wert zuweisen können. */
	background: #DDDDDD; 
	padding: 0 10px 0 30px;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
	background-image:url(../alinaBilder2012/hgHeaderAlinaS1.jpg);
	border-top-left-radius: 1em;
	border-top-right-radius: 5em;
	
} 

#footer { 
	padding: 0 10px 0 10px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
	background:#DDDDDD;
	height: 50px;
	background-image:url(../alinaBilder2012/wasserGruen80x10.jpg);
	border-bottom-right-radius: 1em;
	} 
#footer p {
	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
	padding: 16px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
}

#footer a:link,  a:visited  {
	font-size: 14px;
  	text-decoration: none; 
 	font-weight: normal; 
 	color:#0F0;
	}

#footer a:hover  {

 color:#0F0;
 font-weight: bold;
	}

#navigation {
  font: 105% sans-serif;
  letter-spacing: 1px;
  margin: 0px 0px 0px 0px;
  width: 100%;
  overflow: hidden;
  background-image:url(../alinaBilder2012/hellGruen100pxBunt.jpg);
 
} 
#navigation li {
  list-style-type: none;
  float: left;
  margin-left: 1px;  
  border-top: 1px solid #060 ;
  border-left: 1px solid #060;
  border-right: 1px solid #060;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
 background-image:url(../alinaBilder2012/gruenGras30.jpg);
  color:#363;
}
#navigation a {
  display: block;
  padding-left: 5px;
  text-decoration: none;
  color:#363;
}
/*
#navigation a span {
  display: block; 
  padding: 10px 15px 10px 0px;
}
*/
#navigation a:hover, #navigation a:focus, #navigation a:active {
 	 background-position: 0% -72px;
  	 color:#363;
	 background-color:#0F0;
  	
}
#navigation a:hover span, #navigation a:focus span, #navigation a:active span {
  background-position: 100% -72px;
  /* color: #3A3532; */
}

#mainContent a{
	 color:#363;
	}
	
#mainContent  a:hover, #navigation a:focus, #navigation a:active {
 	 
  	 color:#363;
	 font-weight:bold;}

.featureimg {
	float: left;
    margin-right:20px;
}
#bilder {
margin-left:250px;
}