/* Bemerkungen												*/
	/*	# = ID, . = class
	Das besonderer an CLASS ist, das damit mehrere Elemente ausgezeichnet werden können, 
	dagegen die ID nur für 1 einziges Element pro Seite verwendet werden darf. 
	ID ist also zur eindeutigen Bestimmung eines Elementes.
	*/

/* html und body												*/
	@charset "utf-8";
	html {
		background-color: black;
	}

	body {
		font: normal 100.01% Helvetica, Arial, sans-serif;
		color: white;
		background-color: black;
		margin: 0; 			/* margin (Rand) und padding (Auffüllung) von Body auf 0 einstellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
		padding: 0;
		/*width: 100%;*/
		min-width: 800px; /* Mindestbreite verhindert Anzeigefehler in modernen Browsern */
		/*overflow: hidden;*/
		cursor: default;
	}
	
	.hide{					/*zum versteckten Vorausladen von Bildern (logos) im header*/
		display: none;
		width: 0;
		height: 0;
	}
/* Scrollbereich und Container								*/
  	#scrollbereich {	
		/*position:relative;
		clear: none;*/
    		width: 99%;
		height: 80%;
		/*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;
 		overflow-y: auto;
   }
    #container {		
		/*position:relative;
		clear: none;*/
    		width: 99%;
		height: 50% ;
		/*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;
		padding: 0;
   }

/* Absatzstile, Links										*/
	h1 {font: bold   1.4em Arial, Helvetica, sans-serif; color: #a00; text-align: center; margin: 0.5em 1em; letter-spacing: 0.10em;}
	h2 {font: bold   1.0em Arial, Helvetica, sans-serif; color: #b00; text-align: center; margin: 0.5em 1em; letter-spacing: 0.05em;}
	h3 {font: bold   0.9em Arial, Helvetica, sans-serif; color: #ccc; margin: 1.0em 0 0.5em 0; letter-spacing: 0.05em;}
	h4 {font: bold   0.8em Arial, Helvetica, sans-serif; color: #ccc; margin: 1.0em 0 0.5em 0; letter-spacing: 0.01em;}
	p  {font: normal 0.8em Arial, Helvetica, sans-serif; color: #aaa; line-height: 1.4em; margin: 0 0 0.5em 0; letter-spacing: 0; cursor: default;}
	.pklein {font-size: 0.7em}
	
	a:link 		{ font-weight:bold; color:#aaa;text-decoration:none; }
	a:visited 	{ font-weight:bold; color:#aaa;text-decoration:none; }
	a:focus 		{ font-weight:bold; color:#fff;text-decoration:none; }
	a:hover 		{ font-weight:bold; color:#fff;text-decoration:none; }
	a:active 	{ font-weight:bold; color:#fff;text-decoration:underline; }
	
	p a:link 	{ font-weight:normal; color:#9cf;text-decoration:none; }
	p a:visited 	{ font-weight:normal; color:#6c9;text-decoration:none; }
	p a:focus 	{ font-weight:normal; color:#fff;text-decoration:none; }
	p a:hover 	{ font-weight:normal; color:#fff;text-decoration:none; cursor: default;}
	p a:active 	{ font-weight:normal; color:#fff;text-decoration:underline; cursor: pointer;}
	
	.textframe a:link 	{color:#06f;}
	.textframe a:visited	{color:#0a0;}
	.textframe a:focus	{color:#000;}
	.textframe a:hover 	{color:#0cf;}
	.textframe a:active 	{color:#000;}
	
	h2.gray {	/* für index-Motto*/
		color: #ccc;
		font-size: 1.5em;
	}
/* linke Sidebar - Navigationsleiste und logo					*/
	/* äußerste Sidebar									*/
		#nav {
			position: absolute;
			top: 5px; left: 0;
			width: 8em; 			/* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
			min-width: 160px;
			height: 99%;			/*geht über ganze Höhe*/
			opacity: 0.5;
			filter: "alpha(opacity=50)";
			filter: alpha(opacity=50);
		}
		html>body #nav {  /* nur fuer moderne Browser! */
			position: fixed;
		}

		/* #logo Text ersetzen durch Logo.*/
		/*html>body*/ 
		#logo a {
			position: absolute;
			display: block;
			background: url(images/ra.jpg) 0 0 no-repeat;
			top: 5px; left: 10px;
			/*margin: 5px 0 0 25px;*/
			height: 47px; 
			width: 110px;
		}
		#logo a:hover {cursor: default;}
		#logo a span  {display: none; }

		/* zusätzliche box, die Srollbalken erzeugt per overflow			*/
		#navbox {
			position: absolute;
			/*width: 110px;*/
			max-height: 85%;
			top: 57px;	left: 10px;
			overflow-x: hidden;
			overflow-y: auto;
			cursor: default;
			/*wirkt nur in IE*/
			scrollbar-face-color:#aaa;
			scrollbar-track-color:#777;
			/*border:1px solid #0a0;*/
		}

	/* Inhalt der Navigationsleiste 						*/
		#navboxinhalt {
			/*width: 110px;*/ 				/* absolute Breite wegen abs. Positionierung zu Titelbild */
			background-color: transparent; 			/* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
			text-align: left;
			padding: 20px 8px 10px 8px; /* ????nötig Leerraum im Kasten, vergrößert diesen! Breite nun 196px*/
			cursor:default;
			/*border:1px solid #00a;*/
	   }
	   /* hier unterschiedliche Browser-Voreinstellungen überschreiben		*/
		#navboxinhalt ul {				/*navigation 1. Ebene*/
			display: block;
			list-style-type: none;
			font: 0.8em Arial, Helvetica, sans-serif;
			color: #aaa; 
			text-transform: uppercase;	/* immer Großbuchstaben*/
			letter-spacing: 0.1em;
			margin: 0;					/*Textabstand nur oben und unten*/		
			padding: 0;
		}
		#navboxinhalt ul ul{			/*navigation 2. Ebene*/
			margin: 0.3em 0 1.3em 1em;		
			text-transform: none;
			letter-spacing: 0.1em;
		}
		
		#navboxinhalt ul ul li {
			/*font: normal 0.75em Arial, Helvetica, sans-serif;*/
			/*margin: 0.3em 0;	/*Textabstand nur oben und unten*/
		}
	
		#navboxinhalt a {
			text-decoration: none;
			/*padding: 0.1em 0.5em 0.15em 0.5em;*/		/* Raum um Text (für rote Farbe bei hover)*/
			cursor:default;
		}
		
	/* Fußzeile1 auch fixiert, schwimmt mit. 				*/
		#navfoot,
		#rightfoot {
			display: inline ;
			position: absolute;
			bottom: 10px; 	
			background-color:transparent;
			cursor: default;
			padding: 7px 0 0 0;
			/*border: solid #900*/
		}
		
		#navfoot a {
			display: block ;
			font: bold 0.6em Arial, Helvetica, sans-serif;
			text-decoration: none;
			text-transform: uppercase;	/* immer Großbuchstaben*/
			letter-spacing: 0.1em;
			padding: 10px 0.5em 0 15px;		/* Raum um Text*/
			cursor: default;
		}
		#navfoot a img{
			display: block ;
			padding: 0;
			/*margin: 0 0 5px -5px;*/
			border: none;
			cursor: pointer;
		}
		
		#lp a, #sf a{
			height: 25px;
			/*padding: 10px 0 0 15px;*/
			/*border:1px solid #f0a;*/
		}

		#lp a:hover,
		#sf a:hover {
			position: relative;
			margin: 0 0 0 5px;
			height: 25px; 
			width: 150px;
			top: 0px;
		}
		#lp a:hover {background: url(images/lp21-logo2.png) 0 0 no-repeat;	}
		#sf a:hover {background: url(images/sf-nlogo2.png) 0 0 no-repeat;}
		#lp span, #sf span {margin: 15px 0 0 0;}
		#lp a:hover span, #sf a:hover span {display: none;}
		
/* rechte Sidebar - für Filmstreifen							*/
 	/* äußerste Sidebar	- nicht verwendet?					*/
		#rbar {
			position: absolute;
			top: 5px; right: 0px;
			height: 100%;			/*geht über ganze Höhe*/
		}
		html>body #rbar {  /* nur fuer moderne Browser! */
			position: fixed;
		}

	/* zusätzliche box, die Srollbalken erzeugt per overflow	*/
		#rbarbox {
			position: absolute;
			float: right;
			max-width: 200px; 
			top: 0; right: 20px; bottom: 0;
			padding: 0;	
			overflow-x: hidden;
			overflow-y: auto;
			background-color: transparent;
			/*wirkt nur in IE*/
			/*scrollbar-face-color:#888;
			scrollbar-track-color:#555;*/
			opacity: 0.5;
		}
		#rbarbox:hover{
			opacity: 1.0;
		}
	
		html>body #rbarbox {  				/* nur fuer moderne Browser! */
			position: fixed;
		}
		
	/* Kästen innerhalb der sidebar mit unterem Abstand		*/
		.kasten {
			width: 8em; 
			margin: 30px 0 0 0;
			padding: 0.4em 1em 1em 8px;
			background: #444;
			filter: "alpha(opacity=50)";
			filter: alpha(opacity=50);
			zoom: 1;
		}
	
		.kasten:hover {
			filter: "alpha(opacity=100)";
			filter: alpha(opacity=100);
		}

		.kasten p {
			/*margin: 0.9em ;*/
			font: normal 0.8em Arial, Helvetica, sans-serif;
			list-style-type: none;
			text-align: left;
			line-height: 1.3em;
			color: #ddd; 
		}
		.kasten img {
			/*float: right;*/
			text-align: center;
			border: none;
		}
		.kasten2 {
			/*float: right;*/
			/*position: absolute;*/
			width: 7em; 
			top: 0;
			right: -20px;
			margin: 0;
			padding: 0;
			background: #444;
			filter: "alpha(opacity=50)";
			filter: alpha(opacity=50);
			zoom: 1;
		}


/* Mausereignisse 											*/
	/** Links unter dem Mauszeiger. */
	#navboxinhalt h4 a:hover,	
	#navboxinhalt ul li a:hover	{
		color:#fff;
		cursor:default;
		/*background: #d00;*/	
	}
	/* a.selekt bezeichnet den Seitenbereich, indem wir uns gerade befinden*/ 
	#navfoot a.selekt,
	#navboxinhalt * a.selekt,
	#navboxinhalt ul li a.selekt
	 	{color: #d00; font-weight: bold;	}
	 
	/** Links unter dem Mauszeiger. */
	#navfoot a:hover.selekt,
	#navboxinhalt * a:hover.selekt,
	#navboxinhalt ul li a:hover.selekt {
		color: #d00;	
		background: none;
		cursor:default;
	}	
	
	#nav:hover,
	#nav a:hover,
	#navbox:hover,
	#navfoot:hover,
	#rightfoot:hover{
		opacity: 1.0;
		filter: "alpha(opacity=100)";
		filter: alpha(opacity=100);
	}

/* main1 ist der Hauptteil mit Fließtext						*/
    #main1 {				
     	margin: 0 0 0 8em; 		/* links an navigatorbox anschließend (195px)*/ 
		/*padding: 0 0 0 8em;*/
		/*background-color: #aaa;*/
		/*padding: 1em;*/ 
		/*width: 99%;*/
		/*font: 0.8em Arial, Helvetica, sans-serif;*/
    }
	*:first-child+html #main1 { /*Star-Plus-Html-Hack, gilt nur für IE7*/
		/*zoom: 1;*/
     	/*margin: 0 0 0 214px;*/
		/*padding: 15px 40px 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;
	}
/* inhalt													*/
	#inhalt {			
		height: 100% ;
		margin: 0 8em 0 0;
		min-width:488px;
		/*border: #a00 solid 1px;*/	
	}
	#inhalt h1,
	#inhalt h2,
	#inhalt h3,
	#inhalt h4{			
		display: block;
		margin: 1.25em 0 0.25em 1em;
		padding: 0.1em 0.5em; 
		height: 1.2em;
	 	background-color: #444;
		letter-spacing: 0.15em;
		width:inherit;
		/*margin-top: 5px;*/
	}
	#inhalt p{			
		letter-spacing: 0;
		padding: 0 0.25em 0 1.5em;
	}
	#inhalt em{			
		color: #777;
		font-style: normal;
		font-size: 1.1em;
	}
	
	#inhalt a img{
		/*float: left;*/	
		text-decoration: none;
		border: none;
	}
	
/* bildbox für full-anzeige, textbox							*/
	.bildbox,
	.bildbox img{		
		display:block;
		width: auto;
		margin: 15px auto 10px;
		text-align: center; /*in IE5.5 auch für zentrierung des Bildes nötig!*/
		overflow: hidden;
	}
	.bildbox a {			
		cursor: default;
	}
	.bildbox img.full {	
		display:block;
		width:auto;
		height:auto;
		padding:5px;
		text-decoration: none;
		background-color:transparent;
		border:5px ridge #aaa;
		cursor: default;
		overflow: hidden;
		z-index: -1;
		/*outline: ridge 5px #aaa;*/
	}
	.bildbox p {			
		max-width: 680px ;
		margin: auto;
		text-align: center;
		color: #aaa;
	}
	.bu{					
		display: block;
		text-align: center;
		text-decoration: none;
		color: #666;
	}
	.textbox {			
		display:block;
		width: auto;
		max-width: 680px ;
		height:auto;
		margin: auto;
		text-align: center;
	}
	.textbox p {			
		color: #aaa;
	}

	.bildtextbox {
		margin: 0.25em 0 0.25em 1em;
		/*padding: 0.1em 0.5em;*/ 
		padding: 0.5em 0 0.75em 0.5em;
		clear:left;
	}
	.bildtextbox img{
		/*width: 128px;*/
		margin: 0 1em 0 0;
		float: left;
	}
	.bildtextbox  a h3, 
	.bildtextbox  a h4 {cursor: pointer;	}
	.weiter{
		display: inline;
		position: absolute;
		/*top: 0.4em;*/
		/*vertical-align: middle;*/
		width: 40px; height: 1.4em;
		background: url(images/weiter.gif) center right no-repeat;
		cursor: default;
		/*border: 1px solid #f00;*/
		opacity: 0.5;
		filter: "alpha(opacity=500)";
		filter: alpha(opacity=50);
	}
	.weiter:hover{
		opacity: 1.0;
		filter: "alpha(opacity=100)";
		filter: alpha(opacity=100);
	}

	.bildtextbox a span {display: none;}
	

	
/* iframe zur Vollbildanzeige									*/
	iframe {
		position:absolute;
		right: 0; bottom: 0;
		width:99.7%;			/*nicht breiter, sonst zeigt IE scrollbalken*/
		height:99%;
		overflow-x: hidden;
		overflow-y: auto;
		padding: 0;
		margin: 0 auto; 
		/*border: solid #0f0;*/
	}
	
	.txt{
		left: 0; top: 0px;
		margin: 5px auto; 
	}	

/* textframe und rechte spalte bei texten									*/	
	.textframe {
		margin: 0 8em 0 8em;
		padding: 1em 1em 1em 2em;
		background-color: #eee;	
		color: black;		
	}
	.textframe p {
		font-family: Arial, Helvetica, sans-serif;
		/*font-size: 0.8em;*/
		color: #000; 
		background-color: #eee;		
	}
	.textframe h3 {color: #333;}
	/*.textframe a	{ text-decoration: none;}*/
	
	.textboxrechts {
		display: block;
		float: right;
		font-size: 0.8em;
		margin: 0.5em 0 0 0.5em;
		padding: 0.5em;
		background-color: #bbb !important;		
		width: 30%;
	}	
	table {
		font: normal 0.85em Arial, Helvetica, sans-serif; 
		color: black;
		line-height: 1.4em; 
		margin: 0.5em 0; 
		letter-spacing: 0;
	}

	
	.rightframe {
		position: absolute;
		top: 0; right: 0;
		height: 99%;
		width: 7em;
		min-width: 140px;
		/*margin: 0 8em 0 8em;*/
		padding: 1em 0.5em;
		background-color: transparent;		
	}

	html>body .rightframe {  /* nur fuer moderne Browser! */
		position: fixed;
	}
	#righthead p{
		/*width: 6em;*/
		margin: 0 0 0 2em;
		font-size: 0.7em; 
		color: #bbb; 
	}
		
	/**+html #righthead {margin: 0 0 0 4em;}*/ 	/*nur für IE7*/

	/**>*:first-child+* #righthead p {margin: 0 0 0 0;}*/ 	/* nur ie7 und moz, leider auch opera: */
	*:first-child+html #righthead p {margin: 0 0 0 1em;} /*Star-Plus-Html-Hack, gilt nur für IE7*/
	*:not(hr) #righthead p {margin: 0;}  					/*nur FF und safari, leider auch opera*/
	*body #righthead[id] {mar\gin: 0 0 0 1em;} 			/*für safari*/


	#righthead a img {
		display: block;
		right:0;
		margin: 0.3em 0;
		border: none;
	}
	
	#rightfoot {
		width: 6em;
		right: 0;
		margin: 0 auto;
		opacity: 0.5;
		filter: "alpha(opacity=50)";
		filter: alpha(opacity=50);
		/*border:1px solid #a00;*/
	}

	#rightfoot a img{
		display: block;
		width: auto;
		margin: 0 auto;
		padding: 0;
		border: none;
		cursor: default;
	}
	#rightfoot p{
		font-size: 0.7em;
		text-align: center;
	}

	
/* scrollgalerie (filmstreifen rechts)						*/
	/*gesamte Scrollbox								*/
		/* wird nur in IE über alle Bilder hinweg gezogen - warum in den anderen nicht??*/
		#scroll ul {
			list-style:none;
			width:150px;
			margin: 45px 30px 25px 0;
			padding:0;
		}

	/*Miniaturendarstellung							*/
		#scroll ul li a{
			position:relative;
			/*width:50px;*/
			float:right;
			cursor:default;
			text-decoration:none;
			margin: 0 0 10px 50px;
		}
	
		#scroll ul li a img {
			display:block;
			width:48px;
			padding: 1px;
			border:1px solid #aaa;
		}

	/* große bilder und text ausblenden				*/
		#scroll a .full,
		#scroll a .min{
			display: none;
		}	

	/* Hover-Box										*/
		#scroll ul li a:hover img.min {
			display:block;
			position:absolute;
			right: 0px;	top:-32px;
			width:auto;
			height:auto;
			padding: 2px;
			background-color:transparent;
			border:1px solid #999;
		}
		
	/* nur safari, chrome, opera: @media not tty { #test { color:lime }}*/
	/* nur ie7 und moz: *>*:first-child+* #test { color:lime } */ 
	/* Großbild bei Click							*/
		#scroll li.nobord a > img,
		#scroll ul.nobord li a > img,
		.bildbox a.nobord img {
			border:0 ridge #000 !important;
		}

	/* Miniatur-border		- muss auch mit Pfeilbuttons klappen!				*/
	/*#scroll li.click a img,
		#scroll ul li a:active, 
		#scroll ul li a:focus {
			background-color:#000;
			border: 1px solid #f00;
			cursor:default;
		}*/

/* Stack-Hovergalerie										*/
	.stack {			
		/*display: block;*/ 
		/*overflow-x: hidden;*/ 
		min-height: 128px; 
		width: 662px; 	/* ohne width-angabe keine zentrierung mit margin: ..auto; möglich!*/	/* mindestbreite: bildbreite + bildanzahl*(20+1) (+ 1 wegen borders) */
		margin: 0 auto 2px; 
		padding: 0 0 0 1.5em; 
		/*border: 1px solid #0ff;*/ 
		background: #000
	}
	.stack h1 {		
		position: relative; 		/*wichtig für IE, sonst wirkt z-index nicht*/
		po\sition: static;		/*wichtig für IE6, sonst scrollt das hier nicht mit*/
		font-size: 2em;
		font-style: italic;
		color: #999;
		letter-spacing: 0.20em;
		text-align: left;
		background-color: transparent;
		margin: 0 0 -0.2em -0.7em;
		z-index: 100;
	}

	.stackbox{		
		/*position: relative;*/
		height: 130px;
		margin: 0;
		/*border: 1px solid #0f0;*/
	}
	
	.stackbox ul {	
		display: block;
		/*position: relative;*/
		position: absolute;
		po\sition: static;		/*wichtig für IE6, sonst scrollt das hier nicht mit*/
		list-style-type: none; 
		width: auto;
		height: 130px;
		margin: 0; 
		padding: 0 ; 
		/*float: left;*/
		/*border: 1px solid #800;*/ 
		z-index: 1;
	}
	.stackbox li {	
		float: left;
	}
	.stackbox li a {	
		display: block; 
		overflow: hidden;	/*ohne dies wird letztes Bild voll angezeigt*/
		width: 20px;
		text-decoration: none; 
		border: 1px solid #000; 
		background-color: transparent;
		cursor: default;
	}
	.stackbox li a img {
		border:none;
		height: 96px;
	}
	.stackbox li a:hover{
		width: 128px;		/* bei hover auf Bildbreite setzen*/
		text-align: center;
		z-index: 500;
		/*border: 1px solid #888;*/ 
	}
	.stackbox ul li a:hover img{
		display: block; 
		position: relative;
		width: auto;
		max-width: 128px;
		height: auto;
		min-height: 96px;
		max-height: 128px;
		margin: auto;
		z-index: 500;
		/*border: 1px solid #000;*/
	}
	
/* Blättern-Fußzeile für Bildbox in full.php, unten fixiert		*/ 								
	#footer2 {
		display: inline;
		position: absolute;
		bottom: 5px; 	
		width:100%;				/*ohne diese Angabe keine Zentrierung*/
		margin: 0 auto;
		background-color:transparent;
		text-align: center;
		list-style-type: none;
		cursor: default;
	}
	html>body #footer2 {  		/* nur fuer moderne Browser! */
    		position: fixed;
  	}
	
	#footer2 a img {
		/*display: inline;*/	
		text-decoration:none;
		border:none;
		margin: 0;
		padding: 0;
		opacity: 0.5;
		filter: "alpha(opacity=50)";
		filter: alpha(opacity=50);
		/*zoom: 1;*/
		cursor: default;
	}
	#footer2 a.active img:hover {
		opacity: 1.0;
		filter: "alpha(opacity=100)";
		filter: alpha(opacity=100);
	}	

/* required for IE5.x and IE6 to display the start image size correctly*/
	/*#gallery ul li.click i img.default {
		margin:5px auto 0 auto;
		width:320px;
		height:240px;
		border:1px solid #fff;}*/
	
	/*#gallery ul li.off {
		display:none;
	}*/