/* 1. Kalibrierung und allgemeiens Styles */

* { padding: 0; margin: 0; }
h2, p, ul, ol { margin-bottom: 1em; }
ul ul { margin-bottom: 0; }
li { margin-left: 1em; }
/* Allgemeine Selektoren */
h1 { font-size: 150%; }
h2 { font-size: 130%; }

/* 2. Styles für die Layoutbereiche */

body {
   color: white;
   background-color: #8c8c8c;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: small;
}
#wrapper {
   color: black;
   background: white;
   width: 800px;
   margin: 50px auto 10px auto;
}
#header {
   position: relative;
   color: black;
   height: 100px;
   background-color: #ff0000;
   padding: 20px 10px 0px 20px;
   margin-bottom: 5px solid white;
}
   #header p {
      position: absolute;
      top: 50px;
      right: 90px;
      color: white;
      font-weight: bold;
      padding: 5px 0 5px 0;
      margin-bottom: 0;
}
#content {
   position: relative;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   height: auto;
   padding: 50px 100px 20px 50px;
}
   #content li {
      display: block;
      list-style-type: none;
      margin: 0;
}
   #content a {
      display: block;
      color: black;
      text-decoration: none;
      font-family: Arial;
      padding: 2px;
}
.liste li {
      float: left;
      width: 120px;
      height: 80px;
}
.linksliste li {
      float: left;
      width: 120px;
      height: 80px;
}

#navi {
   text-align: right;
   color: black;
   background-color: #4169e1;
   padding: 5px 20px 4px 10px;
   border-bottom: 1px solid #8c8c8c;
}
   #navi ul { margin-bottom: 0; }
   #navi li {
      display: inline;
      list-style-type: none;
      margin: 0;
}
   #navi a {
      color: black;
      background-color: white;
      padding: 4px 8px 4px 8px;
      border: 1px solid #8c8c8c;
      text-decoration: none;
}
   #navi a:active {
      color: black;
      background-color: white;
}
   #navi a:hover,
   #navi a:focus,
   #startseite #navi01 a,
   #galerie #navi02 a,
   #blog #navi03 a,
   #links #navi04 a,
   #kontakt #navi05 a,
   #impressum #navi06 a {
      color: black;
      background-color: white;
      border-bottom-color: white;
}

#footer {
   text-align: center;
   padding: 10px 20px 20px 20px;
   border-top: 1px solid #8c8c8c;
   margin-top: 20px;
}
#logo {
   color: black;
   background-color: white;
   padding: 2px;
   border: 3px solid #d9d9d9;
}
/* 3. Sonstige Styles */
/* Das Kontaktformular */
form {
   background-color: #eee;
   width: 400px;
   padding: 5px;
   border: 1px solid #8c8c8c;
}
label {
   display: block;
   cursor: pointer;
}
input#absender,
textarea {
   width: 400px;
   border: 1px solid #8c8c8c;
   /* margin-bottom: 1em; */
}
textarea {
   height: 10em;
}
input#absender:focus,
textarea:focus {
   background-color: #d9d9d9;
}