/** https://little-boxes.de/  **/
/** https://little-boxes.de/little-boxes-teil1-online.html **/
/*** Stylesheet für Rommel Prod. GmbH ***/
/*** 09.02.2019 ***/
* {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%; /* etwas kleiner als der Rest */
  font-style: normal; /* normale Schrift, nicht kursiv */
  letter-spacing: 0px; /* Abstand zwischen den Buchstaben */
  padding: 0;
  margin: 0;

}
html {
/** erzwingt Scrollbar im Firefox */
/** height: 101%; **/
  height: 100%;
  margin-bottom: 1px;
}
body {
  background-color: white; /* Hintergrundfarbe */
  color: darkgrey; /* Schriftfarbe */
  font-size: small; /* Schriftgröße */
}
h1 { font-size: 150%; }
h2 { font-size: 130%; }
div#wrapper {
  color: black;
  background-color: white;
  width: 400px; /* Breite des Inhaltsbereichs */
  margin-top: 10px;
  margin-right: auto; /* Abstand rechts */
  margin-bottom: 10px;
  margin-left: auto; /* Abstand links */
  /** Wenn die Außenabstände (margin) für links und rechts **/
  /** auf automatisch gesetzt werden, sind sie immer gleich **/
  /** groß und das Element erscheint zentriert. **/

}
div#kopfbereich {
  color: #d90000; /* Schriftfarbe */
  background-color: #f3c600;
/**  background-image: url(farbverlauf.jpg); **/
/**  background-repeat: repeat-y; /* nur vertikal (untereinander) */ **/
/**  background-position: left top; **/
/**  background-attachment: fixed; **/
/**  background: #ffe574 url(farbverlauf.jpg) repeat-y left top; **/
  text-align: right; /* mittig */
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
}

div#impressum {
  padding-top: 5px ;
  padding-right: 20px;
  padding-bottom: 5px;
  padding-left: 20px;
}
div#textbereich {
  padding-top: 10px ;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 20px;
}
div#Datenschutz {
  padding-top: 10px ;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 20px;
}
div#fussbereich {
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 20px;
  padding-left: 20px;
  border-top: 1px solid #8c8c8c;
  margin-top: 0;
  text-align: right; /* rechtsbündig */
  color: green;
  font-size: 70%; /* etwas kleiner als der Rest */
  font-style: oblique; /* normale Schrift, nicht kursiv */
/**  background: #ffe574 url(farbverlauf.jpg) repeat-y top left; **/
/**  padding: 5px 10px 4px 10px; **/
/**  border-bottom: 1px solid #8c8c8c; **/
}

div#textbereich a,
div#textbereich a:link,
div#textbereich a:visited {
  border-bottom: 1px black;
  text-decoration: none;
  color: black;
}
div#textbereich a:hover,
div#textbereich a:focus {
  border-bottom: 1px black;
  text-decoration: none;
  color: white;
  background-color: grey;

}

div#fussbereich a:link,
div#fussbereich a:visited {
  border-bottom: 1px grey;
  text-decoration: none;
  color: green;
  background-color: white;
}
div#fussbereich a:hover,
div#fussbereich a:active,
div#fussbereich a:focus {
  border-bottom: 1px grey;
  text-decoration: none;
  color: darkgreen;
  background-color: lightgreen;
}

address {
  text-align: center; /* zentrieren */
  line-height: 1.5; /* Zeilenabstand, ohne Einheit */
}

/**
a { text-decoration: none;  /* Unterstreichung entfernen */
/**  outline: none; **/
/**
}
a:link { color: #d90000;
}
a:visited { color: #cc6666;
}
a:hover,
a:active {  color: white;
  background-color: #d90000;
}
a:focus {  border-bottom: 1px solid #d90000;
}
***/


/* 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; }