/* === WEB-DESIGN DELUXE - STYLE.CSS === */
/* erstellt mit Notepad :-) */

body {
  background-color: #008080;
  background-image: repeating-linear-gradient(45deg, #008080 0px, #008080 18px, #006666 18px, #006666 36px);
  font-family: "Comic Sans MS", "Times New Roman", cursive;
  color: #000080;
  margin: 0;
  cursor: crosshair;
}
a:link { color: #0000EE; }
a:visited { color: #551A8B; }
a:hover { color: #FF0000; background-color: yellow; }

.seite {
  width: 800px;
  margin: 8px auto;
  background-color: #C0C0C0;
  border: 4px ridge #808080;
}
.kopf {
  background-color: #000080;
  text-align: center;
  padding: 6px;
  border-bottom: 3px groove silver;
}
.wordart {
  font-family: Impact, "Arial Black", sans-serif;
  font-size: 44px;
  font-weight: bold;
  font-style: italic;
  background: linear-gradient(#FFFF00, #FF8000, #FF0000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 2px 2px 0 #000;
  letter-spacing: 2px;
}
.navi {
  background-color: #800080;
  text-align: center;
  padding: 4px;
  border-bottom: 3px groove silver;
}
.navi a {
  color: #FFFF00 !important;
  font-weight: bold;
  font-size: 14px;
  text-decoration: underline;
  margin: 0 4px;
}
marquee { color: #FF0000; font-weight: bold; background-color: #FFFF99; }
h2.balken {
  background-color: #FF00FF;
  color: #FFFF00;
  border: 2px outset #FF99FF;
  padding: 4px;
  font-family: "Comic Sans MS", cursive;
  text-align: center;
}
.knopf {
  background-color: #C0C0C0;
  border: 3px outset #FFFFFF;
  padding: 4px 10px;
  font-family: "Comic Sans MS", cursive;
  font-weight: bold;
  color: #000080;
  cursor: pointer;
  text-decoration: none;
}
.fuss {
  background-color: #000080;
  color: white;
  text-align: center;
  padding: 6px;
  border-top: 3px groove silver;
  font-family: "Comic Sans MS", cursive;
  font-size: 13px;
}
.blink { animation: blinker 0.8s step-start infinite; }
@keyframes blinker { 50% { opacity: 0; } }
hr { border: 2px ridge #FF0000; }
input, textarea { font-family: "Comic Sans MS", cursive; }
