@font-face {
    font-family: 'Open Sans';
    src: url('/css/fonts/OpenSansLight.eot');
    src: url('/css/fonts/OpenSansLight.eot') format('embedded-opentype'), url('/css/fonts/OpenSansLight.woff2') format('woff2'), url('/css/fonts/OpenSansLight.woff') format('woff'), url('/css/fonts/OpenSansLight.ttf') format('truetype'), url('/css/fonts/OpenSansLight.svg#OpenSansLight') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/css/fonts/OpenSansRegular.eot');
    src: url('/css/fonts/OpenSansRegular.eot') format('embedded-opentype'), url('/css/fonts/OpenSansRegular.woff2') format('woff2'), url('/css/fonts/OpenSansRegular.woff') format('woff'), url('/css/fonts/OpenSansRegular.ttf') format('truetype'), url('/css/fonts/OpenSansRegular.svg#OpenSansRegular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/css/fonts/OpenSansSemibold.eot');
    src: url('/css/fonts/OpenSansSemibold.eot') format('embedded-opentype'), url('/css/fonts/OpenSansSemibold.woff2') format('woff2'), url('/css/fonts/OpenSansSemibold.woff') format('woff'), url('/css/fonts/OpenSansSemibold.ttf') format('truetype'), url('/css/fonts/OpenSansSemibold.svg#OpenSansSemibold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/css/fonts/OpenSansLightItalic.eot');
    src: url('/css/fonts/OpenSansLightItalic.eot') format('embedded-opentype'), url('/css/fonts/OpenSansLightItalic.woff2') format('woff2'), url('/css/fonts/OpenSansLightItalic.woff') format('woff'), url('/css/fonts/OpenSansLightItalic.ttf') format('truetype'), url('/css/fonts/OpenSansLightItalic.svg#OpenSansLightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/css/fonts/OpenSansItalic.eot');
    src: url('/css/fonts/OpenSansItalic.eot') format('embedded-opentype'), url('/css/fonts/OpenSansItalic.woff2') format('woff2'), url('/css/fonts/OpenSansItalic.woff') format('woff'), url('/css/fonts/OpenSansItalic.ttf') format('truetype'), url('/css/fonts/OpenSansItalic.svg#OpenSansItalic') format('svg');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/css/fonts/OpenSansSemiboldItalic.eot');
    src: url('/css/fonts/OpenSansSemiboldItalic.eot') format('embedded-opentype'), url('/css/fonts/OpenSansSemiboldItalic.woff2') format('woff2'), url('/css/fonts/OpenSansSemiboldItalic.woff') format('woff'), url('/css/fonts/OpenSansSemiboldItalic.ttf') format('truetype'), url('/css/fonts/OpenSansSemiboldItalic.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
}

* {
}

#flipTitlePic {
    position: absolute;
    right: 3px;
    top: 3px;
    color: #f09;
    z-index: 50;
    cursor: pointer;
    background: #000;
    padding: 5px;
}

html, body {
    height: 100%;
    margin: 0px;
    padding: 0px;
}

html {
    font-family: "Open Sans","Segoe UI", Calibri, Helvetica, sans-serif;
    font-size: 10pt;
    background-color: #fff;
}


textarea {
    font-family: "Open Sans","Segoe UI", Calibri, Helvetica, sans-serif;
}

form {
    /*display:table;*/
}

/* Maximalbreite */
.containerWrapper, .topNavigation ul ul, .topSubNavigationWrapper, .mobileNavigation ul ul, .mobileSubNavigationWrapper {
    max-width: 1000px;
    width: 100%;
}


.cssoff {
    display: none;
}

.backgroundWrapper {
    width: 100%;
    height: 100%;
}

.containerWrapper {
    margin: 0px auto 0px auto;
    height: 100%;
    position: relative;
}

body > .containerWrapper {
    height: auto;
    min-height: 100%;
}

.container {
    width: 100%;
    height: 100%;
    /*padding: 0 0 53px 0;*/
    display: inline-block;
    position: relative;
}

.topWrapper {
    width: 100%;
    height: 306px;
}

.NavTitle {
    display: none;
}

.headBackgroundWrapper {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
}

    .headBackgroundWrapper .backgroundImage {
        vertical-align: middle;
        display: inline-block;
        width: 100%;
        overflow: hidden;
    }

        .headBackgroundWrapper .backgroundImage .bannerImageBackground {
            height: 326px;
            background-size: cover;
            background-position: center center;
            margin: -10px;
            filter: blur(8px);
        }

        .headBackgroundWrapper .backgroundImage .bannerDescription {
            display: none;
        }

    .headBackgroundWrapper .stripeBackground {
        height: 13px;
        width: 100%;
        border-top: 1px solid #fff;
        background-color: #0069b4;
        position: absolute;
    }

.topWrapper {
    position: relative;
}

.topHead {
}


    .topHead .logoWrapper {
        margin: 80px 0 0 90px;
        display: inline-block;
    }

        .topHead .logoWrapper img {
            float: left;
        }

        .topHead .logoWrapper h1.homepageTitel {
            display: inline-block;
            margin: 0px;
            padding: 0px;
        }

            .topHead .logoWrapper h1.homepageTitel span {
                display: block;
                font-weight: normal;
                font-size: 35pt;
                color: #fff;
                text-shadow: 3px 3px 5px #000;
            }

                .topHead .logoWrapper h1.homepageTitel span.hoTiOben {
                    margin: 10px 0 0 50px;
                }

                .topHead .logoWrapper h1.homepageTitel span.hoTiUnten {
                    margin: -10px 0 0 120px;
                }

.mobileMenu {
    display: none;
}

.headLinks {
    position: absolute;
    bottom: 0px;
    right: 300px;
    margin: 0 20px 10px 0;
    color: #fff;
    text-shadow: 3px 3px 3px #000;
    font-size: 110%;
}

    .headLinks .headLinkSpacer {
        padding: 0 10px;
    }

    .headLinks a {
        text-decoration: none;
        color: #fff;
        padding: 0;
        display: inline-block;
        padding: 1px 2px 0 2px;
        vertical-align: top;
    }

        .headLinks a:hover {
            text-decoration: underline;
        }


.rightBackground {
    background-color: #6da0c3;
    position: absolute;
    right: 5px;
    width: 290px;
    top: 320px;
    bottom: 0px;
    z-index: 0;
}

.SearchWrapper {
    display: flex;
    flex: 0 1 auto;
    margin: 80px 0 0 0;
    background-color: #63a0c9;
}

    .SearchWrapper .Searchbox {
        font-size: 130%;
        font-family: "Open Sans","Segoe UI",Calibri,Helvetica,sans-serif;
        font-weight: 300;
        height: 35px;
        padding: 0px 10px;
        margin: 6px;
        border: 0px solid #63a0c9;
        flex: 1 1 auto;
    }

    .SearchWrapper .SearchButton {
        border: unset;
        cursor: pointer;
        padding: 0px;
        margin: 0px;
        display: inline-block;
        height: 33px;
        width: 33px;
        background-color: #63a0c9;
        margin: 6px 6px 0 0;
    }

.SearchContentControlWrapper .SearchButton {
    background-color: #9a5ab5;
    border: unset;
    cursor: pointer;
    display: inline-block;
    padding: 5px;
    color: #fff;
    height: 35px;
    width: 35px;
    position: absolute;
    right: 0px;
}

/*.SearchWrapper .SearchButton:active {
    padding: 0px;
    margin: 0px 0px 0px 10px;
}*/

.SearchWrapper .SearchButton span {
    color: #fff;
    font-size: 16pt;
}

.middleWrapper {
    width: 100%;
    /*display: table;*/
    margin: 0 0 50px 0;
}

.rightBar {
    display: inline-block;
    width: 300px;
    float: right;
    position: relative;
    margin: -305px 0 70px 0;
    z-index: 6;
}

    .rightBar .barBackground {
        background-color: #ad6dc3;
    }

    .rightBar .Sidebar {
        margin: 30px 0 0 0;
        position: relative;
        z-index: 1;
    }

.contactInformation.cISmall {
    display: none;
    padding: 10px;
}

.contactInformation .contactInfoBox,
.contactInformation .SidebarContainer {
    display: block;
    margin: 5px 0 0 0;
    border: 1px solid #ccc;
}

    .contactInformation .contactInfoBox .contactInfoHeader,
    .contactInformation .contactInfoBox .contactInfoContent,
    .contactInformation .SidebarContainer .SidebarHead,
    .contactInformation .SidebarContainer .SidebarContent {
        padding: 5px;
    }

    .contactInformation .contactInfoBox .contactInfoHeader,
    .contactInformation .SidebarContainer .SidebarHead {
        background-color: #ccc;
        font-variant: small-caps;
    }

    .contactInformation .contactInfoBoxRed .contactInfoHeader,
    .contactInformation .SidebarContainer.contactInfoBoxRed .SidebarHead {
        background-color: rgba(232, 104, 106, 1);
    }

    .contactInformation .contactInfoBox .contactInfoContent,
    .contactInformation .SidebarContainer .SidebarContent {
        background-color: #eee;
        padding: 3px 3px 5px 11px;
        font-weight: lighter;
    }

        .contactInformation .contactInfoBox .contactInfoContent p,
        .contactInformation .SidebarContainer .SidebarContent p {
            padding: 0px;
            margin: 0px;
        }

.contactInformation .contactInfoBoxRed .contactInfoContent,
.contactInformation SidebarContainer.contactInfoBoxRed .SidebarContent {
    background-color: rgba(239, 210, 210, 1);
}

.contactInformation .contactInfoBox.infoBoxWhite .contactInfoContent {
    background-color: #fff;
    margin: 5px 0 0 0;
}

.contactInfoAddr1 {
    display: inline-block;
    margin: 0 0 7px 0;
}


.contactInformation .logoVdWBayern {
    margin: 7px 0 0 2px;
}

    .contactInformation .logoVdWBayern img {
        width: 204px;
        max-width: 100%;
        height: auto;
    }

.innerContentWrapper {
    padding: 14px 300px 0 0px;
    /*border-right: 300px solid #6da0c3;*/
}

.footerWrapper {
    width: 100%;
    color: #fff;
    color: #fff;
}

    .footerWrapper .footer {
        height: 50px;
        border-top: 3px solid #a79ca8;
        margin: -53px 0 0 0;
        width: 100%;
        background-color: #5e5b5e;
        color: #fff;
        text-align: center;
        position: relative;
    }

    .footerWrapper img {
        position: absolute;
        left: 0px;
        margin: 35px 0 0 35px;
        top: 0px;
    }

    .footerWrapper .footerLinks {
        display: table;
        margin: 15px auto 0;
    }

        .footerWrapper .footerLinks a {
            color: #fff;
            text-decoration: none;
        }

    .footerWrapper .footerCopyright {
        position: absolute;
        bottom: 0px;
        right: 0px;
        padding: 0 5px 5px 0;
        color: #ccc;
        font-size: 90%;
    }


/* Active User */
.activeUserWrapper {
    display: table;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999;
}

#activeUserContainer {
    clear: both;
    background: #fff;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-bottom-right-radius: 10px;
}

.activeUserUsers {
    display: table;
    border-bottom: 1px solid #808080;
}

.activeUserRow {
    display: table;
    margin: 5px;
}

.activeUserColUsername {
    float: left;
    padding: 0 10px 0 0;
    border-right: 1px dashed #808080;
    min-width: 100px;
}

.activeUserColLastActive {
    float: left;
    padding: 0 0 0 10px;
}

.activeUserRefTime {
    text-align: center;
    font-size: 7pt;
}

/* Active User */
.activeUserWrapper {
    display: table;
    position: absolute;
    top: 0px;
    left: 0px;
}

#activeUserContainer {
    clear: both;
    background: #fff;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-bottom-right-radius: 10px;
}

.activeUserUsers {
    display: table;
    border-bottom: 1px solid #808080;
}

.activeUserRow {
    display: table;
    margin: 5px;
}

.activeUserColUsername {
    float: left;
    padding: 0 10px 0 0;
    border-right: 1px dashed #808080;
    min-width: 100px;
}

.activeUserColLastActive {
    float: left;
    padding: 0 0 0 10px;
}

.activeUserRefTime {
    text-align: center;
    font-size: 7pt;
}

#activeUserButton {
    height: 25px;
    width: 25px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-bottom-right-radius: 10px;
    background: #222;
    display: block;
}

.activeUserButtonRed {
    background: #c20000 !important;
    border-right-color: #580000 !important;
    border-bottom-color: #580000 !important;
}

#activeUserButtonIcon {
    margin: 4px 0 0 2px;
}

input.ModernShowInput,
textarea.ModernShowInput {
    background-color: #e3e8ee;
    border-color: #fff #fff #999;
    border-style: solid;
    border-width: 0 0 1px;
    font-size: 10pt;
    padding: 8px;
}

.ModernShowButton {
    background-color: #aaa;
    background-image: linear-gradient(#ddd 0%, #999 100%);
    border: 1px solid #999;
    box-sizing: border-box;
    color: #000 !important;
    cursor: pointer;
    display: inline-block;
    min-height: 30px;
    padding: 0 10px 2px;
    text-decoration: none;
    vertical-align: top;
}

    .ModernShowButton:hover {
        background-color: #222;
        background-image: linear-gradient(#555 0%, #000 100%);
        border: 1px solid #111;
        color: #fff !important;
    }

.ModernIconBlue:hover .fa {
    color: #9dd0ff;
}

a.ModernShowButton, label.ModernShowButton {
    padding: 5px 13px;
}

.ModernShowButton.ModernShowFileinput {
    overflow: hidden;
}

    .ModernShowButton.ModernShowFileinput input {
        display: none;
        opacity: 0;
        position: absolute;
    }

input.FileInputHide {
    display: none;
    opacity: 0;
    position: absolute;
}

#tooltip, #tooltip2 {
    display: none;
}