/*----------------------------------------

@file           reset.css
@description    Reset-Stylesheet
@version        0.1
@created        25.06.2008
@author         Sascha Quasthoff (sq) s.quasthoff@assenmacher.net
@source         W3C - Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification - Default style sheet for HTML 4 (19. Juli 2007)
                http://www.w3.org/TR/CSS21/sample.html
@source         Eric Meyer - Reset Reloaded (01. Mai 2007)
                http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

----------------------------------------*/



/*------------------
    Typografie    
------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, dd, dl, dt, li, ol, ul,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { line-height: 1; text-align: left }

    /*----
        Schriftgrößen:
        Die Angaben hier beziehen sich auf die Standardschriftgröße von 16px.
        Bei Verwendung von z.B. body { font-size: 62.5% } ändern sich die folgenden Größen entsprechend.
    ----*/
    h1 { font-size: 2em }     /* = 32px */
    h2 { font-size: 1.5em }   /* = 24px */
    h3 { font-size: 1.25em }  /* = 20px (laut W3C-Empfehlung 1.17em = 18.7167px) */
    h4 { font-size: 1em }     /* = 16px */
    h5 { font-size: .875em }  /* = 14px (laut W3C-Empfehlung 0.83em = 13.2833px) */
    h6 { font-size: .75em }   /* = 12px */
    p, li, dt, dd, th, td { font-size: 1em } /* = 16px */
    big { font-size: 1.25em }                /* = 20px (laut W3C-Empfehlung 1.17em = 18.7167px) */ 
    small, sub, sup { font-size: .75em }     /* = 12px (laut W3C-Empfehlung 0.83em = 13.2833px) */


    /*----
        Zeilenhöhen:
    ----*/
    html, div, span, applet, object, iframe, pre, dl, ol, ul,
    img, tt, var, fieldset, form, 
    table, tbody, tfoot, thead, tr { line-height: 1 }

    body, h1, h2, h3, h4, h5, h6,
    label, legend,
    p, blockquote, pre, dd, dt, li,
    th, td, caption { line-height: 140% }

    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup { line-height: inherit }


    /*----
        Schriftschnitte und Textausrichtung:
    ----*/
    pre, tt, code, kbd, samp       { font-family: monospace }
    cite, dfn, i, em, var, address { font-style: italic }            /* kursive Texte          */
    b, strong, dt, th              { font-weight: bolder }           /* fett gesetzte Texte    */
    sub                            { vertical-align: sub }           /* tiefgestellter Text    */
    sup                            { vertical-align: super }         /* hochgestellter Text    */
    u, ins                         { text-decoration: underline }    /* unterstrichener Text   */
    s, strike, del                 { text-decoration: line-through } /* durchgestrichene Texte */
    pre                            { white-space: pre }              /* vorformatierte Texte   */

    center, caption, th            { text-align: center }            /* zentrierte Texte       */


    /*----
        Anführungszeichen
    ----*/
    :lang(de) blockquote:before, :lang(de) q:before { content: "\201e"; }
    :lang(de) blockquote:after, :lang(de) q:after { content: "\201c"; }
    :lang(fr) blockquote:before, :lang(fr) q:before { content: "\00ab"; }
    :lang(fr) blockquote:after, :lang(fr) q:after { content: "\00bb"; }
    :lang(en-us) blockquote:before, :lang(en-us) q:before { content: "\201c"; }
    :lang(en-us) blockquote:after, :lang(en-us) q:after { content: "\201d"; }
    :lang(en-gb) blockquote:before, :lang(en-gb) q:before { content: "\2018"; }
    :lang(en-gb) blockquote:after, :lang(en-gb) q:after { content: "\2019"; }



/*--------------
    Abstände
--------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, dd, dl, dt, li, ol, ul,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0 }
h1 { margin: .67em 0 }
h2 { margin: .75em 0 }
h3 { margin: .83em 0 }
h4 { margin: 1.12em 0 }
h5 { margin: 1.5em 0 }
h6 { margin: 1.67em 0 }
p, blockquote, ul, ol, dl, form, fieldset, dir, menu { margin: 1.12em 0 }
blockquote { margin-left: 40px; margin-right: 40px }

                     

/*------------
    Listen
------------*/

ol { list-style-type: decimal }      /* arabische Zahlen für Aufzählungen */
li ol { list-style-type: lower-alpha }
ul { list-style-type: disc }         /* Listenpunkte der 1. Ebene */
li ul { list-style-type: circle }    /* Listenpunkte der 2. Ebene */
li li ul { list-style-type: square } /* Listenpunkte der 3. Ebene */

ol, ul, dir, menu, dd { margin-left: 40px }
li ul, li ol { margin-top: 0; margin-bottom: 0 }



/*--------------
    Tabellen
--------------*/

table               { border-collapse: collapse; border-spacing: 0 }
thead, tbody, tfoot { vertical-align: middle }
td, th              { vertical-align: inherit }



/*---------------
    Rahmen
---------------*/

hr            { border: 1px inset }
abbr, acronym { border-bottom-width: 1px; border-bottom-style: dotted; cursor: default; }



/*------------------------
    Links und Verweise
------------------------*/

:link, :visited { text-decoration: underline }
:focus          { outline: thin dotted invert }
button, textarea, input, select   { display: inline-block }
:before, :after { white-space: pre-line }



/*----------------------------
    Automatisches Clearing
----------------------------*/

.autoclear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.autoclear { display: inline-table; }
/* Hides from IE-mac \*/
* html .autoclear {height: 1%;}
.autoclear {display: block;}
/* End hide from IE-mac */