@import url('https://fonts.googleapis.com/css?family=Imprima|Montserrat:200,400');

      .nurliste        { list-style-type: none; }
      .einruecken      { text-indent:10px; }
      .links    { text-align: left; }
      .rechts   { text-align: right; }
      .zentriert  { text-align: center; }
      .block { text-align: justify; }
      
      ul.liste {list-style-type: disc;} 
      


      * {
         box-sizing: border-box;
         font-family: Montserrat, Arial, sans-serif;
         font-weight: 400;
         font-size: 101%; 
         line-height: 1.7;
      }

      html, body {
         background-color: #655c4c; 
      }

      h1 { font-size: 200%;}
      h2 { font-size: 150%;}

      p, h1, h2, li {
         margin-top: 0.2em;
         margin-bottom: 0.2em;       
      }
      
      sup {
         vertical-align: super;
         font-size: smaller;
      }

      #mapdiv {
         width: 100%;
         height: 600px;
      }

      #karteUeberblick{
         width: 750px;
         height: 600px;
      }

      #wrappertitel {
         background: url(/startbild_regerplatz.jpg);
         width: 1000px;
         margin-top: 20px;
         margin-right: auto; /* Abstand rechts */
         margin-bottom: 20px;
         margin-left: auto; /* Abstand links */
      }

      #titelbild{
          width: 1000px;
      }

      #bildDraechslstr7{
         width: 300px;
         float:left;
         margin: 10px;
      }

      #bildUehlfeldSchule{
         width: 300px;
         float:left;
         margin: 10px;
      }

      #bildUehlfeldSynagoge{
         width: 300px;
         float:right;
         margin: 10px;
      }
      

/* ******************************************************************* */
/* Seitenlayout                                                        */
/* ******************************************************************* */

.zeile::after {
    content: "";
    clear: both;
    display: table;
}
            
#kopfbereich {
    position: relative;
    text-align: center;
    display: block;
}

#bild_header {
    width:100%;
    display: block;
}

.titel_text_links {
    position: absolute;
    bottom: 15px;
    left: 25px;
    font-size: 140%;
}

.titel_text_rechts {
    position: absolute;
    bottom: 15px;
    right: 25px;
    font-size: 140%;
}
      
#wrapper {
    background-color: #a3b86f; 
    max-width: 1000px;
    margin-top: 10px;
    margin-right: auto; /* Abstand rechts */
    margin-bottom: 10px;
    margin-left: auto; /* Abstand links */
    line-height: 1.8;
}

#steuerung {
    width: 22%;
    float: left;
}
      
#inhaltsbereich {
    float: left;
    width: 78%;
    background-color: #eeeff3; 
    padding-left:10px;
    padding-top:10px;
    padding-bottom:10px;
    padding-right:10px;
}
      
#fussbereich {
    
    background-color: #1b2701; 
    height: 30px;

}

@media screen and (max-width: 600px) {
#steuerung, #inhaltsbereich {width: 100%;}
.titel_text_links, .titel_text_rechts {display:none;}
}


/* ******************************************************************* */
/* Stammbaum                                                           */
/* ******************************************************************* */
.chart { margin: 5px;background-color: #E3EB83;}
.chart p { margin: 0; padding: 0;line-height: 1.3;}
.Treant > .node {  }
.Treant > p {font-family: Montserrat, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: bold; font-size: 12px; }
.node-name,.node-partner { font-weight: bold;}

.nodeExample1 {
    padding: 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #ffffff;
    border: 1px solid #000;
    width: 200px;
    font-family: Tahoma;
    font-size: 12px;
}

.nodeExample1 img {
    margin-right:  10px;
}

/* Fuer Kontakt*/
span#zurueck {display:none;}
span#anzeigen::before{content: "kontakt_p";}
span#anzeigen::after{content: "rojekt\40vormeinertuer.de";}
span#anzeigent::before{content: "0174/82";}
span#anzeigent::after{content: "79454";}