/* 
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

Titel : typo.css
Autor : Raimund Buechner, buechner@sinma.de, www.sinma.de
Fuer : http://www.sinma.de

Erstellt: 09.12.05 - 10.02.06
Aenderungen nach Fertigstellung:
- Datum, Was, Autor
- Datum, Was, Autor
- Datum, Was, Autor

Beschreibung : Hier werden alle (potenziell) eingesetzten HTML-Elemente formatiert. In der Regel werden lediglich typografische Werte gesetzt. Dieses CSS wird ggf. auch in "print.css", "mobile.css". importiert.

ACHTUNG: Weitergehende Formatierungen per Kontextselektor oder Klassen erfolgen ggf. in den anschließend importierten CSS-Dateien!
ACHTUNG: Alle Angaben zu F*AR*B*E*N erfolgen in "skin.css"!!!

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */

/* !!! ACHTUNG!:
Zuruecksetzen *aller* browserbedingten Abstaende. Hier zuerst nachforschen, wenn bei der Nutzung *NEUER* Tags etwas nicht klappt !!!

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */

* {
margin: 0;
padding: 0;
/* border: 0; */
/* Auskommentiert, da einiges bei Formulardingen schief gehen kann, aber hier behalten, um ggf. noch mal dran zu schrauben ;-) */
}

/* Text-Anker

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */

a {
font-weight: bold;
text-decoration: underline;
}

a:visited {
font-weight: normal;
}

/* a:visited:after {
content: " ✓";
} */

a:hover, a:focus, a:active {
text-decoration: none;
}

/* Seitenkoerper

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */

body {
font: 62.5%/1.8em Verdana, Arial, Helvetica, sans-serif;
text-align: center;
}

/* Definitionslisten

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */

dl {
margin:0 30px;
padding:0;
text-align:left;
}

dd {
margin:0;
padding:0;
}

dt {
margin:.8em 0 0 0;
padding:0;
font-size:1.1em;
font-weight: bold;
letter-spacing: 0.1em;
}

/* Ueberschriften

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */

h1, h2, h3, h4, h5, h6 {
margin:0;
padding: 1em 0;
font: bold 1em Arial, Helvetica, sans-serif;
letter-spacing: .1em;
word-spacing: .05em;
text-align: center;
}

h1 {
font-size: 1.8em;
/* font: bold italic 3.4em/1em "Times New Roman", Times, serif; */
}

h2 {
font-size: 1.7em;
}

h3 {
font-size: 1.5em;
}

h4 {
font-size: 1.4em;
/* padding: .5em 0; */
text-align: left;
}

h5 {
font-size: 1em;
font-style: italic;
text-align:left;
/* letter-spacing:0.05em;
word-spacing:0.05em; */
}

h6 {font-size: .9em;
text-align:left;
letter-spacing:.5em;
word-spacing:1em;
}

/* Horizontal Rules: werden in der grafischen Ausgabe nicht angezeigt, sorgen aber im Markup fuer zusaetzliche Struktur

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */

hr {display:none;}

/* Bilder: kein Rahmen; Block-Element !!!

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */

img {
display: block;
border: none;
}

/* Absaetze

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */

p
{
margin: 1.8em 0;
padding: 0;
text-align: left;
}

/* Listen

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */

li {
margin: .5em 0 .5em 5%;
padding:0;
text-align:left;
}

ul {
list-style-type: circle;
margin: 1.8em 0 1.8em 3%;
}

/* ul ul {
list-style-type: circle;
} */

ol, ul ol {
list-style: decimal outside;
padding:0.5em 0;
margin:0 0 0 5%;
}

ul ul li, ul ol li {
margin-left: 0;
}

/* Tabellen

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */

table {
width: 100%;
margin: 0 auto;
padding: 0;
text-align: left;
border-collapse: collapse;
empty-cells:show;
clear: both;
}

table caption {
caption-side:top;
font: bold 1.2em arial, helvetica, verdana, sans-serif;
margin:0 auto;
text-align: center;
padding: .5em;
letter-spacing: .08em;
border: 1px solid;
}

th {
margin: 0;
padding: 0;
font: bold 1em Verdana, Arial, Helvetica, sans-serif;
text-align: center;
}

td {
margin: 0;
padding: .2em 0;
vertical-align: top;
/* min-width: 150px; */
}

/* Schriftformatierungen

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */

acronym {
padding:0 0 0 0;
margin:0 0.1em;
text-decoration:none;
border:none;
border-bottom: 1px dotted;
cursor:help;
}

acronym:after { content:" ?"; }

em {font-weight: bold;font-style: italic;}

strong {font-weight: bold;letter-spacing: .05em;/* word-spacing: .05em */}

sup {font-size:smaller;}

/* Klassen zur Schriftformatierung; hier drin, da sie auch im Print- und Handheld-CSS angewendet sein sollen.
==================================================================================== */

.alignRight {
text-align: right;
}

.alignCenter {
text-align: center;
}

.brandColor, .lead {
font-weight: bold;
}

.small {
font-size:small;
font-weight:normal;
}

.smallcaps {
font-variant: small-caps;
}