/*  ====================================================
Basis-Stylesheet mit Reset, Restaurierung und Basisformatierung
========================================================== */

@media all {

/* ==============================================
   TEIL I – Reset
   ============================================== */

html { overflow-y: scroll;

 }

body, div,
h1, h2, h3, h4, h5, h6,
p, th, td, blockquote, pre,
ul, ol, li, dl, dt, dd,
form, fieldset, input, textarea {
  padding: 0; margin: 0;
}

/* ==============================================
   TEIL II – Abstände restaurieren
   ============================================== */

/* margin-bottom für Überschriften, Absätze, Listen etc. */
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
ul, ol, dl {
   margin-bottom: 1em;
}
/* Zitate einrücken */
blockquote { margin: 1em 2em; }

/* Alle Listen etwas einrücken */
ul, ol, dl { margin-left: 1em; }

/* Listenelemente etwas mehr einrücken */
li { margin-left: 0.8em; }

/* Definitionen in Definitionslisten noch mehr einrücken */
dd { margin-left: 2em; }

/* Verschachtelte Listen ohne Außenabstand oben/unten */
ul ul, ul ol, ul dl,
ol ul, ol ol, ol dl,
dl ul, dl ol, dl dl {
   margin-top: 0;
   margin-bottom: 0;
}

/* Aufzählungszeichen für Listenkisten */
/* Ebene 1 - ul: square (ausgefülltes Rechteck); ol: Dezimalzahlen  */
ul { list-style-type: square; }
ol { list-style-type: decimal; }

/* Ebene 2 – ul: disc (ausgefüllter Kreis); ol: kleine Buchstaben */
ul ul { list-style-type: disc; }
ol ol { list-style-type: lower-alpha; }

ul ol { list-style-type: decimal; }
ol ul { list-style-type: square; }

/* Ebene 3 - ul und ol mit circle (nicht ausgefüllter Kreis) */
ol ol ol, ol ol ul, ol ul ul, ol ul ol,
ul ul ul, ul ul ol, ul ol ol, ul ol ul {
   list-style-type: circle; }

/* Tabellen benötigen noch cellspacing="0" im HTML */
table { border-collapse: collapse; border-spacing: 0; }

/* Rahmen um fieldset und verlinkte Bilder entfernen */
fieldset, a img { border: none; }


/* ==========================================
   TEIL III – Grundlegende Formatierung
   ======================================= */

/* =============================================
   1. body */

body {
   background-color: white;
   color: black;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 81.25%;
}

/* =============================================
   2. Schriftformatierung für Überschriften   */

/* Serifenschrift für Überschriften */
h1, h2, h3, h4, h5, h6 {
   font-family: Georgia, "Times New Roman", "Times Roman", serif;
   font-weight: bold;
}
/*  Überschriftengrößen, auf Basis von 13px */
h1 { font-size: 200%; }     /* 26px */
h2 { font-size: 184.62%; }  /* 24px */
h3 { font-size: 153.85%; }  /* 20px */
h4 { font-size: 138.46%; }  /* 18px */
h5 { font-size: 123.08% }   /* 16px */
h6 { font-size: 107.69%; }  /* 14px */


/* ==========================================
   TEIL IV – Allgemeine Klassen
   ======================================= */
/* =============================================
1. Clearfix: Floats umschließen */
/* Der Kern von Clearfix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
/* Patch für IE7 */
*:first-child+html .clearfix { min-height: 0; }

/* Patch für IE6 */
* html .clearfix { height: 1%; }


/* =============================================
   2. Gefloatete Elemente umschließen */
.containingfloats {
  overflow: hidden;
}

/* =============================================
   3. Floats clearen */

.clearing { clear: both; }

/* =============================================
   4. Elemente verstecken */
.versteckmich {
  position: absolute;
  left: -32768px;
  top: -32768px;
  width: 0;
  height: 0;
}

/* =============================================
   5. Skiplinks wieder sichtbar machen */
a.skiplink:focus, a.skiplink:active {
  position: absolute;
  left: 32768px;
  top: 32768px;
  width: 274px; /* je nach Layout anpassen */
  height: auto;
  color: black;
  background-color: white;
  border: 1px solid #d90000;
  padding: 3px
}


} /* Ende @media - nicht löschen! */

/* ======================================
   E N D E fundament.css
   ====================================== */