/* Layout für Menü-Bahnseiten
   ==========================
2017-08-07 übernommen aus dd2tt
2017-09-08 Problem Linkkennzeichnmung für Sprachwahl
	   = erst mal vertagt bis Menülinks geklärt
2018-03-23 wird nicht hier geklärt, sondern bei der Sprachenwahl vor Ort
*/
/* ========== CSS-DOM Hierachie ========== */
/* ===== 0. Universalselektor/Dokumentselektor ab CSS2 ===== */

body	{
        /* font-family:Helvetica,sans-serif; */
	color:#ffffff; 
	/* restliche Farben bei Pseudoformate 5.1. */
	/* text-align:center; */
        background-color:#000000;
        }

h1	{
	text-align:center;
	font-size:250%;
	}

h2	{
	text-align:center;
	font-size:200%;
	}

h3	{
	text-align:center;
	font-size:150%;
	}


/* ===== 1. Typselektoren ===== */

ol li { 
	text-decoration:none; 
	display:block; 
	width:500px;			 
	border:4px solid #008800; /* 2px solid #11aa11; */
	padding:20px; /* = Auffüllbereich */
	margin:8px; 
	font-family:verdana,arial,helvetica,sans-serif; 
	font-size:14px; 
	font-weight:bold; 
	text-align:center; 
	color:#002200; 
	background-color:#ffffff; /* bis 2017-01-24 lightgrey */
	} 


/* ===== 2. Nachfahrenselektoren */
/* ===== 3. Kindselektoren ab CSS2 ===== */
/* ===== 4. Nachbarselektoren ab CSS2 ===== */
/* ===== 5. Attributselektoren ab CSS2 ===== */
/* ===== 6. Attributselektoren ab CSS3 ===== */
/* ===== 7. HTML-Klassenselektoren ===== */
/* ===== 8. HTML-Mehrfachklassenselektoren ===== */
/* ===== 9. HTML-tag-ID-Selektoren ===== */
/* ===== 10. Pseudoklassenselektoren tag-unabhängig ===== */
/* ===== 11. Pseudoklassenselektoren tag-abhängig ===== */

/* der fixierte Listenpunkt soll auch seinen Rahmen etwas erhellen */
li:hover			{
				border:4px solid #00AA00; 
				/* 2px solid #11aa11; */
			        color:#000000;
				/* background-color:#ffeeee; */
				/* nein, diese wird von ol li geerbt */
			    	}
/* schwarze Links, sonst erben sie vom Browser blau, 
   KEINE background-color! Diese wird als weiß geerbt */
a:link  			{
				color:#000000;
			        }
a:hover 			{
				/* ein noch diskretes Dunkelrot */
				color:#aa0000;
				}
/* besuchte Verweise, ein Schwarzgrün, wichtig weil:
   Merke: a:visited erbt nicht von a:link, sondern vom Browser! */
a:visited 			{
				color:#001100;
				}
/*
a:active {
	color:#000000;
	background-color:#ffffff;
	text-decoration: underline; 
	}
*/