h1 {
 color:lightgreen;
 font-size:150%;
}
h2 {
 color:silver;
 font-size:150%;
 }
h3 {
 color:orange;
 font-size:150%;
}
body {
 font-family: arial;
 background-color:navy;
 color: yellow;
 font-size:11pt;
 padding:8em 0 3em;
}
.wrapper {
 margin: 10px auto;
 max-width: 60em;
}
header {
 position:fixed;
 top:0px;
 left:0px;
 right:0px;
 text-align:center;
 padding:10px;
 background: navy;
 border-bottom: 1px solid red;
}
li {
 list-style: none;
 margin: 0;
}
main {
 display: block;
 background: navy;
 border-color: green;
 margin-left: 1em;
 min-width: 16em; 
}
footer {
 position:fixed;
 padding: 10px;
 bottom:0;
 left:0;
 right:0;
 background: navy;
 border-color: red;
}
footer p {
 float:right;
 margin: 0;
}
a {
 color:yellow;
}
p {
 font-size:150%;
}
td, th {
 border: 2px solid red;
 text-align: center;
}
th {
 font-size:110%;
}
.inselfeld {
 background-color:darkgreen;
 color:yellow;
 font-size:120%;
}
.wasserfeld {
 background-color:LightSeaGreen;
 font-size:120%;
 color:black;
}
.feindfeld {
 background-color: darkred;
 font-size:120%;
 color:lightyellow;
}
.schriftrot {
 color: red;
}
.schiffsstandort {
 border: 5px solid yellow;   
}
.meldungsanzeige {
 font-size:2em; 
 color: red;
}
.hauptbereich {
 position:absolute;
 padding:8em 0 3em;
 width:100%; 
 float: left;
}
.infobereich {
 float: both; 
 margin-left: 1em;
 margin-top: 0px; 
}
.spielbereich {
 float: both; 
 margin-left: 3px; 
 margin-top: 0px; 
}
.richtungen {
 float: both; 
 margin-left: 0px; 
 margin-top: 0px;
 }
.tutorialaktiv {
 background-color:navy;
 font-size:160%;
 color:orange;
}
.tutorialinaktiv {
 background-color:navy;
 font-size:160%;
 color:yellow;
}
.tutorialgelöst {
 background-color:navy;
 font-size:160%;
 color:darkgreen;
}