@charset "utf-8";
/* CSS Document */
#wrap  {
    float: left;
    margin: 0;
    padding: 0;
    width: 992px;  /* optimal für 1024er Breite */
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    height: auto;
}

h1
{
  font-size: 1.8em;
  font-weight: bold;
  margin: 0;
  padding: 0;
  color: #FFFFFF;
  clear: both;
  text-align: center
}

h2
{
  font-size: 1.1em;
  font-weight: bold;
  margin: 0;
  padding: 0;
  color: #000;
  clear: both;
  text-align: left;
}

h3
{
  font-size: 1.4em;
  font-weight: bold;
  margin: 0;
  padding: 0;
  color: #BBBBBB;
  clear: both;
}

h4
{
  font-size: 0.7em;
  font-weight: normal;
  margin: 0;
  padding: 0;
  color: #BBBBBB;
}

h5
{
  font-size: 1.2em;
  font-weight: bold;
  margin: 0;
  padding: 0;
  color: #BBBBBB;
}

h6
{
  font-size: 0.75em;
  font-weight: normal;
  margin: 0;
  padding: 0;
  color: #CCCCCC;
}

p
{
  font-size: 1em;
  font-weight: normal;
  margin: 0px 0px 0px 0px;
  padding: 0px 70px 0px 60px;
  color: #000;
}
.bild-links-umfluss{
	float: left; 	/*Textumbruch bzw. umfließen eines Objektes*/
	margin-right:20px; /*Abstand zum Bild*/  
	}
	
	}
	
.bild-rechts-umfluss{
	float: right; 	/*Textumbruch bzw. umfließen eines Objektes*/
	margin-left:15px; /*Abstand zum Bild*/  
	}
	.rot {
	color:red; 
/* Ein Klassenselektor beginnt immer mit einem Punkt
	gefolgt vom frei wählbaren Namen der Klasse 
	Im HTML Dok. muss die Klasse mit dem HTML-Attribut class="rot"
	im jeweiligen HTML-Befehl eingefügt werden.
	
	Klassen können in allen HTML-Befehlen verwendet werden
	*/
}
.gruen {
	color:green;
/* Ein Klassenselektor beginnt immer mit einem Punkt
	gefolgt vom frei wählbaren Namen der Klasse */
}
.textrechts { text-align:right; 
/*  Klassenselektor Ausrichtung Text rechts */
}


/* ------------------------ FUSSNOTE ---------------------- */

#footer {
  float: right;
  width: 992px;
  height: 31px;
  padding: 14px 0px 0px 0px;
  color: #EDEDED;
  text-align: center;
  font-size: 0.6em;
  background-color: #0000CC;
  background: url(footer.jpg) top left no-repeat;

}

#footer a {
       	margin: 0;
        /* text-decoration: none; */
	color: #DEDEDE;
}

#footer a:hover {
	color: #FFFFFF;
}
