* { padding: 0; margin: 0; }
html { height: 101%; }
body {
  color: white;
  background-color: #60B77C;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
}
h1 {
  margin-left: 10px}
#wrapper {
  color: black;
  background-color: #60B77C;
  width: 720px;
  min-width: 600px;
  margin: 10px auto;
  }

#kopfbereich {
  position:relative; /* positioniert, aber im Fluß */
  color: #000;
  background-color: #60B77C;
  padding: 10px 20px 10px 20px;
  background-image: url(kuenzelogo.jpg);
  background-repeat:no-repeat;
  height:80px;
  margin-left:100px;
  width:500px;
  }
  #kopfbereich p {
    position:absolute;
    top: 25px ;
    right: 10px; /* statt left: 50% */
    font-weight: bold;
    padding: 5px 0 5px 0;
    margin-bottom: 0;
    }
 #ueberschrift {
margin-top: 90px;
font-size: 10%;
color: #60B77C;

  }

#navibereich {
  float: left;
  width: 130px;
  padding-left: 10px;
  padding-top: 20px;
  }
  #navibereich ul {
    color: black;
    background-color: #60B77C;
    width: 80px;
    padding-left: 10px;
    margin-left: 0;
    }
  #navibereich li {
    list-style: none;
    border-left: 3px solid #d90000;
    border-bottom: 1px solid #d90000;
    margin: 0;
    }
/* Rahmenlinie oberhalb vom Listenelement "Startseite" */
#navibereich #navi01 {
  border-top: 1px solid #d90000;
  }

  #navibereich a {
   background: url(navi-gif.gif) repeat-x top left;
    display: block; /* ganze Fläche ist anklickbar */
    text-decoration: none;
    color: black;
    background-color: #FCD869;
    padding: 4px;
    }
#naviquer a {
   background: url(navi-gif.gif) repeat-x top left;
   color: black;
   background-color: #FCD869;
   padding: 4px 6px;
             }

#navibereich a:hover
          {
  background-image: none;
  border-left: 3px solid #d90000;
  border-top: 3px solid #d90000;
  color: black;
  background-color: #60B77C;
  font-weight: bold;
  }
#naviquer a:hover
          {
  background-image: none;
  border-left: 2px solid #d90000;
  border-right: 2px solid #d90000;
  border-top: 3px solid #d90000;
  color: black;
  background-color: #60B77C;
  text-decoration: none;
  font-weight: bold;
  }

    #bilder-essen #navi10 a,
    #bilder-wohnen #navi11 a,
    #doppelbett #navi12 a,
    #dreibett #navi13 a,
    #kueche #navi14 a,
    #spielplatz #navi15 a
    {
   background: url(navi-horizontal.gif) repeat-x top left;
    color: black;
    background-color: #FDDBE7;
    border-top: 1px solid #d90000;
    font-weight: bold;
       padding: 2px 6px 4px 6px;
    }

    #startseite #navi01 a,
    #bilder-essen #navi02 a,
    #preisliste #navi03 a,
    #bilder-wohnen #navi02 a,
    #doppelbett #navi02 a,
    #dreibett #navi02 a,
    #kueche #navi02 a,
    #spielplatz #navi02 a
       {
   background: url(navi-vertikal.gif) repeat-y top left;
    color: black;
    background-color: #FDDBE7;
    border-top: 1px solid #d90000;
    font-weight: bold;
       padding: 3px 6px;
    }


#navibereich #navi05 a:hover
    {font-size: 16px}

#impressum #navi04 a
    {
   background: url(navi-vertikal.gif) repeat-y top left;
    color: black;
    background-color: #FDDBE7;
    border-top: 1px solid #d90000;
    }

#navibereich #navi04 a:hover
    {font-weight: normal;}


#sterne   {
position:absolute;
 top: 355px ;
 margin-left:180px;
  font-weight: bold;
  font-size: 35px;
  color: #B33A00;
   background: url(stern.gif);
   background-repeat:no-repeat;
   background-position: 35% 65%;
  }


#textbereich {
  padding-top: 20px ;
  padding-right: 10px;
  padding-bottom: 20px;
  padding-left: 20px;
  margin-left: 130px;
  }
  .bildlinks {
    display: inline;
    float:left;
    padding: 1px; /* Abstand zwischen Bild und Rahmen */
    border: 5px solid #ccc; /* Der Bilderrahmen */
    margin-right: 10px; /* Abstand zwischen Rahmen und Text */
    margin-bottom: 10px; /* Abstand nach unten */
    }
  .bildrechts {
    display: inline;
    float:right;
    padding: 0px; /* Abstand zwischen Bild und Rahmen */
    border: 3px solid #ccc; /* Der Bilderrahmen */
    margin-left: 10px; /* Abstand wischen Rahmen und Text */
    margin-bottom: 10px;
    margin-right: 150px /* Abstand nach unten */
    }

#beschreibung {
        font-family: book antiqua, arial;
         font-weight: 550;
         padding-left: 10px;
         padding-right: 10px;
           }

#tabellenbereich {
  padding-top: 20px ;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-left: 20px;
  margin-left: 130px;
  }

  .tabellerechts {
    display: inline;
    float:right;
    padding: 0px; /* Abstand zwischen Bild und Rahmen */
    border: 6px solid #ccc; /* Der Bilderrahmen */
    margin-left: 0px; /* Abstand zwischen Rahmen und Text */
    margin-bottom: 10px; /* Abstand nach unten */
    }
/* ================
  Einstellungen für den Fussbereich
  ======= */
#fussbereich {
  padding: 20px;
  border-top: 1px solid #5c743d;
  margin-top: 20px;
}

h1 { font-size: 150%; }
h2 { font-size: 130%; margin-bottom: 1em;}
strong { color: #B33A00;
        background-color: #60B77C;
         font-weight: bolder;
         }
address {
  text-align: center;
  font-size: 120%;
  font-style: normal;
  font-weight: bolder;
  letter-spacing: 2px;
  line-height: 1.5em;
}
#fussbereich a:hover {
  font-weight: bold;
  font-size: 20px
  }
a { text-decoration: none; outline: none;}
a:link { color: #804040;
        background-color: #60B77C;}
a:visited { color: #cc6666;
        background-color: #60B77C;}
a:active { color: white ; background-color: #d90000;}

p, ul {
  margin-top: 0 ;
  margin-right: 0 ;
  margin-bottom: 1em ;
  margin-left: 0;
}
ul ul {
  margin: 0;
}
li {
  margin-top: 0 ;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 1em;
}

/* ============
          Preisliste
          ========= */
table {
        width: 100%;
         border: 1px solid #000;
         background: #fff;
         color: black;
 }
table th, table td {
        margin: 0;
         padding: 8px 7px;
         text-align: center;
         border-bottom: 1px solid #b5b5b5;
         }
table tr {
        background: #e6e6e6;
         color: black;
         }
table tr.alt {
        background: #f1f1f1;
         color: black;
         }
/* Bilderseite */
#naviquer {
margin-bottom: 10px;
margin-left: 80px;
margin-top: 5px;
margin-right: 30px;
text-align: right;
  color: black;
  background-color: #60B77C;
  background-position: top left;
  background-image: url(bildverlauf.jpg);
  padding: 5px 10px 4px 10px;
  border-bottom: 0px solid #8c8c8c;
        }
#naviquer ul {
            margin-bottom: 0;
          }
    #naviquer li {
      display: inline;
      list-style-type: none;
    }