body {
   color: black; background-color: #eee8aa;
   /*background-color: #e6c676;*/
   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 */
}
.logo{
   float:left;
   width 18em;
   margin: 0 5em 0 2em;
}
* html div#logo {
   margin: 0 3em !important;
}
.logo-2{
   float:right;
   width 18em;
   margin: 0 5em;
}
* html div#logo-2 {
   margin: 0 3em !important;
}
.c-right{
   float:right;
}
.c-left{
   float:left;
}
.clear {
   clear: both;
}
h1 {
   font-size: 1.5em;
   font-family:"Comic Sans MS";
   margin: 0.7em 1.3em 0.7em 9.3em;
  /* margin: 0.7em 9.3em 0.7em 9.3em;   */
   padding: 0.3em;
   text-align: center;
   background-color: #ff0000;
}

* html h1 {
   /*margin: 1.7em 2.3em 0.7em 10.4em !important;  */
}
input {
font-size:12px;
padding:0;
}
.c{
   clear: both;
}
.clear-left{
   clear: left;
}

  div#Navigation {
    border: 1px dashed silver;
    font-size: 0.9em;
    font-family:"Comic Sans MS";
    float: left;
    margin: 0 0 0.8em 2em;
  }
  div#Navigation ul {
    height:28em;
    margin:0;
    padding: 0.5em;
    width: 11em;
  }
  div#Navigation li {
    list-style: none;
    margin: 0; padding: 0.2em;
  }
  div#Navigation a {
    display: block;
    padding: 0 0.5em 0 1.8em;
    font-weight: bold;
    background:#f0e68c /*url(pfeil.gif) no-repeat left*/;
    border-top: 2px solid silver;

  }
  div#Navigation a:link {
    color: black;
    background-color: #f0e68c;
    text-decoration:none;
  }
  div#Navigation a:visited {
    color: black;
    text-decoration:none;
  }
  div#Navigation a:hover {
    color: black;
    background-color: #ff0000;
    text-decoration:none;
  }
  div#Navigation a:active {
    color: white;
    background-color: gray;
    text-decoration:none;
  }
  li#Navi2 a {
    display: block;
    margin-left: 1.5em;
    padding: 0 0.5em 0 1.8em;
    font-weight: bold;
  }
  div#Navigation a.akt {
    border-top: 2px solid #ff0000;
  }

  div#Info {
    font-size: 0.9em;
    float: right;
    width: 12em;
    margin: 0 2em 1.1em 0;
    padding: 0 0 15px 0;
    background-color: #f0e68c;
    border: 1px dashed silver;
  }
  div#Info h2 {
    font-size: 1.33em;
    margin: 0.2em 0.5em;
  }
  div#Info p {
    font-size: 1em;
    margin: 0.5em;
  }

  div#Inhalt {
    margin: 1.1em 14em 1em 14em;
    padding: 0 1em;
    border: 1px dashed silver;
  }
  * html div#Inhalt {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
    margin: 0 15.5em 1em 15.5em !important;
  }
  div#Inhalt h2 {
    font-size: 1.1em;
    margin: 0.5em 0;
    padding: 0.3em;
    background-color: #f0e68c;
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
    font-family:"Comic Sans MS";
  }
  div#Inhalt p {
    font-size: 15px;
    margin: 1em 0;
  }
  div#Inhalt h3 {
    font-size: 1em;
  }
  div#Inhalt p#linie {
    border-top: 1px solid silver;
    margin: 0 5em;
    padding-bottom: 1em;
  }
  div#Inhalt ul {
    font-size:15px;
  }

  p#Fusszeile {
    clear: both;
    font-size: 0.9em;
    margin: 0 2em 0 15.7em;
    padding: 0.1em;
    text-align: center;
    background-color: #ff0000;
        /*border: 1px solid silver;*/
  }

* html .fuss {
  margin: 0 4em 0 17.4em !important;
}
  p#Fusszeile a {
    display: block;
    padding: 0.2em;
        text-decoration:none;
        color: black;
  }
  div#counter {
        margin-left: 2em;
        margin-bottom: 0.5em;
  }
.fmt-right {
    border: 0;
    float: right;
    margin-right: 0.8em;
    padding-left: 0.3em;
}
.fmt-left {
    border: 0;
    float: left;
    margin-right: 1em;
}
.geburtstag {
   margin: 0;
   padding:0;
   font-size: 0.8em;
}
.geburtstag ul {
    list-style-type:none;
    margin: 0;
    padding:1.5em;
}
.geburtstag ul li {
    margin: 0;
    /*padding:0; */
}
p#p10-bottom {
    padding-bottom:10px;
}
a.gross {
    color:red;
    font-size:medium;
    font-weight:bold;
    text-decoration:none;
}
.red {
    color:red;
    font-size:medium;
    font-weight:bold;
    text-decoration:none;
}
.h40 {
   height:7em;
}
a {
    text-decoration:none;
    color: #B22222;
}
#klein {font-size:0.9em;}

.block {
    text-align:justify;
}

.fett {
font-weight:bold;
}


#gallery {position:relative; width:550px;
/*width:686px;*/ margin:40px auto; padding:10px; border:6px solid #fff; background:#AAA}
#images {border:2px solid #9ac1c9; height:200px; background:#eef5f6; margin-bottom:20px}
#image {position:relative;  width:536px; overflow:500px;
height: 400px;
/*width:672px; height:375px;*/ padding:5px; border:2px solid #666; background:#FFF url(../images/icons/loading.gif) center center no-repeat}
/* #image img {position:absolute; top:5px; left:5px} */
#image img {margin-left: auto; margin-right: auto; display: block;}
#thumbwrapper {margin-top:10px; padding:5px 0; width: 546px;/*width:682px; */
height:100px; border:2px solid #666; background:#FFF}
#thumbarea {position:relative; overflow:hidden; height:100px; width:546px;/*682px;  */
}
#thumbs {position:absolute; list-style:none; margin-left:2px; height:100px; width:10000px;
border-right:5px solid #FFF}
#thumbs li {float:left; margin-right:5px; cursor:pointer}
.imgnav {position:absolute; height:375px; width:20%; z-index:100; height:375px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(../images/icons/left.gif) left center no-repeat; border-left:5px solid #FFF}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(../images/icons/right.gif) right center no-repeat; border-right:5px solid #FFF}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}