body						{display:flex; margin:0px}
body.ms					{display:flex; margin:0px; box-shadow:0 0 8px 0 black inset} @media (max-width:1124px) {body.ms {box-shadow:0 0 0 0}}
body,td					{font:normal 1.0em arial,sans-serif; line-height:1.4}
p               {margin-top:0.6em; margin-bottom:0px}
h1							{font:bold 1.5em arial,sans-serif; margin:0px}
h2							{font:bold 1.3em arial,sans-serif; margin:0px}
h3							{font:bold 1.1em arial,sans-serif; margin:0px}
h4							{font:bold 1.05em arial,sans-serif; margin:0px}
h5							{font:bold 1.0em arial,sans-serif; margin:0px}
.dreid					{border-top:1px solid white; border-left:1px solid white; border-right:1px solid black; border-bottom:1px solid black}
a:link					{text-decoration:none; color:#cc0000; white-space:nowrap}
a:visited				{text-decoration:none; color:#ff0000}
a:hover					{text-decoration:none; color:#0000cc; background-color:#ffffff}

/* Haupt-Div einfach */
div.haupt       {max-width:960px; margin:0 auto; text-align:center; justify-content:center}
/* Haupt-Div Bilder-Unterseiten */
/*div.hauptus		{max-width:1240px; display:flex; flex-direction:column; margin:0 auto; text-align:center; justify-content:center}*/
div.hauptus			{max-width:1240px; margin:0 auto; text-align:center; justify-content:center} @media (max-width:1180px) {div.hauptus {max-width:1160px}} @media (max-width:980px) {div.hauptus {max-width:960px}}
/* abgerundet mit Schatten */
div.hauptms			{max-width:960px; margin:0 auto; text-align:center; justify-content:center; margin-top:10px; margin-bottom:10px; box-shadow:0 0 8px 0 black; border-radius:8px} @media (max-width:980px) {div.hauptms {box-shadow:0 0 0 0; margin-top:0px; margin-bottom:0px; border-radius:0px}}
/* Adsense + Amazon, etc.*/
/*div.rechts      {width:252px; padding-top:99px; margin:0px; margin-right:8px; text-align:center} @media (max-width:1280px) {div.rechts {width:164px; margin-right:0px}} @media (max-width:1124px) {div.rechts {width:100px; margin-right:0px}}
*/
/*div.rechts      {width:252px; padding-top:99px; margin:0px; margin-right:8px; text-align:center} @media (max-width:900px) {div.rechts {width:100px; margin-right:0px}} ---> Fichtelgeb Haupts*/
div.rechts      {width:252px; padding-top:99px; margin:0px; margin-right:8px; text-align:center} @media (max-width:880px) {div.rechts {width:100px; margin-right:0px}}

/* Überschrift ohne 3d etc. */
div.ueo					{width:100%; display:flex; flex-direction:row; justify-content:center; align-items:center; flex-wrap:wrap; margin-bottom:8px} @media (max-width:980px) {div.ueo {margin-top:0px; margin-bottom:0px}}
/* Überschrift 3d eckig */
div.ue					{width:98%; display:flex; flex-direction:row; justify-content:center; align-items:center; flex-wrap:wrap; margin:0 auto; margin-top:8px; margin-bottom:8px; border-top:1px solid white; border-left:1px solid white; border-right:1px solid black; border-bottom:1px solid black} @media (max-width:980px) {div.ue {margin-top:0px; margin-bottom:0px}}
/* Überschrift abgerundet mit Schatten */
div.ue3d				{width:98%; display:flex; flex-direction:row; justify-content:center; align-items:center; flex-wrap:wrap; margin:0 auto; margin-top:8px; margin-bottom:8px; border-top:1px solid white; border-left:1px solid white; border-right:1px solid black; border-bottom:1px solid black; border-radius:8px} @media (max-width:980px) {div.ue3d {margin:0px; border-radius:0px}}
/* ***** "div.uet" ersetzt "div.ue > div" etc. (alle) ***** */
div.uet					{margin:0 auto; padding:8px; text-align:center} @media (max-width:980px) {div.uet > div {padding:2px}}
/* Ü. deprecated --> */
div.ueo > div		{margin:0 auto; padding:8px; text-align:center} @media (max-width:980px) {div.ueo > div {padding:2px}}
div.ue > div		{margin:0 auto; padding:8px; text-align:center} @media (max-width:980px) {div.ue > div {padding:2px}}
div.ueot				{margin:0 auto; padding:8px; text-align:center} @media (max-width:980px) {div.ueo > div {padding:2px}}

/* Zeilen und Felder */
div.z						{width:100%; display:flex; flex-direction:row; justify-content:space-around; align-items:center; flex-wrap:wrap; margin-top:16px; margin-bottom:0px} @media (max-width:980px) {div.z {margin-top:6px}}
div.t 					{max-width:318px; padding:1px; text-align:center}
div.tv 					{max-width:236px; padding:1px; text-align:center}
div.tt 					{max-width:638px; padding:1px; text-align:center}
div.ttt 				{max-width:100%; padding:1px; text-align:center}
div.tttt 				{width:100%; padding:1px; text-align:center}
div.t2 					{max-width:477px; padding:1px; text-align:center}
div.t4 					{max-width:159px; padding:1px; text-align:center}
div.te 					{max-width:550px; padding:1px; text-align:center}
div.bi 					{max-width:404px; padding:1px; text-align:center}
/* Sich anpassendes Feld */
div.rahmen			{display:inline-block; margin:0 auto; padding:4px; text-align:center; max-width:98%; border-top:1px solid white; border-left:1px solid white; border-right:1px solid black; border-bottom:1px solid black} @media (max-width:980px) {div.rahmen {padding:2px}}
/* Zeilen und Felder Unterseiten (Google Adsense ohne beide) */
div.bus					{width:100%; display:flex; flex-direction:row; justify-content:space-around; align-items:center; flex-wrap:wrap; margin-bottom:8px} @media (max-width:980px) {div.bus {margin-top:0px; margin-bottom:0px}}
div.bust				{max-width:100%; padding:1px; text-align:center}
/*div.max 				{max-width:470px; margin:0 auto; padding:2px; text-align:center} @media (max-width:399px) {div.z > div.max {padding:1px}}*/

/* Amazon Werbung */
div.aw					{display:flex; flex-direction:column; justify-content:center; align-items:flex-start; flex-wrap:wrap; margin:4px; margin-top:8px; background-color:#fff2d9; border-top:1px solid white; border-left:1px solid white; border-right:1px solid black; border-bottom:1px solid black} @media (max-width:400px) {div.aw {margin:0px; margin-top:4px; border:0}}
/* Amazon Überschrift (war inter.jpg)*/
div.aue					{width:100%; display:flex; flex-direction:row; justify-content:center; align-items:center; background-color:#f7ddbb; font-weight:bold}
/* Amazon Bücher (von b20ru.php geliefert */
div.abue				{width:100%; display:flex; flex-direction:row; justify-content:center; align-items:flex-start; flex-wrap:wrap; padding-top:6px}
/* Amazon Buch (von b20ru.php geliefert */
div.abu					{max-width:190px; margin:0 auto; display:flex; flex-direction:column; justify-content:center; text-align:center; margin-bottom:4px}
div.abu > a			{color:#cc0000; white-space:normal}
/* Amazon "Abteilungen" Zeile */
div.aunt				{width:100%; margin:0 auto; display:flex; flex-direction:row; justify-content:space-around; align-items:flex-start; background-color:#f7ddbb} @media (max-width:799px) {div.aunt {flex-wrap:wrap}}
/* Amazon "Abteilungen" Feld */
div.aun					{display:inline-block; justify-content:left; font:normal 0.9em arial,sans-serif; line-height:1.2; text-align:left; padding:8px} @media (max-width:980px) {div.aun {padding:2px}}
div.aun > a			{color:#cc0000; white-space:normal}
/* Amazon ??? */
div.auns				{margin:0 auto; display:flex; flex-direction:column; justify-content:left; align-items:flex-start; padding:8px} @media (max-width:980px) {div.aun {padding:2px}}

/* Adsense */
div.goo		      {width:320px; display:inline-block; margin:0 auto} @media (min-width:400px) {div.goo {width:400px}} @media (min-width:500px) {div.goo {width:500px}} @media (min-width:600px) {div.goo {width:600px}} @media (min-width:800px) {div.goo {width:800px}} @media (min-width:960px) {div.goo {width:960px}}

/* für rpanu.gif */
img.panu				{margin-top:16px} @media (max-width:980px) {img.panu {margin-top:6px}}
img.mob					{} @media (max-width:980px) {img.mob {max-width:100%; height:auto}}

/* Hauptnavis, 2 Tabellen*/
div.nav					{display:flex; flex-direction:row; justify-content:center; align-items:flex-start; flex-wrap:wrap; border-collapse:collapse; margin:4px; margin-top:16px; border-top:1px solid white; border-left:1px solid white; border-right:1px solid black; border-bottom:1px solid black} @media (max-width:980px) {div.nav {margin-top:6px; border:0px}} @media (max-width:400px) {div.nav {margin:0px; margin-top:6px; border:0}}
table.nav       {border-collapse:collapse; width:50%}
/*div.nav > div	{margin:0 auto; padding:8px; text-align:center}*/

/* Navi FiGeb, Ofr etc. */
div.navk				{display:flex; flex-direction:row; justify-content:center; align-items:flex-start; flex-wrap:wrap; border-collapse:collapse; margin:4px; margin-top:16px} @media (max-width:980px) {div.navk {margin-top:6px; border:0px}} @media (max-width:400px) {div.navk {margin:0px; margin-top:6px; border:0}}
table.navk      {border-collapse:collapse; border:1px solid #e7b37f}
/*table.navk      {border-collapse:collapse; border-top:1px solid #e7b37f; border-left:1px solid #e7b37f; border-right:1px solid black; border-bottom:1px solid black}*/

div.navo				{display:flex; flex-direction:row; justify-content:center; align-items:flex-start; flex-wrap:wrap; margin-top:16px} @media (max-width:980px) {div.navo {margin-top:6px; border:0px}}
div.navo > table	{margin:0 auto}

table.navdd     {margin:0 auto; border-top:1px solid white; border-left:1px solid white; border-right:1px solid black; border-bottom:1px solid black}
td.nav     		  {border:1px solid #e7b37f; padding:0px; white-space:nowrap; font:normal 0.9em arial,sans-serif}

div.anavi					{text-decoration:none; color:#000000; white-space:nowrap; font:normal 0.9em arial,sans-serif; background-color:#ffffff}
a.anavi:link			{text-decoration:none; color:#663300; white-space:nowrap; font:normal 0.9em arial,sans-serif}
a.anavi:visited		{text-decoration:none; color:#884400}
a.anavi:hover			{text-decoration:none; color:#cc0000; background-color:#ffffff}
a.anavib:link			{text-decoration:none; color:#663300; white-space:nowrap; font:bold 0.9em arial,sans-serif}
a.anavib:visited	{text-decoration:none; color:#884400}
a.anavib:hover		{text-decoration:none; color:#cc0000; background-color:#ffffff}

a.ama:link			{color:#cc0000; font:0.9em arial,sans-serif}
a.ama:visited		{color:#ff0000}
a.ama:hover			{color:#0000ff; background-color:#ffffff}
a.amab:link			{color:#cc0000; font:bold 0.9em arial,sans-serif}
a.amab:visited	{color:#ff0000}
a.amab:hover		{color:#0000ff; background-color:#ffffff}

span.bulls      {color:#30a000; margin:0px; font-weight:normal}
span.bull       {color:#30a000; margin:0px; font-weight:normal}
span.bullh      {color:#00ff00; margin:0px; font-weight:normal}
/*
span.bull       {color:#30a000; margin:0px; font-weight:normal} @media (pointer:coarse) {span.bull {color:#30a000; font-size:1.2em}}
span.bullh      {color:#00ff00; margin:0px; font-weight:normal} @media (pointer:coarse) {span.bullh {color:#00ff00; font-size:1.2em}}
*/
div.fz					{display:flex; flex-direction:row; justify-content:center; align-items:flex-start; flex-wrap:wrap; margin-top:16px; margin-bottom:8px; background-color:white}
div.fz > img		{margin:0 auto; padding:3px} @media (max-width:980px) {div.fz > img	{padding:2px}}

/* Bild-Unterseiten, nicht geeignet für automatisierung */
/*div.bus				{max-width:1240px; margin:0 auto; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center}
div.busb				{padding:8px} @media (max-width:980px) {div.busb {padding:0px}}
div.bust				{text-align:center; width:318px}
*/





/* alt, deprecated */
div.z > div.b 	{width:310px; margin:0 auto; padding:1px; text-align:center}
div.z > div.bb 	{max-width:620px; margin:0 auto; padding:1px; text-align:center}
div.z > div.bbb {max-width:950px; margin:0 auto; padding:1px; text-align:center}
div.z > div.b2 	{max-width:470px; margin:0 auto; padding:1px; text-align:center}

div.vert				{display:flex; flex-direction:column; align-items:flex-start; justify-content:center}
div.vert > div	{display:flex; flex-direction:row; margin:0 auto; text-align:center}

/* immer groß, war für links-t und links-f: */
span.bullgr     {color:#30a000; margin:0px; font-weight:normal; font-size:28px; margin:20px} @media (pointer:coarse) {span.bullgr {color:#30a000; font-size:32px}}

div.inh         {text-align:center; margin:0 auto}
div.inhr        {text-align:center; margin:0px; margin-right:6px; width:164px; padding-top:99px} @media (max-width:980px) {div.inhr {margin-right:0px}}

table.tinh			{max-width:960px}
table.tidd			{max-width:960px; border-top:1px solid white; border-left:1px solid white; border-right:1px solid black; border-bottom:1px solid black}
td.tdnavi       {padding:0px; white-space:nowrap; font:normal 0.9em arial,sans-serif} @media (pointer:coarse) {td.tdnavi {padding-top:8px; padding-bottom:8px; white-space:nowrap}}
td.goo					{width:810px}
td.bild					{width:1px; font:normal 1px sans-serif; white-space:nowrap; padding:0px; margin:0px}

span.snavi      {background-color:#fff2d9; display:inline-block; white-space:nowrap; padding:1px; margin-top:2px; text-align:center; line-height:1.0; border-radius:3px} @media (pointer:coarse) {span.snavi {margin:16px}}
span.tdnavi     {background-color:#fff2d9; white-space:nowrap; padding:1px; margin-top:2px; text-align:center; line-height:1.0; border-radius:3px} @media (pointer:coarse) {span.tdnavi {padding:16px}}

.max						{width:960px}