/*  ====================================================
Stylesheet mit Reset, Restaurierung und grundlegender Formatierung
Autor: Matthias Krickel, StudingerPartner, Basel
========================================================== */

@media all { 

/* ==============================================
   TEIL I - Reset
   ============================================== */
* { padding: 0; margin: 0; }

/* ==============================================
   TEIL II - Restaurierung 
   ============================================== */

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

/* Zitate einrücken */ 
blockquote { margin: 1.5em 2em; } 

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

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

/* 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: disc; }
ol { list-style-type: decimal; }

/* Ebene 2 - ul: disc (ausgefüllter Kreis); ol: kleine Buchstaben */
ul ul { list-style-type: square; }
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;
} 

/* Auswahl in Auswahllisten (select) durch padding:0 schlecht lesbar */
option { padding-left: 0.2em; padding-right: 0.3em; }

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


/* ==========================================
   TEIL III - Grundlegende Formatierung  
   ======================================= */

/* =============================================
   1. html und body */

/* Bildlaufleiste im Firefox immer zeigen */
html {
height: 100%;
margin-bottom: 1px;
}

body {
	background: #FFF;
	color: #999;
	font-family: 'Saira Condensed', sans-serif;
	font-style:normal;
	font-weight:500;
	font-size: medium;  /* Basisgrösse, auf die sich von nun an em bezieht (entspricht ca. 16px) */
	line-height:1.4;
	letter-spacing: 0.06em;
}

p, ul {
	font-size:100%; /* ca. 16px */
}

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

h1, h2, h3, h4, h5, h6 {
	font-family: 'Saira Condensed', sans-serif;
	font-style:normal;
	font-weight:500;
	line-height:1.4;
	letter-spacing: 0.06em;
}


/*  Überschriftengrößen (neu) auf Basis von medium (16px) */
h1 { font-size: 131.25%; line-height:1.1; letter-spacing: 0.03em;}		/* ca. 21px */ 
h2 { font-size: 112.5%; line-height:1.2; letter-spacing: 0.05em;}		/* ca. 18px */ 
h3 { font-size: 112.5%; line-height:1.2; letter-spacing: 0.05em;}		/* ca. 18px */ 
h4 { font-size: 100%; }											  		/* ca. 16px */
h5 { font-size: 100%; } 										 		/* ca. 16px */
h6 { font-size: 100%; }  												/* ca. 16px */

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

/* ==================================
   ENDE DES STYLESHEETS 
   =============================== */