/* main css / */
* {
margin: 0;
padding: 0;
text-decoration: none;
}
/* = 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: white;
    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 */
  }

  h1 {
    font-size: 1.4em;  color:#407AED;
    margin: 0 0 0.7em; padding: 0.3em;
    text-align: center;
    background-color: white;
    border: 5px double #407AED;
-moz-border-radius: 10px;
  }
  h2 {
    font-size: 1.2em;  color:#407AED;
    margin: 0 0 0.7em; padding: 0.3em;
    text-align: center;
    background-color: white;
  }
  h3 {
    font-size: 1.0em;  color:#407AED;
    margin: 0 0 0.7em; padding: 0.3em;
    text-align: center;
 }
  pre {
    color:#407AED;
    font-size: 98%;
 }
.textl {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #407AED;}
.text2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #407AED;}

   ul#Navigation {
    font-size: 0.83em;
    float: left; width: 16em;
    margin: 0 0 1.2em; padding: 0;
     border: 5px double #407AED;
-moz-border-radius: 10px;
  }
  ul#Navigation li {
    list-style: none;
    margin: 0;
    padding: 0.5em;
  }
ul#Navigation a {
    display: block;
    padding: 0.2em;
    color: #407AED;
    background-color: #eee;
    font-weight: bold;
  }
ul#Navigation a:visited {
    color: #407AED;
  }
ul#Navigation a:hover,
ul#Navigation a:focus {
    color: #5A0019;
    background-color: white;
  }

ul#Navigation a:active {
    color: white;
    background-color: gray;
  }

  div#Info {
    min-height: 725px;
    font-size: 0.9em;   color:#407AED;
    float: right; width: 12em;
    margin: 0 0 1.1em; padding: 0;
    background-color:  white;   border: 5px double #407AED;
-moz-border-radius: 10px;
  }

  div#Info h2 {
    font-size: 1.33em;
    margin: 0.2em 0.5em;
  }
  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:#407AED;
    margin: 0.2em 0;

  }
  div#Inhalt p {
    font-size: 1.3em;    color:#407AED;
    margin: 1em 0;
  }

  p#Fusszeile {
    clear: both;
    font-size: 0.9em;     color:#407AED;
    margin: 0; padding: 0.1em;
    text-align: center;
    background-color: white; ; border: 1px solid #c0b090;
  }
    /*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:#407AED;
    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_r {
    float: right;
    width: 150px;
}
/*<img src="http://www.aegidien.homepage.t-online.de/stiftung/images/XXXX.jpg" class="bild_m"> */

.bild_l {
    float: left;
     padding-right: 50px;
    width: 195px;
}

 .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;
}
a.ohne {
border: 0 none;
}
.copyright {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px; color: #407AED; text-decoration: none}
.Rahmen { color:#407AED; background:#C6FFC6; padding:2px; border-width:1px; border-style:solid; border-color:#309; width:100%; }