@charset "UTF-8";
/* CSS Document */

p.corona {
padding:0% 3%;
color:#32181B;
font-weight:bold;
font-size:100%;
line-height:1.75;
}
p.red {
color:#871212;
}
.center {
text-align:center;
	}
p.coronahead {
padding:0% 3%;
color:#871212;
font-weight:bold;
font-size:120%;
text-align:center;
}
a.corona:link {
color:#871212;
font-weight:bold;
}
a.corona:visited {
color:#871212;
font-weight:bold;
}
a.corona:hover {
color:#e51e72;
font-weight:bold;
}
a.corona:active {
color:#e51e72;
font-weight:bold;
}
#container {
width: 100%;
margin: 9px 0px;
overflow: hidden;
max-width:1088px;
}
.margintop {
margin-top:2%;
}
#content {
background-color:#cfcac8;
color:#871212;
/*width:52%;*/
height:auto;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:1.4em;
line-height:1.8em;
text-align:left;
border:none;
margin-left:2%;
}
.specialbox {
background-color:#ece6e2;
text-align:center;
margin:0% 1% 1% 1%;
border:3px solid #981111;
padding-bottom:0%;
}
h2 {
font-size:1.4em;
font-weight:bold;
text-align:left;
color:#AF9F97;
}
h3 {
text-align:left;
font-weight:600;
font-size:1.2em;
line-height:1.45em;
padding:0% 3%;
margin-bottom:1%;
}
.centerred {
font-size:1.1em;
line-height:1.3em;
text-align:center;
color: #871212;
font-weight:700;
}
.beige {
color:#AF9F97;
}
a {
font-weight:bold;
color: #871212;
text-decoration:none;
}
img {
width: 100%;
max-width:936px;
}
img.header {
overflow:hidden;
width:936px;
}
h5 {
font-size:1.3em;
color:#666666;
}
@media only screen and (max-width: 1014px),
only screen and (max-device-width: 1014px)
{
#page {
margin: 0px auto;
max-width: 1000px;
}
img.header {
overflow:hidden;
width:936px;
height:113px;
}
}
@media only screen and (max-width: 994px),
only screen and (max-device-width: 994px)
{
#page {
margin: 0px auto;
max-width: 980px;
}
img.header {
overflow:hidden;
width:980px;
height:166px;
height:136px;
}
#content {
/*background-color:#fff;*/
color:#871212;
/*width:467px;
width:52%;*/
/*width:47%;*/
height:auto;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:1.4em;
line-height:1.8em;
text-align:left;
border:none;
/*background-color:#fefcce;gelb*/
}
}
@media only screen and (max-width: 895px),
only screen and (max-device-width: 895px)
{
#page {
margin: 0px auto;
max-width:881px;
}

img.header {
overflow:hidden;
width:800px;
height:97px;
}

#content {
/*background-color:#fff;*/
color:#871212;
/*width:56%;
width:45%;
width:396px;*/
height:auto;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:1.4em;
line-height:1.8em;
text-align:left;
border:none;
/*background-color:#f0fbd9;hell-gruen*/
}
h3 {
text-align:left;
font-weight:600;
font-size:1.2em;
line-height:1.3em;
}
}
@media only screen and (max-width: 842px),
only screen and (max-device-width: 842px)
{
#page {
margin: 0px auto;
max-width: 830px;
}

img.header {
overflow:hidden;
width:800px;
height:136px;
height:87px;
}
#content {
/*background-color:#fff;*/
color:#871212;
/*width:54%;
width:45%;
width:396px;*/
height:auto;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:1.4em;
line-height:1.8em;
text-align:left;
border:none;
/*background-color:#e5f4fc;hellbalau*/
}
h3 {
text-align:left;
font-weight:600;
font-size:1.2em;
line-height:1.3em;
}
}
@media only screen and (max-width: 795px),
only screen and (max-device-width: 795px)
{
#page {
margin: 0px auto;
width: 795px;
}

img.header {
overflow:hidden;
width:800px;
height:136px;
height:87px;
}
p {
font-size:.9em;
}
#content {
/*background-color:#fff;*/
color:#871212;
/*width:420px;
width:56%;*/
height:auto;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:1.4em;
line-height:1.8em;
text-align:left;
border:none;
/*background-color:#f0e5fc;hell-lila  this one works; it has a set page width, not max-width*/
}
}

@media only screen and (max-width: 583px),
only screen and (max-device-width: 583px)
{
#page {
margin: 0px auto;
width: 575px;
}
img.header {
overflow:hidden;
width:468px;
height:57px;
}
#page {
margin: 0px auto;
width: 575px;
}
p {
font-size:11px;
}
#content {
/*background-color:#fff;*/
color:#871212;
/*width:420px;
width:72%;*/
height:auto;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:1.4em;
line-height:1.8em;
text-align:left;
border:none;
/*background-color:#f0e5fc;hell-lila  this one works; it has a set page width, not max-width*/
}
}

@media only screen and (max-width: 406px),
only screen and (max-device-width: 406px)
{
img.header {
overflow:hidden;
width:406px;
height:49px;
margin-left:-30px;
}
#container {
width: 98%;
margin: 0; /*was: auto; -4-22*/
overflow: hidden;
max-width:375px;/*was 406px; -4-22*/
text-align:center;
}
.col {
	width: 98%;
	margin: 1% 2%;
}
 #content {
/*background-color:#fff;*/
color:#871212;
/*width:75%;Apr20*/
width:98%;
height:auto;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:1.3em;
line-height:1.6em;
text-align:left;
border:none;
margin-left:0;
}
.specialbox {
background-color:#e4e2d9;
font-size:80%;
line-height:100%;
text-align:center;
margin:0% 1% 1% 1%;
border:3px solid #981111;
}
}
.nowrap {
	white-space:nowrap;
}
h4 {
	font-size:1.2em;
	font-weight:700;
	color:#30281a;
	line-height:1.5em;
	}