/*  =========================================================
Stylesheet für "Yoga mit Ulrike"
Datei:  bildschirm.css
Datum:  09.06.2009
Autor:  Andreas Büttner
Aufbau  1. Kalibrierung und allgemeine Styles 
        2. Styles für Layoutbereiche    
        3. Sonstige Styles 
========================================================== */

/* ====================================== 
   1. Kalibrierung und allgemeine Styles 
   ====================================== */

/* Kalibrierung der wichtigsten Abstände */
*  { padding: 0; margin: 0;  }
h2, p, ul, ol { margin-bottom: 1em; }  
ul ul { margin-bottom: 0; } 
li { margin-left: 1em; }

/* Allgemeine Selektoren */

/* html {  height: 101%; } */ /* erzwingt Scrollbar im Firefox */
body {  width: 950px;  /* Fenstergröße auf 1024 * 768 festlegen */
        height: 1768px;
        margin-left: auto;
        margin-right: auto;
        color: white;
        background-color: white;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: small;
/*    border: dotted; border-color: green;    */
      }
h1 { font-size: 140%; }
h2 { font-size: 130%; }
.h2-f { font-size: 100%; }
.h2-f1 { font-size: 100%; font-size: 110%; }
.h2-n { font-size: 100%; font-weight: normal; }

/* Hyperlinks */
a { text-decoration: none; outline: none; }
a:link { color: #d90080; }
a:visited { color: #cc6666; }
a:hover, 
a:focus { 
  border: 0px solid black;
}
a:active { 
   color: white; 
   background-color: #d90000; 
}
/* Allgemeine Klassen und IDs */
.skiplink { 
   position: absolute; 
   left: -3000px; 
   top: -2000px; 
   width: 0px; 
   height: 0px; 
   overflow: hidden; 
   display: inline; 
}

/* ==================================== 
   2. Styles für die  Layoutbereiche 
   ==================================== */

#wrapper { /* Das HTML-Element mit dem Attribut id="wrapper" */
  color: black;
  height: 2500px;
  background-image: url(Stehender_Held_Relief.jpg);
  margin: 0;
  padding-right: 0px;
/*    border: dotted; border-color: red;    */
  }
#logo {
  position: absolute;
  top: 0px;
  left: auto;
}
#kopfbereich {
  color: black;
  padding: 10px 20px 10px 180px;
  text-align: center;
/*  border: dotted;  border-color: red;      */
  }
  #kopfbereich p {
    padding: 5px 0 5px 0;
    margin-bottom: 0; /* war 1em */
    }
  #kopfbereich h2 {
    font-size: 130%;
    }
  #kopfbereich span {
    font-style: italic;
    font-size: 250%;
    font-family: "Comic Sans MS", Arial, Verdana;
    }
#navibereich {
        float: left;
        width: 150px;
        padding-top: 120px;
        padding-right: 10px;
        padding-bottom: 20px;
        padding-left: -0px;
        margin: 0px;
        color: #000;
   			}
  #navibereich ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }
  #navibereich li a {   height: 32px;
          	voice-family: "\"}\"";
          	voice-family: inherit;
          	height: 24px;
        		text-decoration: none;
            }
  #navibereich li a:link, #navibereich li a:visited {
        		color: black;
        		display: block;
        		background: url(button.gif);
        		padding: 8px 0 0 30px;	        	}
  #navibereich li a:hover  {
        		background: url(button.gif) 0 -32px;
        		padding: 8px 0 0 30px;	        	}
  #navibereich li a:active {
        		background: url(button.gif) 0 -64px;
        		padding: 8px 0 0 30px;	        	}
#statistik { font-size:x-small; text-align: center; }

#textbereich {
  padding: 0px 0px 310px 30px;
  margin-left: 200px;
  margin-right: 20px;
  margin-bottom: 0px;
/*   border: dotted; border-color: blue;     */
  }
#textbereich span {
    font-style: italic;
    font-size: 200%;
    font-family: "Comic Sans MS", Arial, Verdana;
    }
#textbereich h3 {
    font-style: italic;
    font-size: 130%;
    font-family: "Comic Sans MS", Arial, Verdana;
    margin-bottom: 10px;
    }
#geschenkidee h3 {
    margin-bottom: 20px;
    }
#textbereich p,
#textbereich ul {
    font-size: 100%;
    line-height: 150%;
    }
#textbereich #gutschein {
    margin-top: 20px;
    margin-left: 320px;
}
#textbereich li {
    list-style: none;
    margin-top: 10px;
    margin-left: 0;
    }
#textbereich li:first-letter {
    font-size: 140%;
    }
#startseite blockquote {
    padding-top: 20px;
    padding-left: 40px;
    font-family: "Comic Sans MS", Arial, Verdana;
    }
#startseite cite {
    font-size: 80%;
    }
#kontakt #textbereich #bild {
    float:left;
    padding: 100px 40px 0 70px;
    }
#kontakt #textbereich #adresse {
    padding-top: 110px;
    }
#impressum h4 {
    margin-top: 30px;
    margin-bottom: 10px;
    }
#termine blockquote {
    margin-bottom: 20px;
    font-size: 130%;
    font-family: "Comic Sans MS", Arial, Verdana;
    color: #8b0000
    }
#termine cite {
    font-size: 70%;
    }
#termine .spalte1 {
    width: 60px;
    font-weight: bold;
    padding-left: 0px;
    }
#termine .neu {
    font-weight: bold;
    }
#termine .rot {
    color: #cc0044;
    font-size: 130%;
    font-style: italic;
    }
#termine #spalte2 {
    width: 192px;
    }
#termine  .euro {
    text-align: right;
    }
#termine tr {
    vertical-align: top;
  }
#termine td {
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
    }
#termine .weg {
    width: 80px;
    padding-left: 10px;
    }
#termine .hoch {
    width: 90px;
    padding-left: 10px;
    }
#termine #textbereich a:link,
#termine #textbereich a:visited {
    color: black;
    display: block;
    background: url(button.gif);
    padding: 8px 4px 10px 20px;
    }
#termine #textbereich a:hover  {
    background: url(button.gif) 0 -32px;
    padding: 8px 4px 10px 20px;
    }
#termine #textbereich a:active {
    background: url(button.gif) 0 -64px;
    padding: 8px 4px 10px 20px;
    }
#wegBadSoden {
    margin-left: 230px;
    padding-top: 50px;
    }
#wegSulzbach {
    margin-top: 190px;
    margin-left: 230px;
    padding-top: 50px;
    }
#wegBadSoden a:link,
#wegBadSoden a:visited,
#wegSulzbach a:link,
#wegSulzbach a:visited {
    color: black;
    display: block;
    background: url(button.gif);
    padding: 8px 4px 10px 20px;
    }
#wegBadSoden a:hover,
#wegSulzbach a:hover  {
    background: url(button.gif) 0 -32px;
    padding: 8px 4px 10px 20px;
    }
#wegBadSoden a:active,
#wegSulzbach a:active {
    background: url(button.gif) 0 -64px;
    padding: 8px 4px 10px 20px;
    }
#term_aend #textbereich {
    padding-top: 80px;
    }
#fussbereich {
    margin-left: 230px;
    margin-top: -240px;
    }
#css {
    float:left;
    padding-right: 50px;
    }
#wer_bin_ich .firmen
    a:link,
    a:visited {
    color: #0000cc;
    }
#wer_bin_ich .firmen {
    padding-left: 15px;
    }
#linkseite a {
    padding-left: 5px;
    color: blue;
    }
#linkseite .linkzu {
    padding-left: 0px;
    }
#linkseite .sp1 {
    width: 190px;
    padding-left: 5px;
    }
/*  wenn keine Terminändeungen, .term_aend {} als Kommentar 
.term_aend {
    color: blue;
    font-weight: bold;
    }                               */ 
 

/* =======================================
   E N D E   D E S   S T Y L E S H E E T S 
   ======================================= */