/** www.simpelfilter.de CSS-Datei für Bildschirmausgabe von Marc Altmann

/** Voreinstellungen 								*/	
	/** IE-Workaround. Angeblich umgeht dies einen Bug im Internet Explorer. Noch nicht weiter getestet. */
	body { 
		font-size: 100.01%; 
		color: white;
		background-color: black;
		}
	body > img {display: none;}	/*für VG-Wort-Metis- Erfassungsbilder*/


	h1 {color: #e22; }
	h2 {color: #e22; }
	h3 {color: #aaa; }
	h4 {color: #aaa; }
	p  {color: #999; }
	sup {color: #999;}			/* für die hochgestellte 21. Size-Angabe wirkt nur in IE?*/
	.pklein {color: #999;}
	
	a:link 		{ color:#4499EE; }
	a:visited 	{ color:#66604a; }
	a:focus 		{ color:#d00; }
	a:hover 		{ color:#ED2222; }
	a:active 	{ color:lime; }		

/** Navigationskasten (hellblau) 									*/
   	#navikasten {
		background-color: black;
	}
	
/** Generelles und Kopfzeilen 					*/	
		
	#titel a {
		background: url(images/sf_logo4n.png) 0 0 no-repeat;
	}

/**warenkorb*/
	ul#linkLeiste a#warenkorb{ 
		background: url(images/korb-icon-white.gif) center 3px no-repeat;
		height: 28px; 
		width: 35px;
		margin: 0;
		padding: 16px 30px 0;
	}
	ul#linkLeiste a:hover#warenkorb{
		background-color: #55f;
	}
	
/** #linkLeiste (die Linkzeile).									*/											 
	ul#linkLeiste {
		background: #003399;
		opacity: 1.0;
	}

	ul#linkLeiste a,
	#footer span,
	#footer a {
		color: #ccc;
	}
	
	ul#linkLeiste a:hover,	/** Links unter dem Mauszeiger. */
	#footer a:hover
		{color:#ffffff; 	background: #55f;}
		
	ul#linkLeiste a.selekt, /* a.selektiert bezeichnet den Seitenbereich, indem wir uns gerade befinden*/ 
	#footer a.selekt
	 	{color: #d00;	font-weight: bold;}
	 
	ul#linkLeiste a:hover.selekt, 	/** Links unter dem Mauszeiger. */
	#footer a:hover.selekt
		{color: #d00;}

/** #pfadleiste													*/											 
	ul#pfadleiste li{
		color: #aaa;
	}

	ul#pfadleiste a{
		color: #888;
	}
	
	ul#pfadleiste a:hover	/** Links unter dem Mauszeiger. */
		{color:#fff;
		/*background: #77f;*/
		}			
		
/** "Fließende" Kästen. 								*/	
		
		.kastenInnen {
			background-color: #222;
		}

	/** Die Überschriften in Kästen. */

		.kastenInnen dl dt {
			color: #bbb;
		}
		
		/** Abs?tze und dd-Elemente werden gleich behandelt.  */
		#inhalt p,
		#inhalt p.klein,
		.kastenInnen h2,
		.kastenInnen h3, 
		.kastenInnen p,
		.kastenInnen dl dd,
		.kastenInnen ul li,
		.kastenInnen ul li ul li
		{
			color: #999;
		}

		/** Die Links im Kasten.  */
		.kastenInnen a {
			color: #49e;
		}
		/** Links unter dem Mauszeiger.  */
		.kastenInnen a:hover {
			color: #e22;
		}
	
/** Der Hauptteil. #inhalt.						*/	
		/** Überschriften							*/	
			#inhalt h1,
			#inhalt h2 {
				color: #e22;
			}
			
			/** Noch eine Zwischen-?berschrift.  */
			#inhalt h3,
			#inhalt h4 {
				color: #aaa;
			}
	
			/** Links im Hauptteil.						*/	
			/** kursiv und dieselbe blaue Farbe wie die ?berschriften rechts oder das Simpelfilter-Logo. */
			  
			#inhalt a,
			#inhalt dt a {
				color: #49e;
			}
			
			/** Links unter dem Mauszeiger.  */
			#inhalt a:hover {
				color: #e22;
				background-color: #000;
			}
			

		/** Definition Lists im Hauptteil				*/	
			/** Als Inhaltsverzeichnis eines neuen Abschnitts benutzt und entsprechend formatiert.	*/
			
			#inhalt dl dt {
				color: #e22;
			}
			
			#inhalt dl dd {
				color: #bbb;	
			}

		/** Bilder mit Bildunterschriften 			*/	
			/** Ein Absatz p in solch einem BildBehälter wird automatisch als Bildunterschrift betrachtet.	*/
		
			#inhalt .bildBehaelter p {
				color: #bbb;
			}
			

/** Die Fußzeile.*/	
  	#footer {
		background: #0033aa;
		color: #777;
	}

	#footer span {		
		color: #aaa;				/* für Copyright-Text*/
	}
	
	#footer a.up{ 
		background: url(images/up-hover.png) center 0px no-repeat;
		padding: 0 30px;
		margin: 0 3em;
	}
	
	#footer a.up:hover{
		background: url(images/up.png) center 0px no-repeat;
	}
	
	#footer a.noads{ 
		background: url(images/noads_39x14.gif) center 0 no-repeat;
		padding: 0 20px;
		margin: 0 8px 0 0;
	}

	#footer a.en{ 
		background: url(images/en.gif) center 0 no-repeat;
		padding: 0 20px;
	}
	#footer a.de{ 
		background: url(images/de.gif) center 0 no-repeat;
		padding: 0 20px;
	}

	

