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

a:link {color:#9F0808}
a:visited {color:#FFFFFF}
a:hover {color:#1A41A4}
a:active {color:#FFFFFF}


img.hintergrundbild {
min-height: 10%;    /*  Diese zwei Zeilen setzen die Regeln um den Hintergrund zu füllen  */
min-width: 1024px;
width: 100%;        /*  Die Regeln, welche für die Skalierung sorgen  */
height: auto;
position: fixed;   /*  Die Positionierung  */
top: 0;
left: 0;
}
@media screen and (max-width: 1024px){
img.hintergrundbild {
left: 50%;                /*  Ohne diese Angaben funktioniert es nicht  */
margin-left: -512px; }
}

div#inhalt {
position: relative;   /*  Diese Angabe ist extrem wichtig, da ansonsten der Inhalt nicht angezeigt wird!  */
/* ---------------- ENDE WICHTIGER TEIL ------------ */

/* ------------------- Die ab hier unten folgenden Einträge sind nur für das Design der Seite nötig und nicht für die Funktionalität wichtig. ------------------------------- */
width: 700px;
margin: 0 auto;
margin-top: 5px;
background: url(file:///K|/body-bg.png) repeat;
padding: 20px;
font: 14px/1.6 Verdana, Helvetica, Arial, sans-serif;
color: #ffffff;
-moz-border-radius: 15px;     /* -- diese beiden Regeln sind zwar nicht valide, da sie Browserspezifisch sind, */
-webkit-border-radius: 15px;  /* sorgen aber für Runde Ecken im Firefox, Safari und Chrome --*/
}

div#CK {
position: relative;
width: 700px;
margin: 0 auto;
margin-top: 5px;
font:Verdana, Geneva, sans-serif;
font-size:34px;
padding: 10px;
}

body {
margin: 0;
padding: 0;
}
h1 {
  font-size: 20px;
  margin-bottom: 15px;
}
#header {
  width: 700px;
  margin: 0 auto;
  color: #ffffff;
  font:Verdana, Geneva, sans-serif;
  font-size:34px;
  padding: 10px;
  width: 100%;
  height: 80px;
  margin: 0 auto;
  background: transparent;
  position: relative;
}