/* CSS Document */

body {
  background: #FFF;
  color: #000;
  background-image:url(../images/grafik/hg.gif); 
  background-repeat:repeat-y;
  font-family: verdana, arial, sans-serif;
  font-size: 100.01%;
  padding: 0px;
  margin: 0;
}

ul, li { 
  padding: 0px;
  margin: 0;
}

a:link,
a:visited {
  text-decoration: none;
  color: #460606;
}

a:hover,
a:focus,
a:active {
  text-decoration: underline;
  color: #B36727;
}

/* Bereiche */ 

#wrapper {
  width:1018px;
  }
  
#links {
  float:left;
  padding:45px 0 0 0;
  margin:0;
  border:0;
  width:400px;
  /* background-color:#f00; */
  }
  
#mitte {
  float:left;
  padding:23px 0 23px 0;
  margin:0;
  border:0;
  width:178px;
  background-color:#E3C088;
  }
  
#rechts {
  float:left;
  padding:45px 0 0 0;
  margin:0;
  border:0;
  width:410px;
   /* background-color:#0f0; */
  }

/* verschiedene hintergrundbilder */ 

#inhaltrechtswald {
  float: left;
  width: 410px;
  padding: 20px 15px 0 15px;
  margin: 10px 0 0 0;
  background-image: url(../images/fotos/hg_wald.jpg); 
  background-repeat:no-repeat;
}

#inhaltrechtskinder {
  float: left;
  width: 410px;
  padding: 20px 15px 0 15px;
  margin: 10px 0 0 0;
  background-image: url(../images/fotos/hg_kinder.jpg); 
  background-repeat:no-repeat;
}

#inhaltrechtstuer {
  float: left;
  width: 410px;
  padding: 20px 15px 0 15px;
  margin: 10px 0 0 0;
  background-image: url(../images/fotos/hg_tuer.jpg); 
  background-repeat:no-repeat;
}


#inhaltrechtsfingerhut {
  float: left;
  width: 410px;
  padding: 20px 15px 0 15px;
  margin: 10px 0 0 0;
  background-image: url(../images/fotos/hg_fingerhut.jpg); 
  background-repeat:no-repeat;
}

#inhaltrechtsfigur {
  float: left;
  width: 410px;
  padding: 20px 15px 0 15px;
  margin: 10px 0 0 0;
  background-image: url(../images/fotos/hg_figur.jpg); 
  background-repeat:no-repeat;
}

#inhaltrechtsseerose {
  float: left;
  width: 410px;
  padding: 20px 15px 0 15px;
  margin: 10px 0 0 0;
  background-image: url(../images/fotos/hg_seerose.jpg); 
  background-repeat:no-repeat;
}

#inhaltrechtsrododentron {
  float: left;
  width: 410px;
  padding: 20px 15px 0 15px;
  margin: 10px 0 0 0;
  background-image: url(../images/fotos/hg_rododentron.jpg); 
  background-repeat:no-repeat;
}

#inhaltrechtsschmetterling {
  float: left;
  width: 410px;
  padding: 20px 15px 0 15px;
  margin: 10px 0 0 0;
  background-image: url(../images/fotos/hg_schmetterling.jpg); 
  background-repeat:no-repeat;
}

#inhaltrechtspusteblume {
  float: left;
  width: 410px;
  padding: 20px 15px 0 15px;
  margin: 10px 0 0 0;
  background-image: url(../images/fotos/hg_pusteblume.jpg); 
  background-repeat:no-repeat;
}

#inhaltrechtswasser {
  float: left;
  width: 410px;
  padding: 20px 15px 0 15px;
  margin: 10px 0 0 0;
  background-image: url(../images/fotos/hg_wasser.jpg); 
  background-repeat:no-repeat;
}

#inhaltrechtsakelei {
  float: left;
  width: 410px;
  padding: 20px 15px 0 15px;
  margin: 10px 0 0 0;
  background-image: url(../images/fotos/hg_akelei.jpg); 
  background-repeat:no-repeat;
}

#inhaltrechtsamaryllis {
  float: left;
  width: 410px;
  padding: 20px 15px 0 15px;
  margin: 10px 0 0 0;
  background-image: url(../images/fotos/hg_amaryllis.jpg); 
  background-repeat:no-repeat;
}


/* Schriften und Details links */ 

#links h1 {
  font-size: .75em;
  line-height: 1.5em;
  margin: 0 0 1.2em 0;
  color: #581010;
  padding:0 15px 0 18px;
}

#links h2 {
  font-size: .75em;
  line-height: 1.5em;
  margin: 0;
  color: #581010;
  padding:0 15px 0 18px;
}

#links strong {
  font-weight: bold;
}

#links p {
  font-size: .75em;
  line-height: 1.3em;
  margin: 0 0 1.5em 0;
  padding:0 15px 0 18px;
}

#links ul{
  list-style-type:disk;
}

#links ul li{
  font-size: .75em;
  line-height: 1.2em;
  margin: 0 0 .5em 35px;
  padding:0 15px 0 0;
}

#links p a:link,
#links p a:visited {
  font-size: .9em;
  font-weight:bold;
  text-decoration: none;
  color: #581010;
}

#links p a:hover,
#links p a:focus,
#links p a:active {
  text-decoration: underline;
  color: #E3C088;
}

/* Schriften Menue und Details mitte */ 

#menue {
  float: left;
  width: 178px;
}

#menue ul{
  list-style-type:none;
  padding: 0 0 15px 15px;
}

#menue li{
  font-size: .73em;
  line-height: 1.5em;
  color: #460606;
  padding: 0;
  margin: 0 0 5px 0;
}

#menue li strong{
  font-weihgt:bold;
  background: url(../images/grafik/menuepunkt.gif) no-repeat;
  padding: 0 0 2px 20px;
}

#menue a:link,
#menue a:visited {
  text-decoration: none;
  color: #460606;
}

#menue a:hover,
#menue a:focus,
#menue a:active {
  text-decoration: underline;
  color: #B36727;
}

#foto1 {
  padding-bottom:23px;
}

/* Schriften und Details rechts */ 

#rechts h1 {
  font-size: .75em;
  line-height: 1.5em;
  margin: 0 0 1.5em 0;
  color: #581010;
}

#rechts h2 {
  font-size: .75em;
  line-height: 1.5em;
  margin: 0;
  color: #581010;
}

#rechts p {
  font-size: .75em;
  font-weight:normal;
  line-height: 1.3em;
  margin: 0 30px 1.5em 0;
}

#rechts ul{
  list-style-type:none;
  padding: 0;
}

#rechts li{
  font-size: .7em;
  line-height: 1.1em;
  padding: 0;
  margin: 0 30px .75em 0;
}

#rechts li .fett {
  font-weight: bold;
}

#marginalie {
  float: left;
  width: 410px;
  margin-top:20px;
}

#marginalieperson {
  float: left;
  width: 410px;
  margin-top:20px;
  padding-left: 15px;
}

#marglinks {
  float: left;
  width: 235px;
  padding-left: 15px;
}

#margrechts {
  float: right;
  width: 160px;
}

#margrechts img {
  align: right;
}