/* ************************************** */
/*                GENERAL                 */
/* ************************************** */

* { margin: 0; padding: 0; }

html, body {
        width: 100%;
        height: 100%;
        background-color: #444; /* #969384 */
        font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
        line-height: 110%;
        font-size: medium;
}

#wrapper {
        width: 80%;
        height: auto !important;
        height: 92%;
        min-height: 92%;
        margin: 0 auto 0 auto;
        border: solid 15px #FFF;
        border-top: none;
        background-color: #FFF;
}

.goLeft  { float: left; }
.goRight { float: right; }
.clear   { clear: both; }

.bold         { font-weight: bold; }
.italic       { font-style: italic; }
.red          { color: #F00; }

a, img           { border: none; outline: none; }
a#tracker        { display:none; }

a                { color: #3477A2; }
a.print          { padding-left: 16px; background: url(../img/icon_print.gif) no-repeat 0 2px; }
a.recommend      { padding-left: 16px; background: url(../img/icon_tellafriend.gif) no-repeat 0 2px; }
p.back a         { text-decoration: none; }


/* ************************************** */
/*                HEADER                  */
/* ************************************** */

#header {
        background-color: #3477A2;
        color: #FFF;
        padding: 30px 0 10px 10px;
        line-height: 130%;
}
        #header h1 { font-family: "Fontin-Regular", sans-serif; font-size: 2.0em; letter-spacing: 0.04em; line-height: 115%; }
        #header h2 { font-family: Arial; font-size: 0.8em; letter-spacing: 0.1em; }
        #header #impressum { float: right; margin: -20px 10px 0 0; }
                #header #impressum a                         { color: #FFF; text-decoration: none; font-size: 0.9em; }
                #header #impressum a em                 { font-style: normal; font-weight: normal; text-decoration: underline; }
                #header #impressum a.active         { color: #FFF; border-bottom: dotted 1px #FFF; }
                #header #impressum a.active em  { text-decoration: none; }

/* ************************************** */
/*                MAINNAV                 */
/* ************************************** */

#mainnav {
        background-color: #444;
        /* background: #444 url(../img/schraffur.jpg); */
        border-top: solid 10px #FFF;
        border-bottom: solid 10px #FFF;
        color: #FFF;
        font-size: 0.8em;
        padding: 10px 10px 10px 0;
        line-height: 1.2em;
}
        #mainnav ul         { list-style-type: none; }
        #mainnav ul li      { float: left; margin: 0 3px 0 10px; }

        #mainnav a               { color: #FFF; text-decoration: none; display: block; padding-right: 2px; }
        #mainnav a:hover         { color: #F00; text-decoration: none; }
        #mainnav a em            { font-style: normal; font-weight: normal; text-decoration: underline; }
        #mainnav a.active        { color: #FFF; border-bottom: dotted 1px #FFF; }
        #mainnav a.active em     { text-decoration: none; }

/* ************************************** */
/*                CONTENT                 */
/* ************************************** */

#content {
    background-color: #FFF;
    font-size: 0.8em;
    padding: 20px 0 20px 0;
}

        #content #subnav {
                float: left;
                width: 18%;
                margin-right: 3%;
                background-color: #DDD;
                border-right: solid 1px #676767;
                border-bottom: solid 1px #676767;
        }
                #content #subnav .header {
                        background-color: #3477A2;
                        color: #FFF;
                        padding: 5px 10px 5px 10px;
                        border-bottom: solid 1px #FFF;
                }
                #content #subnav ul       { list-style-type: none; padding: 10px 0 10px 0; }
                #content #subnav ul li    { padding-left: 10px; }
                #content #subnav a        { color: #333; text-decoration: none; padding-right: 2px; }
                #content #subnav a.active { color: #F00; border-bottom: dotted 1px #F00; }

        #content #main {
                float: left;
                color: #333;
                width: 77%;
        }
                #content #main h1 {
                        font-family: "Fontin-Regular", sans-serif;
                        font-size: 1.9em;
                        color: #3477A2;
                        margin-bottom: 0.8em;
                        line-height: 100%;
                }
                #content #main p                 { margin-bottom: 1.3em; }
                #content #main p.borderTop       { border-top: solid 1px #676767; padding-top: 1em; }

                #content #main ul                { width: 90%; list-style-type: circle; }
                #content #main ul li             { padding: 0; margin: 0 0 0 18px; }
                #content #main ul.links li       { padding: 0; margin: 0 0 10px 18px; }  
                #content #main #font             { float: right; margin-top: -25px; margin-right: -15px; }

                #content #main ul.news           { width: 90%; list-style-type: none; }
                #content #main ul.news li        { padding: 0; margin: 0; line-height: 1.6em; }
                #content #main ul.news a         { padding-left: 10px; }

                #content #main .newsdate         { font-size: 0.8em; color:#666666; }
                #content #main h4.newsheader     { font-size: 1.2em; margin-bottom: 1.0em; }
                #content #main em                { font-weight: bold; font-style: normal; }


#content #main .bildunterschrift {
        font-size: 1.0em;
        color: #000;
        padding-left: 1px;
        font-style: italic;
}

/* ************************************** */
/*                FOOTER                  */
/* ************************************** */

#footer {
        color: #888;
        text-align: center;
        font-size: 0.7em;
        padding: 0.8em 0 0.8em 0;
}


/* ************************************ */
/*              ERNÃHRUNG               */
/* ************************************ */

table.guteschlechteernaehrung {
        width: 90%;
        border-collapse: collapse;
        margin-top: 25px;
}

table.guteschlechteernaehrung th { background-color: #EDEDED; }
table.guteschlechteernaehrung tr.color1 td { background-color: #EDEDED; }
table.guteschlechteernaehrung tr.color2 td { background-color: #FFF; }

table.guteschlechteernaehrung th,
table.guteschlechteernaehrung td { vertical-align: top; text-align: left; border: solid 1px #676767; padding: 2px 2px 2px 5px; }


/* ********************************** */
/*              LEXIKON               */
/* ********************************** */

a.lexikon         { color: #676767; font-size: 1.1em; }
a.letter,
a.letterInline                { color: #000; font-size: 1.4em; font-weight: bold; text-decoration: underline; }
        a.letter                { display: block; margin: 40px 0 10px 0; }
        a.letterInline        { display: inline; }
a.toTop         { color: #676767; text-decoration: none; background: url(../img/top-arrow.gif) no-repeat 0 8px; padding-left: 15px; }



/* ************************************ */
/*              LITERATUR               */
/* ************************************ */

table.literatur {
        width: 90%;
        border-collapse: collapse;
        border: none;
        background-color: #BCBCBC;
        margin-top: 30px;
}
table.literatur tr.color1 td { background-color: #EDEDED; }
table.literatur tr.color2 td { background-color: #FFF; }
table.literatur td { vertical-align: middle; text-align: left; border: solid 1px #676767; padding: 2px 5px 2px 5px; }


/* ***************************************** */
/*              VERLAUFSFORMEN               */
/* ***************************************** */

table.verlaufsformen {
        width: 90%;
        border-collapse: collapse;
        border: none;
        border-bottom: solid 1px #676767;
        margin-bottom: 15px;
}


/* *************************************** */
/*              MS im Alltag               */
/* *************************************** */

ul.beruf {
        width:90%;
        background-color: #EDEDED;
        margin-top: 7px;
}