* { margin: 0; padding: 0; } 

/*  Grund Anlage Schrift,Farbe,Hintergrund */
/* für  die Seiten in Hauptfenster */
body.haupt 
{	
	font: 12px Arial, Helvetica, sans-serif; 
	/*line-height: 1.2em;*/
	color: Black; background-color: #bdb9dc;

	scrollbar-3dlight-color: #686490; 		/* Farbe für 3D Effekte*/
	scrollbar-arrow-color: #686490; 		/* Basis Farbe der Scrolleiste */
	scrollbar-darkshadow-color: #686490; 	/* Farbe für Schatten */
	scrollbar-face-color:#BDB9DC; 			/* Farbe für Oberfläche */
	scrollbar-highlight-color: #666666; 	/* Farbe für oberen und linken Rand */
	scrollbar-shadow-color: #BCB8DB; 		/* Farbe für unteren und rechten Rand */
	scrollbar-track-color: #686490; 		/* Farbe für frei bleibenden Verschiebeweg */
	}
	
/* Gund Anlage Links */
	A {font-size: 12px;	Arial, Helvetica, sans-serif; font-weight: bold; background-color: transparent;}	

/* Einzelverarbeitung der Zustände der Links (Reihenfolge beibehalten ! ) */
	A:LINK		  		{color: #686490; text-decoration: underline;}
	A:VISITED			{color: #504A84; text-decoration: underline;}
	A:FOCUS 			{color: #8C8AA7; text-decoration: none;}
	A:HOVER				{color: #8C8AA7; text-decoration: none;}
	A:ACTIVE			{color: #8C8AA7; text-decoration: none;}

p { margin: 0 0 1em 0; }

h1 {font: 18px Arial, Helvetica, sans-serif; line-height: 2em; font-weight: bolder; color: #686490; background-color: transparent;}
h2 {font: 16px Arial, Helvetica, sans-serif; line-height: 2em; font-weight: bolder; color: #686490; background-color: transparent;}
h3 {font: 14px Arial, Helvetica, sans-serif; line-height: 2em; font-weight: bolder; color: #686490; background-color: transparent;}

/* Grundanlage tabellen modifikation */
TH{ font-size: 12px; padding: 3px;}
/* td sehr wichtig für tabellenzellen sonst formatierst du dich zu tode */
TD	{ font: 12px Arial, Helvetica, sans-serif; padding: 3px;}

/*Hintergrund*/
#Layer1 {
	position:absolute;
	left:87px;
	top:0px;
	width:811px;
	height:550px;
	z-index:0;
	background-image: url(../images/hg1.JPG);
	layer-background-image: url(../images/hg1.JPG);
	border: 1px none #000000;
	padding: 20px;
	overflow: hidden;
}
/*Kopf*/
#Layer2 {position:absolute; left:87px; top:0px; width:850px; height:100px; z-index:2; background-image: url(../images/kopf.gif); layer-background-image: url(../images/kopf.gif); border: 1px none #000000;}
/* Navigation*/
#Layer3 {position:absolute; left:87px; top:0px; width:151px; height:432px; padding: 10px; z-index:4; line-height: 1,1em; background-color: transparent;}
/*Inhalt*/
#Layer4 {position:absolute; left:259px; top:100px; width:638px; height:450px; padding:20px; z-index:4; background-image: url(../images/hg-popo.gif); layer-background-image: url(../images/hg-popo.gif); border: 1px none #000000; overflow: auto;}
#Layer4geschichten {
	position:absolute;
	left:258px;
	top:0px;
	width:638px;
	height:550px;
	padding:20px;
	z-index:4;
	/*background-image: url(../images/hg-popo.gif);*/
	layer-background-image: url(../images/hg-popo.gif);
	border: 1px none #000000;
	overflow: auto;
}
/*Foto StanGere Kind*/
#layer5 {position:absolute; left:332px; top:72px; width:300px; height:223px; z-index:1; border: 0px none #000000;}
/*Foto StanGere Erwachsener*/
#layer6 {position:absolute; left:28px; top:903px; width:264px; height:188px; z-index:1; border: 0px none #000000;}
/*Text neben StanGere Erwachsen*/
#layer7 {position:absolute; left:332px; top:904px; width:291px; height:187px; z-index:1; line-height: 1.2em; border: 0px none #000000;}
/*alle Bilder im xxx Bereich*/
#Layer8 {
	position:absolute;
	left:256px;
	top:4px;
	width:638px;
	padding:10px;
	z-index:4;
	border: 1px none #000000;
	overflow: hidden;
	height: 589px;
	background-image: url(../banner-hoch.gif);
}
/*alle Bildebeschriftungen für waagerechte Bilder im xxx Bereich*/
#bild-waagerecht {position:absolute; left:271px; top:447px; width:149px; height:67px; z-index:5; } 
/*alle Bildebeschriftungen für senkrechte Bilder im xxx Bereich*/
#bild-senkrecht {position:absolute; left:654px; top:16px; width:149px; height:67px; z-index:5;}
 /*extra seite*/
#buch1 {
	position:absolute;
	left:260px;
	top:3px;
	width:636px;
	height:743px;
	z-index:1;
	background-image: url(../images/hg1.JPG);
	layer-background-image: url(../images/hg1.JPG);
	border: 1px none #000000;
	padding: 20px;
	overflow: visible;
	visibility: visible;
}
#buch2 {
	position:absolute;
	left:260px;
	top:0px;
	width:638px;
	padding:20px;
	z-index:4;
	border: 1px none #000000;
	overflow: visible;
	height: 510px;
}
.fett {font: 12px Arial, Helvetica, sans-serif; font-weight: bolder; color: #686490; background-color: transparent;}
.schwarz {font: 12px Arial, Helvetica, sans-serif; font-weight: bolder; color: #000000; background-color: transparent;}
.klein {font: 10px Arial, Helvetica, sans-serif; color: #000000; background-color: transparent;}
.rot {font: 12px Arial, Helvetica, sans-serif; font-weight: bolder; color: #FF0000; background-color: transparent;}