/* ----- Zuerst: Standard  ---- */
body { max-width: 80%; margin: auto;font-size:20px;}
.title    {font-size: 20px; font-weight:bold; font-family: Arial; color:#000080;}
.title_red {font-size: 50px; font-weight:bold; font-family: Arial; color:red;}
.subTitle {font-size: 14px; font-weight:bold; font-family: Arial; color:#000080;}
.author   {font-size: 12px; font-family: Arial, Helvetica, sans-serif;  font-style:normal;font-weight:normal;}
.normal  {font-size: 14px; font-family: Arial, Helvetica, sans-serif;  font-style:normal;font-weight:normal;color:#000000}

.listFont li{font-size:14px;font-family: Arial, Helvetica, sans-serif;  font-style:normal;font-weight:normal;}
.zentralbild {width:20%;}


a:link    {font-size: 14px; font-weight:normal; color:#000000; text-decoration:underline; font-family: Arial, Helvetica, sans-serif;}
a:visited {font-size: 14px; font-weight:normal; color: #000000; text-decoration:none; font-family: Arial, Helvetica, sans-serif;}
a:focus   {font-size: 14px; font-weight:normal; color: #000000; text-decoration:none; font-family: Arial, Helvetica, sans-serif;}
/* a:hover   {font-size: 14px; font-weight:normal; color: #000000; text-decoration:none; font-family: Arial, Helvetica, sans-serif;}*/
a:active  {font-size: 14px; font-weight:normal; color: #000000; text-decoration:none; font-family: Arial, Helvetica, sans-serif;}


/* -----  Handheld ---- */
@media all and (max-width: 400px) {

body { max-width: 80%; margin: auto;font-size:20px;}
.title    {font-size: 18px; font-weight:bold; font-family: Arial; color:#000080;}
.title_red    {font-size: 22px; font-weight:bold; font-family: Arial; color:red;}
.red{font-size: 18px; font-weight:bold; font-family: Arial; color:#000080;}
.subTitle {font-size: 16px; font-weight:bold; font-family: Arial; color:#000080;}

.author   {font-size: 14px; font-family: Arial, Helvetica, sans-serif;  font-style:normal;font-weight:normal; }

.normal   {font-size: 17px; font-family: Arial, Helvetica, sans-serif;  font-style:normal;font-weight:normal;color:#000000}

.listFont li{font-size:17px;font-family: Arial, Helvetica, sans-serif;  font-style:normal;font-weight:normal;}
.zentralbild {width:100%; border: 1px solid grey;}

a:link    {font-size: 17px; font-weight:normal; color: #000000; text-decoration:underline; font-family: Arial, Helvetica, sans-serif;}
a:visited {font-size: 17px; font-weight:normal; color: #000000; text-decoration:none; font-family: Arial, Helvetica, sans-serif;}
a:focus   {font-size: 17px; font-weight:normal; color: #000000; text-decoration:none; font-family: Arial, Helvetica, sans-serif;}
/* führt bei TouchScreen zu notwendigem DoppelClick  a:hover   {font-size: 14px; font-weight:normal; color: #000000; text-decoration:none; font-family: Arial, Helvetica, sans-serif;} */
a:active  {font-size: 17px; font-weight:normal; color: #000000; text-decoration:none; font-family: Arial, Helvetica, sans-serif;}
}