.doc-main {
    text-align: left;
    background-color: white;
}

.doc-main .doc-Unterabschnitt, .doc-main .doc-UnterabschnittOC {
    display: block;
    margin-top: 10px;
    margin-bottom: .5em;
}

.doc-main .doc-Graphic img, .doc-main .doc-GraphicOC img {
    width: 100%;
}

/*h1 un Content kommt nicht vor, gibt es nur einmal pro Handbuch*/

.doc-main h2{
    text-shadow: 0px 1px #fff;
    font-weight: bold;
    color: #3c7493;
}
.doc-main h3 {
    font-size: 2.5em;
    font-weight: bold;
    text-shadow: 0px 1px #fff;
    color: #3c7493;
}
.doc-main p {
    font-size: 1.3em;
    line-height: 1.5em;
    margin: 0px 0px 0px 0px;
}
.doc-main h4, .doc-main .doc-GraphicLC {
    font-size: 1.4em;
    margin: 0px 0px 0px 0px;
}

.doc-main h4 {
    color:#3c7493;
}

.doc-main .doc-Keyword{
    display: none;
}


/*listen*/
.doc-main ul {
    line-height: 180%;
    margin: .2em 0 .2em 2em;
    list-style-image: url("../images/10square.png");
}

.doc-main .doc-ProgCodeInline {
    font-size: 1.2em;
}

.doc-main .doc-Liste {
    font-size: 1.3em;
}

/*tables*/
table.doc-TextTable, table.doc-TextTableOC {
    border-color: #c7c7c7;
    border-width: 1px;
    border-spacing: 0;
    font-size: 1.3em;
    text-align: left;
    width: auto;
    /*min-width: 500px;*/
}

table.doc-TextTable th, table.doc-TextTableOC th {
    border-width: 1px;
    border-color: #c7c7c7;
    border-style: solid;
}
table.doc-TextTable td, table.doc-TextTableOC td {
    border-width: 1px;
    border-style: solid;
    border-color: #c7c7c7;
    padding: 4px;
}
table.doc-TextTable h3, table.doc-TextTableOC h3{
    font-size: 1.1em;
    font-weight: bold;
    color: #3C74A7;
}
table.doc-TextTable h4, table.doc-TextTableOC h4{
    font-size: 1em;
    font-weight: bold;
    color: #3C74A7;
}

/*styles for specials*/
.doc-main .doc-TextKasten, .doc-main .doc-TextKasten-info, .doc-main .doc-TextKasten-warn, .doc-main .doc-TextKasten-note {
    background-color:#EEF6FF;
    background-repeat:no-repeat;
    border: solid 1px #638BB0;
    margin: .5em 0 1.5em 0;
    padding: 1em 4.5em 1em 5em;
    min-height: 3em;
}

.doc-main .doc-TextKasten-info {
    background-image: url("../images/info.png");
}

.doc-main .doc-TextKasten-warn {
    background-image: url("../images/warn.png");
}

.doc-main .doc-TextKasten-note {
    background-image: url("../images/note.png");
}

/*
    Table of content pages
*/
.toc-chapter-toggle {
    display: inline-block;
    padding: 10px;
    font-weight: bold;
    text-decoration: none;
    color: #3c7493;
    font-size: 1.3em !important;
    width: 12px;
    user-select:none;
}

.content > .toc-documentation > .toc-chapter.elo-show-sections > .toc-section {
    display: block;
}
.content > .toc-documentation > .toc-chapter > .toc-section {
    display: none;
}

.content > .toc-documentation .toc-documentation-title,
.content > .toc-section > .toc-section-title,
.content > .toc-chapter > .toc-chapter-title,
.doc-main > .toc-chapter-title {
    font-size: 2.5em;
    font-weight: bold;
    padding-bottom: 10px;
}

.doc-main > .toc-documentation, .doc-main > .toc-chapter, .doc-main > .toc-section, .doc-main > .toc-page {
    margin: 0 2em 2em 0; /* Der rechte Rand kann in Prozent oder Pixel angegeben werden. Durch ihn entsteht der Abstand am rechten Seitenrand. */
    text-align: left;
}
/* Margin for sub items */
.toc-documentation > .toc-chapter, .toc-chapter > .toc-section, .toc-section > .toc-page { 
    margin-left: 5%;
    text-align: left;
    text-decoration: none;
}
/* Font settings main title */
.doc-main > .toc-documentation .toc-documentation-title, .doc-main > .toc-chapter .toc-chapter-title,
.doc-main > .toc-section .toc-section-title, .doc-main > .toc-page .toc-page-title {
    font-size: 2.3em;
    margin-bottom: .1em;
    margin-top: 1.5em;
    font-weight: bold;
    color: #3c7493;
}
/* Font settings sub title */
.toc-documentation > .toc-chapter .toc-chapter-link,
.toc-chapter > .toc-section .toc-section-link, .toc-section > .toc-page .toc-page-link {
    font-weight: bold;
    text-decoration: none;
    color: #3c7493;
}

@media (min-width:1025px){
    .doc-main > .toc-chapter-title,
    .content > .toc-section > .toc-section-title,
    .content > .toc-chapter > .toc-chapter-title,
    .content > .toc-documentation .toc-documentation-title {
        margin-left: 5%;

        margin-bottom: 10px;
    }

    .doc-Unterabschnitt {
        clear: left;
    }

    .doc-main h4, .doc-main .doc-GraphicLC {
        float: left;
        width: 25%;
        text-align: right; 

    }

    .doc-main > .toc-documentation, .doc-main > .toc-chapter, .doc-main > .toc-section, .doc-main > .toc-page {
        margin-left: 15%;
    }

    .doc-main h2, .doc-main h3, .doc-main p, .doc-main .doc-Graphic, .doc-main .doc-GraphicOC, .doc-TextProgCode {
        margin-left: 25%;
        margin-top: 0px;
        padding-left: 20px;
    }

    .doc-main .doc-Liste {
        margin-left: 25%;
    }

    .doc-main .doc-TextKasten, .doc-main .doc-TextKasten-info, .doc-main .doc-TextKasten-warn, .doc-main .doc-TextKasten-note {
        margin-left: 27%;
    }

    table.doc-TextTable, table.doc-TextTableOC {
        margin: 0 0 0 25%;
        padding: 0 0 0 20px;
    }

    .submenu {
        display: none !important;
    }
}

@media (max-width: 1024px){
    .toc-documentation > .toc-chapter, .toc-chapter > .toc-section, .toc-section > .toc-page {
        margin: 10px 0 0 0px; 
    }

    .doc-main h4, .doc-main .doc-GraphicLC {
        margin-bottom: .5em;
        -margin-left: 20px;
    }

    .doc-main > .toc-documentation, .doc-main > .toc-chapter, .doc-main > .toc-section, .doc-main > .toc-page {
        margin-left: 3em;
    }

    .doc-main h2, .doc-main h3, .doc-main p, .doc-main .doc-Graphic, .doc-main .doc-GraphicOC, .doc-main .doc-Liste {
        -padding-left: 20px;
    }

    table.doc-TextTable, table.doc-TextTableOC, .doc-main .doc-TextKasten, .doc-main .doc-TextKasten-info, .doc-main .doc-TextKasten-warn, .doc-main .doc-TextKasten-note {
        -margin-left: 20px;
    }
}

.toc-chapter-title, .toc-section-title, .toc-page-title   {
    margin-bottom: 5px;
}

a.toc-chapter-link, a.toc-section-link, a.toc-page-link   {
    display: inline-block;
    width: calc(100% - 52px);
    padding: 10px;
    text-shadow: none !important;
    font-size: 1.3em !important;
    margin-top: 0px !important;
}

.toc-documentation .toc-chapter-title {
    background-color: #e1e1e1;
}

.toc-chapter .toc-section-title {
    background-color: #eaeaea;
}

.toc-section .toc-page-title {
    background-color: #f1f1f1;
}

a.toc-chapter-link:hover, a.toc-section-link:hover, a.toc-page-link:hover, .toc-chapter-toggle:hover {
    transition: .1s ease-in-out;
    -moz-transition: .1s ease-in-out;
    -webkit-transition: .1s ease-in-out;
    background-color: #3c7493;
    color: white !important;
    cursor: pointer;
}

.doc-TextProgCode {
    font-family: "Courier New" Monospace;
    font-size: 1.3em;
}

a.doc-HLink:hover {
    text-decoration: underline;
}
a.doc-HLink {
    text-decoration: none;
    font-weight: bold;
    font-style: italic;
}

.toc-documentation .submenu {
    display: inline-block;
    margin-right: 4px;
}