/* Stylesheet fuer www.oedp-xyz Stand 02.11.2019 */

/*Beginn Test zu Leerzeichen beinhaltende Class-Werte wie class="ebene2 pro"
der folgende Selektor wirkt auf das Element: 
li.ebene2.pro {
  background-repeat:no-repeat;
}
Test zu mit Leerzeichen beinhaltendem Class-Wert Ende*/

body {
  margin: 0;
  padding: 0;
  background-color: white; /* pastellorange waere #fbbb7a; */
  font-family: Helvetica,Arial,sans-serif;
  font-size: 10pt;
  color: black; 
}
body#bericht {
  margin: 0 2% 0 2%; /*bei Berichten links und rechts Rand*/
}
div#kopf {
  border-top: 1px solid #f87d00;
  padding:0;
  background-image: url(../pict/grad-of87d00-uffffff-10x10.png);
  background-repeat:repeat-x; /* entspricht sonnigem orange 2009*/
  background-color: white;  /* damit Inhalt-Text nicht hinter Seitenkopf durchscheint*/
/*  background-color: #e07c13;  entspricht offiziellem ödp-orange */
}
div#inhalt {
  margin-top:0;    /* Abstand zur Navigationsleiste 1 */
  margin-right:0;     /* Abstand zum rechten Seitenrand */
  margin-bottom:75px; /* Abstandshalter verhindert ein Verdecken durch Fuss */
  margin-left:20%;  /* Freier Raum fuer Navigationsleiste vertikal */
  padding: 1em 0.5em;
  border: 1px solid silver;
}
div#fuss {
  position:fixed;
  top:90%;
  height:10%;
  width:100%;
  padding: 0 0 0 0;
  border:0px solid silver;
/* Beginn Spezifikationen für niedersächsischen Webpräsenz 2009 */
   background-color: rgb(248, 125, 0); /*entspricht #f87d00;*/
  background-image: url(../pict/grad-offffff-uf87d00-10x10.png);
  background-repeat:repeat-x;  
/* Spezifikationen für niedersächsische Webpräsenz 2009 Ende */
/*   background-color: #e07c13; entspricht offiziellem ödp-orange */

}
div#navi1 {
  position:fixed; /*hält die Navigation im sichtbaren Bereich*/
  top:85px;
  display:none;
  width:100%;
  padding:0 0;
  /*height:100px; bei Bild mit 100px Höhe in Feld 1 */
  background-color: white; /*damit Inhalts-Text nicht hinter Navigationstext erscheint*/
}
ul#navi2 {
  float:left;
  width:20%;
  margin: 0;
  padding: 0;
  /*background-color: rgba(234, 124, 19, 1); offizielles ödp-orange*/
  border: 0 solid silver;
}
@media print {
  div#inhalt {
    margin-left:0; /* Bei Ausdruck ohne Navigation 2, also volle
                      Medienbreite nutzbar */
  }
  div#fuss {
    visibility:hidden;
  }
  ul#navi2 {
    visibility:hidden;
  }
}
@media (max-width: 601px) {        /* bezieht sich auf Fenstergroesse */
/* @media (max-device-width: 601px) { bezieht sich auf Monitorgroesse */
    div#kopf {
      position:fixed;
      top:0px;
      width:100%
    }
    div#inhalt {
      margin-left:0;  /* Freier Raum fuer Navigationsleiste vertikal */
      margin-top:180px; /* Freier Raum für Navigationsleiste horizontal */
    }
    div#navi1 {
      display:block;
    }
    ul#navi2 {
      display:none;
  }
}
div#navi1 .start, div#navi1 .ebene1, div#navi1 .ebene2,
div#navi1 .ebene3, div#navi1 .ebene4  {
  width:20%;
  float:left;
  height:6em; /*deckt ein Untermenue mit 4 Zeilen ab*/
  border: 1px none grey;
}

div#navi1 .start,
ul#navi2 li.start {
    background-color: rgba(248, 125, 0, 0); /*ergibt weiss*/
}
div#navi1 .ebene1,
ul#navi2 li.ebene1 {
    background-color: rgba(248, 125, 0, 0.1); /*ergibt weiweiorg*/
}
div#navi1 .ebene2,
ul#navi2 .ebene2  {
  background-color: rgba(248, 125, 0, 0.2); /*ergibt orawei*/
}
div#navi1 .ebene3,
ul#navi2 .ebene3   {
  background-color: rgba(248, 125, 0, 0.3); /*ergibt oraorawei*/
}
div#navi1 .ebene4,
ul#navi2 .ebene4   {
  background-color: rgba(248, 125, 0, 0.4); /*ergibt oraoraorawei*/
}
ul#navi2 li {
  margin: 0; 
  border: 1px solid silver;
  list-style-type: none;
  padding: 0.4em 0 0.4em 0;
}
ul#navi2 li.ebene1 {
  padding-left: 0;
}
ul#navi2 li.ebene2 {
  padding-left: 0.5em;
}
ul#navi2 *.ebene3 {
  padding-left: 1em;
}
ul#navi2 li.ebene4 {
  padding-left: 1.5em;
}

ul#sitemap li {
  list-style-type:none;
}
ul#sitemap li.ebene1 {
}
ul#sitemap li.ebene2 {
  margin: 0em 0.5em 0em 3em; 
  padding: 0.2em 0em;
}
ul#sitemap li.ebene3 {
  margin: 0em 0.5em 0em 3.5em; 
  padding: 0.2em 0em;
}
ul#sitemap li.ebene4 {
  margin: 0em 0em 0em 3.5em; 
  padding: 0.2em 0em;
}
*.trenner {
  clear:both;
  border:0px solid silver;
}
*.navi3 {
  float:left;
  margin:0;
/*  width:25%; fuer vierspaltige Anordnung */
  width:33%; /* fuer dreispaltige Anordnung */
  padding:0;
  border:0px solid silver;
}
div#kopf h1 {
  margin: 20px 0 0 0;
  padding:0 1%; /* margin oder padding wegen hintergrund */
  border: 1px none silver;
  font-size:1.35em;
  color:#f87d00; /*entspricht orange der niedersächsischen Webpräsenz*/ 
/*color:white; weiß bei Hintergrund wie  Parteilogo mit weißer Schrift 2019*/
}
h1 {
  margin: 0em 0 0 0;
  border: 1px none silver;
  font-size:1.25em;
}
h2 {
  margin: 1.1em 0 0.9em 0;
  border: 1px none silver;
  font-size:1.15em;
}
h3 {
  margin: 1.1em 0 0.9em 0;
  border: 1px none silver;
  font-size:1.1em;
}
p {
  margin: 0 0 0.9em 0;
  border: 1px none silver;
  text-align:justify;
}
a:link {
  color:black;
}
a:visited  {
  color:gray;
}
*.anmerk {
  font-size:0.9em;
  font-style:italic;
}

div.cbox50 {
  position:relative;
  width:50%;
  margin:0;
  left:25%;
  border:1px none silver;
}
div.cbox80 {
  position:relative;
  width:80%;
  margin:0;
  left:10%;
  border:1px none silver;
}
div.bildbox {
  /* border: 1px solid black; */
  background-color:#eee; /*hellstgrauer Hintergrund für Bildboxen  */
}
div.bildbox.c {
  margin-left:auto; /*fuer horizontale Zentrierung*/
  margin-right:auto;/*fuer horizontale Zentrierung*/
}
div.bildbox.l {
  float:left;
  margin:0 4% 2% 0;
}
div.bildbox.r {
  float:right;
  margin:0 0 2% 4%;
}
div.bildtext {
  font-size:0.8em;
}
div.bildtext.quelle {
  text-align:right;
}
/* Beginn Spezifikationen für Inhalt1, Aktuelles */
div.termin {
    width:100%;
    margin-top:2em;
    border:1px solid silver;
}
div.termin div.von {
    font-weight: bold;
    width:15%;
    float:left;
    border:0 solid green;
}
div.termin div.bis {
    font-weight: bold;
    width:15%;
    float:left;
    border:0 solid green;
}
div.termin div.ort {
    font-weight: bold;
    border:0 solid green;
}
div.termin div.titel {
    margin: 0 0 0 0;
    font-weight: bold;
    border:0 solid green;
}
div.termin div.beschreibung {
    margin: 1em 0 0 0;
    border:0 solid green;
}
div.termin div.vort {
    width:25%;
    float:left;
    border:0 solid green;
}
div.termin div.adresse {
    width:25%;
    float:left;
    border:0 solid green;;
}
div.termin div.veranstalter {
    width:25%;
    float:left;
    border:0 solid green;
}
div.termin div.anmelden {
    width:12%;
    float:left;
    border:0 solid green;
}
div.termin div.berichte {
    border:0 solid green;;
}
div.hvort, div.hadresse, div.hveranstalter, div.hanmelden, div.hberichte {
  font-size:75%;
  color:grey
}

/* Spezifikationen für Inhalt1, Aktuelles Ende*/
/* Beginn Spezifikationen für Inhalt4, Dokumentation */
div.dokument {
    width:100%;
    margin-top:2em;
    border:1px solid silver;
}
div.dokument div.datum {
    width:15%;
    float:left;
    border:0 solid green;
}
div.dokument div.ort {
    border:0 solid green;
}
div.dokument div.titel {
    border:0 solid green;
}
div.dokument div.link {
    width:5%;
    float:right;
    border:0 solid green;
}
div.dokument div.typ {
    text-align: right;
    border:0 solid green;
}
/* Spezifikationen für Inhalt4, Dokumentation Ende*/
em {
  font-weight:bold;
  font-style:italic;
}
strong {
  /* font-weight:bolder; */
  /* font-style:italic; */  
}
samp {
  
}
var {
  
}
a {
  text-decoration:none;
  font-weight:bold; 
}
q {   /* Quotation-Element */
  display:block;
  font-style:italic;
  margin:0 0 0 5%;
}
cite {
  display:block;
  text-align:right;
  margin:0 0 0.9em 5%;
  
}
dfn {
  
}
abbr {
  
}
acronym {
  
}