body
{
	margin: 0px;
background-color: #fffff0;
font-family: Arial, Helvetica, sans-serif;
}
#text
{
	font-family: Arial, Helvetica, sans-serif;
width:800px;
}
#gruenrotweiss
{
text-align: center;
font: italic bold 1.6em "Times New Roman", sans-serif; 
}
.raetselvom
{
font-size: 60%;
}
h2
{
font: normal normal bold 1em "Times New Roman", sans-serif;
}
#gruen
{
z-index: 100;
position: fixed;
background-color: green;

width: 100%;
height: 75px;
color: #000000;
overflow: visible;
}
#rot
{
z-index: 99;
position: fixed;
background-color: red;
top: 75px;

width: 100%;
height: 80px;
min-width: 100%;
overflow: auto;
}
#weiss
{
position: absolute;
top: 155px;
left: 0px;
width: 100%;
height: auto;
z-index: 10;
background-color: #fffff0;
overflow: visible;
}
h1
{
font-weight: bold;
font-size: 1.4em;
text-align: center;
vertical-align: top;
}
acronym
{
cursor: help;
}
.datum
{
position: absolute;
right: 2px;
top: 4px;
display: block;
}
a:link
{ 
font-family: Arial, sans-serif; font-size: .9em; color: #ffffff; background-color: transparent; text-decoration: none; 
}
.a1 a:hover
{
font-family: Arial, sans-serif; font-size: .9em; color: #000000; text-decoration: none; 
}
a:active { 
font-family: Arial, sans-serif; font-size: .9em; color: #b5f7ff; text-decoration: none;
}
a:visited
{ 
font-family: Arial, sans-serif; font-size: .9em; color: #ffffff; text-decoration: none; 
}
a:focus
{
font-family: Arial, sans-serif; font-size: .9em; color: #fbff2b; text-decoration: none;
}
ul
{
list-style-type: none;
}
a:link img
{
color: #00FF21; background-color: transparent; text-decoration: none; border:2px solid #00ff21;
}
a:visited img
{
color: #ff0f23; background-color: transparent; text-decoration: none; border:2px solid #ff0f23;
}
a:focus img
{
color: #ff32fb; background-color: transparent; text-decoration: none;
}
a:hover img
{
color: #ffc12c; background-color: transparent; text-decoration: none; border:2px solid #ffc12c;
}
a:active img
{
color: #2819ff; background-color: transparent; text-decoration: none; border:2px solid #2819ff;
}
li
{
position: relative;
top: -10px;
left: -30px;

padding-left: 4px;
padding-right: 4px;
float: left;
}
.bigletters
{
font-size: 2em;
}
.warntext
{
color: red;
}

.am
{
color: #6aff56;
}
.insel
{
color: #ff0000;
}
.igsten
{
margin-left: -4px;
color: #ffffff;
}
b
{
font: normal normal bold 1em "Arial", sans-serif;
}
.herz
{
font-size: 1.5em;
color: red;
}

.blink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}