body
{
    margin-left:100px;
    color: rgb(0, 0, 0);
    background-image: url("gimpel4.jpg");
    background-attachment: fixed;
    font-family:Comic Sans MS;
    letter-spacing: .5px;
    font-size: 90%;
}

   a:link {color: #0000FF;text-decoration: none;border-style: none;}
   a:visited {color: #3300FF;text-decoration: none;border-style: none;}
   a:hover {color: #ff0000;text-decoration: underline;border-style: none;}
   a:active {color: #ff0000;text-decoration: none;border-style: none;}

.normal {text-decoration:none; font-weight:normal;}
.durchgestrichen {text-decoration:line-through}
.unterstrichen {text-decoration:underline}
.ueberstrichen {text-decoration:overline}
.fett {font-weight:bold}
.kursiv {font-style: italic}
.small {font-size: 9pt}
.mittig {text-align: center;}
.highlight {background-color:yellow;}

#counter {
  font-size: 10pt;
}

div#navigation {
    font-size: 0.8em;
    text-align:center;
    float: left; width: 15em;
    margin: 0; padding: 0;
}

div#navigation h1 {
    font-size: 1.2em;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 0px;
}

div#navigation h2 {
    font-size: 1em;
    text-align: center;
}

div#navigation p {
    font-size: 0.8em;
}

div#inhalt {
/*    margin: 0 5em 0 20em;   */
    padding: 1em 1em;
}

div#inhalt h1 {
    font-size: 2em;
    font-weight: bold;
    text-align: center;
}

div#inhalt h2 {
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    margin-top: 50px;
}

div#inhalt h3 {
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: underline;
}

div#inhalt p {
    font-size: 1em;
}

/* ======== Abmessungen - Position - Ränder ======== */
body{
margin-left: 0px;
}
.menu
{
   width:13em;       /* iframe 16em 200px*/
   height: 100%;
   left: 0;
   margin-left:0;
   position: static;
   z-index: 20;
   border-style:solid;
   border-width:0px;
   border-color: blue;
   border-right-width:2px;
}
iframe[class].menu     /* Nur für moderne Browser ?*/
{
   position: relative;
}
#inhalt {
/*  left: 14em;  */    /* 22% 0px 210px 200px*/
  top: 10px;
  padding: 1px;
/*  width: 100%;   */
  margin-left:1em;             /*16em*/
  position:  relative;
/*  z-index: 1;       */
}
#menuback {
  position: absolute;     /*absolute*/
  top:0px;      /* 80px */
  margin-top: 0;
  left: 0px;
  margin-left: 0px;
  width:10em;   /* Orig: 16em 170px 19%*/
  height: 100%;  /* 80%;      */
/*  padding: 0px;     */
/*  z-index:  5;    */
}
html>body #menuback {     /* Nur für moderne Browser */
  position:fixed;
}
#kopfbereich {
  top: 0;
  margin-top: 0;
  left: 16em;
  margin-left: 16em;
  height: 5px;
  width:70%;      /* 99% */
/*  padding-top: 0px; */
  padding-right: 2px;
  position: absolute;
  z-index:  5;
}

div[id]#kopfbereich {     /* Nur für moderne Browser */
   position: fixed;
}

#seite {
  top: 0;
/*  width:100%; */
  margin: 0 auto;
/*  margin-left: 0;    */
  margin-left:15em;            /*5em*/
  padding: 0px;
/*  position: absolute; */
}

-->

/* ======== Abmessungen - Position - Ränder ======== */
.menu
{
   width:16em;       /* iframe 16em 200px*/
   height: 99%;
   left: 0;
   margin-left:0;
   position: static;
   z-index: 20;
   border:0px;
}
iframe[class].menu     /* Nur für moderne Browser ?*/
{
   position: relative;
}

.guestbook
{
   width:100%;       /* iframe 16em 200px*/
   height: 100%;
   left: 0;
   top: 0;
   margin-left:0;
   position: static;
   z-index: 10;
   border-style: none;
}
/* iframe[class].guestbook */    /* Nur für moderne Browser ?*/
/*{
   position: relative;
}  */
#guestbookback {
  position: relative;     /*absolute*/
  top:0px;      /* 80px */
  margin: 0px;
  left: 0;
  width:100%;   /* Orig: 16em 170px 19%*/
  height: 800px;  /* 80%;      */
/*  padding: 0px;     */
/*  z-index:  5;    */
}