@charset "ISO-8859-1";

/* ################################################################
CSS Susanne Jäger http://sujag.de
Link-Icons from http://www.ndesign-studio.com/resources/mini-pixel-icons/
#################################################################*/
html,body,div,p,form,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,fieldset {
        margin: 0;
        padding: 0;
}

html,body {
        background: #244e7e;
        color: #000;
}

body {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 95%;
        line-height: 1.4;
}

h1,h2,h3,h4 {
        margin: 1em 0 0.2em 0;
        color: #20426e;
        line-height: 1.2;
}

h1 {
        font-size: 1.4em;
        font-weight: bold;
        line-height: 1.3;
}

h2 {
        font-size: 1.2em;
        font-weight: bold;
        line-height: 1.3;
}

.abschnitt,hr {
        clear: both;
}

h1+h2,h1+p,h2+h3,h2+p,h2+ul,h2+ol,h3+h4,h3+p,h4+p,h2+ul,h2+ol,h3+ul,h3+ol,h4+ul,h4+ol
        {
        margin-top: 0;
}

h3 {
        font-size: 1em;
        font-weight: bold;
}

h4 {
        font-size: 0.9em;
        font-weight: bold;
        color: #000;
}

h3.inline,h4.inline {
        display: inline;
}

p {
        margin: 0.7em 0;
}

#content p {
        min-width: 5em; /* kein hasLayout in rechter Spalte */
}

table,img {
        border: none;
}

a:link {
        color: #0046ae;
}

a:visited {
        color: #7601a1;
}

.nobr {
        white-space: nowrap;
}

code {
        white-space: pre;
}

/* ############ Accessibility specials ################ */
/* verstecktes zeugs */
#sprungmarken,h2.u,.u,#anpassung span.u,#navigation h3,.weiter .u,#dokInfo .u,th .u,span.u
        {
        position: absolute;
        left: -3000px;
        top: -3000px;
        width: 1px;
        height: 1px;
}

/* ####### Sprungmarken ####### */
#sprungmarken a:focus,#sprungmarken a:active {
        position: absolute;
        z-index: 20;
        left: 3000px;
        top: 3000px;
        width: 15em;
        height: 1.7em;
        background-color: #FFEC93;
        color: #20426e;
        text-decoration: none;
        padding: 2px 4px;
}

/* ################## Basislayout ##################### */
#seite {
        width: 68em;
        min-width: 45em;
        max-width: 100%;
        margin: 0 auto;
        position: relative;
}

/* ############## Kopf ############### */
#kopf {
        background-color: #4892cb;
        color: #F0F6FB;
        background-image: url(../_img/grafics/ds-header-neu.gif);
        background-position: left bottom;
        background-repeat: no-repeat;
        margin-right: 13.5em;
        padding-top: 100px;
        position: relative;
        height: 1.7em;
}

#kopf h1 {
        font-size: 1.4em;
        font-weight: normal;
        line-height: 1.3;
        background-image: url(../_img/grafics/dslogo-trans.gif);
        background-repeat: no-repeat;
        background-position: top left;
        padding: 25px 0 0 70px;
        margin-top: 4px;
        position: absolute;
        top: 0;
        left: 30px;
        color: #F0F6FB;
        width: 16em;
        z-index: 10;
}

#kopf h1 span {
        font-weight: bold;
}

#kopf h1 a {
        color: #f0f6fb;
        text-decoration: none;
        display: block;
        padding-left: 65px;
        margin-left: -65px;
        padding-top: 24px;
        margin-top: -24px;
}

#bc {
        text-align: right;
        font-size: 0.85em;
        max-width: none;
        margin-top: -1em;
}

/* ################## Standardlinks und Anpassung ################ */
#standardlinks {
        background-color: #0c416d;
        color: #f0f6fb;
        padding: 0.5em 15.5em 0.3em 0;
        height: 1.5em;
        position: relative;
}

#standardlinks ul li {
        font-size: 0.9em;
        border-right: 1px solid white;
        padding-right: .5em;
        float: left;
        display: block;
        margin-left: .5em;
}

#standardlinks ul li.last {
        border: none;
}

#standardlinks ul li a,#standardlinks ul li span.active {
        text-decoration: none;
        color: #f0f6fb;
        padding: 0 2px;
}

#standardlinks ul li a:hover,#standardlinks ul li a:focus,#standardlinks ul li a:active
        {
        text-decoration: none;
        background-color: #f0f6fb;
        color: #20426e;
}

/* ############## Content ################## */
#content {
        border-left: 13em solid #FEDC60;
        border-right: 13.5em solid #407BBD;
        color: #000;
        background-color: #FFEC93;
        padding: 1em 1.3em 1em 1.5em;;
        min-height: 52.5em;
}

#content p#headzeile {
        font-size: 1.2em;
        font-weight: bold;
        margin: -0.2em 0 0.5em 0;
        font-style: italic;
        line-height: 1.5;
        color: #20426e;
}

dt {
        font-weight: bold;
        margin-top: 0.7em;
        line-height: 1.2;
}

dd p {
margin-top: 0;
}

.verteiler h2 {
        clear: right;
}

.verteiler a.weiter {
        white-space: nowrap;
}

#home h1 {
        margin-bottom: 0.5em;
}

.balken #content h2,#home #content h2,#newsListing h2,#nlInhalt h2,#terminliste h2
        {
        font-size: 1em;
        font-weight: normal;
        line-height: 1.2;
        color: #000;
        background: #f6c85d;
        padding: 0.1em 0.5em;
        margin: 1.2em 0 0.5em -0.5em;
        position: relative;
        clear: both;
}

.balken h2 {
        padding-right: 4em;
}

.betont {
        background-color: #fedc60;
        padding: 1px 0.5em;
        margin-left: -0.5em;
}

div.totop {
        clear: both;
        float: right;
        min-width: 6em;
        text-align: right;
        margin-right: -0.5em;
}

#home .betont + .totop {
        bottom: -1.2em;
}

#home .totop,#newsListing .totop,#nlInhalt .totop,#terminliste .totop,.balken .totop
        {
        float: right;
        height: 18px;
        position: relative;
        bottom: -0.5em;
        z-index: 10;
        padding-right: 5px;
        margin-bottom: -18px;
        margin-right: 0;
}

.balken .totop {
        height: 2px;
        bottom: -0.5em;
        width: 5em;
        padding: 0;
        margin: 0;
}

#nlInhalt {
        padding-top: 1px;
}

#nlInhalt .totop:first-child {
        bottom: -1.3em;
}

#content .totop a:hover,#content .totop a:focus,#content .totop a:active,#content #dokInfo .topLink:hover,#content #dokInfo .topLink:focus,#content #dokInfo .topLink:active
        {
        background-color: #fff;
        text-decoration: underline;
        color: #20426e;
}

#content .totop a:hover,#content #dokInfo .topLink:hover {
        background-color: inherit;
        color: #000;
}

#dokInfo {
        font-size: 0.85em;
        text-align: right;
        max-width: none;
        margin: 2.5em 0 1em 0;
        clear: both;
}

#dokInfo .author {
        padding-right: 0.4em;
        visibility: hidden;
}

#dokInfo .author a,#dokInfo .author span {
        visibility: visible;
        text-decoration: none;
}

#dokInfo .topLink {
        margin-left: 0.5em;
        vertical-align: sub;
}

div.rigtal,div.leftal {
        width: 150px;
        line-height: 1.2;
        font-size: 0.85em;
        margin-top: 0.4em;
        margin-bottom: 0.4em;
        background-color: #fff1b3;
        padding: 2px 4px;
        text-align: center;
}

div.illuM {
        width: 200px;
}

.rigtal div,.leftal div {
        text-align: left;
}

.rigtal {
        float: right;
        margin: 0.4em 0 0.4em 10px;
}

.leftal {
        float: left;
        margin: 0.4em 10px 0.4em 0;
}

.central {
        display: block;
        margin: 1em auto;
        text-align: center;
}

.illuLarge {
        font-size: 0.85em;
        line-height: 1.3;
        text-align: center;
        width: 400px;
        margin: auto;
        position: relative;
        background-color: #fff1b3;
        padding: 2px 4px;
}

.illuLarge p {
        margin-top: 0;
        padding: 0 0.5em;
}

p a.weiter {
        text-decoration: none;
        font-weight: bold;
        background-image: url(../_img/grafics/fw.gif);
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 22px;
        white-space: nowrap;
}

#content a:hover,#content a:focus,#content a:active {
        background-color: #244e7e;
        color: #ffec93;
        text-decoration: none;
}

.x h2:target {
        border-left: 1em solid #fedc60;
        padding-left: 0.5em;
}

#content a[name]:hover {
        background-color: inherit;
        color: inherit;
}

#content ul {
        margin-left: 1em;
}

#content ol {
        margin-left: 1.75em;
}

#content ol.xxl {
        margin-left: 2.5em;
}

#content .textplus {
        margin-top: 0.7em;
}

#content .textplus li {
        margin-top: 0.4em;
        margin-bottom: 0.4em;
}

/* ################## related Links + erweiterte Quellen ############### */
#relArticles,#danke {
        border-top: 3px solid #fedc60;
        margin-top: 1.5em;
        clear: both;
}

#danke {
        font-size: 0.9em;
}

#relArticles h2 {
        font-size: 1em;
}

#relArticles ul {
        margin-left: 0;
}

#docHinweis {
        margin-top: 1em;
        border-top: 3px solid #fff5cc;
        font-size: 0.9em;
        clear: both;
}

/* ##############  Listen mit "kurzen" horizontal angeordneten Blöcken,
Jahres und Monatsarchive, Alphabet ############### */
.jheader h3,.seiten h3,.seiten .hListe {
        float: left;
}

.jheader h3,.seiten h3 {
        margin: 0.25em 0;
        padding: 3px 0.5em;
        font-size: 1em;
}

.seiten h3 {
        margin-top: 1.25em;
}

#content .hListe {
        margin: 1em 0;
        padding-left: 0;
        list-style: none;
}

.hListe:after,.seiten:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        height: 1px;
}

.hListe li {
        float: left;
        margin-right: 0.25em;
        margin-top: 0.25em;
        background-color: #fedc60;
}

.hListe li.active {
        font-weight: bold;
        background-color: #244e7e;
        color: #fedc60;
        padding: 3px 0.5em;
}

.hListe a {
        font-weight: bold;
        text-decoration: none;
        padding: 3px 0.5em;
        display: block;
}

.monate li {
        width: 3.25em;
}

.alpha li {
        width: 3em;
        text-align: center;
}

.seiten ul {
        display: inline;
}

/* ################ verlinkte Überschriften ############# */

.hLinks h3 a {
        text-decoration: none;
}

/* ############### Lexikon ######################## */
#lexikon h2 {
        border-bottom: 1px solid #fedc60;
        margin-top: 2em;
        margin-right: 1em;
}

#lexikon dd {
        margin-bottom: 1.5em;
}

/* ############# Lesefutter und Co ################# */
#intro,#introFloat {
        font-style: italic;
}

#intro .ip,#intorFloat .ip,#intro .leftal,#introFloat .leftal,#intro .rigtal,#introFloat .rigtal
        {
        font-style: normal;
}

#intro:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        height: 1px;
}

#intro img,#introFloat img {
        float: left;
        margin-right: 0.5em;
}

#intro img.rigtal {
        float: right;
        margin-right: 0;
        margin-left: 0.5em;
}

.kasten {
        clear: both;
        background-color: #fff1b3;
        border: 1px solid #fedc60;
        padding: 7px 14px;
        padding-top: 1px;
        margin: 1em -1em;
}

.kasten-links {
        float: left;
        width: 16em;
        background: #fff1b3;
        margin: 0 1.5em 0.5em 0;
        padding: 0.5em;
        padding-top: 1px;
        border: 1px solid #fedc60;
}

.lAussen {
        width: 20em;
        margin-left: -8em;
}

#letzter {
        width: auto;
        float: none;
}

.kasten-rechts {
        float: right;
        width: 16em;
        background: #fff1b3;
        margin: 0 0 0.5em 1.5em;
        padding: 0.5em;
        padding-top: 1px;
        border: 1px solid #fedc60;
}

.rAussen {
        width: 20em;
        margin-right: -8em;
}

.kasten-mitte {
        width: 90%;
        margin: auto 0.5em;
}

/* ######### Hauptnavigation ############### */
#menu {
        position: absolute;
        width: 13em;
        color: #000;
        background-color: #FEDC60;
        z-index: 5;
}

#navigation {
        margin-bottom: 1.4em;
}

#navigation ul {
        list-style: none;
        margin: 1.5em 0;
}

#navigation li {
        margin-bottom: 8px;
}

#navigation a,#navigation span {
        padding-left: 25px;
        background-image: url(../_img/grafics/plus.gif);
        background-repeat: no-repeat;
        background-position: 6px;
        text-decoration: none;
        font-weight: bold;
        color: #20426E;
        display: block;
}

#navigation .active li a {
        color: #000;
        background-color: #fedc60;
}

#navigation li li a,#navigation li li span {
        font-weight: normal;
}

#navigation .trenner,#navigation .sublist {
        margin-top: 0.5em;
        border-top: 0.2em solid #ffec93;
        padding-top: 0.5em;
}

#navigation .sublist {
        margin-top: -1em;
}

#navigation ul ul {
        margin: 0;
}

#navigation ul ul * {
        background-image: none;
        padding-left: 3px;
}

#navigation ul a:hover,#navigation ul a:focus,#navigation ul a:active,#navigation .active span,#navigation .active a
        {
        background-color: #295C9B;
        color: #FEDC60;
}

/* aktivierung bei benutzerdefinierten Farben */
#navigation a:hover,#navigation a:focus,#navigation a:active {
        border-right: 3px solid #295c98;
}

#navigation li li {
        margin-left: 20px;
        margin-bottom: 0;
        margin-top: 0px;
}

#honCode {
        font-size: 0.85em;
        line-height: 1.4;
        margin-top: 4em;
        padding: 0 0.5em;
}

#honCode img {
        float: left;
        margin-right: 3px;
}

#honCode p {
        margin-top: 1.5em;
        clear: left;
        min-height: 85px;
}

#wab {
        text-align: center;
        margin-top: 4em;
}

/* ############## rechte Spalte ################ */
#zusatzinfo {
        position: absolute;
        right: 0;
        top: 0;
        width: 13.5em;
        color: #000;
        background-color: #407BBD;
}

#unterstuetzer {
        background-image: url(../_img/grafics/unterstuetzer.gif);
        background-position: top left;
        background-repeat: no-repeat;
        background-color: #f6c85d;
        padding-left: 1em;
        padding-top: 100px;
        height: 4em; /* #kopf + #standardlinks */
        position: relative;
}

#unterstuetzer img {
        display: block;
        position: absolute;
        top: 34px;
}

#unterstuetzer p.weiter {
        margin-top: 34px;
        font-size: 0.9em;
}

#unterstuetzer p.weiter a {
        background-image: url(../_img/grafics/fw.gif);
        background-repeat: no-repeat;
        background-position: right;
        padding-right: 22px;
}

#zusatzinfo ul {
        border-top: 2px solid white;
        margin: 1px;
        list-style: none;
}

#zusatzinfo li {
        background-color: #295C9B;
        border-bottom: 2px solid white;
}

#zusatzinfo li span {
        display: block;
}

#zusatzinfo ul a,#zusatzinfo ul a.extern {
        text-decoration: none;
        color: #fff;
        display: block;
        padding-left: 12px;
}

#zusatzinfo ul a:hover,#zusatzinfo ul a:focus,#zusatzinfo ul a:active {
        color: #fff;
        display: block;
        background: #4892cb;
}

#zusatzinfo li a span {
        font-size: 1.6em;
        padding-left: 20px;
        font-weight: bold;
        color: #fedc60;
}

#zusatzinfo .aktion {
        background: #fff;
        color: #20426e;
        padding: 3px;
}

#zusatzinfo .aktion img {
        display: block;
        text-align: center;
}

#aktionen h3 a {
        text-decoration: none;
        color: inherit;
}

/* ############### footer ################# */
#footer {
        clear: both;
        background-color: #0c416d;
        color: #f0f6fb;
        padding: 1em 0 0.5em 0;
        text-align: right;
}

#footer p {
        font-size: 0.9em;
        max-width: none;
        padding-right: 1em;
}

#footer a {
        color: #f0f6fb;
}

/* ################# Newslisten und Newsletter ################# */
#newsListing .item {
        clear: right;
        position: relative;
        margin-bottom: 0.6em;
}

#newsListing .item+.item {
        border-top: 6px solid #fff1b3;
        margin-top: 0.6em;
}

#nlInhalt ul,#terminliste ul {
        margin-bottom: 0.6em;
}

/* ++++++++++++++++++++ Termine +++++++++++++++++++++++++++ */
#terminliste ul {
        list-style: none;
        padding-left: 50px;
        background-image: url(../_img/grafics/date_sprite.gif);
        background-repeat: no-repeat;
        background-position: 0;
        margin-left: 0;
}

#terminliste li {
        background: #ffec93;
        font-weight: bold;
        padding-bottom: 0.7em;
}

#terminliste a {
        font-weight: normal;
        display: block;
}

#termin00 ul {
        background: none;
}

#termin02 ul {
        background-position: -50px;
}

#termin03 ul {
        background-position: -100px;
}

#termin04 ul {
        background-position: -150px;
}

#termin05 ul {
        background-position: -200px;
}

#termin06 ul {
        background-position: -250px;
}

#termin07 ul {
        background-position: -300px;
}

#termin08 ul {
        background-position: -350px;
}

#termin09 ul {
        background-position: -400px;
}

#termin10 ul {
        background-position: -450px;
}

#termin11 ul {
        background-position: -500px;
}

#termin12 ul {
        background-position: -550px;
}

#termin13 ul {
        background-position: -600px;
}

#termin14 ul {
        background-position: -650px;
}

#termin15 ul {
        background-position: -700px;
}

#termin16 ul {
        background-position: -750px;
}

#termin17 ul {
        background-position: -800px;
}

#termin18 ul {
        background-position: -850px;
}

#termin19 ul {
        background-position: -900px;
}

#termin20 ul {
        background-position: -950px;
}

#termin21 ul {
        background-position: -1000px;
}

#termin22 ul {
        background-position: -1050px;
}

#termin23 ul {
        background-position: -1100px;
}

#termin24 ul {
        background-position: -1150px;
}

#termin25 ul {
        background-position: -1200px;
}

#termin26 ul {
        background-position: -1250px;
}

#termin27 ul {
        background-position: -1300px;
}

#termin28 ul {
        background-position: -1350px;
}

#termin29 ul {
        background-position: -1400px;
}

#termin30 ul {
        background-position: -1450px;
}

#termin31 ul {
        background-position: -1500px;
}
/* ####################################### /Termine ################################################# */
#newsListing h3 {
        clear: right;
        margin-top: 0.6em;
        margin-bottom: 0;
}

#newsListing .newstitle {
        font-size: 1.2em;
        line-height: normal;
        margin-bottom: 0.3em;
}

#newsListing p {
        margin: 0;
}

#newsListing h3 a {
        display: block;
        text-decoration: none;
        color: #000;
}

#newsarchiv .linkliste a {
        display: inline;
}

/* ###################### einzelne Nachrichten #################### */
#source {
        position: relative;
}

x#source .date {
        font-weight: bold;
        position: absolute;
        bottom: 0;
        left: 0em;
}

/* ############### Buecherliste ####################### */
#buecherliste .item {
        margin-top: 2em;
        padding-left: 150px;
        position: relative;
}

#buecherliste .item img {
        position: absolute;
        left: 0;
        top: 0;
}

#buecherliste h2 {
        margin-top: 0;
        font-size: 1.1em;
}

#buecherliste .review {
        margin: 1em 0 0.5em 0;
}

#buecherliste .verlag {
        font-size: 0.9em;
}

#buecherliste .autor {
        margin: 0.7em 0;
        font-weight: bold;
}

.preis,.isbn {
        white-space: nowrap;
}

/* ################# Linktypen ######################
Die Grafiken stammen von http://www.ndesign-studio.com/resources/mini-pixel-icons/
*/
#content .sprungliste,#content .linkliste {
        margin-left: 0;
        padding-left: 0;
}

.sprungliste li,.linkliste li,#relArticles li {
        list-style: none;
        padding-left: 18px;
        background-image: url(../_img/grafics/down-yellow.gif);
        background-repeat: no-repeat;
        background-position: 0 0.2em;
        line-height: 1.4;
        margin: 0.1em 0;
}

.short li {
        display: inline;
        margin-right: 1em;
}

.linkliste li,#relArticles li {
        background-image: url(../_img/grafics/right-yellow.gif);
}

#content .linkliste ul {
        margin-left: 0;
}

.linkliste ul li {
        margin: 0;
}

.linkliste a,.sprungliste a {
        text-decoration: none;
        display: block;
}

#relArticles a {
        text-decoration: none;
}

#home .linkliste a {
        display: inline;
}

a.same,a.extern {
        padding-left: 16px;
        background-image: url(../_img/grafics/down-yellow.gif);
        background-repeat: no-repeat;
        background-position: 1px;
}

a.extern {
        background-image: url(../_img/grafics/web-page-blue.gif);
}

#honCode a.extern,#zusatzinfo a.extern {
        background-image: none;
        padding-left: 0;
}

a.lex {
        background-image: url(../_img/grafics/lexikon.gif);
        background-position: left;
        background-repeat: no-repeat;
        padding-left: 20px;
        text-decoration: none;
}

.sprungliste li {
        margin: 0;
}

/* ############################ Cluster ################### */
#cluster {
        background-color: #fedc60;
        color: #000;
        padding: 0.3em 0.5em;
        font-size: 0.9em;
        width: 14em;
        margin-left: 1em;
        margin-top: 1em;
        float: right;
}

#cluster.intro {
        width: 50%;
        float: left;
        margin-left: 0;
        margin-right: 1em;
}

#cluster ul {
        border: none;
        margin-left: 0;
        padding-left: 0;
}

.linksIntern li,#cluster ul li {
        padding-left: 18px;
        background-image: url(../_img/grafics/right-yellow.gif);
        background-repeat: no-repeat;
        background-position: 1px 0.3em;
        list-style: none;
        line-height: 1.3;
}

#cluster ul li {
        border: none;
        margin-top: 0.2em;
}

#cluster ul li.active {
        font-weight: bold;
}

#cluster li a {
        text-decoration: none;
        padding: 0;
}

#cluster li a:visited {

}

#cluster li a:hover,#cluster li a:focus,#cluster li a:active {
        background-color: #244e7e;
        color: #fff;
}

#cluster h2 {
        margin-top: 0;
}

#cluster h2 a,#cluster h2 span {
        display: block;
        text-decoration: none;
}

#autorBlock {
        font-weight: bold;
        float: right;
}

/* ################ Rezepte ################## */
#content .kategorien:after {
        content: ".";
        display: block;
        clear: left;
        height: 1px;
        visibility: hidden;
}

.kategorien {
        background-color: #fedc60;
        padding-left: 0.75em;
        margin-top: 1em;
}

.kategorien h2 {
        background-color: #f6c85d;
        font-size: 1.2em;
        margin-left: -0.625em;
        margin-top: 0;
        padding: 4px 1em;
}

.kategorien div {
        width: 16.5em;
        float: left;
        padding: 0.25em 0.5em;
        margin-top: 0.5em;
}

.kategorien div.odd {
        margin-right: 2.5em;
        clear: left;
}

.kategorien h3 {
        margin-top: 0.25em;
}

.kategorien h3 a {
        background-position: right center;
        padding-right: 22px;
        text-decoration: none;
        font-weight: bold;
        background-image: url(../_img/grafics/fw.gif);
        background-repeat: no-repeat;
}

/* ############# Aktionen ###################### */
#aktionen {
        width: 100%;
        padding: 1px 0; /* margin-collapsing verhindern */
}

/* bei mehreren Aktionen Abstand zwischen den Blöcken */
#aktionen div {
        border-top: 8px solid #407bbd;
        padding-top: 6px;
        background-color: #fff;
        color: #000;
}

#aktionen div:first-child {
        border-top-width: 0;
}

/* Elemente */

#aktionen h3, #aktionen h4 {
        padding: 6px;
        margin: 0;
        color: inherit;
        text-align: left;
}

#aktionen h3 .small {
        display: block;
        font-weight: normal;
}

#aktionen img {
        display: block;
        margin: auto;
        max-width: 100%;
        height: auto; /* Anpassung an Spalte */
}

#aktionen h3 a img {
        width: auto;
         margin: 6px 0 -6px -6px;
}

#aktionen .spezial img {
        width: auto;
        float: right;
        margin: 4px;
}

#aktionen .spezial {
        line-height: 1.2;
        padding-bottom: 4px;
        font-size: 0.95em;
}
#aktionen .spezial h3 {
text-align: center;
}


#aktionen .umfrage {
        line-height: 1.2;
        /* padding-bottom: 4px; stört bei den integrierten Kurzumfragen - beobachten */
}

#aktionen .umfrage p {
        font-size: 0.95em;
}

#aktionen .umfrage img {
        width: auto;
        float: right;
}

/* klickbare Fläche vergrößern
#aktionen a {display: block; padding-top: 3em; position: relative; top: -3em;
margin-bottom: -3em;}
*/
#aktionen div>a {
        display: block;
        texalign: center;
        text-decoration: underline;
}

#aktionen a span {
        display: block;
        margin: 0.5em;
}

/* Grußformeln (Frohe, Ostern, weihnachten etc */
#aktionen strong {
    font-size: 1.3em;
    font-weight: bold;
    color: #20426e;
    text-align: center;
    display: block;
    padding: 0.2em 0;
}



/* Farbgebung für verschiedene Aktionen */
#aktionen .advent {
        background-color: #ce0034;
        color: #fff;
}

#aktionen .advent a {
        color: #fff;
        text-decoration: none;
        font-weight: bold;
        font-size: 1.1em;
}

#aktionen .silvester {
        background-color: #0c214d;
        color: #fff;
        font-size: 1.1em;
        padding: 6px;
}

/* Schnellumfragen Diabsite */

#aktionen form, #aktionen form div {
        background-color: #b3ddff;
        color: #000;
        border: none;
        margin: 0;
}

.survey td span {
        border-left: 0 solid #295C9B;
        padding-left: 4px;
}

.survey .active {background-color: #fedc60;}

.survey td, .survey th {border-width: 1px 0;}

/* ernaehrung/ostern.html */
div.gruss {
        width: 350px;
        margin: 1em auto;
        padding: 0.5em;
        font-weight: bold;
        background-color: #fff1b3;
        text-align: center;
}

/* Studie */
#aktionen .anzeige {
        text-align: right;
        margin-top: -4px;
}

#aktionen  .studie {
        background: #fff;
        color: #295c9b;
}

#aktionen p {
        margin: 0.5em;
}

/* ################# Tabellen #################### */
table {
        border-collapse: collapse;
        width: 100%;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
}

thead {
        background-color: #fedc60;
}

td,th {
        border: 1px solid #fefefe;
        padding: 4px 6px;
        vertical-align: top;
}

th {
        font-weight: bold;
        text-align: left;
}

.ohneZeilenkoepfe tbody th {
        font-weight: normal;
}

thead th {
        vertical-align: bottom;
}

tr.even {
        background-color: #fedc60;
}

td.num,th.num {
        text-align: right;
}

td.num {
        white-space: nowrap;
}

p.tablesource {
        text-align: right;
        font-size: 0.9em;
        margin-top: 0;
        margin-bottom: 2em;
}

table h3 {
        margin: 0 0 0.3em 0;
}

#mgmmol {
        clear: both;
        width: 100%;
        float: left;
}

#mgmmol table {
        width: 24%;
        float: left;
        margin: 1em 4%;
        border: 3px solid #fedc60;
}

#mgmmol th,#mgmmol td {
        text-align: center;
}

#kalender table {
        font-size: 0.9em;
        width: auto;
        margin-right: 0;
        margin-left: 0.5em;
        float: right;
        background-color: #ffec93;
        border-left: 0.5em solid #ffec93;
        position: relative;
        z-index: 20;
}

#kalender th,#kalender td {
        text-align: center;
}

/* ############## suchergebnisse #################### */
.query {
        font-weight: bold;
}

.blaettern {
        margin-top: 1em;
        padding-top: 0.5em;
        border-top: 2px solid #fedc60;
        text-align: right;
}

.hinweis {
        background-color: #fedc60;
        color: #000;
        padding: 0.25em;
}

/* ################### Quellenangaben und fussnoten ############### */
#quellen {
        font-style: italic;
        font-size: 0.9em;
        clear: both;
}

#quellen h3 {
        font-style: normal;
        font-size: 1.1em;
}

#quellen ol {
        padding-left: 0;
}

#quellen a.backlink {
        font-style: normal;
}

.simple h3,.simple p {
        display: inline;
}

.simple h3 {
        padding-right: 0.25em;
}

sup {
    font-size: 0.8em;
}


/* ################### WDD ########################### */
#copyright {
        border: 1px solid #fef;
        margin: 1.5em 0;
}

.sources {
        font-size: 0.9em;
}

#WDD .kasten-rechts,#WDD .kasten {
        background-color: #ebecf6;
        border: 3px solid #5787c5;
        position: relative;
}

#WDD .graph {
        border-width: 0;
        padding: 10px 17px;
}

#WDD .or,#WDD .ul {
        display: block;
        width: 100%;
        height: 4px;
        position: absolute;
        background-repeat: no-repeat;
}

#WDD .or {
        top: -3px;
        right: -3px;
        background-image: url(/_img/grafics/wddbox-ro.gif);
}

#WDD .ul {
        background-image: url(/_img/grafics/wddbox-lu.gif);
        left: -3px;
        bottom: -3px;
        width: 20px;
        height: 20px;
}

#WDD .ol {
        background: yellow;
}

/* ################ medizinische Geräte #################### */
#anzeige {
        text-align: right;
        margin-top: 1em;
}

#produktinfo {
        float: left;
        width: 100%;
        padding: 1em 0 2em 0;
}

span#hersteller {
        float: left;
}

#produktfoto {
        float: right;
}

.einheitAlign {
        display: inline-block;
        min-width: 4em;
        text-align: right;
}

/* ################ BE-Tabellen ##################### */
#content .verteilerlisten ul {
        margin-left: -0.3em;
}

.verteilerlisten ul li {
        display: inline;
        border-right: 1px solid #407BBD;
        padding: 0 0.75em 0 0.5em;
}

.verteilerlisten ul li.last {
        border-right: none;
}

.verteilerlisten li a {
        white-space: nowrap;
}

/* ################# BE-Tabellen #################### */
table.be {
        margin-top: 24px;
}

table.be td {
        text-align: left;
}

table.be td+td+td {
        text-align: right;
}

.be td.text {
        text-align: left;
} /* kann später weg */
.be tbody th {
        font-weight: normal;
}

#zweispalter #content {
        border-right: none;
}

#zweispalter #kopf {
        margin-right: 0;
}

/* A-Z- Tabellen */
.be .hersteller {
        width: 11em;
} /* Hersteller */
.be th+th+th {
        text-align: right;
} /* Zahlenspalten */
.be .portion {
        width: 5em;
}

.be .kh,.be .bew {
        width: 3em;
} /* be(wert) */
/* ################# Kontaktforum ################### */
#kForum {
        border-bottom: 0.5em solid #fedc60;
        margin-bottom: 1em;
        padding-bottom: 2em;
}

#kForum h2 {
        border-top: 0.3em solid #fedc60;
        padding-top: 0.5em;
        margin-top: 1.4em;
}

#vorstellung {
        border: 1px solid #fedc60;
        padding: 0.5em;
}

/* ################### Rezepte ################## */
#rezeptliste ul {
        column-count: 2;
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-gap: 2em;
        -moz-column-gap: 2em;
        -webkit-column-gap: 2em;
}

.rezept img {
        float: right;
        margin: 0 0 1em 0.5em;
}

.nw {
        margin-bottom: 2em;
}

.nw h3,.nw ul,.nw li {
        display: inline;
}

.nw li {
        white-space: nowrap;
}

#content .nw ul {
        margin-left: 0;
}

/* ################# Adressen #################### */
#diabetologen .vcard {
        border: 3px double #f6c85d;
        margin: 1em 0;
        padding: 0.5em;
        background: #fedc60;
        max-width: 25em;
}

#content .ortsliste {
        margin-left: 0;
}

.ortsliste li {
        display: inline;
}

.ortsliste li:after {
        content: ", ";
}

.diabetologen {
        margin-top: 1em;
}

.diabetologen li {
        margin-bottom: 0.3em;
}

.diabetologen a {
        display: inline;
}

#diabetologen .vcard h3 {
        margin-top: 0;
}

#hersteller .vcard {
        position: relative;
        padding-left: 310px;
        min-height: 200px;
}

#hersteller #produkte {
        clear: both;
        margin-top: 2em;
}

#hersteller #produkte h3 {
        float: left;
}

#hersteller #produkte .linkliste {
        margin-left: 16em;
}

#hersteller .vcard img {
        position: absolute;
        left: 0;
        top: 0;
}

#hersteller .adr {
        margin-bottom: 0.75em;
}

#hersteller .econtact {
        margin-top: 1em;
}

/* ################## Formulare ############### */
fieldset {
        border: 2px solid #ffd333;
        margin: 1em 0;
        padding: 0.5em;
}

legend {
        font-size: 1em;
        font-weight: bold;
        white-space: normal;
}

fieldset div {
        margin: 0.5em 0;
        clear: left;
}

fieldset div div {
        margin: 0;
}

label {
        display: block;
        margin-top: 0.25em;
}

.required label,label.required {
        color: #811;
}

label .hilfe {
        font-weight: normal;
        font-size: 0.9em;
}

fieldset div input,fieldset div textarea {
        display: block;
        font-family: inherit;
        font-size: 0.95em;
        width: 95%;
}

fieldset div.plz {
        width: 18%;
        float: left;
        margin-right: 0.5%;
        min-width: 5em;
}

fieldset div.plz input {
        min-width: 5em;
}

fieldset div.ort {
        clear: none;
        float: left;
        width: 80%;
}

fieldset div.datum {
        float: left;
        width: 7em;
        margin-right: 1em;
}

fieldset div.zeit {
        clear: none;
        width: 7em;
        float: left;
}

fieldset .kurz label {
        float: none;
        margin-right: 1em;
}

fieldset .kurz input {
        width: 5ex;
        margin-right: 1ex;
        float: left;
        clear: left;
}

input.kurz {
        width: 4em;
}

fieldset .chkbx label,fieldset .chkbx input {
        display: inline;
}

/* auch ohne class - nicht für IE < 8 */
input[type=checkbox] {
float: left; clear: left;
margin-right: 0.7em;
}

input[type=checkbox] + label {
margin-top: 0;
}

fieldset fieldset {
        border: none;
        margin: 0;
        margin-top: 0.4em;
        line-height: normal;
        padding-left: 0;
}

fieldset fieldset legend {
        font-weight: normal;
}

.keinMuell {
        display: none;
}

div.submit,p.submit {
        margin-top: 0.5em;
        padding: 4px;
        text-align: right;
        margin-bottom: 1.5em;
        width: 93%;
}

.fehler {
        background-color: #fedc60;
        color: #000;
        border-left: 5px solid #011;
        padding: 4px;
        padding-left: 8px;
}

.erfolg dt {
        display: run-in;
}

.submit input {
        width: auto;
}

/*########## Radiogruppen */
.radios label,.radios div label {
        display: inline;
        margin-right: 1em;
}

.radios input {
        width: auto;
        display: inline;
}

.radios span {
        display: block;
        margin-left: 27px;
        text-indent: -27px;
}

/* Kürzestformulare mit einem Feld */
.simpleForm input {
        width: 80%;
}

.simpleForm input.submit {
        width: auto;
}

/* #################### FINDRISK ########################## */
#findrisk h2 {
        clear: left;
        font-size: 1.2em;
        padding-top: 1em;
        margin-top: 1.5em;
        position: relative;
        padding-left: 2em;
        min-height: 2.3em;
}

#findrisk .counter {
        font-size: 1.3em;
        position: absolute;
        left: 0;
        bottom: 0.5em;
}

.wertung span {
        position: relative;
        padding-right: 7em;
}

.wertung .points {
        width: 4em;
        position: absolute;
        right: 0.5em;
        top: 0;
        padding: 0;
}

form .kasten {
        margin: 1em -0.2em -0.2em -0.2em;
}

.auswertung {
        padding-right: 7em;
        position: relative;
        color: #000;
        margin-top: 1em;
        font-weight: bold;
}

.auswertung .prozent {
        position: absolute;
        right: 0;
        top: 0;
        width: 6em;
        text-align: right;
        padding: 0 0.5em;
}

.result {
        border-left: 1em solid #ccc;
        padding: 1em 0 1em 0.5em;
        border-top: 1px solid #244e7e;
}

.result.active {
        background-color: #fff1b3;
}

#riskXS {
        border-left-color: #060;
        border-top-width: 0;
        margin-top: 0.5em;
}

#riskS {
        border-left-color: #8a0;
}

#riskM {
        border-left-color: #ff0;
}

#riskL {
        border-left-color: #f80;
}

#riskXL {
        border-left-color: #f00;
}

/* Laborassistent */


.Rechner div {
float: left;
clear: none;
margin-right: 1em;
}

.Rechner .submit {
        width: auto;
        margin: 0;
        margin-top: 1.4em;

}

.Rechner input[type="text"] {
        width: 4em;

}

.Rechner {
        width: 100%;
        float: left;
        padding-bottom: 0.5em;
}

.Rechner .resultat {
        font-size: 1.1em;
        background-color: #fedc60;
        font-weight: bold;
        width: 95%;
        padding: 0 0.5em;
}

.Rechner .resultat span {
        display: block; margin: 1em;
}



/* interna */
code {
        display: block;
        overflow: auto;
        border: 1px solid navy;
        font-size: 0.8em;
        padding: 0.5em;
}

/* Lasar 2020: Responsive Layout */

/* Alle Displays <= 800px Breite */
@media only screen and (max-width: 800px) {
    #seite {
        width: auto;
        min-width: auto;
    }

    #kopf {
        margin-right: 0;
        background-size: cover;
    }

    #kopf h1 {
        left: 15px;
        right: 15px;
        width: auto;
    }

    #standardlinks {
        padding-right: 0;
        height: auto;

        display: none;
    }

    #standardlinks ul li {
        float: none;
        display: inline-block;
    }

    #menu {
        position: relative;
        width: auto;

        display: none;
    }

    #navigation {
        padding-top: 0.01em;
    }

    #content {
        border-left: none;
        border-right: none;
    }

    #bc {
        margin-top: -0.5em;
        margin-bottom: -0.5em;
        text-align: left;
    }

    #zusatzinfo {
        position: relative;
        right: auto;
        top: auto;
        width: auto;
        border-top: 3px solid #FFF;
    }

    #footer {
        text-align: left;
        padding: 1em 0.5em;
    }

    .show-mobile {
        display: inherit !important;
    }
    .hide-mobile {
        display: none;
    }

    .mobile-menu-button {
        z-index: 100;
        display: block;
        padding: 0.5em 0.5em;
        color: #FFF;
        font-weight: bold;
        position: absolute;
        bottom: 0;
        right: 0;
        background-color: rgba(255, 255, 255, .25);
    }
    .mobile-menu-button:hover {
        cursor: pointer;
        text-decoration: underline;
    }

    #mobile-menu-toggle {
        display: none;
    }

    #mobile-menu-toggle:checked + #standardlinks,
    #mobile-menu-toggle:checked + #standardlinks + #menu {
        display: block;
    }
}

/* Alle Displays > 800px - Menü-Button ausblenden, sonst keine Änderungen */
@media only screen and (min-width: 801px) {
    .mobile-menu-button, #mobile-menu-toggle {
        display: none;
    }
}