/* allgemein verwendet */
	body {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:18pt; background-color:#FFFFFF; overflow:auto; line-height:1.1em;}
	div  {padding-left: 0.7em; ; overflow:auto;}
	li   {margin-top:0em; margin-bottom:5px; line-height:1.2em}
	p    {margin-top:0em; margin-bottom:5px; line-height:1.2em; padding:0em; text-indent:-1.5em; padding-left:1.5em}
	td   {border: none}
	.ueberschrift {background-color:#FFFFFF; color:#4455DD; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:x-large; font-weight:bold; left:0em; top:0em; width:97%; height:1.2em; padding-left:0.6em; padding-top:0.2em}

/* in Rezepte-Übersichtsdatei verwendet */
	a { text-decoration:none; color:#3344CC}
	.spaltenabstand {width:6px;}
	.artHaupt        {visibility:visible; color:#000}
	.artBeilagen     {visibility:visible; color:#AA8800}
	.artDesserts     {visibility:visible; color:#AA0000}
	.artBrotaufstrich{visibility:visible; color:#007799}
	.artEingemachtes {visibility:visible; color:#8800FF}
	.artKuchen       {visibility:visible; color:#00AA00}
	.artGetränke     {visibility:visible; color:#0000AA}
	.auswahlboxen {font-size:10pt; left:0.6em; top:2.5em; width:97%;}	
	.buchstabenReihe {font-size:3vh; line-height:3.4vh; position:fixed; top:5vh; right:0px; bottom:100px; vertical-align:middle; height:90vh; width:1.2em; text-align:center; display:flow; padding:0px; color:#886633; background-color:#FFFFDD;}
	.indexBuchstabe { background-color:#F4FAFF; font-family:Verdana, Arial, Helvetica, sans-serif; color:#4455DD; font-size:x-large; font-weight:bold; border-bottom :thin blue solid; margin-top:1em; width:100%;}
	.rezeptliste {height:89%; width:95%; padding:0px; margin:0px;}
	.ErsteZeile {color:#DD3344; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:xx-large; font-weight:bold; left:0em; top:0em; width:97%; height:1.2em; padding-left:0em; padding-top:0.2em}

/* in Rezept-Dateien verwendet */
	h2 { font-size:14pt; font-family:Verdana; font-weight:normal; color:#3344DD; background-color:white; border-bottom:thin blue solid; border-top:thin white solid; margin-top:3px; margin-bottom:0.5em; position:sticky; top:0px}
	/* Kopfzeile */
	.persAnz_Dauer {background-color:#FAFFF0; font-family:Verdana; font-size:smaller; color:#444444; left:0em; top:2.2em; padding-left:4em; width:80%}
	/*Datenbreich */
	.datenbereich { margin-top: 0.2em; margin-left:-0.7em; padding-bottom:1em; display:flex; flex-direction: row; border-top: solid 1px #4444FF;}
		/* linke Spalte: Zutaten */
		.linkeSpalte { margin-left:-0.7em; width:26%; margin-right:0.3em; font-size:smaller;}
		.menge {background-color:#F8F8FF; border-bottom: thin #BBCCFF solid; text-align:right; padding-right:0.5ex;}
		.zutat {background-color:#F8F8FF; border-bottom: thin #BBCCFF solid; padding-left:0.5ex;}
		.zutaten  {background-color:#FFFFFF;}
		.zutaten1 {background-color:#FFFFFF;}
		.zutaten2 {background-color:#FFFFFF; margin-top:1em;}
		/* rechte Spalte: Zubereitungsanweisungen */
		p.ersterGross:first-letter {color:#4455DD; font-weight:bold; font-size:larger}
		.hervorhebenZutat {font-weight:bold; color:#000080}
		.hervorhebenTun   {font-weight:bold; color:#800000}
		.zubereitung {background-color:#FFFFFF; width:71%; }
	/* Fußzeile */
	.fusszeileLinks  {position:fixed;  left:0em; bottom:0em; font-size:smaller; font-family:"Arial Narrow", sans-serif; font-weight:bold; background-color:#AA4030; color:#FFFFCC; padding-bottom:0.2em; margin-top:0.2em; border: solid 2px white;}
	.fusszeileRechts {position:fixed; right:0em; bottom:0em; font-size:smaller; font-family:"Arial Narrow", sans-serif; font-weight:bold; background-color:#AA4030; color:#FFFFCC; padding-bottom:0.2em; margin-top:0.2em; border: solid 2px white;}

@media (max-width: 780px) {
	td {font-size: 20pt; line-height: 1em;}
	p  {font-size: 20pt;}
	h2 {font-size: 22pt; line-height: 1em;	background-color:#DDEEFF; font-weight:bold;}
	.linkeSpalte {flex: 0 90%; order:1; width:98%; }
	.zubereitung {flex: 1; order:2; width:98%; }
	.datenbereich { flex-direction: column; }
	.ueberschrift {font-size: 24pt; }
	.persAnz_Dauer{font-size: 16pt; }
	}

@font-face {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12pt; src:local('tahoma'), url(tahoma.ttf) format(TrueType)}