/* =========================================================
CSS-fuer Website-Montesquieu - Entwurf
Stand: 05.02.2016
Datei: ..../bildschirm.css
Datum: 05.02.2016
Autor: Wolfram Fendler
Aufbau: 
1. Kalibrierung und Restauration
2. Allgemeine Styles
3. Styles für Layoutbereiche
4. Sonstige Styles
========================================================== */
/* =======================================
1. Kalibrierung und Restauration
======================================= */

* { padding: 0; margin: 0; } /* alle Abstände auf Null */
/* Abstaende neu definieren. */
  div#wrapper {
  margin-top: 10px;
  margin-right: auto; /* Abstand rechts */
  margin-bottom: 10px;
  margin-left: 10px; /* Abstand links */
}

/* =======================================
2. Allgemeine Styles
======================================= */
   /* Abstand nach unten */
h2, p, ul, ol { margin-bottom: 1em; }

/* Verschachtelte Listen ohne Abstand */
ul ul { margin-bottom: 0; }

/* Abstand von links */
li { margin-left: 1em; }

/* =======================================
3. Styles für die Layoutbereiche
======================================= */
#kopfbereich h1 {
  padding: 5px 0 5px 0;
  margin-bottom: 0; /* war 1em */
}
#navibereich {
  text-align: center; /* zentriert */
  background-color: yellow;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
   
}
#navibereich ul {
  display: inline; /* li nebeneinander anzeigen */
  list-style-type: none; /* ohne Aufzählungspunkte */  
}
#navibereich li {
  display: inline; /* li nebeneinander anzeigen */
  list-style-type: none; /* ohne Aufzählungspunkte */  
}

 /* #navibereich a {
  display: block;  ganze Fläche anklickbar machen 
} */
#textbereich { color: black; float: left;
  text-align: left; /* linksbündig */
size: +1;
 /* background-color: white;*/
style: background-image: url(backgrounds/sable.jpg);
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  margin: 0px;
   
 /* width: 800px;*/
}
#bild {
  /* position: absolute;
  top: 250px;
  left: 500px; 
  margin: 500px;  
  width: 500px;
  height: 500px; */
  text-align: center; /* zentriert */
  background-color: white;
  /* background-image: url(background2.jpg); */
  color: black;
 padding-top: 20px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 0;  
}
#fussbereich {clear: both;
  text-align: center; /* zentriert */
  background-color: yellow;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  color: black;  
}

/* =======================================
4. Sonstige Styles
======================================= */
#startseite #navi01 a {
  color: black;
  background-color: white;
}
a:visited { color: #cc6666; }
a:hover,
a:focus {
  background-color: white;
   /* border-bottom: 1px solid #d90000; Keine Unterstreichung */
}
a:active {
  color: white;
  background-color: #d90000;
}
/* Das Kontaktformular */
form {style="float:right; Width:460;"
  background-color: #eee;
  width: 460px; /* Breite des Formulars */
  padding: 20px;
  border: 1px solid #8c8c8c;
}
label { /* Beschriftung auf eigener Zeile */
  display: block;
  cursor: pointer; /* Mauszeiger wird zur Hand */
}
input#absender,
textarea {
  width: 460px;
  border: 1px solid #8c8c8c;
  margin-bottom: 1em;
}
textarea {
  height: 7em;
}
input:focus,
textarea:focus {
  background-color: #d9d9d9;
}
.clearing { clear: both; }