body            {display:flex}
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}

div.haupt       {max-width:960px; margin:0 auto; text-align:center; justify-content:center}
div.rechts      {width:164px; padding-top:99px; margin:0px; margin-right:8px; text-align:center} @media (max-width:1124px) {div.rechts {width:0px; margin-right:0px}}

div.ue					{width:100%; display:flex; flex-direction:row; justify-content:center; align-items:baseline; flex-wrap:wrap; 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}}
div.ue > div		{margin:0 auto; padding:8px; text-align:center} @media (max-width:980px) {div.ue > div {padding:2px}}

div.ueo					{width:100%; display:flex; flex-direction:row; justify-content:center; align-items:baseline; flex-wrap:wrap; margin-top:8px; margin-bottom:8px} @media (max-width:980px) {div.ueo {margin-top:0px; margin-bottom:0px}}
div.ueo > div		{margin:0 auto; padding:8px; text-align:center} @media (max-width:980px) {div.ueo > div {padding:2px}}

div.z						{width:100%; display:flex; flex-direction:row; justify-content:center; align-items:center; flex-wrap:wrap; margin-top:16px; margin-bottom:0px} @media (max-width:980px) {div.z {margin-top:6px}}
div.z > div.t 	{width:320px; margin:0 auto; padding:4px; text-align:center} @media (max-width:980px) {div.z > div {padding:0px}}
div.z > div.b 	{margin:0 auto; padding:4px; text-align:center} @media (max-width:980px) {div.z > div {padding:0px}}

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}}

img.panu        {margin-top:16px} @media (max-width:980px) {img.panu {margin-top:6px}}

div.nav					{display:flex; flex-direction:row; justify-content:center; align-items:flex-start; flex-wrap: wrap; 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}}
/*div.nav > div	{margin:0 auto; padding:8px; text-align:center}*/

table.nav       {border-collapse:collapse; width:50%}
td.nav     		  {border:1px solid #e7b37f; padding:0px; white-space:nowrap; font:normal 0.9em arial,sans-serif}
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}

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}}



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

span.bulls      {color:#30a000; margin:0px; font-weight:normal}
span.bull       {color:#30a000; margin:0px; font-weight:normal}
@media (pointer: coarse)
	{span.bull		{color:#30a000; font-size:32px}}
span.bullh      {color:#00ff00; margin:0px; font-weight:normal}
@media (pointer: coarse)
	{span.bullh		{color:#00ff00; font-size:32px}}
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			{width:960px}
table.tidd			{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}