@font-face {
    font-family: NettoWeb-Bold;
    src: url("/lib/fonts/NettoWeb-Bold.eot");
}

/* then for WOFF-capable browsers */
@font-face {
    font-family: NettoWeb-Bold;
    src: url("/lib/fonts/NettoWeb-Bold.woff") format("woff");
}

/* first for IE 4?8 */
@font-face {
    font-family: NettoWeb;
    src: url("/lib/fonts/NettoWeb.eot");
}

/* then for WOFF-capable browsers */
@font-face {
    font-family: NettoWeb;
    src: url("/lib/fonts/NettoWeb.woff") format("woff");
}

@media projection, screen, print {
    /**
    Standard-CSS barrierefreies-webdesign.de
    (C) 2010-2018 Stephan Heller <heller@daik.de>
    spezielle Styles für IE6 und IE7 in der Datei ie6-7.css
    Farbwelten:
    Bereich        Grundfarbe    Hell   Mittel
    -------------------------------------------
    Start          #ed840c    #feefd1   #f7bb49
    Wissen         #005f87    #ddf0fa   #6fbed6
    Buecher        #66376b    #eee5f9   #b797bf
    Richtlinien    #1e4167    #dbebfe   #88acd2
    Hilfe          #8f1e1e    #ffe9e8   #eb9090
    Kontakt        #10635b    #dcf6f2   #7bc0b4
    */
	.accordion button {
		width:100%;
			}
				.accordion [aria-expanded="true"] .icon-expanded:before{
		content:"↑";
		float:right;
		display:block;
	}
	.accordion [aria-expanded="false"] .icon-expanded:before{
		content:"↓";
		float:right;
		display:block;
	}
    html {
        background-image: url("../img/hintergrund.png");
    }

    body {
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 75%;
        color: #333;
        margin: 1.6em auto 3em;
        max-width: 80em;
        width: 100%;
        background-color: white;
        position: relative;
    }

    /** Generelle Einstellung, Zuweisung einheitlicher Werte */
    p, div, h1, h2, h3, h4, h5, h6, button, ol, ul, li, fieldset, input, select, button, textarea {
        padding: 0;
        margin: 0;
        font-size: 1em;
        font-family: verdana, arial, helvetica, sans-serif;
    }

    h1, h2, h3, h4 {
        font-family: NettoWeb, sans-serif;
    }

    abbr {
        border-bottom: 0
    }

    a img, fieldset {
        border: 0;
    }

    ul li {
        list-style-type: none;
    }

    a {
        text-decoration: none;
    }

    a:hover,
    a:focus,
    a:active {
        text-decoration: underline;
    }

    acronym {
        border-bottom: 0;
        cursor: help;
    }

    kbd,
    samp,
    code {
        font-size: 1.2em;
        color: #003366;
    }

    h2 code {
        font-size: 1.3em;
    }

    kbd {
        border: 1px solid #999;
        padding: 0.10em 0.3em;
        margin: 0.1em;
        white-space: nowrap;
        display: inline-block;
    }

    .unsichtbar {
        position: absolute;
        left: -10000px;
        top: auto;
        width: 1px;
        height: 1px;
        overflow: hidden;
    }

    .floatende {
        clear: both;
        line-height: 1px;
        height: 1px;
    }

    /** Ende Generelle Einstellung */
    /** versteckte Sprungmarken */
    #sprungmarken {
        display: inline;
        float: left;
        overflow: hidden;
    }

    #sprungmarken a.unsichtbar:focus,
    #sprungmarken a.unsichtbar:active {
        left: 0;
        width: auto;
        white-space: nowrap;
        top: -1.6em;
        height: 20px;
        overflow: visible;
        display: block;
        color: #333;
        padding: 2px 2em 0;
        background-color: white;
        font-weight: 700;
    }

    /** Kopf einschließlich Brotkruemelnavigation, Logo, Suchbox, Impressumsblock, etc */
    #kopf {
        padding-top: 0.8em;
        min-height: 11.4em;
    }

    #pfad {
        min-height: 4em;
        padding: 0 0 0.4em 2em;
        max-width: 45em;
    }

    #pfad header {
        display: inline;
        float: left;
    }

    #pfad #bcnhText {
        font-weight: 400;
        padding: 0;
        border: 0;
    }

    #pfad p,
    #pfad ol,
    #pfad li {
        float: left;
        display: inline;
        line-height: 1.4em;
    }

    #pfad p a,
    #pfad p strong,
    #pfad li a,
    #pfad li strong {
        color: #555;
        display: inline-block;
    }

    #pfad p a:before,
    #pfad p strong:before,
    #pfad li a:before,
    #pfad li strong:before {
        content: url('../img/pfad-pfeil.png');
        padding-left: 0.4em;
        padding-right: 0.2em;
        vertical-align: -0.3em;
    }

    #pfad a {
        text-decoration: underline;
    }

    #pfad a:hover,
    #pfad a:focus,
    #pfad a:active {
        text-decoration: none;
    }

    #pfad strong {
        border-right: 4px solid #fff;
        padding-right: 4px;
    }

    #logo {
        float: left;
    }

    #logo a img {
        padding: 2px;
    }

    #logo a:hover img,
    #logo a:focus img,
    #logo a:active img {
        border: 2px solid #216e8f;
        padding: 0;
    }

    #logo img {
        display: block;
        width: 5.3em;
        height: 4.2em;
        margin-right: 1.2em;
        margin-left: 2.8em;
    }

    #logobox {
        float: left;
        max-width: 100%;
        min-width: 47em;
    }

    #logobox p#logo {
        clear: left;
    }

    #slogan {
        font-size: 3.5em;
        float: left;
        font-family: NettoWeb, verdana, sans-serif;
        max-width: 75vw;
    }

    #slogan span {
        display: block;
        margin-bottom: 1em;
        font-size: 0.4em;
        font-weight: 400;
        color: #003366;
        max-width: 65vw;

    }

    #kopfbox {
        float: right;
        padding-right: 20px;
        background-color: #fff;
        width: 28em;
        text-align: left;
        margin-bottom: 0.6em;
        min-height: 160px;
    }

    @media (max-width: 600px) {
        #kopfbox {
            float: none;
            width: auto;
            clear: both;
            padding-left: 20px;
        }
    }

    #kopfboxinhalt2 .ds-lead,
    #kopfboxinhalt1 span.name,
    #kopfbox label {
        font-weight: 400;
        display: block;
        background-color: #d8d8d8;
        color: #000;
        text-transform: uppercase;
        padding: 0.3125rem 0.5rem;
        font-size: 0.8125rem;
        margin-bottom: 0.5rem;
        text-align: center;
    }

    #kopfboxinhalt2 p {

        font-size: 0.6875rem;
        padding: 0 10px 5px;
        line-height: 1.125rem;
    }

    @media (max-width: 600px) {
        #kopfboxinhalt2 p {

            font-size: 0.75rem;

        }
    }
    #kopfbox nav {
        min-height: 16px;
        margin-bottom: 0.5rem;
        display: block;
    }

    #kopfbox li {
        display: inline-block;
        margin-right: 5px;
    }

    #kopfbox li a:before {
        content: '';
        display: inline-block;
        width: 12px;
        height: 12px;
        border: 2px solid #aaa;
        border-radius: 2px;
        margin-right: 8px;
        vertical-align: bottom;
    }

    #kopfbox li a:after {
        position: absolute;
        top: -2px;
        left: 8px;
        width: 5px;
        height: 12px;
        transform: rotate(45deg);
        border: solid #F19D3E;
        border-width: 0 2px 2px 0;
        content: ' ';
        display: inline-block;
        opacity: 0;
        transition: opacity 0.25s;
    }

    #kopfbox li a[aria-checked="true"]:after {
        opacity: 1;
    }

    #kopfbox button {
        width: 3.6em;
        height: 2.6em;
        cursor: pointer;
        margin-left: 0.8em;
        float: left;
        border: 0;
    }

    #kopfbox a {
        color: #555;
        font-weight: 700;
        position: relative;
    }

    #kopfboxinhalt2,
    #kopfboxinhalt1,
    #kopfboxinhalt0 {
        background-color: #F4F4F4;
        min-height: 135px;
        margin-top: 0.5rem;
    }

    #kopfboxinhalt0 {
        height: 9.1em;
    }

    #kopfboxinhalt1 {
        margin-top: 0.5rem;
        position: relative;
    }

    #kopfboxinhalt1 img {
        position: absolute;
        top: 2.8em;
        right: 0.8em;
    }

    #kopfboxinhalt0 h6 {
        text-align: center;
    }

    #kopfboxinhalt0 input {
        margin: 1em 0 0 2em;
    }

    #kopfboxinhalt0 input,
    #kopfboxinhalt0 button {
        font-size: 0.9em;
        vertical-align: middle;
    }

    #kopfboxinhalt0 button {
        /*margin-top: 0.7em;*/
        /*background-color: transparent;*/
        padding: 6px;
        text-align: center;
    }

    #kopfboxinhalt0 button svg {
        height: 1.125rem;
        width: 1.125rem;
    }

    #schnellsuche {
        margin: 0.2em 0 0 1em;
        border: 1px solid black;
        padding: 0.4em;
        width: 17em;
        float: left;
        font-size: 1.1em;
    }

    #kopfboxinhalt0 .gsc-control-cse {
        background-color: #f4f4f4;
        border: 0px none;
    }

    #kopfboxinhalt0 table table {
        border: 1px solid #000;
        /*width: 14em !important;*/
        position: relative;
        top: -1px;
    }

    #kopfboxinhalt0 table table td {
        padding: 0px 5px;
        background-color: #fff;
        height: 1.95em;
    }

    #kopfboxinhalt0 input[type=text] {
        /*background: #fff !important;*/
        font-size: 1em;
    }

    #kopfboxinhalt0 input.gsc-search-button {
        margin: 0;
        padding: 5px 10px 6px;
        border-color: #ED840C;
    }

    #gsc-iw-id1 {
        background: transparent;
        border: 0 none;
    }

    #google-suche-content {
        padding: 0;
    }

    #inhalt #google-suche-content p {
        margin-bottom: 1em;
    }

    #___gcse_1 {
        margin-left: -5px;
    }

    #google-suche-content p label {
        font-weight: 700;
    }

    #inhalt #google-suche-content table {
        margin: 0;
        border-top: 0;
    }

    #inhalt #google-suche-content table td {
        padding: 0 5px;
        border: 0;
    }

    #google-suche-content .gsc-control-cse {
        padding: 0;
    }

    #google-suche-content .gsc-search-button {
        margin-top: -1px;
    }

    #kopfbox #kopfboxinhalt1 span {
        padding: 0.1em 0.6em 0.1em;
        display: block;
        font-style: normal;
    }

    #kopfbox #kopfboxinhalt1 span.adr {
        padding: 0;
    }

    #kopfbox #kopfboxinhalt1 span.name {
        padding: 0.4em 0.2em;
        text-align: center;
        margin-bottom: 0.2em;
    }

    #kopfbox #kopfboxinhalt1 span.voice,
    #kopfbox #kopfboxinhalt1 span.postal-code {
        float: left;
    }

    #kopfbox #kopfboxinhalt1 span.locality {
        display: inline;
    }

    #kopfbox #kopfboxinhalt1 span.voice {
        clear: left;
    }

    #kopfbox #kopfboxinhalt1 span.voice span {
        display: inline;
    }

    #kopfbox #kopfboxinhalt1 span.tel span,
    #kopfbox #kopfboxinhalt1 span.undefined,
    #kopfbox #kopfboxinhalt1 span.url {
        display: none;
    }

    #kopfbox #kopfboxinhalt1 span.voice span {
        display: inline;
    }

    #kopfbox #kopfboxinhalt1 span.email {
        clear: left;
    }

    #kopfbox #kopfboxinhalt1 a.impressum {
        display: block;
        padding: 0.1em 0.6em 0.1em;
    }

    #lang-switch {
        float: right;
        position: relative;
        top: -1.5em;
        left: 4em;
    }

    #lang-switch p {
        display: inline;
    }

    #lang-switch p img {
        vertical-align: sub;
        float: right;
        margin-left: 1em;
    }

    /** Ende Kopfbereich */
    /** Navigation */
    #navigation {
        clear: both;
        float: left;
        width: 100%;
        background-image: url("../img/nav/nav-border-oben.png");
        background-position: 0 0;
        background-repeat: repeat-x;
        position: relative;
        background-color: #313131;
    }

    #navigation ul {
        min-height: 5.2em;
        float: left;
        width: 100%;
        overflow: hidden;
        background-image: url("../img/nav/nav-farbe-unten.png");
        background-position: 0 bottom;
        background-repeat: repeat-x;
    }

    #navigation ul li {
        float: left;
    }

    #navigation ul li a {
        vertical-align: middle;
        display: block;
        padding: 1.6em 1.8em 1.5em 1.8em;
        font-weight: 700;
        color: #fff;
        text-transform: uppercase;
        background-image: url("../img/nav/nav-farbe-oben.png");
        background-position: 0 6px;
        background-repeat: repeat-x;
    }

    #navigation ul li.aktiv {
        background-image: url("../img/nav/nav-pfeil.png");
        background-position: center bottom;
        background-repeat: repeat-x;
        padding-bottom: 10px;
    }

    #navigation ul li.aktiv strong,
    #navigation ul li.aktiv a {
        border-color: #6392a9;
        background-position: 0 0;
        border-top: 6px solid #374658;
        padding: 1.2em 1.8em 1.5em 1.8em;
        background-color: #535353;
    }

    #navigation ul li a:hover,
    #navigation ul li a:focus,
    #navigation ul li a:active {
        padding: 1.15em 1.8em 1.5em 1.8em;
        background-color: #535353;
        border-top: 6px solid #374658;
        background-position: 0 0;
    }

    #navigation ul li.aktiv a:hover,
    #navigation ul li.aktiv a:focus,
    #navigation ul li.aktiv a:active {
        padding: 1.2em 1.8em 1.5em 1.8em;
        background-color: #535353;
        border-top: 6px solid #ddd;
        background-position: 0 0;
    }

    /* Ausgewaehlter Hauptnavi-Link - nicht verlinkt */
    #navigation ul li.aktiv strong {
        display: block;
        color: #fff;
        text-transform: uppercase;
        background-image: url("../img/nav/nav-farbe-oben.png");
        background-position: 0 0;
        background-repeat: repeat-x;
    }

    /** Unternavigation / Navi links */
    #navigation #unter-nav {
        position: absolute;
        left: 0;
        width: 24.8em;
        border-bottom: 4px solid #b8d6e1;
        margin: 3.8em 1em 0 20px;
        padding-bottom: 2em;
    }

    #zusatzinfo {
        width: 24.8em;
        float: left;
        border-bottom: 4px solid #b8d6e1;
        margin: 3em 0 2em 20px;
        padding-bottom: 1em;
    }

    #zusatzinfo h2,
    #navigation #unter-nav h2 {
        padding-bottom: 0.8em;
        border: 0;
        background-position: center bottom;
        background-repeat: repeat-x;
    }

    .wissen #zusatzinfo h2,
    .startseite #zusatzinfo h2 {
        color: #fff;
    }

    #zusatzinfo p {
        font-size: 1em;
        padding: 1em;
        line-height: 1.6em
    }

    #zusatzinfo form p {
        padding: 0.5em 1em;
    }

    #zusatzinfo form legend {
        padding: 0.5em 1em;
        font-weight: 700;
    }

    #zusatzinfo form select {
        margin-left: 0.4em;
    }

    #zusatzinfo form button {
        width: 2.6em;
        background-color: transparent;
        height: 2.6em;
        cursor: pointer;
        margin-left: 0.8em;
        border: 0;
        position: relative;
        top: 0.4em;
    }

    #navigation #unter-nav ul {
        margin-top: 2em;
        min-height: 1em;
        background-image: none;
    }

    #navigation #unter-nav li {
        width: 100%;
    }

    #navigation #unter-nav li.aktiv {
        background-image: none;
        padding-bottom: 0;
        position: relative;
    }

    #navigation #unter-nav li.aktiv li {
        position: relative;
    }

    .services #navigation #unter-nav li.aktiv,
    .hilfe #navigation #unter-nav li.aktiv {
        background-color: #ffe9e8;
    }

    .buecher #navigation #unter-nav li.aktiv {
        background-color: #eee5f9;
    }

    #navigation #unter-nav ul li img + img {
        padding: 0;
        position: absolute;
        top: 0.3em;
        right: 0;
    }

    #navigation #unter-nav li.aktiv strong,
    #navigation #unter-nav a {
        color: #333;
        background-color: transparent;
        background-image: none;
        font-weight: 400;
        text-transform: none;
        padding: 0.4em;
    }

    #navigation #unter-nav li a {
        padding-left: 1.8em;
    }

    #navigation #unter-nav li li.aktiv strong,
    #navigation #unter-nav li li a {
    }

    #navigation #unter-nav li ul {
        padding: 0.6em 0;
    }

    #navigation #unter-nav li li li.aktiv strong,
    #navigation #unter-nav li li li a {
    }

    #navigation #unter-nav a {
        background-position: center top;
        background-repeat: repeat-x;
        border: 0;
    }

    #navigation #unter-nav a:hover,
    #navigation #unter-nav a:focus,
    #navigation #unter-nav a:active {
        border-left: 0.4em solid #6fbed6;
        padding-left: 1.475em;
    }

    .buecher #navigation #unter-nav a:hover,
    .buecher #navigation #unter-nav a:focus,
    .buecher #navigation #unter-nav a:active {
        border-left-color: #b797bf;
    }

    .services #navigation #unter-nav a:hover,
    .services #navigation #unter-nav a:focus,
    .services #navigation #unter-nav a:active,
    .hilfe #navigation #unter-nav a:hover,
    .hilfe #navigation #unter-nav a:focus,
    .hilfe #navigation #unter-nav a:active {
        border-left-color: #eb9090;
    }

    .startseite #navigation #unter-nav a:hover,
    .startseite #navigation #unter-nav a:focus,
    .startseite #navigation #unter-nav a:active {
        border-left-color: #ED840C;
    }

    .kontakt #navigation #unter-nav a:hover,
    .kontakt #navigation #unter-nav a:focus,
    .kontakt #navigation #unter-nav a:active {
        border-left-color: #7bc0b4;
    }

    #navigation #unter-nav li.aktiv li.aktiv a,
    #navigation #unter-nav li.aktiv strong {
        border: 0;
        border-top: 1px solid #6fbed6;
        border-bottom: 1px solid #6fbed6;
        background-color: #fff;
        display: block;
        padding-left: 1.8em;
        border-left: 0.4em solid #6fbed6;
    }

    #navigation #unter-nav li.aktiv li li.aktiv a {
        padding-left: 5.2em;
    }

    #navigation #unter-nav li.aktiv strong:after {
        content: ' ';
        width: 16px;
        height: 20px;
        position: absolute;
        top: 0.3em;
        right: 0;
    }

    .wissen #navigation #unter-nav li.aktiv strong:after {
        content: url("../img/nav/subnav-pfeil_wissen.png");
    }

    .kontakt #navigation #unter-nav li.aktiv strong {
        border-color: #7bc0b4;
    }

    .kontakt #navigation #unter-nav li.aktiv strong:after {
        content: url("../img/nav/subnav-pfeil_kontakt.png");
    }

    .services #navigation #unter-nav li.aktiv strong,
    .hilfe #navigation #unter-nav li.aktiv strong {
        border-color: #eb9090;
    }

    .services #navigation #unter-nav li.aktiv strong:after,
    .hilfe #navigation #unter-nav li.aktiv strong:after {
        content: url("../img/nav/subnav-pfeil_services.png");
    }

    .buecher #navigation #unter-nav li.aktiv strong {
        border-color: #b797bf;
    }

    .buecher #navigation #unter-nav li.aktiv strong:after {
        content: url("../img/nav/subnav-pfeil_buecher.png");
    }

    .richtlinien #navigation #unter-nav li.aktiv strong {
        border-color: #88acd2;
    }

    .richtlinien #navigation #unter-nav li.aktiv strong:after {
        content: url("../img/nav/subnav-pfeil_richtlinien.png");
    }

    #navigation #unter-nav li.aktiv li strong {
        padding-left: 3.3em;
    }

    #navigation #unter-nav li.aktiv li li strong {
        padding-left: 5.3em;
    }

    #navigation #unter-nav li.aktiv li strong a {
        display: inline;
        padding: 0;
        border: 0;
    }

    #navigation #unter-nav ul li img {
        float: left;
        vertical-align: bottom;
        margin-right: 0.35em;
        margin-top: 0;
    }

    #navigation #unter-nav ul li.aktiv a {
        float: left;
    }

    #navigation #unter-nav ul li.aktiv ul li a {
        float: none;
    }

    #navigation #unter-nav ul ul li img {
        margin-left: -1.65em;
    }

    /** 3. Navi-Ebene - aktuell ungenutzt */
    #navigation #unter-unter-nav ul a {
        padding: 0.2em 0.2em 0.2em 4.7em;
    }

    #navigation #unter-unter-nav {
        margin-bottom: 1em;
    }

    #navigation #unter-nav ul ul {
        margin-top: 0;
    }

    #navigation #unter-nav li li a {
        padding-left: 5.2em;
    }

    #navigation #unter-nav li.aktiv ul li strong {
        padding-left: 5.4em;
    }

    #navigation #unter-nav li li a:hover,
    #navigation #unter-nav li li a:focus,
    #navigation #unter-nav li li a:active {
        padding-left: 3.3em;
    }

    #navigation #unter-nav li li li a {
        padding-left: 5.8em;
    }

    #navigation #unter-nav li li a:hover,
    #navigation #unter-nav li li a:focus,
    #navigation #unter-nav li li a:active {
        padding-left: 4.875em;
    }

    #navigation #unter-nav li li li a:hover,
    #navigation #unter-nav li li li a:focus,
    #navigation #unter-nav li li li a:active {
        padding-left: 5.475em;
    }

    #navigation #unter-nav li li li li {
        border: 1px solid green;
        margin-left: 4.5em;
    }

    /* Farbwelten abhaengig von Body-Class */
    #navigation #unter-nav {
        background-color: #ddf0fa;
        border-bottom-color: #005f87;
    }

    #infobox dl,
    #infobox p {
        line-height: 1.6em;
    }

    #infobox dl,
    #infobox dd,
    #infobox dt {
        padding: 0;
        margin: 0;
    }

    #infobox dl strong {
        border-left: 4px solid #f8f8f8;
        padding-left: 4px;
        margin-left: 1.7em
    }

    #infobox dd {
        margin: 0 0 0 2.5em;
    }

    #infobox .werbe-block p {
        padding: 0;
        overflow: hidden;
        text-align: center;
    }

    #infobox .werbe-block p img {
        max-width: 100%;
    }

    #infobox .werbe-block {
        border: 0 solid;
        background: #fff;
    }

    /**
    * Werbeblock - Textanzeige
    */
    #infobox #text-anzeige p {
        width: 298px;
        height: 250px;
        position: relative;
        background: url("../img/ads/tourdesens-Hintergrund.jpg") no-repeat left top;
        font-family: Arial, sans-serif;
        background-size: 100% 100%;
    }

    #infobox #text-anzeige p a {
        color: #fff;
        text-decoration: none;
        font-size: 12px;
    }

    #infobox #text-anzeige p span {
        position: absolute;
        left: 1px;
        background-color: #006F7A;
        padding: 2px 8px;
    }

    #wie {
        font-size: 22px;
        top: 23px;
    }

    #anda {
        font-size: 22px;
        top: 57px;
    }

    #infobox #text-anzeige p #urlaub {
        top: 185px;
        padding: 0 6px;
    }

    #infobox #text-anzeige p #abbauen {
        top: 212px;
        padding: 0 6px;
        background-color: #E3007A;
    }

    #infobox #text-anzeige p span strong {
        font-size: 13px;
    }

    #infobox #text-anzeige #reisen {
        background-color: #E3007A;
        font-size: 0.6875rem;
        top: 31px;
        left: 220px;
        border-radius: 2.5em;
        padding: 0;
        line-height: 13px;
        width: 5em;
        padding-top: 1.2em;
        height: 3.8em;
        display: block;
    }

    #navigation #unter-nav h2 {
        background-color: #005f87;
        background-image: url("../img/nav/pfeil-wissen.png");
    }

    #navigation ul li.wissen strong,
    #navigation ul li.wissen a,
    #navigation ul li.wissen a:hover,
    #navigation ul li.wissen a:focus,
    #navigation ul li.wissen a:active {
        border-top-color: #005f87;
    }

    #zusatzinfo,
    .wissen #navigation #unter-nav {
        background-color: #ddf0fa;
        border-bottom-color: #6fbed6;
    }

    #infobox h2 {
        font-weight: 400;
    }

    .wissen #infobox h2 {
    }

    .wissen #navigation #unter-nav h2 {
        background-color: #005f87;
        background-image: url("../img/nav/pfeil-wissen.png");
    }

    #navigation ul li.buecher strong,
    #navigation ul li.buecher a,
    #navigation ul li.buecher a:hover,
    #navigation ul li.buecher a:focus,
    #navigation ul li.buecher a:active {
        border-top-color: #66376b;
    }

    .buecher #navigation #unter-nav {
        background-color: #eee5f9;
        border-bottom-color: #b797bf;
    }

    .buecher #navigation #unter-nav h2 {
        background-color: #66376b;
        background-image: url("../img/nav/pfeil-buecher.png");
    }

    #navigation ul li.richtlinien strong,
    #navigation ul li.richtlinien a,
    #navigation ul li.richtlinien a:hover,
    #navigation ul li.richtlinien a:focus,
    #navigation ul li.richtlinien a:active {
        border-top-color: #1e4167;
    }

    .richtlinien #navigation #unter-nav {
        background-color: #dbebfe;
        border-bottom-color: #88acd2;
    }

    .richtlinien #navigation #unter-nav h2 {
        background-color: #1e4167;
        background-image: url("../img/nav/pfeil-richtlinien.png");
    }

    #navigation ul li.services strong,
    #navigation ul li.services a,
    #navigation ul li.services a:hover,
    #navigation ul li.services a:focus,
    #navigation ul li.services a:active,
    #navigation ul li.hilfe strong,
    #navigation ul li.hilfe a,
    #navigation ul li.hilfe a:hover,
    #navigation ul li.hilfe a:focus,
    #navigation ul li.hilfe a:active {
        border-top-color: #8f1e1e;
    }

    .services #navigation #unter-nav,
    .hilfe #navigation #unter-nav {
        background-color: #ffe9e8;
        border-bottom-color: #eb9090;
    }

    .services #navigation #unter-nav h2,
    .hilfe #navigation #unter-nav h2 {
        background-color: #8f1e1e;
        background-image: url("../img/nav/pfeil-hilfe.png");
    }

    #navigation ul li.startseite strong,
    #navigation ul li.startseite a,
    #navigation ul li.startseite a:hover,
    #navigation ul li.startseite a:focus,
    #navigation ul li.startseite a:active {
        border-top-color: #ED840C;
    }

    .startseite #navigation #unter-nav {
        background-color: #fff2e8;
        border-bottom-color: #CCBEBB;
    }

    .startseite #navigation #unter-nav h2 {
        background-color: #ED840C;
        color: #333;
        background-image: url("../img/nav/subnav-ueberschrift-pfeil-startseite.png");
    }

    #navigation ul li.kontakt strong,
    #navigation ul li.kontakt a,
    #navigation ul li.kontakt a:hover,
    #navigation ul li.kontakt a:focus,
    #navigation ul li.kontakt a:active {
        border-top-color: #10635b;
    }

    .kontakt #navigation #unter-nav {
        background-color: #dcf6f2;
        border-bottom-color: #7bc0b4;
    }

    .kontakt #navigation #unter-nav h2 {
        background-color: #10635b;
        background-image: url("../img/nav/pfeil-kontakt.png");
    }

    /** Ende Navigation */
    /**
    *   der Floater "reserviert" den Platz, den die Unternavigation einnimmt,
    *   da diese in der Hauptnavigation liniear zu finden ist.
    *   Da die Unternavigation in der linken Spalte absolut positioniert ist,
    *   ist diese nicht im HTML-Flus enthalten,
    *   von daher ist hier dieser Platzhalter notwendig
    ***/
    #floater {
        width: 26.5em;
        height: 25em;
        float: left;
        border-bottom: 10px;
    }

    #inhalt {
        float: right;
        max-width: 44em;
        min-height: 25em;
        min-width: 18em;
        padding: 2.8em 75px 5.05em 20px;
        width: 55%;
    }

    #inhalt.inbetween {
        padding-right: 20px;
        padding-left: 10px;
    }

    #inhalt.umbruch {
        float: none;
        width: auto;
        max-width: 100%;
        margin-left: 20px;
        padding-right: 20px;
        padding-left: 0;
    }

    #inhalt.small1 {
        padding-right: 70px;
    }

    #inhalt.small2 {
        padding-right: 65px;
    }

    #inhalt.small3 {
        padding-right: 60px;
    }

    #inhalt.small4 {
        padding-right: 55px;
    }

    #inhalt.small5 {
        padding-right: 50px;
    }

    #inhalt.small6 {
        padding-right: 45px;
    }

    #inhalt.small7 {
        padding-right: 40px;
    }

    #inhalt.small8 {
        padding-right: 35px;
    }

    #inhalt.small9 {
        padding-right: 30px;
    }

    #inhalt.small10 {
        padding-right: 25px;
    }

    #inhalt.small11 {
        padding-right: 20px;
    }

    #inhalt.small12 {
        padding-right: 15px;
    }

    #inhalt.small13 {
        padding-right: 10px;
    }

    #inhalt.small14 {
        padding-right: 5px;
    }

    #inhalt.le {
        float: left;
        clear: both;
        padding-left: 2em;
        padding-top: 0;
    }

    /** ein paar generelle Einstellungen fuer den Inhaltsbereich */
    #inhalt h1 {
        font-size: 2.5em;
        font-weight: 400;
        color: #212121;
        margin-bottom: 0.8em;
        line-height: 1.1em;
        clear: both;
    }

    #inhalt h1 strong,
    #inhalt h2 strong {
        display: block;
        padding-top: 0.4em;
        font-size: 0.6em;
        font-weight: 400;
        text-align: right;
    }

    #inhalt strong.autor {
        margin-top: 1em;
        color: #005f87;
        font-size: 0.55em;
    }

    .richtlinien #inhalt strong.autor {
        color: #1e4167;
    }

    .buecher #inhalt strong.autor {
        color: #66376b;
    }

    .kontakt #inhalt strong.autor {
        color: #10635b;
    }

    #inhalt h1 strong strong,
    #inhalt h2 strong strong {
        font-size: 1em;
    }

    #inhalt .anm {
        color: #484848;
        background-color: #f3f3f3;
        border-top: 2px dotted #9c9c9c;
        border-bottom: 2px dotted #9c9c9c;
        padding: 0.4em 1.4em;
        margin-bottom: 2.2em;
        line-height: 1.6em;
    }

    #inhalt .anm:after {
        content: " ";
        clear: both;
        display: block;
        visibility: hidden;
        height: 0;
    }

    #inhalt h2 {
        font-size: 2.2em;
        font-weight: 400;
        color: #1a1a1a;
        margin-bottom: 0.8em;
        margin-top: 1.4em;
        padding-bottom: 0.3em;
        border-style: solid;
        border-color: white;
        border-left-width: 0;
        border-right-width: 0;
        border-bottom: 4px solid #d8d8d8;
        clear: both;
    }

    #inhalt h1 + h2 {
        margin-top: -0.4em;
    }

    #inhalt h3 {
        font-size: 1.8em;
        font-weight: 400;
        margin-bottom: 0.6em;
        margin-top: 0.4em;
        clear: both;
        border-left-width: 0;
        border-right-width: 0;
        border-bottom: 3px solid #d8d8d8;
        padding-bottom: 0.15em;
    }

    #inhalt h4 {
        font-size: 1.5em;
        font-weight: 400;
        padding-bottom: 0.2em;
        margin-bottom: 0.6em;
        margin-top: 0.4em;
        clear: both;
        border-left-width: 0;
        border-right-width: 0;
        border-bottom: 2px solid #d8d8d8;
    }

    .startseite #inhalt h2 {
        border-bottom-color: #f7bb49;
    }

    .startseite #inhalt h3,
    .startseite #inhalt h4 {
        border-bottom-color: #feefd1;
    }

    .startseite #inhalt ul {
        padding-left: 0;
    }

    .startseite #inhalt ul li {
        list-style-type: none;
    }

    .startseite #inhalt ul li a {
        margin-left: 10px;
    }

    .startseite #inhalt ul li a.link-symbol {
        margin-left: 30px;
    }

    .startseite #inhalt .glossarliste ul li a {
        margin-left: 30px;
    }

    .startseite #inhalt .blaettern ul li a {
        margin-left: 0;
    }

    .startseite #inhalt ul#suchergebnisse li a {
        margin-left: 1.75em;
    }

    #inhalt #motto {
        border: 1px solid #F7BB49;
        padding: 1em;
    }

    #inhalt #motto p {
        margin-bottom: 0;
        font-size: 1.4em;
    }

    .wissen #inhalt h2 {
        border-bottom-color: #6fbed6;
    }

    .wissen #inhalt h3,
    .wissen #inhalt h4 {
        border-bottom-color: #ddf0fa;
    }

    .buecher #inhalt h2 {
        border-bottom-color: #b797bf;
    }

    .buecher #inhalt h3,
    .buecher #inhalt h4 {
        border-bottom-color: #eee5f9;
    }

    .richtlinien #inhalt h2 {
        border-bottom-color: #88acd2;
    }

    .richtlinien #inhalt h3,
    .richtlinien #inhalt h4 {
        border-bottom-color: #dbebfe;
    }

    .services #inhalt h2,
    .hilfe #inhalt h2 {
        border-bottom-color: #eb9090;
    }

    .services #inhalt h3,
    .services #inhalt h4,
    .hilfe #inhalt h3,
    .hilfe #inhalt h4 {
        border-bottom-color: #ffe9e8;
    }

    .kontakt #inhalt h2 {
        border-bottom-color: #7bc0b4;
    }

    .kontakt #inhalt h3,
    .kontakt #inhalt h4 {
        border-bottom-color: #dcf6f2;
    }

    #inhalt p {
        line-height: 1.8em;
        margin-bottom: 2.2em;
    }

    #inhalt table p {
        line-height: 1.4em;
        margin-bottom: 0;
    }

    #inhalt .logo {
        background-color: #385c68;
        text-align: center;
        border-bottom: 3px solid #db0000;
        line-height: 1em;
        padding: 0;
    }

    #inhalt .logo a {
        border-bottom: 1px solid #fff;
        display: block;
        padding: 0;
    }

    #inhalt .logo a img {
        width: auto;
        height: auto;
        padding: 0;
    }

    #infobox a,
    #inhalt a {
        color: #484848;
        text-decoration: underline;
    }

    #zusatzinfo a:hover.link-symbol,
    #zusatzinfo a:focus.link-symbol,
    #zusatzinfo a:active.link-symbol,
    #inhalt a:hover,
    #inhalt a:focus,
    #inhalt a:active,
    #infobox a:hover,
    #infobox a:focus,
    #infobox a:active {
        text-decoration: none;
    }

    #inhalt dl {
        margin-top: 2em;
    }

    #inhalt dl a {
        color: #111;
    }

    #zusatzinfo a.link-symbol,
    #infobox a.link-symbol,
    #inhalt a.link-symbol {
        margin-left: 30px;
        padding-left: 0;
        position: relative;
    }

    #inhalt dt.aktuell img {
        float: left;
        margin-right: 0.5em;
        margin-top: 0.2em;
    }

    .startseite #inhalt table caption a.link-symbol {
        display: inline;
    }

    #zusatzinfo a.link-symbol {
        color: #111;
        text-decoration: underline;
    }

    #zusatzinfo a.link-symbol img,
    #infobox a.link-symbol img,
    #inhalt a.link-symbol img {
        position: absolute;
        top: 0;
        left: -30px;
    }

    #inhalt h2 a.link-symbol img {
        position: absolute;
        top: 0.15em;
    }

    #inhalt p.bild {
        margin: auto;
        margin-bottom: 2em;
        border: 2px solid #c0c0c0;
        outline-offset: 1em;
        padding: 0.8em;
    }

    #inhalt p.bild img {
        max-width: 100%;
    }

    #inhalt p.bild-links {
        border: 1px solid #222;
        float: left;
        margin: 0.4em 1em 0.4em 0;
    }

    #inhalt p.bild-rechts {
        float: right;
        margin: 0.7em 0 0.4em 1.2em;
        padding: 0;
        padding-right: 0.5em;
    }

    #inhalt div.bild-galerie {
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        padding: 1em 0 0;
        background-color: #e5e5e5;
        margin-bottom: 1em;
    }

    #inhalt p.bild-galerie img {
        margin-left: 0.4em;
    }

    #inhalt p.bild-galerie span {
        margin: auto;
        padding: 0.6em 0.6em 0;
        display: block;
        line-height: 1.2em;
    }

    #inhalt div.bild-galerie fieldset {
    }

    #inhalt div.bild-galerie fieldset legend {
        padding-left: 0.6em;
        font-weight: 700;
    }

    #inhalt .bild-galerie ul {
        margin-left: 0;
    }

    #inhalt .bild-galerie ul li {
        list-style-type: none;
        display: inline-block;
    }

    #inhalt .bild-galerie ul li button {
        margin: 4px 4px 0;
        line-height: 1.2em;
        padding: 2px 6px;
    }

    #inhalt noscript fieldset legend {
        padding-left: 0.6em;
        font-weight: 700;
        font-size: 1.2em;
        margin-bottom: 0.4em;
    }

    #inhalt noscript p.bild-galerie {
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        padding: 1em 0;
        background-color: #e5e5e5;
        margin-bottom: 2em;
    }

    #inhalt noscript p.bild-galerie img {
        margin-left: 0;
    }

    #inhalt p.cover {
        float: left;
        margin: 0 1.8em 1em 0;
    }

    #inhalt .amazon p {
        clear: none;
        margin-bottom: 1.2em;
    }

    #inhalt .info {
        float: left;
        max-width: 20em;
        padding: 0 1.6em 0 0;
        min-width: 15em;
        clear: none;
        border: 2px solid #fff;
    }

    #inhalt .beispiel {
        border: 4px solid #C0C0C0;
        padding: 0.4em 0.8em;
        background-color: #F3F3F3;
        margin-bottom: 2.2em;
    }

    #inhalt .beispiel p {
        margin: 0;
    }

    #inhalt ol p,
    #inhalt ul p {
        margin-bottom: 1em;
    }

    #inhalt ol,
    #inhalt ul {
        line-height: 1.8em;
        margin-left: 1.8em;
        margin-bottom: 1.8em;
    }

    #inhalt ol {
        list-style-type: decimal;
    }

    #inhalt ol ol {
        list-style-type: lower-latin;
    }

    #inhalt ol li {
        padding-left: 0.4em;
    }

    #inhalt .bulletless ul {
        margin: 0;
    }

    #inhalt .bulletless ul li {
        list-style-type: none;
    }

    #inhalt table ol,
    #inhalt table ul {
        line-height: 1.4em;
        margin-bottom: 0;
        padding: 1em 0;
    }

    #inhalt table td.glossarliste {
        padding: 0.4em 0.6em;
    }

    #inhalt table td.glossarliste ul {
        margin: 0;
        padding: 0;
    }

    #inhalt table td.glossarliste ul li {
        display: block;
        margin-bottom: 0.2em;
    }

    #inhalt dl {
        line-height: 1.8em;
    }

    #inhalt ol.offset {
        margin-left: 3.8em;
    }

    #inhalt ol.aList {
        list-style-type: lower-alpha;
    }

    #inhalt ol.aList li {
        padding-left: 0.4em;
        list-style-type: lower-alpha;
    }

    #inhalt ol.uaList li,
    #inhalt ol.uaList {
        list-style-type: upper-roman;
    }

    #inhalt ol.lrList li,
    #inhalt ol.lrList {
        list-style-type: lower-roman;
    }

    #inhalt ol.urList li,
    #inhalt ol.urList {
        list-style-type: upper-roman;
    }

    #inhalt ol.iList li {
        padding-left: 0.4em;
    }

    #inhalt ul li {
        list-style-type: disc;
    }

    #inhalt ol.schrittfolge li {
        float: left;
        margin-right: 0.4em;
        min-height: 2em;
        list-style-position: inside;
    }

    #inhalt ol.schrittfolge li:before {
        content: '→';
        margin-right: 0.4em;
        font-size: 0.9em;
        position: relative;
        top: -0.1em;
    }

    #inhalt ol.schrittfolge:after {
        content: ' ';
        clear: both;
        float: none;
        display: block;
    }

    #inhalt p.paragraph {
        position: relative;
        padding-left: 2.4em;
    }

    #inhalt p.paragraph span.absatz {
        position: absolute;
        top: 0;
        left: 0;
    }

    #inhalt dl p.paragraph {
        margin: 0.4em 0 0.8em;
    }

    #inhalt ol.paragraph li {
        counter-increment: var;
    }

    #inhalt ol.paragraph li:before {
        content: "(" counter(var) ") ";
        font-weight: bold !important;
        margin-left: -2.2em;
    }

    #inhalt ol.paragraph li li {
        counter-increment: var2;
        list-style-type: decimal;
    }

    #inhalt ol.paragraph li li:before {
        content: none;
    }

    #inhalt dl dt,
    #inhalt dl dd {
        margin: 0;
        padding: 0.4em 0.8em;
    }

    #inhalt dl dt {
        background-color: #ffba24;
        font-weight: 700;
        border-top: 1px solid #ffba24;
        border-bottom: 1px solid #ffba24;
    }

    #inhalt dl dt + dt {
        margin-top: 1em;
    }

    #inhalt dl dd {
        margin-bottom: 0.4em;
        background-color: #ffdc90;
        border-top: 1px solid #ffdc90;
        border-bottom: 1px solid #ffdc90;
    }

    .wissen #inhalt dl dt {
        background-color: #ddf0fa;
        border-top-color: #ddf0fa;
        border-bottom: 4px solid #6fbed6;
    }

    .wissen #inhalt dl dd {
        background-color: #fff;
        border-color: #fff;
    }

    .buecher #inhalt dl dt {
        background-color: #eee5f9;
        border-top-color: #eee5f9;
        border-bottom: 4px solid #b797bf;
    }

    .buecher #inhalt dl dd {
        background-color: #fff;
        border-color: #fff;
    }

    .richtlinien #inhalt dl dt {
        background-color: #dbebfe;
        border-top-color: #dbebfe;
        border-bottom: 4px solid #88acd2;
    }

    .richtlinien #inhalt dl dd {
        background-color: #fff;
        border-color: #fff;
    }

    .services #inhalt dl dt,
    .hilfe #inhalt dl dt {
        background-color: #ffe9e8;
        border-top-color: #ffe9e8;
        border-bottom: 4px solid #eb9090;
    }

    .services #inhalt dl dd,
    .hilfe #inhalt dl dd {
        background-color: #fff;
        border-color: #fff;
    }

    .kontakt #inhalt dl dt {
        background-color: #dcf6f2;
        border-top-color: #dcf6f2;
        border-bottom: 4px solid #7bc0b4;
    }

    .kontakt #inhalt dl dd {
        background-color: #fff;
        border-color: #fff;
    }

    #inhalt dl ul {
        margin-top: 0.8em;
    }

    #inhalt dl ol,
    #inhalt dl ul,
    #inhalt dl p {
        margin-bottom: 0.4em;
    }

    #inhalt dl .beispiel {
        margin-bottom: 0.4em;
    }

    #inhalt table {
        background-color: #fff1d2;
        border-collapse: collapse;
        width: 100%;
        margin-bottom: 2em;
        margin-top: 0;
    }

    #inhalt table tr.zweite td,
    #inhalt table tr.odd td,
    #inhalt table td.odd {
        background-color: #FFFBF2;
        border-top: 1px solid #fffbf2;
        border-bottom: 1px solid #fffbf2;
    }

    #inhalt table th,
    #inhalt table td {
        padding: 0.6em 0.6em 0.8em;
        vertical-align: top;
        text-align: left;
        line-height: 1.5em;
        border-top: 1px solid #fff1d2;
        border-bottom: 1px solid #fff1d2;
    }

    #inhalt table th {
        background-color: #ffdc90;
        border-top: 1px solid #ffdc90;
        border-bottom: 1px solid #ffdc90;
    }

    #inhalt table .zweite th,
    #inhalt table th.odd {
        background-color: #ffcd62;
        border-top: 1px solid #ffcd62;
        border-bottom: 1px solid #ffcd62;
    }

    #inhalt table.add-border th {
        border-top: 2px solid #FFFBF2;
    }

    #inhalt table.add-border .no-border th {
        border-top: 0;
    }

    #inhalt table caption {
        background-color: #ffba24;
        border-top: 1px solid #ffba24;
        border-bottom: 1px solid #ffba24;
        padding: 0.6em;
        text-align: left;
        font-weight: 700;
        border-bottom: 2px solid #fff;
        border-bottom: 0;
    }

    #inhalt table {
        empty-cells: show;
    }

    .startseite #inhalt table {
        background-color: #fff;
        border-top: 4px solid #f7bb49;
    }

    .startseite #inhalt table caption {
        border-color: #feefd1;
        background-color: #feefd1;
    }

    .startseite #inhalt table th {
        background-color: #f4f4f4;
        border-color: #f7bb49;
        border-top: 0;
    }

    .startseite #inhalt table td {
        background-color: #fff;
        border-color: #f7bb49;
        border-top: 0;
    }

    .wissen #inhalt table {
        background-color: #fff;
        border-top: 4px solid #6fbed6;
    }

    .wissen #inhalt table caption {
        background-color: #ddf0fa;
        border-color: #ddf0fa;
    }

    .wissen #inhalt table th {
        background-color: #f4f4f4;
        border-color: #6fbed6;
        border-top: 0;
    }

    .wissen #inhalt table tr td {
        background-color: #fff;
        border-color: #6fbed6;
        border-top: 0;
    }

    .buecher #inhalt table {
        background-color: #fff;
        border-top: 4px solid #b797bf;
    }

    .buecher #inhalt table caption {
        background-color: #eee5f9;
        border-color: #eee5f9;
    }

    .buecher #inhalt table th {
        background-color: #f4f4f4;
        border-color: #b797bf;
        border-top: 0;
    }

    .buecher #inhalt table tr td {
        background-color: #fff;
        border-color: #b797bf;
        border-top: 0;
    }

    .richtlinien #inhalt table {
        background-color: #fff;
        border-top: 4px solid #88acd2;
    }

    .richtlinien #inhalt table caption {
        background-color: #dbebfe;
        border-color: #dbebfe;
    }

    .richtlinien #inhalt table th {
        background-color: #f4f4f4;
        border-color: #88acd2;
        border-top: 0;
    }

    .richtlinien #inhalt table tr td {
        background-color: #fff;
        border-color: #88acd2;
        border-top: 0;
    }

    .services #inhalt table,
    .hilfe #inhalt table {
        background-color: #fff;
        border-top: 4px solid #eb9090;
    }

    .services #inhalt table caption,
    .hilfe #inhalt table caption {
        background-color: #ffe9e8;
        border-color: #ffe9e8;
    }

    .services #inhalt table th,
    .hilfe #inhalt table th {
        background-color: #f4f4f4;
        border-color: #eb9090;
        border-top: 0;
    }

    .services #inhalt table tr td,
    .hilfe #inhalt table tr td {
        background-color: #fff;
        border-color: #eb9090;
        border-top: 0;
    }

    .services #inhalt table tr,
    .hilfe #inhalt table tr {
        background-color: #fff;
        border-color: #eb9090;
        border-top: 0;
    }

    #inhalt .referenz h2,
    #inhalt .referenz h3 {
        line-height: 1.2em;
    }

    #inhalt .referenz h3 {
        border: 0;
    }

    .referenz h2 strong,
    .referenz h3 strong {
        display: block;
        padding-top: 0.25em;
    }

    .referenz h3 strong {
        font-weight: 400;
        font-size: 0.65em;
    }

    .referenz .vb_default {
        margin-bottom: 1.5em;
    }

    #inhalt .referenz img {
        margin-bottom: 1.5em;
    }

    #inhalt .referenz-item + .referenz-item {
        border-top: 2px solid #cfcfcf;
        padding-top: 2em;
    }

    #inhalt .referenz-item:after {
        content: ".";
        clear: both;
        display: block;
        visibility: hidden;
        height: 0;
    }

    #inhalt .referenz ul {
        margin-left: 0;
    }

    #inhalt .referenz ul li {
        list-style-type: none;
    }

    /* weitere Kaesten, Infoboxen, Werbung, etc */
    #infobox {
        float: left;
        margin: 3em 0 0 20px;
        width: 24.8em;
    }

    #hilfe p {
        text-align: center;
    }

    #hilfe aside + aside {
        margin-top: 0.8em;
    }

    .services #hilfe p:first-child {
        padding-bottom: 1em;
        background-color: #ffe9e8;
        border-top: 4px solid #8f1e1e;
        border-bottom: 4px solid #EB9090;
    }

    #werbung p {
        text-align: center;
    }

    #infobox > aside + aside,
    #infobox #werbung + aside {
        padding: 0;
        border: 0;
    }

    #infobox aside {
        background-color: #F8F8F8;
        margin-bottom: 1.6em;
        border-bottom: 4px solid #E0E0E0;
        padding-bottom: 0.8em;
    }

    #infobox dl + h2 {
        margin-top: 0.6em;
    }

    #infobox p,
    #infobox ul,
    #infobox ol,
    #infobox dl {
        padding: 1.2em 1em 0;
        margin: 0;
    }

    #zusatzinfo h2,
    #infobox h2,
    #info h2,
    #navigation h2 {
        background-color: #d8d8d8;
        text-align: center;
        width: auto;
        color: #fff;
        padding: 0.6em;
        font-size: 1.8em;
        border: 1px solid #d8d8d8;
    }

    #zusatzinfo h2,
    #infobox h2,
    #info h2 {
        color: #000;
        font-size: 1.5em;
        font-weight: 700;
    }

    #zusatzinfo h2 {
        background-color: #005f87;
        padding-bottom: 0.6em;
    }

    #info {
        width: 12em;
        float: left;
    }

    #inhalt #glossarmenue {
        min-height: 6em;
        margin: 0;
    }

    #inhalt #glossarmenue li {
        float: left;
        list-style-type: none;
        list-style-image: none;
        width: 40px;
        height: 30px;
        padding: 6px 0 0 0;
        background-image: url("../img/blaetter-kreis.png");
        background-position: center center;
        background-repeat: no-repeat;
        text-align: center;
    }

    #inhalt #glossarmenue li.aktiv {
        background-image: url("../img/blaetter-kreis-aktiv.png");
        background-position: center center;
        color: white;
    }

    #inhalt #glossarmenue li.aktiv strong,
    #inhalt #glossarmenue li.aktiv a {
        color: white;
        border-bottom: 2px solid #005f87;
    }

    #inhalt #glossarmenue li a {
        text-decoration: underline;
        margin-left: 0;
    }

    #inhalt div.glossar-liste p {
        margin-bottom: 0.8em;
    }

    #inhalt div.glossar-liste ul {
        margin-left: 0;
    }

    #inhalt div.glossar-liste ul li {
        list-style-type: none;
    }

    ul.glossar-liste .aktiv {
        display: inline-block;
        margin-left: -0.4em;
    }

    ul.glossar-liste .aktiv img {
        position: relative;
        top: 0.3em;
        left: -0.7em;
    }

    #inhalt .visitenkarte {
        background-color: #f3f3f3;
        border-top: 1px dashed #9c9c9c;
        border-bottom: 1px dashed #9c9c9c;
        padding: 1.4em;
        min-height: 16.8em;
        margin-bottom: 1.4em;
    }

    #inhalt .vcard {
        font-style: normal;
        margin-bottom: 2em;
    }

    #inhalt .visitenkarte p {
        margin-bottom: 0.6em;
    }

    #inhalt .visitenkarte .weitereprofile {
        min-height: 2.0em;
    }

    #inhalt .visitenkarte .weitereprofile p {
        float: left;
        margin-right: 2em;
    }

    #inhalt .visitenkarte img {
        float: right;
    }

    #inhalt .visitenkarte img.photo {
        width: 140px;
        height: auto;
    }

    #inhalt .visitenkarte a.url {
        font-size: 2em;
        text-decoration: none;
        color: #000;
    }

    #inhalt .visitenkarte .role {
        font-size: 1.5em;
        margin-bottom: 0.2em;
        display: block;
    }

    #inhalt .visitenkarte .work {
        line-height: 1.5em;
    }

    #inhalt .visitenkarte a.link-symbol {
    }

    #inhalt .visitenkarte a.link-symbol img {
        left: -30px;
        top: -4px;
    }

    #inhalt form {
        margin-top: 1.6em;
    }

    #inhalt table form {
        margin-top: 0;
    }

    #inhalt form p {
        display: inline;
        clear: none;
    }

    #inhalt form p label {
        font-weight: 700;
        display: block;
    }

    #inhalt .bild-galerie button,
    #inhalt form button {
        width: auto;
        cursor: pointer;
        margin-left: 0.8em;
        margin-top: 0.4em;
        vertical-align: bottom;
        border: 1px solid #ed840c;
        padding: 0.1em 1em;
    }

    #inhalt table form button {
        width: auto;
        height: auto;
        position: static;
        background-color: transparent;
        margin: 0;
        border-bottom: 1px solid #484848;
    }

    #inhalt form select {
        margin-right: 1em;
    }

    #inhalt form select[disabled] {
        color: #484848
    }

    #inhalt #scauswahl {
        margin-bottom: 2em;
    }

    #inhalt #scauswahl select {
        min-width: 29em;
        max-width: 29em;
    }

           #inhalt .KAradio p {
        display: inline-block;
        margin-bottom: 1em;
    }

    #inhalt #scauswahl p {
        display:block;
		margin-bottom: 1em
    }

    #inhalt #scauswahl button {
        margin-left: 0;
        margin-bottom: 1em;
        clear: both;
    }

    #inhalt .kontakt form p {
        clear: left;
        margin-top: 0;
        display: block;
        min-height: 1.0em;
    }

    #inhalt .kontakt form label.pflicht,
    #inhalt .kontakt form .pflicht label {
        color: #1E5A82;
    }

    #inhalt .erfolg {
        color: #1E5A82;
        font-weight: 700;
    }

    #inhalt .kontakt form p label {
        float: left;
        width: 12em;
    }

    #inhalt .kontakt form p label.checkbox_label {
        width: 30em;
        max-width: 100%;
    }

    #inhalt .kontakt form p input {
        width: 20em;
        font-size: 1em;
        padding: 0.4em;
    }

    #inhalt .kontakt textarea {
        max-width: 100%;
    }

    #inhalt .kontakt form p .felderror {
        background-color: yellow;
    }

    #inhalt .kontakt form p .labelerror {
        color: #af0000;
    }

    #inhalt .kontakt form p input#kopie {
        width: auto;
        float: left;
        margin-right: 0.6em;
        margin-top: 0.4em;
    }

    #inhalt .kontakt form button {
        margin-left: 0;
        padding: 0.4em 1em;
    }

    #inhalt #preview object {
        width: 352px;
        height: 288px;
        display: block;
    }

    #inhalt .audio #preview object {
        height: 170px;
    }

    #inhalt p.fehler,
    #inhalt ul.fehler li {
        color: #af0000;
        font-weight: 700;
        line-height: 1.3em;
        margin-bottom: 0.8em;
    }

    #inhalt #fleiste {
        clear: left;
    }

    #inhalt #fleiste .sm-icon,
    #inhalt #fleiste p {
        display: inline;
        margin-right: 1em;
    }

    #inhalt #social-media {
        clear: both;
    }

    #inhalt.umbruch #social-media {
        display: block;
        margin: 0;
        clear: both;
        margin-bottom: -2em;
    }

    #inhalt #social-media p {
        float: left;
        margin-right: 1.4em;
    }

    #social-media img {
        margin-right: 1em;
        height: 1.5rem;
    }

    #inhalt #glossarText,
    #social-media h2,
    #fleiste h2 {
        font-size: 1rem;
        border: 1px solid;
        padding-top: 1rem;
        border-width: 1px 0 0 0;
    }

    #inhalt #social-media p,
    #inhalt #fleiste p {
        margin-bottom: 1em;
    }

    #fleiste {
        /*border-bottom: 1px solid;*/
        padding-bottom: 1em;
    }

    #fleiste hr {
        display: none;
    }

    .startseite #inhalt #glossarText,
    .startseite #fleiste,
    .startseite #social-media h2,
    .startseite #fleiste h2 {
        border-color: #f7bb49;
    }

    .wissen #inhalt #glossarText,
    .wissen #fleiste,
    .wissen #social-media h2,
    .wissen #fleiste h2 {
        border-color: #6fbed6;
    }

    .buecher #inhalt #glossarText,
    .buecher #fleiste,
    .buecher #social-media h2,
    .buecher #fleiste h2 {
        border-color: #b797bf;
    }

    .richtlinien #inhalt #glossarText,
    .richtlinien #fleiste,
    .richtlinien #social-media h2,
    .richtlinien #fleiste h2 {
        border-color: #88acd2;
    }

    .services #inhalt #glossarText,
    .hilfe #glossarText,
    .services #fleiste,
    .hilfe #fleiste,
    .services #social-media h2,
    .hilfe #social-media h2,
    .services #fleiste h2,
    .hilfe #fleiste h2 {
        border-color: #eb9090;
    }

    .kontakt #inhalt #glossarText,
    .kontakt #fleiste,
    .kontakt #social-media h2,
    .kontakt #fleiste h2 {
        border-color: #7bc0b4;
    }

    #inhalt #fleiste ul {
        min-height: 2.8em;
        padding: 0;
        margin: 0;
    }

    #inhalt #fleiste ul li {
        float: left;
        list-style-type: none;
        margin-right: 1.2em;
    }

    #inhalt #fleiste hr {
        margin: 1.2em 0;
    }

    #inhalt #empfehlen img {
        top: -0.2em;
    }

    #inhalt #bookmark img {
        top: -0.2em;
        left: -28px;
    }

    #inhalt .blaettern {
        padding-top: 1em;
        clear: both;
    }

    .startseite #inhalt form {
        margin-top: 0;
    }

    .startseite #inhalt form p {
        clear: both;
    }

    .startseite #inhalt form #suche-eingabe {
        padding: 0.2em;
        margin-bottom: 2em;
    }

    .startseite #inhalt form fieldset legend {
        padding: 0;
    }

    .startseite #inhalt form #suche-anzeige p,
    .startseite #inhalt form #suche-optionen p {
        display: block;
        padding: 0;
        margin-bottom: 0.6em;
        line-height: 1em;
    }

    .startseite #inhalt form #suche-anzeige label,
    .startseite #inhalt form #suche-optionen label {
        display: inline;
        font-weight: 400;
    }

    .startseite #inhalt form #suche-anzeige label {
        display: inline;
        margin-right: 1em;
        font-weight: 400;
    }

    .startseite #inhalt form input {
        vertical-align: middle;
        margin-right: 1em;
    }

    .startseite #inhalt form legend {
        padding: 0.5em 1em;
        width: 100%;
        border-bottom: 2px solid #f7bb49;
        font-size: 1.4em;
    }

    .startseite #inhalt form button {
        margin-left: -0.6em;
        padding: 0.4em 1em 0.2em;
    }

    .startseite #inhalt form button * {
        vertical-align: middle;
    }

    .startseite #inhalt form button img {
        margin-top: -0.2em;
    }

    #inhalt .suchergebnisnav,
    #inhalt .blaettern ul {
        margin: 0;
        padding: 0;
    }

    #inhalt .suchergebnisnav {
        margin-bottom: 2em;
        min-height: 3em;
    }

    #inhalt .suchergebnisnav li,
    #inhalt .blaettern li {
        float: right;
        list-style-type: none;
        position: relative;
    }

    #inhalt .blaettern p {
        position: relative;
    }

    #inhalt .blaettern p.startseite {
        float: right;
    }

    #inhalt .suchergebnisnav a,
    #inhalt .blaettern a {
        border: 3px solid #6fbed6;
        border-width: 1px 3px;
        max-width: 400px;
        width: 20.2em;
        display: block;
        line-height: 1.125em;
        min-height: 2.15em;
    }

    #inhalt .suchergebnisnav a {
        border-color: #ED840C;
    }

    #inhalt .blaettern .wissen a {
        border-color: #6fbed6;
    }

    #inhalt .blaettern .richtlinien a {
        border-color: #88acd2;
    }

    #inhalt .blaettern .buecher a {
        border-color: #b797bf;
    }

    #inhalt .blaettern .services a,
    #inhalt .blaettern .hilfe a {
        border-color: #eb9090;
    }

    #inhalt .blaettern .startseite a {
        border-color: #ED840C;
    }

    #inhalt .blaettern .kontakt a {
        border-color: #7bc0b4;
    }

    #inhalt .blaettern a img {
        position: absolute;
        top: 0.6em;
        left: 0;
    }

    #inhalt .suchergebnisnav .next,
    #inhalt .blaettern #blaettern-vor {
        margin-left: 0.3em;
    }

    #inhalt .suchergebnisnav.next {
        float: right;
    }

    #inhalt .suchergebnisnav.next a,
    #inhalt .suchergebnisnav li.next a,
    #inhalt .blaettern #blaettern-vor a {
        border-right: 0;
        padding: 0.2em 1em 0.2em 0.4em;
    }

    #inhalt .suchergebnisnav.prev,
    #inhalt .suchergebnisnav li.prev,
    #inhalt .blaettern #blaettern-zurueck {
        text-align: right;
    }

    #inhalt .suchergebnisnav li.prev {
        float: left;
    }

    #inhalt .suchergebnisnav.prev a,
    #inhalt .suchergebnisnav li.prev a,
    #inhalt .blaettern #blaettern-zurueck a {
        border-left: 0;
        padding: 0.2em 0.4em 0.2em 1em;
    }

    #inhalt .blaettern #blaettern-vor a img {
        right: 0;
        left: auto;
    }

    #inhalt .blaettern li a {
        text-decoration: underline;
        color: #484848;
    }

    #inhalt .blaettern li span.unsichtbar {
        display: block;
        width: auto;
        height: auto;
        overflow: visible;
        top: 2.8em;
        left: -1000em;
        text-align: left;
        background-color: #fff;
        border: 2px solid #c0c0c0;
        padding: 0.2em;
        line-height: 1.2em;
        z-index: 100;
    }

    #inhalt .blaettern a:hover span.unsichtbar,
    #inhalt .blaettern a:focus span.unsichtbar,
    #inhalt .blaettern a:active span.unsichtbar {
        left: 0.5em;
    }

    #inhalt q {
        quotes: none;
    }

    #inhalt #suchergebnisse {
        margin: 0;
        padding: 0;
    }

    #inhalt #suchergebnisse h2 {
        border-bottom: 0;
        font-size: 1.4em;
        margin-bottom: 0;
    }

    #inhalt #suchergebnisse li {
        list-style-type: none;
        border-bottom: 2px solid #f7bb49;
        padding-bottom: 2em;
    }

    #inhalt #suchergebnisse p {
        list-style-type: none;
        margin: 0;
    }

    #inhalt #suchergebnisse p small {
        font-size: 1em;
        color: #005f87;
    }

    /** Fußleiste mit Wiederholung der Navigation */
    #inhalt .google-quer {
        padding: 1.4em 0 1.4em 0;
        overflow: hidden;
        clear: both;
    }

    #inhalt span.unechtelinks {
        color: blue;
        text-decoration: underline;
        cursor: pointer;
    }

    #fussleiste {
        margin-top: 2em;
        padding: 0.6em 1em;
        clear: both;
        border-top: 7px solid #666;
        border-bottom: 0;
        background-color: #ebe9ea;
        min-height: 2em;
    }

    #fussleiste ul {
        text-align: left;
        float: left;
        background-color: #ebe9ea;
    }

    #fussleiste li {
        display: block;
        float: left;
        padding: 0.3em 1.8em 0.3em 1.2em;
    }

    #fussleiste li:before {
        content: url('../img/fuss-icon.png');
        float: left;
        padding-right: 0.3em;
    }

    #fussleiste a {
        width: auto;
        color: #333;
        text-decoration: underline;
        text-transform: uppercase;
        padding: 4px 0;
    }

    #fussleiste li.aktiv {
        background-color: #fff;
    }

    #fussleiste li.aktiv:before {
        content: url('../img/fuss-icon-aktiv.png');
    }

    #fussleiste li strong,
    #fussleiste li.aktiv a {
        border-top: 2px solid #fff;
        padding-top: 0;
    }

    #fussleiste li a:hover,
    #fussleiste li a:focus,
    #fussleiste li a:active {
        border-top: 4px solid #EBE9EA;
        padding-top: 0;
    }

    /** Abschluss mit Copyright-Hinweis */
    #abschluss {
        padding: 0.2em;
        float: right;
        background-color: #ebe9ea;
    }

    #abschluss p {
        font-size: 0.9em;
        color: #444;
    }

    /* Printversion fuer Browseransicht */
    .printbacklink {
        clear: both;
    }

    .printbacklink a {
        color: #484848;
        text-decoration: underline;
        margin-left: 30px;
        padding-left: 0;
        position: relative;
        display: block;
        margin-bottom: 1.6em;
    }

    .printbacklink a.link-symbol img {
        position: absolute;
        top: 0;
        left: -30px;
    }

    .druckversion #sprungmarken,
    .druckversion #pfad,
    .druckversion #kopfboxlink,
    .druckversion #kopfboxinhalt0,
    .druckversion #kopfbox #kopfboxinhalt1 a.impressum,
    .druckversion #navigation,
    .druckversion #floater,
    .druckversion #unternav,
    .druckversion #inhalt a.link-symbol img,
    .druckversion #fleiste,
    .druckversion .google-quer,
    .druckversion #glossar-liste,
    .druckversion .blaettern,
    .druckversion #infobox,
    .druckversion #fussleiste ul {
        display: none;
    }

    .druckversion #kopf {
        min-height: 0;
        float: none;
        padding: 0;
        margin: 0;
        width: 600px;
        display: inline;
    }

    .druckversion #kopfbox {
        float: right;
        min-height: 1px;
        height: auto;
    }

    .druckversion #kopfbox #kopfboxinhalt1 span.name {
        text-align: left;
        padding-left: 0.6em;
    }

    .druckversion #kopfboxinhalt1 img {
        top: 0.8em;
    }

    .druckversion #logobox {
        width: auto;
        margin: 0 0 40px;
        display: block;
    }

    .druckversion #logo img {
        margin-left: 0;
    }

    .druckversion #inhalt a {
        text-decoration: none;
    }

    .druckversion #inhalt a.link-symbol {
        margin-left: 0;
    }

    body.druckversion {
        width: 660px;
        padding: 1.8em;
    }

    .druckversion #inhalt {
        float: none;
        padding: 0;
        width: 660px;
        max-width: none;
        clear: both;
    }

    #inhalt dl dt,
    #inhalt table caption {
        border-top: 0;
        font-family: NettoWeb, verdana, sans-serif;
        font-size: 1.5em;
        font-weight: 400;
    }

    .druckversion #inhalt dl dt {
        border-top: 0;
    }

    .druckversion #fussleiste {
        border-top-width: 1px;
    }

    .druckversion #abschluss {
        float: none;
        padding: 0;
    }

    .druckversion #abschluss p {
        padding: 0;
        padding-top: 12px;
    }

    .druckversion #abschluss p:before {
        content: url('/lib/img/2b-logo-print.gif');
        float: right;
        margin: 0;
        padding: 0;
        margin-top: -12px;
    }
}

@media \0screen {
    #abschluss p:before {
        content: url('/lib/img/2b-logo-print.gif');
        float: right;
        margin: 0;
        padding: 0;
        margin-top: -12px;
        position: absolute;
        left: -5000px;
    }
}

@media screen and (min-width: 0\0
) {
    *[hidden] {
        display: none;
    }
}

@media print {
    .printbacklink a,
    #sprungmarken,
    #pfad,
    #kopfboxlink,
    #kopfboxinhalt0,
    #kopfbox #kopfboxinhalt1 a.impressum,
    #navigation,
    #floater,
    #unternav,
    #inhalt a.link-symbol img,
    #fleiste,
    .google-quer,
    #glossar-liste,
    .blaettern,
    #infobox,
    #fussleiste ul,
    #inhalt #social-media {
        display: none;
    }

    #kopf {
        min-height: 0;
        float: none;
        padding: 0;
        margin: 0;
        width: 600px;
        display: inline;
    }

    #kopfbox {
        float: right;
        min-height: 1px;
        height: auto;
    }

    #kopfbox #kopfboxinhalt1 span.name {
        text-align: left;
        padding-left: 0.6em;
    }

    #kopfboxinhalt1 img {
        top: 0.8em;
    }

    #logobox {
        width: auto;
        margin: 0 0 40px;
        display: block;
    }

    #logo img {
        margin-left: 0;
    }

    #inhalt .logo img {
        background-color: #385c68;
    }

    #inhalt a {
        text-decoration: none;
    }

    #inhalt a.link-symbol {
        margin-left: 0;
    }

    #inhalt {
        float: none;
        padding: 0;
        width: 600px;
        max-width: none;
        clear: both;
    }

    #inhalt table caption {
        padding: 0.6em 0;
        border-top: 0;
    }

    #inhalt dl dt {
        padding: 0.4em 0;
        border-top: 0;
    }

    #inhalt .info {
        float: none;
        max-width: none;
        min-width: 15em;
        clear: both;
    }

    #fussleiste {
        border-top-width: 1px;
        padding-right: 0;
        clear: both;
    }

    #abschluss {
        float: none;
        padding: 0;
        clear: both;
    }

    #abschluss p {
        padding: 0;
        padding-top: 12px;
    }

    #abschluss p:before {
        content: url('/lib/img/2b-logo-print.gif');
        float: right;
        margin: 0;
        padding: 0;
        margin-top: -12px;
    }
}
	
summary{
	list-style:none;
	width:100%;
	border:1px solid #6fbed6;
	background-color:gainsboro;
	border-radius:0.44em;
		padding:0 5px;
		cursor:pointer;
	}
summary::-webkit-details-marker { display:none ; }
#inhalt details summary h2, #inhalt details summary h3, #inhalt details summary p {position:relative; width:100%; margin:0;}
details summary p {line-height:1.45em;}
details summary h3 { line-height: 2em; }
details summary h2 { line-height: 2.5em; }

details summary [aria-hidden] {position:absolute;right:0;}
details summary [aria-hidden]:before {content:'↓';}
details[open] summary [aria-hidden]:before {content:'↑';}

.w3c:after {content:' (englisch)';}