/* CSS-Datei style.css */
#seite {
    position: relative;
    min-height: 100%;
    width: auto%;
    margin: 0 auto;
    background-color:#FEFDFC;
    }
#kopfbereich {
  background-color: red;
}
#home {
  background-color: black;
  padding-left:2em;
text-decoration: none;

}
#schatten {
  background-color: green;
}
#inhalt {
  background-color:#FEFDFC;
  padding:2em;
}
#kopfbereich {
  background:url(img/top-bkg.jpg) no-repeat left top;
  height:300px;
  
}
#home {
  background-color:#E48E45;
}
#schatten {
  background:url(img/schatten.png) repeat-x;
  height : 12px;
}
html, body {
    height: 100%;
  font: 100% Arial, Helvetica, sans-serif;
}
#kopfbereich p {
  color:white;
  text-align:left;
  font-size:2em;
  padding:1.4em 1.4em 0 0;
 
}
.button {
 width: 240px; /* Breite des Buttons */
 height:50px; /* Höhe des Buttons */
 border: 1px solid #aaa; /* Rahmen */
 border-radius: 5px; /* Abgerundete Ecken */
 background: #eee; /* Hintergundfarbe für ältere #993300Browser */
  background-image: linear-gradient(#cdffbc, #6ec153); /* Farbverlauf */
 display: block; /* Darstellung als Block-Element */
 text-align: center; /* Horizontale Text-Ausrichtung */
 text-decoration: none; /* Links nicht unterstrichen */
 color: white; /* Textfarbe */
}

* {
  margin:0;
  padding:0;
}

#inhalt h1, h2, h3,p, ul {
   padding-bottom:1.7em;
}

img {
    float: right;
    border: none;
    display: block;
max-width: 99%;
margin: 0 auto}
   
#footer {   /* Footerbereich */
    background-color: #E48E45;
    color: #000000;
    position:absolute;
    bottom: 0;
    height: 100px;
    width: 100%;
    min-width:200px;
    padding: 0px;
    margin: 0px;
    border: 0px;
   
}
#left {     /* Linke Spalte mit 33% Breite und float:left */
    width: 33%;
    float: left;
    padding: 15px 0px 0px 10px;
    margin: 0px auto 0px auto;
    text-align: left;
}
#center {   /* Mittlere Spalte mit 20% Breite und float:left */
    width: 20%;
    float: left;
    padding: 15px 0px 0px 0px;
    margin: 0px auto 0px auto;
    text-align: center;
}
#right {    /* Rechte Spalte ohne feste Breite und float:right */
    width: auto;
    float: right;
    padding: 15px 10px 0px 0px;
    margin: 0px auto 0px auto;
    text-align: right;
}
#clear {    /* Beendet den Float-Bereich */
    clear: both;
}