body {
                        margin: 0;
                        line-height:160%;
                        font-size: 1em/1.6em;
                        color: #333333;
                        text-align:justify;
                        font-weight:normal;
                        font-family: "Comic Sans MS", arial, helvetica, sans-serif;
                         background-image:url(steinhaufenhg80.jpg);

                }

                h1, h2 {
                        margin: 0;
                        color: #333333;
                }

a:link {
color:#ff7200;
text-decoration:underline;
font-weight:normal;
}
a:visited {
color:#ff7200;
text-decoration:underline;
}
a:hover {
color:#ff7200;
text-decoration:none;
border-bottom:1px solid #ff7200;
font-weight:normal;
font-size:1.1em;
padding-bottom:2px;
}




/* großer Anfangsbuchstabe */
.bigl {
font-family: "Comic Sans MS", arial, helvetica, sans-serif;
color: #333333;
letter-spacing: 0px;
font-size: 22px;
float: left;
margin-top: 0px;
margin-right: 3px;
line-height: 22px;
}

/* Kapitälchen in dunkelorange */
.big2 {
font-variant:small-caps;  font-weight:bold; color:#ff7200;
}




/*Dekoration oben auf der Seite */
#header {
padding-bottom: 0px;
width:100%
}

                #eingang {
                        width:100%
                        height=100%
                        font-size: 1.2em/1.6em;
                        color: #333333;
                        text-align:center;
                        font-family: "Comic Sans MS", arial, helvetica, sans-serif;
                        margin-top:2%;
                          border-width:0px;
  border-style:solid;
                }


                #spaltelinks {
                        width: 150px;
                        margin-top: 20px;
                        margin-bottom: 20px;
                        margin-left: 0px;
                        font-family: "Comic Sans MS", arial, helvetica, sans-serif;
                        line-height:160%;
                        font-size: 15px;
                        color: #333333;
                         border-width:0px;
  border-style:solid;

                }

                #hauptinhalt {
                        margin-left: 180px;
                        margin-right:25px;
                        font-size: 1em/1.6em;
                        color: #333333;
                        text-align:justify;
                        font-family: "Comic Sans MS", arial, helvetica, sans-serif;
                        margin-top:20px;
                          border-width:0px;
  border-style:solid;
                }

                #footer {
    position:fixed;
    bottom:0px;
    background:#cccccc;
    background-image: url(layout/steinhaufenFooter2.jpg);
    text-align:center;
    padding:0px;
    width:100%;
    height:35px;
    z-index:50;
                }

                #footer p {
                        margin: 0;
                        margin-bottom:0px;
                }

/* Angaben für den footer nur für den Internet Explorer mittels Star-HTML-Hack */

* html, * html body {
    margin:0;
    padding:0;
    height:100%;
    overflow:hidden;
}

* html #content_container {
    padding:0;
    height:95%;
    overflow:auto;
}

* html #footer {
    background:#cccccc;
    background-image: url(layout/steinhaufenFooter1.jpg);
    height:5%;
    text-align:center;
    padding-top:1%;
}





   /* Menü http://www.drweb.de/magazin/das-perfekte-menu-klappmenu-navigieren-in-dimensionen/*/
  #menu {  position:absolute; top:230px; left:20px; width:135px; border:3px;
                }

    #menu ul { list-style: none; margin: 0; padding: 0;}

    #menu a, #menu h2 {
      font: bold 11px/14px "Comic Sans MS",arial, helvetica, sans-serif;
      display: block;
      border-width: 1px;
      border-style: solid;
     /*  border-color: #ccc #888 #555 #bbb;*/
     border-color: #ccc;
      margin: 0;
      padding: 5px 0px 5px 3px;
      }

    #menu h2 {
    color: #333333;
   /* background: #cdcdcd; */
   background: #cecece;
    text-transform: uppercase;
    }

    #menu a {
    color: #000;
    /* background: #efefef; */
    background: #ffa100;
    text-decoration: none;
    /* background-image:url(layout/bgbutton.gif); */
    background: transparent url(layout/buttonNav.gif);
    background-position: top;
    }

    #menu a:hover { color: #000; background: #fff;
     /*background-image:url(layout/bgbutton2.gif); */
     background: transparent url(layout/buttonNav.gif);
    background-position: bottom;

 }

   /* Menu positionieren */
   #menu li { position: relative;}

    #menu ul ul ul {position: absolute; top: 0; left: 100%; width: 100%;   }

    div#menu ul ul ul, div#menu ul ul li:hover ul ul {display: none; }

    div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {display: block;  }




/* Stile für Fotos */
.imgstyle {text-align:center;border:solid 0px  #000;margin-left:auto; margin-right:auto;margin-top:20px;margin-bottom:5px;}
.imgstyle1 {text-align:left;border:solid 0px  #000;margin-left:20px;margin-top:20px;margin-bottom:5px;float:left;}
.imgstyle2 {text-align:left;border:solid 0px  #000;margin-left:20px;margin-top:50px;margin-bottom:00px;}
.imgstyle3 {text-align:center;border:solid 0px  #000;margin-top:50px;margin-bottom:00px;}
.imgstyle10 {text-align:left;border:solid 0px  #000;margin-left:0px;margin-top:20px;margin-bottom:5px;float:left;}
.imgstyle11 {text-align:left;border:solid 0px  #000;margin-left:0px;margin-top:0px;margin-bottom:10px;margin-right:20px;float:left;}
.imgstyle12 {text-align:right;border:solid 0px  #000;margin-left:20px;margin-top:10px;margin-bottom:10px;margin-right:0px;float:right;}
.imgstyle13 {text-align:left;border:solid 0px  #000;margin-left:0px;margin-top:10px;margin-bottom:10px;margin-right:20px;float:left;}
<!-- Positionierungen für den Kopfbereich -->
.imgstyle4 {position:absolute; margin-left: 170px; margin-top: 70px;  z-index=1;}  <!-- Hauptgrafik -->
.imgstyle5 {position:absolute; margin-left:  30px; margin-top: 90px;  z-index=2;}  <!-- Medaillon klein links -->
.imgstyle7 {position:absolute; margin-left:  47px; margin-top:112px;   z-index=4;}  <!-- Glas gross links -->
.imgstyle8 {position:absolute; margin-left:  80px; margin-top:80px;   z-index=6;}    <!-- Glas klein links -->
.imgstyle6 {position:absolute; margin-left: 650px; margin-top:80px;   z-index=3;}    <!-- Medaillon gross rechts -->
.imgstyle9 {position:absolute; margin-left: 580px; margin-top:60px;   z-index=5;}



/* Stile für Stammbaumtabelle */
#stammbaum {
border-width:0px;
border-style:solid;
padding: 25px;
background-image: url(layout/steinhaufen-64.jpg);
                }

#tabstammbaum {
  width: 100%;
  border-collapse: collapse;
  border: 2px solid #ffffff;
}

#tabstammbaum td {
  border-bottom: 1px solid #cdcdcd;
  font-size: 10px;
  text-align: center;
  padding:2px;
  height:27px;
  white-space:nowrap;
}

#tabstammbaum th {
border-top: 2px solid #cdcdcd;
  border-bottom: 2px solid #cdcdcd;
  font-size: 15px;
  text-align: center;
  padding:5px;
  color:#333333;
}

#tabstammbaum a {
    font-size: 12px;
    text-align: center;
    vertical-align:middle;
    font-family:arial, helvetica, sans-serif;
    text-decoration: none;
    color:#333333;
}

/* Stile für die Tagebücher */
.boxStern {
/* background-color:white; */
background-image: url(layout/stern_bg50.png);
background-repeat:no-repeat;
background-position:12px 10px;
margin-top: 0px;
margin-bottom: 12px;
padding-left:75px;
padding-right: 20px;
padding-bottom: 5px;
/*
border:2px;
border-left:15px;
*/

border:2px;
border-left:15px;
border-color:#ffa100;
border-style:solid;
-moz-border-left-radiust:30px;
-khtml-border-left-radiust:30px;
-webkit-border-left-radiust:30px;
overflow:hidden;
border:0px;
}


.box3Steine {
/* background-color:white;  */
background-image: url(layout/3GestapelteSteine60.png);
/*
background-image: url(layout/stern_bg50.png);
*/
background-repeat:no-repeat;
background-position:8px 45px;
margin-top: 0px;
margin-bottom: 12px;
padding-left:75px;
padding-right: 20px;
padding-bottom: 5px;
/*
border:2px;
border-left:15px;
*/
border:2px;
border-left:15px;
border-color:#6e4540;
/* dunkelorange
border-color:#ffa100;
*/
border-style:solid;
-moz-border-left-radiust:30px;
-khtml-border-left-radiust:30px;
-webkit-border-left-radiust:30px;
overflow:hidden;
border:0px;
}

.box2Steine {
/* background-color:white;   */
background-image: url(layout/2GestapelteSteine50.png);
/*
background-image: url(layout/stern_bg50.png);
*/
background-repeat:no-repeat;
background-position:15px 18px;
margin-top: 0px;
margin-bottom: 12px;
padding-left:75px;
padding-right: 20px;
padding-bottom: 5px;
/*
border:2px;
border-left:15px;
*/
border:2px;
border-left:15px;
border-color:#6e4540;
/*  dunkelorange
border-color:#ffa100;
*/
border-style:solid;
-moz-border-left-radiust:30px;
-khtml-border-left-radiust:30px;
-webkit-border-left-radiust:30px;
overflow:hidden;
border:0px;
}

.box1Stein {
/* background-color:white; */
background-image: url(layout/1GestapelterStein40.png);
/*
background-image: url(layout/stern_bg50.png);
*/
background-repeat:no-repeat;
background-position:15px 15px;
margin-top: 0px;
margin-bottom: 12px;
padding-left:75px;
padding-right: 20px;
padding-bottom: 5px;
/*
border:2px;
border-left:15px;
*/
border:2px;
border-left:15px;
border-color:#6e4540;
/*
border-color:#ffa100;
*/
border-style:solid;
-moz-border-left-radiust:30px;
-khtml-border-left-radiust:30px;
-webkit-border-left-radiust:30px;
overflow:hidden;
border:0px;
}

.datum {
color:#ff7200;
margin-top:12px;
margin-bottom:5px;
}

.h2abstand {
margin-top:12px;
margin-bottom:12px;
}