/* ========== 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 */
	} 

/*
a.slut:....
        {
	color=#00000;
    	background-color:#000000; 	
	padding:0px; 
	margin:0px; 
        } 
*/

/* ===== 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 ===== */
li:hover {
	border:4px solid #00AA00; /* 2px solid #11aa11; */
        color:#000000;
	/* background-color:#ffeeee; */
	}

/* wegen schwarze Links, sonst werden sie blau, KEINE background-color! */
a:link  {
	color:#000000;
        }

/*
a:visited {
	color:#001100;
	}
a:active {
	color:#000000;
	background-color:#ffffff;
	text-decoration: underline; 
	}
*/

/* ein noch diskretes Rot */
a:hover {
	color:#aa0000;
	}