/* Stylesheet - erstellt im Agust 2013 */


/* zuerst alle grenzen auf Null setzen - wichtig  */

	* { padding: 0; margin: 0; }

/*  Farbe für den body festlegen */

	body {
  background-color: #F5D0A9; /* Hintergrundfarbe  */
  color: #660000;            /* Schriftfarbe braun */
	}
	
/*  Überschriften h1 gestalten */	
	
	h1 {
	    color: #660000;      /* braun */		
		background: #F5D0A9;
		font-family: Verdana, Atial, Helvetia, sans-serif;
		font-style: italic;    /* kursiv */
		}	
	h2 {
	    color: #660000;      /* braun */		
		background: white;
		font-family: Courier New, Courier, mono;
		}
	h3 {
	    color: #660000;      /* braun */		
		background: white;
		font-family: Courier New, Courier, mono;
		}	

/* ===================================================================== */

   #wrapper {
     color: #660000;                       /* Schriftfarbe braun */
     background-color: #B45F04;            /* Hintergrundfarbe  */
     width: 900px;                         /* fest Breite des Inhaltsbereichs  900 px  */
     margin-top: 50px;
     margin-right: auto;                   /* Abstand rechts automatisch */
     margin-bottom: 10px;
     margin-left: auto;                    /* Abstand links automatisch */
     border-width: 0,5cm; border-style: solid; border-color: #f8fbef;
  }
/* ==================================================================== +/  
  	
  
  /* ================================================================== */
  
  #kopfbereich {
     color: #660000;
     background-color: #B45F04;            /* Hintergrundfarbe  */
     padding-top: 10px;                    /* Innenabstand nach oben */
     padding-right: auto;	               /* Innenabstand nach rechts */
     padding-bottom: 10px;                 /* Innenabstand nach unten */
     padding-left: auto;                   /* Innenabstand nach links */
}
  /* ======================================================================= */
  
  #fadeshow1 {
     margin-left: auto;
     margin-right: auto;
     margin-top: auto;
     margin-bottom: auto;
     border-width: 0,5cm; border-style: solid; border-color: #f8fbef;
}  
  
  /* ======================================================================= */
  
   #navibereich {
      text-align: center;                 /* zentriert */
      color: black;
      background-color: #B45F04;			/* Hintergrundfarbe */
      padding: 5px 20px 4px 20px;
   
}
   #navibereich li {
      display: inline;                 /* li nebeneinnder anzeigen */
      list-style-type: none;           /* ohne Aufzählungspunkte */
      margin: 0;
   }
   #navibereich a { 
      color: black;                    /* Schriftfarbe */
	  background-color: #F3F781;       /* beige */
	  padding: 4px 8px 4px 8px;
	  border: 1px solid #8c8c8c;		 /* grau */
	  border-radius: 5px;      
  }	  
	  
   #navibereich a:hover,
   #navibereich a:focus {				
      color: white;	    					/* Schriftfarbe */									
	  background-color: #d90000;    		/*  rot d90000 */
	  border-bottom: 1px solid #d90000;     /*  rot d90000 */
	  }
	#navibereich a:active {
	  color: black;
	  background-color: white;  
	  border-bottom-color: white;
	  }
	  a {
	     text-decoration: none;
		 outline: none;
		 }
 
   /* ====================================================================== */
	#textbereich {
		color: white;	    					/* Schriftfarbe */	
}
 
 /* ======================================================================== */

  
 
	#fussbereich {
	color: white;	    					/* Schriftfarbe */	
     padding-top: 10px;                 /* unterhalb der Rahmenlinie */
     padding-right: 20px;
     padding-bottom: 20px;
     padding-left: 20px;
     border-top: 1px solid #8c8c8c;     /* Rahmenlinie oben - grau */
     margin-top: 20;					/* oberhalb der Rahmenlinie */
}  

  /* ======================================================================== */
  
  <!-- Zusatzinformationen für Links -->
  
  a:link { color: #00FF00; }        					/*  */
  a:visited  { color: #00FF00; } 						/*  */
  
  a:hover,
  a:focus {
     border-bottom: 1px solid #d90000;   
	 }
  a:active {
     color: white;
	 background-color: #d90000;  
   }	 	 
  
  <!-- Ende der Zusatzinformationen -->
  /* ============================================================================= 
       Definieren von CSS Klassen für eine Grafik
	=========================================================================== */
	
	.bildlinks {
	   float:left;
	   padding: 3px;
	   border: 5px solid #ccc;
	   margin-right: 10px;
	   margin-bottom: 10px;
	   }
	.bildrechts {      
        float:right;
	   padding: 3px;
	   border: 5px solid #ccc;
	   margin-left: 10px;
	   margin-bottom: 10px;
	   margin-right: 20px;
	   }