body {
  background-image:url(../images/wand.gif);
  background-attachment:fixed;
  margin:0;
  padding:0;
  width:100%;
}

   /* valide 09.04.14, geöffnet mit opera 12, chrome 20 und IE 10, getestet versch. auflösungen, okay */
   
/*div für verschiedene auflösungen */   
.wrapper 
{
width: 960px; 
margin:0 auto;        
}        
   
   
   
   
  /* layer im hintergrund */
#hintergrund
{
  position: relative;
  top: 5px; 
  height: 1630px;
  width: 955px;
  background-image: url(../images/layer1.png);         
 
}

  /* kleiner titel links oben */
.bild_klein
{
  position: relative;
  top: 40px;
  left: 40px;  
  width: 150px;                                   
}








 /* text in box story */
/* text in box story */
/* text in box story */




/* box story */
.story {
  position: absolute;
  top: 70px;
  left: 15px;
  height: 1450px;
  width: 880px; 
  padding: 10px;
  padding-right: 25px;                 
}

.story p{
  position: relative;
  top: 10px;
  left: 20px;
  font-style: normal; 
  font-weight: normal; 
  font-size: 12px;
  line-height: 120%;
  font-family: Verdana, sans-serif;
  color: black;
}

   /* box story initiale*/
.story .abschnitt5:first-letter {
	float: left;
	color: #0B0B00;
	font-size: 75px;
	line-height: 50px;
	padding: 8px 5px 0px 0px;
  font-family: "times new roman",times,serif;
	}



    /* box story initiale*/
.story .abschnitt6:first-letter {
	float: left;
	color: #0B0B00;
	font-size: 75px;
	line-height: 50px;
	padding: 8px 5px 0px 0px;
  font-family: "times new roman",times,serif;
	}





/* ende text in box story */
/* ende text in box story */
/* ende text in box story */

/* box link oben */
.linko {
  position: absolute;
  top: 40px;
  right: 50px;
  height: 30px;
  width: 60px;                     

}


/* box fürlinkschrift */
.linkschr {
  position: relative;
  right: 45px;
  text-align:center;
  height: 30px;
  width: 120px; 
  font-family: arial, verdana, sans-serif;              
  font-size: 12px;
}

/* box link unten */
.linku {
  position: absolute;
  bottom: 50px;
  right: 35px;
  height: 30px;
  width: 60px;                                         

}












 /* box weiterpfeil */
.pfeil {
  position: absolute;
  bottom: 60px;
  right: 240px;
  height: 30px;
  width: 50px;                                      
}
 /* box navi unten*/
.navi {
  position: absolute;
  bottom: 40px;
  right: 130px;
  height: 40px;
  width: 300px; 
}


/* listenelemente */
.navi li {
  display: inline;            /* Listenelemente nebeneinander */
  list-style-type: none;      /* Aufzählungszeichen entfernen */ 
}



a:link { font-weight:bold; color:#4385FE; text-decoration:none; }   /*blau*/
a:visited { font-weight:bold; color:#800080; text-decoration:none; } /*lila*/
a:focus { font-weight:bold; color:#FF0000; text-decoration:underline; }  /*rot*/
a:hover   { font-weight:bold; color:blue; text-decoration:none;}
a:active { font-weight:bold; color:#008000; text-decoration:none;}  /*grün*/