/* Stylesheet für die Internetseite des Heilpraktikers Schmidt */

/* ====================================
   Reset und Restaurierung der Abstände
   ==================================== */

@media all {

/* Teil 1 - Reset */

html { overflow-y: scroll; } /* Scrollbar immer einblenden */

body, div, h1, h2, h3, h4, h5, p, ul, ol, li, form, input, textarea {
    padding: 0; margin: 0;
}

/* Teil 2 - Abstände restaurieren */

p { margin-bottom: 0.8em; }

} /* Ende @media - nicht löschen ! */

/* ==========================
   Gestaltung des Bildschirms
   ========================== */

@media screen {

/* Teil 1 - Allgemeine Styles */

body {
    background-color: #FFFBA9;
    background-image: url(back.jpg);
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 90%;
}
h1 {
    font-size: 170%;
    font-weight: bold;
    letter-spacing: 3pt;
    margin-bottom: 0.3em;
    color: #4F6895;
    text-shadow:
    1px 1px #C3C3C3,
    2px 2px #C3C3C3,
    3px 3px #C3C3C3;
}
h2 {
    color: #4F6895;
    font-size: 130%;
    font-weight: bold;
    letter-spacing: 1pt;
    margin-bottom: 0.5em;
}
h3, h4, h5 {
    color: #DC645F;
    font-size: 110%;
    font-weight: bold;
    letter-spacing: 1pt;
    margin-bottom: 0.3em;
}
h4 {
    color: #696969;
}
h5 {
    color: #4F6895;
    font-size: 120%;
    margin: 0.5em 0;
} 
ul {
    list-style: disc outside;
    margin: 0;
}
hr {
    color: #FFCE46;
    background-color: #FFCE46;
    width: 300px;
    height: 1px;
    border:0;
    margin: 40px auto 20px 0;
}
a, p a {
    text-decoration: none;
    color: #DC645F;
    border: none;    
}
p a:link, p a:visited { color: #DC645F; }
p a:hover, p a:focus, p a:active { color: #FF7F00; }

blockquote {
    color: #696969;
    padding: 0;
    margin: 0; margin-bottom: 1em;
    font-style: italic;
    font-weight: bold;
}

/* Teil 2 - Styles für bestimmte Layoutbereiche */

div#container {
    background-color: #FFF9A3;
    color: #1E1E1E;
    width: 960px; /* feste Breite definieren */
    margin: 20px auto;
    border: 2px solid #FFCE46;
    border-radius: 5px;
}
div#kopf {
    position: relative;   /* positioniert, aber bleibt im Fluss */
    background-color: #FFFFFF;
    color: #000000;
    padding: 15px 15px 15px 15px;
}
div#titel {
    position: absolute;
    top: 20px;
    left: 200px;
}
div#titel p {
    font-size: 110%;
    color: #4B4B4B;
    letter-spacing: 1pt;
    margin-bottom: 0.3em;
}
div#navigation {
    text-align: right;
    color: #000000;
    background-color: #FFFFFF;
    letter-spacing: 1pt;
    padding: 5px 20px 4px 20px;
    border-bottom: 2px solid #FFCE46;
}
div#navigation ul { margin: 0; }
div#navigation li {
    display: inline;
    list-style-type: none;
    margin: 0;
}
div#navigation a {
    color: #000000;
    padding: 4px 8px 4px 8px;
    border: 2px solid #FFFFFF;
    border-bottom-color: #FFCE46;
}
div#navigation li.hier a {
    color: #000000;
    background-color: #FFF9A3;
    border: 2px solid #FFCE46;
    border-bottom-color: #FFF9A3;
    border-radius: 5px 5px 0px 0px;
}
div#navigation a:hover,
div#navigation a:focus,
div#navigation a:active {
    color: #000000;
    border: 2px solid #FFCE46;
    border-bottom-color: #FFF9A3;
    border-radius: 5px 5px 0px 0px;
}
.zentriert {
    text-align: center;
}
div#links {
    float: left;
    width: 440px;
    line-height: 1.5;
    padding: 10px 20px;
}
div#links img {
    float: left;
    margin: 0 10px 10px 0;
}
div#rechts {
    line-height: 1.5;
    padding: 10px 20px;
}
div#rechts  img {
    float: left;
    margin: 0 20px 0 0;
}
div.infonavigation {
    display: table;
    width: 420px;
    margin: 20px 0;
}
div.infonavigation li {
    list-style-type: none;
    letter-spacing: 1pt;    
    margin: 25px 0 0 0;
}
div.infonavigation a {
    color: #000000;    
}
div.infonavigation a:link, a:visited { color: #000000; }
div.infonavigation a:hover, a:focus, a:active { color: #DC645F; }
div.infonavigation img {
    float: left;
    margin-right: 20px;
}
div#liste {
    margin: 0 0 1em 475px;
}
div#liste li {
    margin: 5px 0;
}

div#liste a {
    text-decoration: none;
    color: #DC645F;
    border: none;
}
div#liste a:hover,
div#liste a:focus,
div#liste a:active {
    color: #FF7F00;
}
div#fuss {
    clear: both;
    letter-spacing: 1pt;
    border-top : 2px solid #FFCE46;
    padding: 10px 20px 5px 10px;
    margin: 0;
}
div#impressum {
    width: 480px;
    text-align: left;
    float: left;
}
div#impressum a {
    color: #000000;
    padding: 5px 10px ;
}
div#impressum a:hover,
div#impressum a:focus,
div#impressum a:active {
    background-color: #FFFFFF;
    font-weight: bold;
}
div#copyright {
    text-align: right;
}

/* Teil 3 - Sonstige Styles */

} /* Ende @media - nicht löschen ! */