/* main css / */
* {
margin: 0;
padding: 0;
text-decoration: none;
}
hr {
border-color: #008000;
}
/* = Grundangleichung der Schriften fr verschiedene Browsers = */

body {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 82%;
line-height: 1.4; /*zur Vermeidung von Üerlappungen keine Einheit angeben */
}
  body {
    background-color: #98Fb98;
    font-size: 100.01%;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0; padding: 1em;
    min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
  }
a.ohne {
border: 0 none;
text-decoration: none;
}
  h1 {
   font-size: 1.4em;  color:#008000;
    margin: 0 0 0.7em; padding: 0.3em;
    text-align: center;
    background-color: #98Fb98;
  }
  h2 {
    font-size: 1.2em;  color:#008000;
    margin: 0 0 0.7em; padding: 0.3em;
    text-align: center;
    background-color: #98Fb98;
  }
  h3 {
    font-size: 1.0em;  color:#008000;
    margin: 0 0 0.7em; padding: 0.3em;
    text-align: center;
 }
  pre {
    color:#008000;
    font-size: 95%;
 }
#logo
{
background-color: #90ee90;
/* alte Farbe
background-color: #7ffF00;
border: 5px double #c0b090; */
border: 5px double #008000;
-moz-border-radius: 10px;
width:99%;
margin: 0px 0px 10px 0px;
text-align:center;
}
.textl {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #008000;}
.text2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 95%; color: #008000;}

   ul#Navigation {
   background-color: #90ee90;
    font-size: 0.83em;
    color: white;
    /*
        float: left; width: 18em;*/
    float: left; width: 14em;
    margin: 0 0 1.2em; padding: 0;
    border: 5px double #008000;
-moz-border-radius: 10px;

  }
  ul#Navigation li {
    list-style: none;
    margin: 0;
    padding: 0.5em;
  }
ul#Navigation a {
    display: block;
    padding: 0.2em;
    color: white;
    background-color:#006400;
    font-weight: bold;
    text-decoration: none;
  }
ul#Navigation a:visited {
    color: white;
  }
ul#Navigation a:hover,
ul#Navigation a:focus {
    color: #7ffF00;
    background-color:#006400;
  }

ul#Navigation a:active {
    color: #ffff00;
    background-color:#006400;
  }

  div#Info {
  min-height: 750px;
    font-size: 0.9em;   color:#008000;
    float: right; width: 12em;
    margin: 0 0 1.1em; padding: 0;
    background-color: #90ee90;
    border: 5px double #008000;
-moz-border-radius: 10px;
  }

  div#Info h2 {
    font-size: 1.33em;
    margin: 0.2em 0.5em;
    background-color: #90ee90;
  }
  div#Info p {
    font-size: 1em;
    margin: 0.5em;
  }

  div#Inhalt {
  min-height: 500px;
    margin: 0 12em 1em 16em;
    padding: 0 1em;
    border: 0px dashed white;
  }
  * html div#Inhalt {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
  }
  div#Inhalt h2 {
    font-size: 1.2em;
    color:#008000;
    margin: 0.2em 0;
     }
  div#Inhalt p {
    font-size: 1.3em;
    color:#008000;
    margin: 1em 0;
  }

  p#Fusszeile {
    clear: left;
        border: 5px double #c0b090;
-moz-border-radius: 10px;
width:90%;
    font-size: 0.9em;
    color:#008000;
    margin: 0; padding: 0.1em;
    text-align: center;
  }
    /*Info-box*/
#load {
border: 5px double #c0b090;
-moz-border-radius: 10px;
width:270px;
margin: 170px 0px 0px 50px;
background-color: #F6DBAC;
color: #5A0019;
text-align: center;
}

/*Rahmen für die Kontaktseite*/
.adressen {
color:#008000;
    margin-top: 50px;
    border: 1px solid white;
}

.rand-li,
.rand-re {
   display: inline-block;
   width: 49%;
   vertical-align: top;
   border: 1px solid white;
}

.rand-li {
   min-width: 22em;
}

.rand-re {
   min-width: 18em;
}
#load1 {
border: 5px double #c0b090;
-moz-border-radius: 10px;
width:150px;
margin: 1px 0px 0px 0px;
background-color: white;
color: #5A0019;
text-align: center;
}
 /*    Eine Angabe: für alle 4 Abstände gilt derselbe Wert
    Zwei Angaben: 1. Wert für margin-top und margin-bottom, 2. Wert für margin-left und margin-right
    Drei Angaben: 1. Wert für margin-top, 2. Wert für margin-left und margin-right, 3. Wert für margin-bottom
    Vier Angaben: 1. Wert für margin-top, 2. Wert für margin-right, 3. Wert für margin-bottom, 4. Wert für margin-left */
  .bild_info {
    text-align: center;
    width: 11.9em;
    border: 0px;
    }
  .bild_r {
    float: right;
    width: 150px;
}
/*<img src="http://www.xxx.de/images/XXXX.jpg" class="bild_m"> */

.bild_fit {
    float: left;
     padding-right: 50px;
    width: 152px;
}
.bild_l {
    float: left;
     padding-right: 50px;
    width: 190px;
}

 .bild_m {
    align: center;
    width: 500px;
}
 .bild_k {
    align: center;
    width: 150px;
    border: 0px;
}
 .ubild_m {
    align: center;
    width: 150px;
}
.bild_v {
    float: left;
     padding-right: 50px;
    width: 150px;
}
/* http://www.tutorials.de/css/239566-bild-vertikal-und-horizontal-mittig-ausrichten.html
   position: absolute;
left: 50%;
width: 75px;
margin-left: -75px; /* negative Hälfte von width:400px */
/*top: 50%;                                                 */
/*height: 200px;                                              */
/*margin-top: -100px; /* negative Hälfte von height:150px */
a.zoom1 {
display: block;
}
a.zoom1:link, a.zoom1:visited {
width: 200px;
height: 150px;
background-image: url(img/kirche1.JPG);
background-position: 170px 40px;
}

a.zoom1:hover {
width: 560px;
height: 300px;
background-position: 0;
}
.copyright {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px; color: #008000; text-decoration: none}
.Rahmen { color:#407AED; background:#C6FFC6; padding:2px; border-width:1px; border-style:solid; border-color:#309; width:100%; }
hr {
color:#90ee90;
}