/*===Stylesheet für kimama.de, erstellt januar 2011 von Manfred Liebig===*/


/*====allgemeine Anweisungen====*/
html {
  height: 100.5%; /*erzwingt scrollbalken in FF*/
  font-size: 62.5%;/*entspricht in etwa 10px*/
}
body{
        background-color: #FAE6C8;
        font-family: Georgia, Times New Roman;
        color: #65291A;
  font-style: italic;
        font-size: 1.4em;/*alle em-angaben bei font-size beziehen sich auf die in html festgelegte*/
  line-height: 1.5em;
  background-image: url(band-kurz.jpg);
        background-position: 181px;
        background-repeat: repeat-y;
}
* {/*setzt alle Abstände auf null, wegen verschiedener Browser*/
  padding: 0;
  margin: 0;
  border: 0;
}
h1, h2, h3, h4, p, ul, ol {/* stellt die benötigten Abstände wieder her*/
  margin-bottom: 0.8em;
}
h1, h2, h3, h4, h5, h6 {
        font-family: Georgia, Times New Roman;
        color: #B12F01;
  font-weight: normal;
}
h1 {
        text-align: center;
  font-size: 2.0em;
  line-height: 1.2em;
}
h2 {font-size: 1.8em;
}
h3 {font-size: 1.6em;
}
h4 {font-size: 1.4em;
}
h5 {font-size: 1.2em;
}
h6 {font-size: 1.0em;
}
h3 {margin-bottom: 0.3em;
}
li, li li{
  list-style-type: none;
}
li.w{/*das sind die listen für die termine*/
  font-family: Georgia, Times New Roman;
        font-size: 1.4em;
        font-style: italic;
  color: #B12F01;
}
/*********allg. link*********/
a:link {
  text-decoration: none;
        color: #B12F01;
}
a:visited {
  text-decoration: none;
        color: #B12F01;
}
a:hover {
  text-decoration: none;
        color: #D37339;
}
a:active{
  color: #D37339;
}
div {/*rückt alle div-container vom rand ab, wo nicht gewollt mit margin-left 0 rückgängig machen*/
        margin-left: 20px;
}
/*auf den seiten*/
img#logo{
        margin-bottom: 10px;
        margin-left: 0px;
}
div#inhalt{
        text-align: justify;
 }
div#wrapper {
  width: 720px; /*Breite des Inhaltsbereiches*/
  margin-left: 181px;/*lässt platz für navi*/
}
div#navi {
        width: 180px;
        position: absolute;
        top: 120px;
        left: 0px;
  margin-left: 0px;/*hebt margin-left aus * div auf*/
}
img.float_right {
        float: right;
        margin-top: 10px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 15px;
}
img.schmetterling {
        float: right;
        margin: 20px;
}
div#text {/* noch nix drin, wird alles über body und html geregelt*/}
div#text li{
        list-style-type: circle;
        margin-left: 20px;
}
div#termine a{/* wegen Anmeldung erforderlich*/
  text-decoration: underline;
}
div#kontakt {
        padding: 10px 20px;
}
.links {
padding-bottom: 10px;
/*font-size: 1.0em;*/
}
/*body#links div#text{
height: 500px;
}*/
.skiplink {
        /*float: right;*/
  margin-left: 40px;
  padding-bottom: 20px;
}
div#kontakt a {
  font-size: 1.8em;
}
/*gedankenseite*/
body#gedanken p.zitat{
  font-size: 1.8em;
  line-height: 1.2em;
  text-align: center;
  margin-bottom: 15px;
}
body#gedanken div#gedanken_bild{
  width: 512px;
  height: 384px;
  margin: 30px auto;
}
body#gedanken p.autor{
  text-align: center;
}
