/* ######################################################
                    CSS für KFO-Hertig.de
                            von
                       Tobias Hertig
   ###################################################### */


/*=== Kalibrierung der wichtigen Abstände ===*/
* { padding: 0; margin: 0; }
ul, ol { margin-bottom: 1em; } /* Abstand nach unten */
ul ul { margin-bottom: 0; } /* Verschachtelte Listen ohne Absatz */
li { margin-left: 1em; } /* Abstand von Links */

/*=== Allgemeine Selektoren ===*/

html { height: 101% } 
body { 
  color: white; 
  background-color: #ccc; 
  background-image: url(seite/wrapper-hg.png);
  background-repeat: repeat-y; 
  background-position: center;
  font-family: Tahoma, Verdana, Calibri, Arial, Helvetica, sans-serif;
  font-size: small; 
}
h1 {
  font-size: 14pt;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 2px;
  color: #C40000;
  margin-bottom: 10px;
}
h2 {
  font-size: small;
  font-weight: bold; /* fett */
  letter-spacing: 2px; /* buchstabenabstand */
  color: #C40000;
  text-transform: uppercase; /* großbuchstaben */
  margin-bottom: 5px;
}

#druck-logo,
.skiplink {
  display: none;
}

img a {
  border: 0;
}

.rechts {
  float: right;
  border: 0;
  margin-left: 15px;
}
.links {
  float: left;
  border: 0;
  margin-right: 15px;
}

/*=== STYLE für den Layoutbereich ===*/
  
#wrapper {
  width: 910px;
  color: black;
  margin: 0 auto 0 auto;
  background-color: white;
  background-image: url(seite/wrapper-hg.png);
  background-repeat: repeat-y; 
}

#kopfbereich {
  height: 200px;
  background-image: url(seite/kopf-hg1.png);
  background-repeat: repeat-y; 
  margin: 0 2px 0 2px;
}

#navigation {
  float: left;
  width: 238px;
  padding-right: 10px;
  margin-left: 2px;
}
#navigation ul { margin: 30px 0 0 -10px; }
#navigation li {
  list-style-type: none;
  padding: 5px 0 5px 10px;
  border-bottom: 1px solid #ccc;
}
#navigation ul.sub {
  margin-top: -2px;
  list-style-type: none;
  padding: 0px 0 0px 20px;
  margin-bottom: 10px;
}
#navigation a {
  color: black;
  text-decoration: none; 
  outline: none;
}
  #navigation a:hover, 
  #navigation a:focus {  
    font-weight: bold; /* fett */
    color: #C40000;
  }
    #start #navi1 a,
    #aktuell #navi01 a,
    #termine #navi02 a,
    #praxen #navi2 a,
    #leitbild #navi01,
    #sprechzeiten #navi02 a,
    #bilder #navi03 a,
    #anfahrt #navi04 a,
    #leistungen #navi3 a,
    #funktion #navi01 a,
    #schnarch #navi02 a,
    #ruecken #navi03 a,
    #hunde #navi04 a,
    #behandlung #navi05 a,
    #kontakt #navi5 a,
    #impressum #navi6 a,
    #links #navi7 a,
    #infos #navi4 a,
    #spangen #navi02 a,
    #shop #navi03 a,
    #sleitbild #navi01 a
    {  
      font-weight: bold; /* fett */
      color: #C74D4D;
    }

#inhalt {
  width: 628px;
  padding: 10px;
  margin: 0 2px 0 250px;
}

#plus { 
  height: 270px;
  width: 279px;
  padding: 10px;
  padding-top: 20px;
  margin-left: auto;
  margin-right: auto;
  line-height: 30px; 
  font-family: cursive;
  font-size: large; 
  background-image: url(bilder/info/spangen-hg.jpg);
  background-repeat: no-repeat; 
}
#plus li { list-style-type: none; }
#plus a {
  color: #fff;
  text-decoration: none; 
}
#plus a:hover,
#plus a:focus {
  color: #DD0F0F;
  background-color: #fff;
}

#textbereich p { line-height: 22px; text-align: justify; }

#hinnweis {
  background-color: #FFA400;
  color: white;
  padding: 5px;
  font-weight: bold; /* fett */
  text-transform: uppercase; /* großbuchstaben */
  letter-spacing: 1px; /* buchstabenabstand */
  margin-bottom: 3px;
}

#fusz {
  margin-top: 30px;
  border-top: 1px solid #ccc;
  padding-top: 5px;
  color: #8c8c8c;
  font-size: x-small; 
  text-align: center;
  letter-spacing: 2px;
}