/* latin */
@font-face {
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 400;
    src: local('Calibri'), url(https://fonts.gstatic.com/l/font?kit=YH3ek_qpdaY7ILI-bfzlYQ&skey=a1029226f80653a8&v=v8) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}

* {
    padding: 0px;
    margin: 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    font-family: Calibri; /*, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;*/
}

html {
    position: relative;
    min-height: 100%;
    /*min-width: 800px;*/
}

body {
    background: url(../image/background.jpg) center 0 fixed;
    background-size: 100% auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0 0 50px;
}

@media all and (max-width:1400px) {
    body {
        background-size: 1400px auto;
        background-position: top left;
    }
}

/*html, body, form {
            position: relative;
            display: block;
            min-height: 100%;
        }*/

header > img, header > a {
    float: left;
    display: block;
    max-height: 100%;
    position:relative;
    z-index:900;
}

header {
    min-width: 968px;
    z-index: 5000;
    position: absolute;
    top: 0px;
    padding: 5px;
    width: 100%;
    height: 60px;
    background-color: rgba(255, 255, 255, 0.22);
}

.divContent {
    position: relative;
    /*padding-top: 60px;*/
    padding-bottom: 25px;
    bottom: 0px;
    background: rgba(248,248,248,1);
    /*box-shadow: 0 0 10px 10px rgba(248,248,248,1);*/
    padding: 10px
}

.divContentMobile {
    display: none;
    position: relative;
    padding-bottom: 25px;
    bottom: 0px;
    width: 100%;
    max-width: 800px;
    background: rgba(248,248,248,1);
    box-shadow: 0 0 10px 10px rgba(248,248,248,1);
}

footer {
    /*min-width: 800px;*/
    z-index: 5000;
    position: fixed;
    bottom: 0px;
    left: 0px;
    height: 50px;
    min-width: 800px;
    width: 100%;
    background-color: gray;
    color: white;
    min-width: 968px;
}

    footer span {
        display: block;
        line-height: 40px;
        font-size: 14pt;
        padding: 2.5px 5px;
        color: white;
    }

.divNav {
    display: inline-block;
    float: right;
    height: 100%;
}

    .divNav > div.Nav {
        height: 100%;
    }

        .divNav > div.Nav > ul {
            list-style: none;
            height: 100%;
            font-size: 1.3em;
        }

        .divNav > div.Nav a {
            /*display: block;*/
            /*height: 100%;*/
            /*line-height: 100%;*/
            text-align: center;
            vertical-align: middle;
        }

        .divNav > div.Nav > ul > li {
            height: 100%;
            display: block;
            padding: 2px 5px;
            margin: 0px 2.5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            /*Höhe der Navigation*/
            line-height: 40px;
        }

    .divNav ul li a.selected {
        font-weight: bold;
    }

    .divNav ul li:hover {
        background-color: rgba(244,244,244,0.5);
    }

.menuitem {
}

.Headline {
    color: black;
}

.ContentBox {
    background-color: rgba(255, 255, 255, 0.85);
}

.Button, button, input[type=button], input[type=submit] {
    border: none;
    line-height: 40px;
    font-size: 14pt;
    color: white;
    background-color: orange;
    padding: 2.5px 10px;
    cursor: pointer;
    border-radius: 0px;
}

.TextBox, input[type=text], input[type=password] {
    border: none;
    line-height: 40px;
    font-size: 14pt;
    padding: 2.5px 5px;
}






.centertd {
    text-align: center;
}

.lefttd {
    text-align: left;
}

.righttd {
    text-align: right;
}

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
        color: rgb(120,120,120);
    }

@media only screen and (max-width: 959px) {
    header {
        min-width: 800px !important;
    }

    footer {
        min-width: 800px !important;
    }
}


#popupwindow table {
    background: rgba(248,248,248,1);
    box-shadow: 0 0 10px 10px rgba(248,248,248,1);
}

body {
    padding-bottom: 50px;
}

.generaltable { /*Table*/
    border-collapse: collapse;
    max-width: 800px;
    width: 100%;
}

    .generaltable td { /*Alle Zellen*/
        padding-left: 5px;
        padding-right: 5px;
    }

.generaltableheader /*Überschrift groß*/ {
    /*background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);*/
    background: initial;
    font-weight: bold;
    height: 62px;
    font-size: 18pt;
    /*background-color:rgb(215,215,215);*/
}

.generaltableheader2 { /*Überschrift erstes TR*/
    background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
    font-weight: bold;
    height: 25px;
}

.generaltablechild { /*TR Children*/
    background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    height: 36px;
}

.generaltable input[type=text], .generaltable input[type=password], .generaltable select {
    height: 32px;
    width: 100%;
    font-size: 15px;
    padding-left: 5px;
    padding-right: 5px;
}

.generaltable input[type=submit] {
    height: 42px;
}