.downloadform {
     z-index: 1000;
    position: relative;
    margin: 0 auto !important;
    margin-top: 80px !important;
    width: 300px;
    padding: 20px !important;
    background: #000000;
     color: #ffffff;
    font-size: 15px;
    font-family: Calibri;
    position: relative;

    display:none;
}


* {
    -webkit-overflow-scrolling: touch !important;
}

.bijschrift-infobar {
    color: #bfbcbe;
    float: right;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 1px !important;
    line-height: 1.2;
    text-align: right;
    margin-bottom: 25px;
    margin-top: -20px;
    margin-right: 24px;
}



#articleContainer {
    border-radius: 3px;
 }
  
.downloadform .input_download {
        width: 200px;
        height: 36px;
        line-height: 36px;
        border: none;
        padding: 0px 30px 0 10px;
        margin-top: 10px;
        background: rgb(17, 17, 17);
        color: rgb(238, 238, 238) !important;
        box-shadow: rgba(238, 238, 238, 0.5) 0px 0px 8px;
}


h2 {
    background-color:none !important;
    background:none !important;
}
#article p {
    padding: 0px;
}

mark,
.mark {
    padding: 0.2em;
    background-color: #ffe55b !important;
}

    .kader {
        background-color: #eaeaea;
        padding: 20px;
        margin-top: 60px;
        margin: 10px;
    }


    .pubbleOverlay {
        position: absolute;
        width: 100%;
        height: 100%;
    }

    #article #articleShared {
        padding: 20px
    }

    #article #articleTopside {
        padding-top: 20px !important;
    }

    h2 span, h2 span a, #map a {
        color: #000 !important;
    }

    #tocContents span, #tocContents p {
        font-size: 14px !important;
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
    }

    #article {
        border-right: 1px solid #eaeaea;
        padding-right: 0px;
    }

    .tocLI {
        border-bottom: 1px solid #eeeeee;
    }

    .tocLI_PageNumber {
        padding-top: 20px !important;
        padding-bottom: 4px !important;
    }

    #toc li {
        cursor: pointer;
        padding-bottom: 8px;
        padding-top: 8px;
    }

    #article h2 {
        font-size: 1.5rem !important;
    }

    .phoneTopBar {
        background: none !important;
        box-shadow: none !important;
    }

    .phoneBottomBar {
        background: rgb(17, 17, 17, .8) !important;
    }

    h1 p {
        margin-bottom: 10px !important;
    }

    .mx-auto {
        padding-left: 30px !important;
    }

    #articlephotocontainer {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .chapeau {
        color: #6a6969;
        font-size: 24px;
    }

    .bookContainer, body {
        background-image: url(/scripts/reader/mat.png);
        background-color: #fff;
    }

    #fbToolBar, #fbBoardBar {
        border: 0px !important;
    }

    #tfPageIndex {
        top: 0px !important;
        left: 0px !important;
    }

    .pageBar .button:nth-of-type(2) {
        left: 104px !important;
    }

    .pageBar .button:nth-of-type(3) {
        left: 154px !important;
    }

    .book {
        top: 40px !important;
    }

    .pageNumber {
        background: none !important;
    }

    .button {
        background: none !important;
    }

.yellowOverlay {
    -webkit-transition: filter .2s linear;
    -moz-transition: filter .2s linear;
    transition: filter .2s linear;
}

    .articleOverlay {
        -webkit-transition: filter .2s linear;
        -moz-transition: filter .2s linear;
        transition: filter .2s linear;
    }


    #tmpContainer.blurred {
        filter: blur(1px);
        -webkit-filter: blur(1px);
        display: block;
    }

    #articleBlur {
        display: none;
        z-index: 9999998;
        position: absolute;
        background: #000;
        width: 100%;
        height: 100%;
        opacity: .4;
        filter: blur(5px);
        -webkit-filter: blur(5px);

        top:0px
    }

    h2 p {
        margin-top: 15px !important;
    }

    #tocContents {
        padding-left: 0px !important;
        padding-top: 15px !important;
    }

    #article {
        float: left;
        padding-left: 0px !important;
        overflow-y: scroll;
        height: 100%;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch;
    }

    #toc {
        float: left;
        height: 100%;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }

    .articleClose_fixed {
        display: none;
        position: fixed;
        right: 0px;
        z-index: 99999;
        top: 4%;
        cursor: pointer;
        padding: 15px;
    }

    .articleClose {
        /* display:none;*/
        margin: 15px;
        cursor: pointer;
    }

    @media only screen and (max-width: 768px) {

        .bijschrift-infobar {
               font-size: 8px;
    width: 50px;
    margin-left: 20px;
        }

        .us_print {
            display: none !important;
        }
        #article h2 {
            font-size: 16px !IMPORTANT;
        } 

        .articleClose_fixed {
            display: block !important;
        }


        .articleClose {
            display: block !important;
        }

        #articleContainer {
            width: 90% !important;
        }

        #article {
            border-right: 0px !important;
        }

            #article .post-heading {
                padding: 20px 0 100px !important;
            }

        #article {
            height: auto !important;
        }

        #toc {
            /*
        display: none !important;
            */
        }

        #articleContainer {
            height: 90% !important;
            overflow-x: hidden !important;
        }

        #contentContainer {
            top: 4% !important;
        }
    }


    @media only screen and (max-width: 900px) {
        #articleContainer {
            width: 100% !important;
        }
    }


@media only screen and (min-width: 1100px) {


    #articleContainer {
        width: 80% !important;
    }
}


    @media only screen and (min-width: 768px) {
        header .masthead .post-heading h1 {
            font-size: 48px !important;
        }
    }

    .progress {
        background: none !important;
    }

.closebox {
    cursor: pointer;
    position: absolute;
    right: 16px;
    top: 6px;
    z-index: 9999999;
    font-size: 26px;
}

    #contentContainer {
        display: none;
        cursor: default;
        z-index: 9999999;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 7%;
        cursor: pointer;
    }

    .bookShadow {
        -webkit-box-shadow: 0 0 15px rgba(40, 40, 40, 0.4);
        -moz-box-shadow: 0 0 15px rgba(40, 40, 40, 0.4);
        -o-box-shadow: 0 0 15px rgba(40, 40, 40, 0.4);
        -ms-box-shadow: 0 0 15px rgba(40, 40, 40, 0.4);
        box-shadow: 0 0 15px rgba(40, 40, 40, 0.4);
    }


    #articleContainer {
        cursor: auto;
        background: #fff;
        margin: 0 auto;
        width: 90%;
        height: 86%;
        box-shadow: 0 0 20px #000;
        max-width: 1600px !important;
        position: relative;
    }

    .articleBody {
        margin-top: 20px;
    }

    .us_wrapper .us_button {
        height: 32px !important;
        margin-bottom: 10px !important;
    }

    q, .streamer {
        float: right !important;
    }

    .ml-auto, .mx-auto {
        margin-left: 0 auto !important;
    }

    .post-heading {
        padding-top: 20px !important;
    }

    .pageNumber .editNumBevel {
        top: 28px !important;
    }

.yellowOverlay {
    -webkit-transition: border 0.2s linear, box-shadow 0.4s linear, background-color 0.4s linear;
    -moz-transition: border 0.2s linear, box-shadow 0.4s linear, background-color 0.4s linear;
    transition: border 0.2s linear, box-shadow 0.4s linear, background-color 0.4s linear;
    opacity: .2;
}

    .articleOverlay {
        -webkit-transition: border 0.2s linear, box-shadow 0.4s linear, background-color 0.4s linear;
        -moz-transition: border 0.2s linear, box-shadow 0.4s linear, background-color 0.4s linear;
        transition: border 0.2s linear, box-shadow 0.4s linear, background-color 0.4s linear;
        opacity: .2;
    }


.yellowOverlay.active-hightlight {
    /*
        -webkit-box-shadow: 0 0 40px orange;
        -moz-box-shadow: 0 0 40px orange;
        box-shadow: 0 0 40px orange;
        background-color: orange;
            */
    background-color: #5bff8d !important;
    box-shadow: 0 0 40px rgb(0, 174, 241);
}

    .articleOverlay.active-hightlight {
        /*
        -webkit-box-shadow: 0 0 40px orange;
        -moz-box-shadow: 0 0 40px orange;
        box-shadow: 0 0 40px orange;
        background-color: orange;
            */
        background-color: #ffe55b !important;
        box-shadow: 0 0 40px rgb(0, 174, 241);
    }


.yellowOverlay.active {
    /*
        -webkit-box-shadow: 0 0 40px orange;
        -moz-box-shadow: 0 0 40px orange;
        box-shadow: 0 0 40px orange;
        background-color: orange;
            */
    background-color: #ffe55b !important;
    box-shadow: 0 0 40px rgb(0, 174, 241);
}


    .articleOverlay.active {
        /*
        -webkit-box-shadow: 0 0 40px orange;
        -moz-box-shadow: 0 0 40px orange;
        box-shadow: 0 0 40px orange;
        background-color: orange;
            */
        background-color: rgb(0, 174, 241);
        box-shadow: 0 0 40px rgb(0, 174, 241);
    }






    @media print {

        .hidden-print {
            display: none !important;
        }
        .mx-auto {
            padding-left: 0px !important;
        }

        #logoForPrint {
            display: block !important;
        }

        #logoBar {
            display: none !important;
        }

        #toc {
            display: none !important;
        }

        div {
            flex: none !important;
            max-width: none !important;
            width: 100% !important;
        }

        #tmpContainer {
            display: none !important;
        }

        header.masthead .overlay {
            display: none !important;
        }

        header.masthead {
            background-color: transparent !important;
        }

        h1, h1 p {
            font-size: 140% !important;
        }

        .chapeau {
            font-size: 120% !important;
        }


        html, body {
            font-size: 110% !important;
            height: auto !important;
            overflow: scroll !important;
            position: relative !important;
        }

        #article {
            float: none !important;
            width: 100% !important;
            margin: 0px !important;
            border: 0px !important;
            flex: none !important;
        }

        .us_shortcode {
            display: none !important;
        }



        #contentContainer {
            position: relative !important;
            height: auto !important;
        }

        #articleContainer {
            z-index: 99999 !important;
            box-shadow: none !important;
            background: none !important;
            height: auto !important;
        }

        #articleContainer {
            margin: 10px !important;
        }

        #articleBlur {
            display: none !important;
        }
    }