/* Stylesheet für CO-Verlag */
/* Schrift 000000, Body 8fbc8f, Menue 2e8b57, Auswahl daa520, Rahmen eee8aa, Texthintergrund fafad2, Titelrahmen eee8aa, Titelhintergrund ffffe0 */

/* ----------
Kalibrierung, Restauration 
---------- */
* { /* Browser-Vorgaben deaktiviert */
  font-size: 1em;
  padding: 0; 
  margin: 0; 
}
html { /* erzwingt Scrollbar im Firefox */
  height: 101%; 
  margin-bottom: 1px;
}
p, h1, h2 { /* allgemeine Abstaende */
  margin-bottom: 1em; 
}

/* ----------
Allgemeine Styles 
---------- */

/* Body */
body {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: small; 
  color: #000000;
  background: #8fbc8f;
  line-height: 1.5em;
}

/* Ueberschriften */
h1 { 
  font-size: 140%; 
  letter-spacing: 0.08em;
  margin-left: 1em;
}
h2 { 
  font-size: 120%;
  letter-spacing: 0.08em;
  color: #eee8aa; 
  background: #2e8b57; 
  padding: 2px 2px 2px 1em;
  border-top: 4px solid #daa520;
  margin-top: 1em;
}
h3 {
  letter-spacing: 0.08em;
  color: #2e8b57;
  background: #ffffff;
  border: 3px solid #eee8aa;
  padding: 2px 1em 2px 1em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

/* Hyperlinks */
a { 
  text-decoration: none; /* Unterstreichung entfernen */
  outline: none; /* keine Umrisslinie */
} 
a:link, 
a:visited {
  font-size: 105%; 
  color: #2e8b57;
}
a:hover,
a:focus { /* Unter Maus/Tastatur im Text */
  color: #daa520;
  border-bottom: 1px solid #daa520;
}
a:active { /* Klicken */
  color: #ffffff; 
  background: #daa520;
}

/* Direkt zum Inhalt */
.skiplink {
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
  position: absolute;
  top: -9999px;
  left: -9999px;
}

/* ----------
Layoutbereich
---------- */
/* Wrapper */
div#wrapper {
  background: #ffffff; 
  width: 960px; 
  border: 4px solid #daa520;
  margin-right: auto;
  margin-left: auto;
  background-image: url(bild/rose.jpg);
  background-position: left bottom;
  background-repeat: no-repeat;
}

/* Kopf */
div#kopf {
  background: #ffffff; 
  padding-top: 1em;
}

/* Menue */
div#menu {
  text-align: center;
  color: #2e8b57;
  position: absolute;
  margin-right: 0;
  margin-left: 3em;
}
div#menu li {
  list-style-type: none; 
  list-style-position: inside;
}
.makut {
  font-weight: bold;
  color: #daa520;
}
.mgrup {
  background: #fafad2;
  padding: 0.5em 1em 0.5em 1em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.mh1 { 
  font-size: 120%;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-align: center;
  color: #eee8aa; 
  background: #2e8b57; 
  padding: 2px 0.5em 2px 0.5em;
  border-top: 4px solid #daa520;
}
.mh2 {
  font-size: 100%;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-align: center;
  color: #2e8b57;
  background: #ffffff;
  padding: 2px 1em 2px 1em;
  border: 3px solid #eee8aa;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

/* text */
div#text {
  background: #fafad2;
  padding: 1em 3em 1em 3em;
  margin-right: 3em;
  margin-left: 30%;
}
div#text li { 
  list-style-type: none; /* keine Aufzaehlungszeichen */
}
div#text a {
  font-size: 100%; 
}
.p2 {
  background: #ffffff;
  padding: 1em;
  border: 3px solid #eee8aa;
}
.pzent {
  text-align: center;
  padding-top: 0.5em;
}

/* fuss */
div#fuss {
  margin-right: 3em;
  margin-left: 30%;
}
address {
  font-style: normal; /* normale Schrift, nicht kursiv */
  text-align: center;
  margin-top: 1em; 
}