/* 
- - - - - - - - - - - - - - - - - - - - -
Titel: Kosmetik & Mehr CSS (screen)
Autor: Dumrath & Fassnacht KG (sti)
URL: http://www.duf-online.de/

Erstellt: 2007-08-27
Bearbeitet: 2007-10-05
- - - - - - - - - - - - - - - - - - - - - 
*/

/* - - - Grundeinstellungen - - - */

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

/* Normalisieren der Schriftgrößen für Überschriften */
h1, h2, h3, h4, h5, h6 {
    font-size:          100%;
}

/* Listenelemente von Listen entfernen */
ol, ul {
    list-style:         none;
}

/* Normalisieren von font-style und font-weight */
address, caption, cite, code, dfn, em, strong, th, var {
    font-style:         normal;
    font-weight:        normal;
}

/* Normalisieren der Tabelle */
table {
    border-collapse:    collapse;
    border-spacing:     0;
}

/* Ränder von fieldset und img entfernen */
fieldset, img {
    border:             0;
}

/* Linksbündigkeit bei caption und th */
caption, th {
    text-align:         left;
}

/* Entfernt Anführungszeichen von q */
q:before, q:after {
    content:            '';
}

html {
    text-align:         center;
}

body {
    background:         #98BC9A;
    color:              #000;
    direction:          ltr;
    font:               93.75%/1.5 helvetica, arial, verdana, sans-serif;
    margin:             0 auto;
    text-align:         left;
}

/* - - - IDs - - - */

#container {
    background:         #FFF url(images/bg_container.jpg) repeat-y 0 0;
    border-top:         1px solid #8BAD8D;
    margin:             45px auto;
    padding:            0 0 0 0;
    width:              804px;
}

#header {
    margin-bottom:      90px;
    position:           relative;
}

#header h1 {
    background:         url(images/logo.png) no-repeat 0 0;
    left:               50px;
    position:           absolute;
    text-indent:        -10000em;
    top:                75px;
}

#header h1 a {
    display:            block;
    height:             55px;
    width:              327px;
}

#navigation {
    position:           absolute;
    right:              50px;
    top:                0;
}

#navigation li {
    float:              left;
    margin:             0 0 0 1.5em;
}

#primary-content {
    margin:             175px 50px 50px 50px;
}

#map {
    border:             4px solid #98bC9A;
    float:              right;
    margin:             0 0 1.5em 1.5em;
}

#footer {
    background:         url(images/bg_container_b.jpg) no-repeat 0 bottom;
    clear:              both;
    color:              #8BAD8D;
    font-size:          0.8em;
    line-height:        1.875;
    padding-bottom:     1.875em;
    padding:            25px 50px;
    text-align:         center;
}

.vcard {
    color:              #8BAD8D;
}

/* - - - Ueberschriften - - - */

h2, h3, h4, h5, h6 {
    font-weight:        normal;
    margin-right:       200px;
}

h2, h3 {
    clear:              both;
}

h2 {
    font-size:          1.6667em;
    letter-spacing:     -0.02em;
    line-height:        0.9;
    margin-bottom:      0.83335em;
}

h3 {
    font-size:          1.4667em;
    line-height:        1.0227;
    margin-bottom:      0.4889em;
    margin-bottom:      21px;
    margin-top:         1.9556em;
}

h2 + h3 {
    margin-top:         0;
}

h4 {
    line-height:        1.5;
    margin-bottom:      0.5em;
    margin-top:         2.0em;
}

/* - - - Absaetze - - - */

#primary-content p {
    color:              #8BAD8D;
    line-height:        1.5;
    margin-bottom:      1.5em;
    margin-right:       200px;
}

#page-index #primary-content p {
    margin-right:       0;
}

/* - - - Listen - - - */

#primary-content ul {
    color:              #8BAD8D;
    line-height:        1.5;
    list-style-type:    disc;
    margin-bottom:      1.5em;
}

/* - - - Bilder - - - */

img {
    border:             4px solid #98bC9A;
}

img.links {
    float:              left;
    margin:             0 1.5em 1.5em 0;
}

img.rechts {
    float:              right;
    margin:             0 0 1.5em 1.5em;
}
        
img.o {
    border:             0;
    margin:             0;
}

/* - - - Textauszeichnung - - - */

strong {
    font-weight:        bold;
}

em {
    font-style:         italic;
}

dfn, acronym, abbr {
    border-bottom:      1px dotted #999;
    cursor:             help;
}

/* - - - Links - - - */

#primary-content a:link {
    color:              #000;
}

#primary-content a:hover, #primary-content a:visited {
    color:              #68947D;
}

#navigation a:link, #navigation a:visited {
    border-top:         4px solid #FFF;
    color:              #98BC9A;
    display:            block;
    text-decoration:    none;
}

#navigation a:hover
 {
    border-top:         4px solid #56846C;
}

#page-index #a-index,
#page-behandlungen #a-behandlungen,
#page-uebermich #a-uebermich, 
#page-kontakt #a-kontakt {
    border-top:         4px solid #56846C;
    color:              #56846C;
}

#footer a:link, #footer a:visited {
    color:              #8BAD8D;
    text-decoration:    none;
}