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

@page         {
        size: portrait;
        font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
        font-size: medium;
        color: #000;
}

#wrapper {
        width: 96%;
        margin: 0;
        padding: 1.2em 0 0 0.5em;
        border: solid 15px #FFF;
        border-top: none;
        background-color: #FFF;
}

#header {
        width: 100%;
        background-color: #3477A2;
        color: #FFF;
        padding: 10px 10px 10px 0;
        height: 20px;
        margin: 0 0 20px 0;
}
        #header h1 { font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif; font-size: 2.0em; letter-spacing: 0.04em; margin-bottom: 0; }
        #header h2 { font-family: Arial; font-size: 0.8em; letter-spacing: 0.1em; }
        #header #impressum { visibility: hidden; 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; }


#content #main { widows: 3; }

#mainnav,
#content #subnav { display: none; }


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

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

a                         { color: #3477A2; outline: none; }
a#tracker        { display:none; }
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        { display: none; }
img#biancarunning { display: none; }

#content #main {
                float: left;
                color: inherit;
                width: 100%;
                font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
                text-align: justify;
        }
                #content #main h1 {
                        font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
                        font-size: 1.7em;
                        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 #font { display: none; }

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

#footer {
        display: block;
        color: #888;
        text-align: center;
        font-size: 0.7em;
        font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
}


/* ************************************ */
/*              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: inherit; font-size: 1.1em; }
a.letter,
a.letterInline                { color: inherit; 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                         { display: none; }


/* ************************************ */
/*              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;
}