@charset "utf-8";
/* CSS Document */

	html { 
  background: url(images/1280x1024-bamboo.jpg) no-repeat center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

html { height: 101%; } 

    body {
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
    	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
    	padding: 0;
    	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
    	color: #000000;
    }
    .huber #container {
    	width: 53em;
    	background-color: rgba(255,255,255,0.8);
	    border-radius: 40px;
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    }
	    .huber #container2 {
    	width: 46em;
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    }
	
	 .huber #container3 {
    	width: 53em;
    	background-color: rgba(255,255,255,0.8);
	    border-radius: 40px;
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    }
	
	  .huber #container4 {
    	width: 46em;
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    }
	
	 .huber #container5 {
    	width: 53em;
    	background-color: rgba(255,255,255,0.8);
	    border-radius: 40px;
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    }
	
	  .huber #container6 {
    	width: 46em;
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    }
	
	 .huber #container7 {
    	width: 53em;
    	background-color: rgba(255,255,255,0.8);
	    border-radius: 40px;
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    }
	
	
		    .huber #container8 {
    	width: 46em;
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    }
	
	 .huber #container9 {
    	width: 53em;
    	background-color: rgba(255,255,255,0.8);
	    border-radius: 40px;
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    }

	    .huber #container10 {
    	width: 46em;
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    }
	
	 .huber #container11 {
    	width: 53em;
    	background-color: rgba(255,255,255,0.8);
	    border-radius: 40px;
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    }

	    .huber #container12 {
    	width: 46em;
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    }
	
	 .huber #container13 {
    	width: 53em;
    	background-color: rgba(255,255,255,0.8);
	    border-radius: 40px;
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    }

	 .huber #abstand {
    	width: 46em;
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    }
	
	 .huber #navigation {
    	width: 53em;
    	background-color: rgba(255,255,255,0.8);
	    border-radius: 40px;
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    }
	

    .huber #mainContent {
    	padding: 0 30px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div-Box. */
    }

a {color: #6b8707; text-decoration:none; font: 16px Verdana,Arial, Helvetica, sans-serif; outline: none;  }
a:hover{color: #97be0a; outline: none; }
a.active, #navigation li a.active:hover {font: 16px Verdana, Arial, Helvetica, sans-serif; color:#6b8707; outline: none; 
}

#navigation a {color: #6b8707; text-decoration:none; font: 16px Verdana,Arial, Helvetica, sans-serif; outline: none;  }
#navigation a:hover{color: #97be0a; outline: none; }
#navigation a.active, #navigation li a.active:hover {font: 16px Verdana, Arial, Helvetica, sans-serif; color:#6b8707; outline: none; 
}	


.Stil1 {font-weight: bold}
.Stil2 {font-weight: bold}
.Stil3 {color: #00000;}
.Stil5 {color: #da9200; font-weight: bold;}
.Stil6 {color: #234f79}
.Stil8 {font-size: small;font-style: italic;}
.Stil9 {color: #87aa09}
.Stil10 {color: #87aa09; font-weight: bold; }
.Stil11 {font-size: small}

    -->