@charset "utf-8";
	 body {
		font: normal 100.01% Helvetica, Arial, sans-serif;
		color: black;
		background-color: white;
		margin: 0; 			/* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
		padding: 0;
		min-width: 1000px; /* Mindestbreite verhindert Anzeigefehler in modernen Browsern */
	  }
/** Container																	*/
    #container {
		position:relative;
		clear: none;
    		width: 100%;
		background: #FFFFFF;
		/*margin: 0 auto;  Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite bei Bedarf zentriert. */
		text-align: left; 	/* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
		margin: 0 0 0 0;
    }

	h1 {font: bold   1.4em Arial, Helvetica, sans-serif; color: #555; margin: 0 0 0.5em 0; letter-spacing: 0.10em;}
	h2 {font: bold   1.0em Arial, Helvetica, sans-serif; color: #444; margin: 0 0 0.5em 0; letter-spacing: 0.05em;}
	h3 {font: bold   0.9em Arial, Helvetica, sans-serif; color: #333; margin: 1.0em 0 0.5em 0; letter-spacing: 0.05em;}
	h4 {font: bold   0.8em Arial, Helvetica, sans-serif; color: #222; margin: 1.0em 0 0.5em 0; letter-spacing: 0.05em;}
	p  {font: normal 0.8em Arial, Helvetica, sans-serif; color: #000; line-height: 1.4em; margin: 0 0 0.5em 0; letter-spacing: 0;}
	sup {color: #f00; font-size: 80%; letter-spacing: 0;}			/* für die hochgestellte 21. Size-Angabe wirkt nur in IE?*/
	.pklein {font-size: 0.7em}
	
	a:link 		{ font-weight:bold; color:#333025; text-decoration:underline; }
	a:visited 	{ font-weight:bold; color:#66604a; text-decoration:underline; }
	a:focus 		{ font-weight:bold; color:#d00; text-decoration:underline; }
	a:hover 		{ font-weight:bold; color:#d00; text-decoration:underline; }
	a:active 	{font-weight:bold;	color:lime;}


/* #titel (die Titelzeile). Text ersetzen durch Logo.								*/
	#titel a {
		display: block;
		background: url(images/lp21_titel_hg1000.jpg) 0 0 no-repeat;
		height: 129px; 
		width: 1000px;
	}
	#titel a:hover {cursor: pointer;}
	#titel a span  {display: none;	}

/* ersetze Lunapark21 durch Logo-Bild - funktioniert so nicht! 					*/	
	.logo {
		display: inline;
		background: url(images/lplog1.gif) ;
		height: 32px; 		/* Größenangaben für alle Titelgrößen erforderlich */
		width: 123px;
	}
	.logo span  {display: none;	}

/* Linkleiste: ab hier alle linken Abstände pixelbasiert, um feste Relation zu Titelbild zu erhalten */
	ul#linkLeiste {
		margin: 0 0 0 227px;			/* Beginn beim Anfang von p von lunapark*/
		padding: 0 0 1px 1em;		/* farbiger Leerraum oben, unten und am Anfang*/
		/*height: 20px;*/			/* absolute Höhe für Gleichheit in FF und IE*/
		background-color: #dacfac;
		text-align: left;
	}
	ul#linkLeiste li,
	#footer {
		display: inline;
		list-style-type: none;
		/*margin: 0.4em; padding: 0;*/
	}
	ul#linkLeiste a,
	#footer span,
	#footer a {
		font: normal 0.8em Arial, Helvetica, sans-serif;
		letter-spacing: 0.1em;
		padding: 0.05em 0.5em;		/* Raum um Text (für rote Farbe bei hoover)*/
		text-decoration: none;
		text-transform: uppercase;	/* immer Großbuchstaben*/
		color: #000;
	}

/* Mausereignisse (alles getrennt angeben, sonst wird es von IE5.5 nicht erkannt!)	*/
	ul#linkLeiste a:hover	/** Links unter dem Mauszeiger. */
		{	color:#ffffff; 	background: #f55;	}
	#footer a:hover
		{	color:#ffffff;	background: #f55;	}
	#navigation h4 a:hover		/*nur für SZ-Titellink!*/
		{	color:#ffffff;	background: #f55;	}
	#navigation ul li a:hover
		{	color:#ffffff;	background: #f55;	}
		
	ul#linkLeiste a.selekt /* a.selektiert bezeichnet den Seitenbereich, indem wir uns gerade befinden*/ 
	 	{	color: #d00;	font-weight: bold;	}
	#footer a.selekt
		 {	color: #d00;	font-weight: bold;	}
	#navigation * a.selekt
		 {	color: #d00;	font-weight: bold;	}
	#navigation ul li a.selekt
	 	{	color: #d00;	font-weight: bold;	}
	 
	ul#linkLeiste a:hover.selekt 	/** Links unter dem Mauszeiger. */
		{	color: #d00;	background: none;}
	#footer a:hover.selekt
		{	color: #d00;	background: none;}
	#navigation * a:hover.selekt
		{	color: #d00;	background: none;}
	#navigation ul li a:hover.selekt
		{	color: #d00;	background: none;}


/* Navigationsleiste links														*/
   #lunakasten {
		position: absolute;
		top: 0px; left: 10px;
		/*background: #aaa;*/
		width: 206px; 			/* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
		height: 100%;
	}
	html>body #lunakasten {  /* nur fuer moderne Browser! */
		position: fixed;
  	}
	/* #luna Text ersetzen durch Logo.*/
	html>body #luna a {
		display: block;
		background: url(images/lp21_titel_luna206.png) 0 0 no-repeat;
		height: 108px; 
		width: 206px;
	}
	#luna a:hover {cursor: pointer;}
	#luna a span  {display: none; }

/* zusätzlicher navikasten, der Srollbalken erzeugt per overflow					*/
   #navikasten {
   		position: absolute;
		bottom: 0px; left: 10px;
		top: 108px;
	   /*background: #a00;*/
		width: 206px;
		overflow-y: auto;
		
		/*wirkt nur in IE*/
		scrollbar-face-color:#dacfac;
		scrollbar-track-color:#F1EEE2;
   }
	html>body #navikasten {  /* nur fuer moderne Browser! */
    	position: fixed;
  	}
	
   #navigation {
		width: 180px; 			/* absolute Breite wegen abs. Positionierung zu Titelbild */
		margin: 0 0 0 0;
		background: #dacfac; 	/* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
		text-align: left;
		padding: 20px 8px 10px 8px; /* Leerraum im Kasten, vergrößert diesen! Breite nun 196px*/
   }

	#navigation p {
		font: normal 0.75em/1.2em Arial, Helvetica, sans-serif;
		/*font-weight: normal;*/
		margin: 0.5em 1em;		/* oberer Abstand wird kleiner als Standard*/
		color: #000;
	}
	#navigation p strong{
		/*font: normal 0.5em Arial, Helvetica, sans-serif;*/
		font-weight: bold;
	}
	*:first-child+html #navigation p strong { /*Star-Plus-Html-Hack, gilt nur für IE7*/
		font: bold inherit Arial, Helvetica, sans-serif;
	}
	
	
	/*hier unterschiedliche Browser-Voreinstellungen überschreiben*/
	#navigation ul {
		display: block; 
		margin: 0 0 0 5px;		
		padding: 0;
	}
	
	#navigation ul li {
		font: normal 0.75em Arial, Helvetica, sans-serif;
		letter-spacing: 0.05em;
		list-style: none;
		margin: 0.3em 0;	/*Textabstand nur oben und unten*/
		padding: 0;
	}
	#navigation ul li a {
		display: block;			/* bei hover wird ganzer block markiert*/
		padding: 0.15em 0.5em;	/* Raum um Text (für rote Farbe bei Hoover). Neg Werte wirken nicht. */
		text-decoration: none;	/* keine unterstreichung der links */
		text-transform: uppercase;
		font-weight: normal;
		color: #000;
	}
	#navigation h3 a,
	#navigation h4 a {
		display: block;			/* bei hover wird ganzer block markiert*/
		margin: 0 0 0 -0.5em; 		/* bestimmt offenbar Textabstand links, jedoch nicht nach umbruch*/
		padding: 0.15em 0.5em;	/* Raum um Text (für rote Farbe bei Hoover). Neg Werte wirken nicht. */
		text-decoration: none;	/* keine unterstreichung der links */
		color: #444;
	}
	
	#navigation a img {
		border: none;
		text-decoration: none;
	}
	/*#navigation a img:hover {	/*funktioniert bis IE6 nicht, auch kein Workaround*/
	/*	margin: -4px;			/*Teil des randes durch border ersetzen*/
	/*	border: solid 4px #d00;	/*unter beachtung der schon oben gesetzten border*/
	/*}*/
	#navigation ul li a.button {
		/*display: inline;*/
		text-align: center;
		padding: 0;
		margin: -3px -3px -10px -3px;
		border: solid 3px #777;
	} 

	#navigation .quelle{			/*bildquellen etc*/
		font-size: 0.55em;
	}

/* sidebar rechts für Werbebanner, Abstand nach oben fest 15+5 pixel				*/
    .sidebar {
   		float: right; 
   		/*background-color: #dacfac;*/ 	/* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
		background-color: transparent;
		margin: 0 5px 1.5em 15px;	/* Leerraum um kasten herum*/
    		padding: 5px 5px 0 5px;			/* Auffüllung erzeugt (farbigen) Rahmen (leerraum) */
		z-index: 500;
	}
	.sidebar img{
		border: 5px solid #aaa;
	}
	
/* sidebar rechts und kästen darin. Abstand nach oben fest 15+5 pixel				*/
    .sidebar2 {
		/*font: normal 0.8em Arial, Helvetica, sans-serif;*/
    		float: right; 
		width: 15%; 					/* breite bezieht sich auf Fontgröße, deshalb hier auch definieren*/ 
		max-width: 15em;
		min-width: 10em;
    		/*background-color: #dacfac;*/ 	/* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
		background-color: #ffffff;
		margin: 15px 5px 1.5em 15px;	/* Leerraum um kasten herum*/
    		padding: 5px 5px 0 5px;			/* Auffüllung erzeugt (farbigen) Rahmen (leerraum) */
    		z-index: 0;
	}
   	
/* Kästen innerhalb der sidebar mit unterem Abstand zueinander						*/
	.kasten {
		text-align: center;
		margin: 0 0 10px 0;
		padding: 0.4em 1em 1em 8px;
		/*background-color: #ffffff;*/
		background-color: #F1EEE2;		/*helleres beige*/
	}
	.kasten h3,
	.kasten h4{
		margin: 0 0 0.5em 0;
		text-align: left;
	}
	.kasten p {
		margin: 0.9em ;
		font: normal 0.8em Arial, Helvetica, sans-serif;
		list-style-type: none;
		text-align: left;
		color: #000;
		line-height: 1.3em;
	}
	.kasten img {
		/*float: right;*/
		text-align: center;
		border: none;
	}

/*  main1 ist der Hauptteil mit Fließtext											*/
    #main1 {
      	margin: 0 10px 0 214px; 	/* rechter Abstand wie sidebar2, links an navigatorbox anschließend (195px) oder an rand (10px)*/ 
    		padding: 20px 2em 0 13px; 	/* Durch die Auffüllung entsteht hier ein Leerraum innerhalb der Box. */
		/*font: 0.8em Arial, Helvetica, sans-serif;*/
		z-index: 99;
    }
	*:first-child+html #main1 { /*Star-Plus-Html-Hack, gilt nur für IE7*/
		/*zoom: 1;*/
     	margin: 0 10px 0 214px;
		padding: 15px 0 0 13px;
	}
	.ut {					/*Untertitel*/
		font-size: 0.75em;
		/*font-weight: bold;*/
		padding: 0 0 0 0;
		margin: -0.2em 0 0 0;
		color: #000;
	}
	#main1 dt a {
		font-family: Arial, Helvetica, sans-serif;
		font-style: italic;
		text-decoration: underline;
		color: #333;
	}
	.mainkasten {
		border-color:#DACFAC;
		border-style:solid;
		border-width:1.5em 3px 3px;
		padding:0pt 5px;
	}
	
	#floatkasten {
		float: left;
		/*border: 5px solid #F1EEE2;*/	
		padding: 0.2em;
		margin: 0 1em 2em 0;
	}

	#heftinhalt h1,
	#heftinhalt h3,
	#heftinhalt h4{
		display: block;
		padding: 0.1em 0.5em; 
		height: 1.2em;
	 	background-color: #F1EEE2;
		width:inherit;
		margin-top: 5px;
	}
	#heftinhalt p{
		letter-spacing: 0;
		padding: 0 5px 0 13px;
	}
	#heftinhalt em{
		color: #777;
		font-style: normal;
		font-size: 1.1em;
	}

	.autor {
		/*color: #d00;*/
		/*font-style: italic;*/
		font-weight:normal;
		/*float: right;*/
	}
	
/*	Inhaltsverzeichnis auf farbigem HG											*/
	.inhalt{
		background: #F1EEE2;
		padding: 0.5em 0.8em;
		margin: 0 0 1em 0;
	}
		
/** Normale ungeordnete Listen im Hauptteil.										*/
	/* Für die Site-Map genutzt, wobei man mehrere ineinander schachteln kann. Ausgezeichnet sind hier 1.-3. Stufe. */
	.inhalt ul li {
		/*list-style-type: square;*/
		font-weight: bold;
	}
	.inhalt ul li ul li {
		/*list-style-type: disc;*/
		font-weight: normal;
	}
	.inhalt ul li ul li ul li {
		/*list-style-type: circle;*/
		font-style: italic;
	}

/** Bild-Text-Kästen 															*/
	#bbLinks {	/* Bildbehälter für Bild:links. Bei Bild:rechts bewirkt clear, dass alle Kästen unter sidebar 2 gelangen*/
		margin: 0.5em 0;
		/*border: solid 5px #999;*/	/* element wird in IE abhängig von freier breite, in FF abhängig von main-breite gezeichnet!*/
		/*font-style: italic;*/
		font-size: 1.0em;
		color: #666;
		text-align: left;
	}
	*:first-child+html #bbLinks { /*Star-Plus-Html-Hack, gilt nur für IE7 ????*/
		display: inline-block;		/*nötig für IE 7*/
	}
	#bbLinks img{
		float:left;
		margin: 0 1em 0 0.5em;
	}

/** Gliederung mit Titeln, Zahlen und Autor										*/
	#doc {
		display: block;
		margin: 1.5em 0 -0.5em 0;
		/*border:	1px groove #FF0000;*/
	 	background-color: #F1EEE2;
		white-space: nowrap;
		/*overflow: hidden;*/
	 }
	#doc h2	{
		padding: 0.1em 0.3em; 
		height: 1.2em;
		width: inherit;
		/*vertical-align: bottom;*/
	}
	.num{
		font-weight: bold;
		font-style: italic;
		color: #999;
		float: 	right;
		margin: 0;		/*wichtig, damit text darunter nicht verdrängt wird*/
	}
	.titel{
		font-weight: bold;
		color: #444;
		float: 	left;
		margin: 0;		/*wichtig, damit text darunter nicht verdrängt wird*/
		padding: 0 0 0 0.3em;
   		z-index: 100;
		
	}
	.autor2 {
		padding: 0px 5px;
		color: #777;
		font-style: italic;
		font-size: 0.8em;
		font-weight: normal;
		float: 	right;
		vertical-align: baseline;
		/*border:	1px groove #FF0000;*/
	}

	
/*	#doc p{
		display: inline;
		margin: 	-0.4em 0.1em 0 0; 
		padding:	0 0 0 0;
		font-weight: bold;
		font-style:italic;
		font-size: 3em;
		color: #dacfac;
		float: 	right;
	}
*/	#doc a img {
		display: block;
		float: 	right;
		border:	none; 
		margin: 0.5em 0.2em; 
	}
	
/** Tabellendefinition, border: 1px solid black;									*/
	#main1 table{
		margin: 0 13px;
		background-color: gray;		/*beeinflusst nur Gitternetz*/
	}
	/**Kopfzeile-zellen*/
	#main1 table th{
		font-size: 0.85em;
		text-align: center;
		padding: 4px 9px;
		background-color:#ccc;
		border: 0;
	}
	/**Zeilen*/
	#main1 table td{
		margin: 0 0 0 0;
		font-size: 0.75em;
		line-height: 1.00em;
		text-align: left;
		color: #000;
		background-color: #F1EEE2;		/*helleres beige*/
		padding: 0.25em
	}

	#main1 table tr td.preis{
		font-weight: bolder;
		text-align: right;
	}
	#main1 table tr td a img{		/*Die Buttons in der Tabelle dürfen keinen rand haben*/
		border: none;
	}
	#main1 table tr td.id{
		background-color: #dfe;
	}

	
/** Fußzeile auch fixiert, schwimmt mit. 											
	Weitere Deklarationen unter Linkleiste!
	*/
	#footer {
		/*display: block ;*/
		position: absolute;
		bottom: 0px; left: 0px;	
		width: 100%;
		/*clear:  both;*/
		background:#dacfac;
		text-align: center;
		margin: 0;
	}
	html>body #footer {  		/* nur fuer moderne Browser! */
    		position: fixed;
  	}
	#footer span {		
		color: #666;			/* für Copyright-Text*/
	}
	#footer a img {
		display: inline;	
		text-decoration:none;			/* für Copyright-Text*/
		border:none;
		margin: 0 0;
		padding: 2px 3em;
	}