/* Formate BoxerStop! */

body {
margin: 0 auto; /* 0 auto zentriert die Seite im Viewport */
max-width: 70em;
background: #336699;
color: #f0f0f0;
font-family:sans-serif;
}

img {
border: 0;
}

article h1 {
font-size: 1.6em;
}

article h2 {
font-size: 1.1em;
}

article h3 {
font-size: 1em;
}

a {
text-decoration: none;
}

a:link {
color: #000033;
}

a:visited {
color: #003366;
}

a:hover {
color: #000033;
background-color: #f0f0f0;
}

header{
text-align: center;
}

header img {
width: 60%;
}

header a:hover, a:active  {
  color: #336699;
  background-color: #336699; /* verhindert Balkenbildung während des Hover */
}

footer{
text-align: center;
color: #000033;
clear: both;
}

article {
padding: 1em;
}

nav {
text-align: center;
padding: 1em;
}

nav img {
width: 90%;
}

@media (min-width: 40em) {
  nav {
    float: right;
  }
}

nav ul {
padding: 0;
}
nav li {
  list-style: none; /* entfernt die Listenpunkte */
}
nav ul a:hover, a:active  {
  color: #336699;
  background-color: #336699; /* verhindert Balkenbildung während des Hover */
}

/* EIGENE CLASSES

         * Formatierung BoxerStop-Schriftzug im Fließtext */
.bs {
color: #FF9900;
font-family: serif;
font-weight: bold;
font-style: italic;
}

.kein_umbruch {
white-space: nowrap;
}