html {
    overflow: hidden;
    /*   background-color: #FFCCFF;*/
    background-color: white;
}

body {
    background-color: darkgoldenrod;
    width: 100%;
    height: 100%;
    border: none;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
}

form {
    margin: 0 auto;
    border: none;
    padding: 0;
    vertical-align: middle;
}

.ferienhaus-küsschen-link-noUnder, .ferienhaus-küsschen-link-noUnder:visited, .ferienhaus-küsschen-link-noUnder:link {
    text-decoration: none;
    color: black;
}

#Nav {
    position: relative;
    bottom: 0;
    top: auto;
    left: auto;
    right: auto;
    margin: 0;
    padding: 0;
    border: none;
}

#navigation1 {
    display: block;
    position: relative;
    float: none;
    top: auto;
    left: -24px;
    text-align: center;
    bottom: 0;
    margin: auto;
    margin-bottom: 0;
}

    #navigation1 li {
        display: inline-block;
        position: relative;
        bottom: 0;
        top: auto;
        left: 0;
        font-size: 12px;
        text-align: center;
        margin: auto;
        margin-bottom: 0;
        padding: 0;
        background-color: #FFCCFF;
        border-top: 4px solid darkgoldenrod;
        border-bottom: 0;
        border-left: 4px solid darkgoldenrod;
        border-right: 4px solid darkgoldenrod;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

        #navigation1 li a {
            text-align: center;
            padding: 5px;
            color: black;
            text-shadow: 1px 1px 0 white;
            text-decoration: none;
            display: inline-block;
            background: #FFCCFF;
            -webkit-transition: color 0.2s linear, background 0.2s linear;
            -moz-transition: color 0.2s linear, background 0.2s linear;
            -o-transition: color 0.2s linear, background 0.2s linear;
            transition: color 0.2s linear, background 0.2s linear;
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
        }

            #navigation1 li a:hover {
                background: #f8f8f8;
                color: black;
            }

        #navigation1 li:hover > a {
            background: white;
        }

#navigation2 {
    display: block;
    position: relative;
    float: none;
    top: auto;
    left: -8px;
    text-align: center;
    bottom: 0;
    margin: auto;
    margin-bottom: 0;
    padding: 0;
}

    #navigation2 li {
        display: inline-block;
        float: none;
        position: relative;
        font-size: 12px;
        text-align: left;
        font-weight: bold;
        margin-top: auto;
        margin-bottom: 0;
        padding: 0;
        border: none;
    }

        #navigation2 li:hover > ul { /* Drop-Down Navigation */
            /* Drop-Down Navigation hover */
            visibility: visible;
            opacity: 1;
        }

    #navigation2 ul, #navigation2 ul li ul {
        list-style: none;
        margin: 0;
        padding: 0;
        /* drop-down verstecken */
        visibility: hidden;
        opacity: 0;
        position: absolute;
        z-index: 99999;
        width: 150px;
        /*    background */
        background: #FFCCFF;
        box-shadow: 1px 1px 3px #ccc;
        /* css3 transitions smooth hover effect */
        -webkit-transition: opacity 0.2s linear, visibility 0.2s linear;
        -moz-transition: opacity 0.2s linear, visibility 0.2s linear;
        -o-transition: opacity 0.2s linear, visibility 0.2s linear;
        transition: opacity 0.2s linear, visibility 0.2s linear;
    }


    #navigation2 ul { /*abstand oberkante hauptmenu bis pulldownmenu = hauptmenuhöhe */
        top: 34px;
        left: 0;
        text-align: left;
    }

        #navigation2 ul li ul {
            top: 0;
            left: 151px; /* gehört zu width:151px; keine Wirkung Pulldownuntermenu? */
        }

        #navigation2 ul li {
            clear: both;
            width: 100%;
            border: 0 none;
            border-bottom: 1px solid white;
        }

.Masterbtn1 {
    width: 90px;
    font-size: 12px;
    text-align: center;
    padding: 5px;
    color: black;
    text-shadow: 1px 1px 0 white;
    text-decoration: none;
    display: inline-block;
    border-right: 1px solid darkgoldenrod;
    border-left: 1px solid darkgoldenrod;
    border-top: 4px solid darkgoldenrod;
    border-bottom: none;
    background: #FFCCFF;
    -webkit-transition: color 0.2s linear, background 0.2s linear;
    -moz-transition: color 0.2s linear, background 0.2s linear;
    -o-transition: color 0.2s linear, background 0.2s linear;
    transition: color 0.2s linear, background 0.2s linear;
}

    .Masterbtn1:hover {
        background: #f8f8f8;
        color: black;
        text-align: left;
        padding-left: 5px;
    }

.Masterbtn1-first {
    width: 90px;
    font-size: 12px;
    text-align: center;
    padding: 5px;
    color: black;
    text-shadow: 1px 1px 0 white;
    text-decoration: none;
    display: inline-block;
    border-right: 1px solid darkgoldenrod;
    border-top: 4px solid darkgoldenrod;
    border-bottom: none;
    border-left: 4px solid darkgoldenrod;
    border-top-left-radius: 20px;
    background: #FFCCFF;
    -webkit-transition: color 0.2s linear, background 0.2s linear;
    -moz-transition: color 0.2s linear, background 0.2s linear;
    -o-transition: color 0.2s linear, background 0.2s linear;
    transition: color 0.2s linear, background 0.2s linear;
}

    .Masterbtn1-first:hover {
        background: #f8f8f8;
        color: black;
        text-align: left;
        padding-left: 5px;
    }

.Masterbtn1-last {
    width: 90px;
    font-size: 12px;
    text-align: center;
    padding: 5px;
    color: black;
    text-shadow: 1px 1px 0 white;
    text-decoration: none;
    display: inline-block;
    border-left: 1px solid darkgoldenrod;
    border-top: 4px solid darkgoldenrod;
    border-right: 4px solid darkgoldenrod;
    border-top-right-radius: 20px;
    border-bottom: none;
    background: #FFCCFF;
    -webkit-transition: color 0.2s linear, background 0.2s linear;
    -moz-transition: color 0.2s linear, background 0.2s linear;
    -o-transition: color 0.2s linear, background 0.2s linear;
    transition: color 0.2s linear, background 0.2s linear;
}

    .Masterbtn1-last:hover {
        background: #f8f8f8;
        color: black;
        text-align: left;
        padding-left: 5px;
    }

.Masterbtn2 {
    text-align: left;
    font-size: 12px;
    background: none;
    padding: 7px 5px;
    color: #616161;
    text-decoration: none;
    display: inline-block;
    border: 0 none;
    clear: both;
    width: 150px;
}

    .Masterbtn2:hover {
        text-align: left;
        background: #f8f8f8;
        color: black;
    }

#container1 {
    border: none;
    margin: 0;
    padding: 0;
}

#ferienhaus-küsschen-header {
    display: table-cell;
    text-align: center;
    background-color: #FFCCFF;
    vertical-align: bottom;
    padding: 0;
    border: none;
}

#ferienhaus-küsschen-h1 {
    text-align: center;
    font-size: 110%;
    margin: 0;
    padding: 0;
    border: none;
}

.ferienhaus-küsschen-h2 {
    text-align: center;
    font-size: 105%;
    margin: 5px 0;
    padding: 0;
    border: none;
}

.ferienhaus-küsschen-h3 {
    text-align: center;
    font-size: 105%;
}

.ferienhaus-küsschen-artikel {
    display: block;
}

#ferienhaus-küsschen-tbl1 {
    padding: 0;
    margin: 0;
    border: none;
}

#ferienhaus-küsschen-tbl1-td1 {
    display: table-cell;
}

#ferienhaus-küsschen-div-tbl1-td1 {
    display: block;
    overflow-y: scroll;
    overflow-wrap: break-word;
    background-color: white;
}

#ferienhaus-küsschen-tbl1-td2 {
    display: table-cell;
    background-color: #FFCCFF;
    vertical-align: top;
}


#ferienhaus-küsschen-tbl1-td3 {
    display: table-cell;
}

#ferienhaus-küsschen-div-tbl1-td3 {
    display: block;
    text-align: right;
    overflow-y: scroll;
    overflow-wrap: break-word;
    background-color: white;
    margin: 0;
    padding: 0;
}

#ferienhaus-küsschen-pic-content-01 {
    height: inherit;
    vertical-align: middle;
}

#ferienhaus-küsschen-tbl1-td4 {
    display: table-cell;
    background-color: #FFCCFF;
    vertical-align: middle;
    text-align: left;
}

#ferienhaus-küsschen-Nav-4 {
    vertical-align: middle;
}

#ferienhaus-küsschen-tbl1-td5 {
    display: table-cell;
    background-color: #FFCCFF;
    vertical-align: middle;
}

#ferienhaus-küsschen-Nav-5 {
    vertical-align: middle;
}

#ferienhaus-küsschen-pic01 {
    text-align: center;
    vertical-align: middle;
    height: 46px;
    width: 46px;
}

.ferienhaus_küsschen_pic01 {
    text-align: center;
    vertical-align: middle;
    height: 46px;
    width: 46px;
}

#ferienhaus-küsschen-tbl1-td6 {
    display: table-cell;
    background-color: #FFCCFF;
    text-align: right;
    vertical-align: middle;
}

#ferienhaus-küsschen-Nav-6 {
    vertical-align: middle;
}

#ferienhaus-küsschen-tbl1-td7 {
    display: table-cell;
}

#ferienhaus-küsschen-div-tbl1-td7 {
    display: block;
    text-align: center;
    overflow-y: scroll;
    overflow-wrap: break-word;
    background-color: white;
}

#ferienhaus-küsschen-tbl1-td8 {
    display: table-cell;
    background-color: #FFCCFF;
    vertical-align: bottom;
}

#ferienhaus-küsschen-tbl1-td9 {
    display: table-cell;
}

#ferienhaus-küsschen-div-tbl1-td9 {
    height: 100%;
    display: block;
    text-align: justify;
    overflow-y: scroll;
    overflow-wrap: break-word;
    background-color: white;
}

#ferienhaus-küsschen-footer {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background-color: #FFCCFF;
    padding: 0;
    border: none;
}

#ferienhaus-küsschen-footer-p {
    text-align: center;
    margin: 0;
    padding: 0;
    border: none;
}

#ferienhaus-gund-div-altcontent {
    display: block;
    text-align: justify;
    overflow-y: scroll;
    overflow-wrap: break-word;
    background-color: white;
}

.intro {
    position: sticky;
    top: 0;
    left: 0;
    margin-bottom: 0;
    height: 100%;
    width: 100%;
}

#testdiv {
    height: 100%;
    width: 100%;
}

.span-links {
    float: left;
}

.span-rechts {
    float: right;
}

.span-center {
    float: none;
}

.span-smaller {
    font-size: smaller;
}

.Calendar1 {
    margin-bottom: 0;
    margin-top: 0;
    float: left;
}

.Calendar2 {
    margin: 0;
    margin-left: auto;
 }

.tablebelegungskalender {
    margin: 10px auto;
    border: 1px,solid,black;
}

.ferienhaus-küsschen-tblTable1 {
    width: 100%;
    vertical-align: middle;
    text-align: center;
    border-width: thick;
    border-style: solid;
}

.ferienhaus-küsschen-tblTable1_tdmonth {
    vertical-align: middle;
    text-align: left;
    background-color: white;
}

.ferienhaus-küsschen-tblTable1_tddays {
    vertical-align: middle;
    text-align: center;
    background-color: white;
}

.ferienhaus-küsschen-tblTable1_tdfrei {
    vertical-align: middle;
    text-align: center;
    background-color: transparent;
}

.ferienhaus-küsschen-tblTable1_tdbelegt {
    vertical-align: middle;
    text-align: center;
    background-color: red;
}

.ferienhaus-küsschen-tblTable1_tdgeschlossen {
    vertical-align: middle;
    text-align: center;
    background-color: black;
}

.ferie {
    display: block;
    padding: 0 10px;
    margin: 0;
}

.frei {
    background-color: #00ff40;
}

.belegt {
    background-color: #ed1b24;
}

.anreisetag {
    background-color: #00ff40;
    background-image: url("../../Medien/Domain/Anreisetag.jpg");
    background-size: cover;
}

.abreisetag {
    background-color: #00ff40;
    background-image: url("../../Medien/Domain/Abreisetag.jpg");
    background-size: cover;
}

.bild-centriert {
    display: block;
    margin: 0;
    border: none;
    padding: 0;
}

.bild-standard {
    width: 100%;
    height: auto;
}

#Ferienhaus_Küsschen_Damp_Ostsee {
    height: 100%;
}

.center-fett {
    text-align: center;
    font-weight: bold;
}

.center {
    text-align: center;
    margin: 0 auto;
}

.table-center {
    margin-left: auto;
    margin-right: auto;
}

.table-preise {
    display: table;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    border: 1px,solid,black;
}

.block {
    text-align: justify;
    text-align-last: center;
}

.left {
    text-align: left;
    padding: 0 3px;
    margin: 0;
}

.ferienhaus-küsschen-tbl-zweisp {
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
}

.ferienhaus-küsschen-tbl-zweisp-td {
    border-width: thin;
    border-style: solid;
    border-color: black;
    margin: 0;
    padding: 0;
    background-color: red;
}

.ferienhaus-küsschen-tbl-zweisp-th {
    border-width: thin;
    border-style: solid;
    border-color: black;
    margin: 0;
    padding: 3px;
    vertical-align: middle;
    text-align: left;
}

.frei-leer {
    height: 40px;
    width: 35px;
    background-color: #00ff40;
    border-width: thin;
    border-style: solid;
    border-color: black;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

.belegt-leer {
    height: 40px;
    width: 35px;
    background-color: red;
    border-width: thin;
    border-style: solid;
    border-color: black;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

.ferienhaus-küsschen-div-login {
    display: block;
    width: 100%;
    margin: 0;
    margin-top: 10px;
    padding: 0;
    border: none;
    text-align: center;
}

.ferienhaus-küsschen-table-login {
    display: table;
    width: 320px;
    padding: 0;
    margin: 0 auto;
    border: 4px;
    border-style: solid;
    border-color: black;
    border-radius: 10px 10px;
    background-color: darkgoldenrod;
}

.ferienhaus-küsschen-tbl-login-td-left {
    display: table-cell;
    width: 50%;
    text-align: center;
    vertical-align: middle;
    padding: 5px;
    border: 1px solid black;
}

.ferienhaus-küsschen-tbl-login-td-right {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    text-align: center;
    padding: 5px;
    border: 1px solid black;
}

.ferienhaus-küsschen-tbl-login-th {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 5px;
    font-weight: bold;
    border: 1px solid black;
}

.ferienhaus-küsschen-tbl-login-td-center {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 5px;
    border: 1px solid black;
}

.div-center {
    padding-top: 10px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.span-include {
    cursor: pointer;
    display: block;
}

.span-include {
    cursor: pointer;
    display: block;
}

.span-include-none {
    display: none;
    cursor: pointer;
}

.textinclude {
    display: none;
}

.GridViewPreiseliste {
    display: table;
    text-align: center;
    margin: 5px auto;
    border: 1px solid #B8860B;
}

    .gridviewPreiseliste tr th {
        display: table-cell;
        text-align: left;
        border: 1px solid #B8860B;
    }

    .gridviewPreiseliste tr td {
        display: table-cell;
        color: red;
        text-align: left;
        border: 1px solid #B8860B;
    }

.rot {
    color: red;
}

.tbl-gaesteinfos {
    display: table;
    padding: 0;
    margin: auto;
    margin-top: 0;
    border: 1px;
    border-style: solid;
    border-color: black;
    border-radius: 20px 20px;
    text-align: center;
    vertical-align: top;
}

.tbl-gaesteinfos-td-left {
    width: 85%;
    text-align: left;
    display: table-cell;
    vertical-align: middle;
    border: 1px solid black;
    padding: 5px;
}

.tbl-gaesteinfos-td-right-green {
    width: 15%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    border: 1px solid black;
    padding: 5px;
    background-color: green;
}

.tbl-gaesteinfos-td-right-red {
    width: 15%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    border: 1px solid black;
    padding: 5px;
}

.tbl-gaesteinfos-th {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    border: 1px solid black;
    padding: 5px;
    font-weight: bold;
    background-color: darkgoldenrod;
}

.div-block {
    text-align: justify;
}

.div-content0 {
    display: grid;
    border: none;
    padding: 0;
    text-align: center;
    margin: 0;
    width: 100%;
}

.div-content1 {
    display: grid;
    grid-template-columns: 25% 75%;
    margin: 0;
    padding: 0;
    border: 1px solid darkgoldenrod;
    border: none;
}

.div-content1-onecolumn {
    display: grid;
    margin: 0;
    padding: 0;
    border: none;
}

.div-content1-links {
    display: grid;
    border: 1px solid darkgoldenrod;
    padding: 5px;
    margin: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom: none;
    overflow: hidden;
}

.div-content1-rechts {
    display: grid;
    margin: 0;
    padding: 5px;
    border: 1px solid darkgoldenrod;
    border-bottom: none;
    border-left: none;
    text-align: justify;
    text-align-last: left;
}

.div-content1-center {
    display: grid;
    margin: 0;
    padding: 5px;
    padding-top: 0;
    text-align: center;
    border: none;
}

.div-content1-center-rahmen {
    display: grid;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    margin: 0;
    padding: 5px;
    text-align: center;
    border: 1px solid darkgoldenrod;
    border-bottom: none;
}

.div-content-medien {
    height: auto;
    padding: 5px;
    border: 1px solid darkgoldenrod;
}

.p-links-mitte {
    text-align: left;
    margin: auto 0;
    padding: 0;
}

.p-links-oben {
    text-align: left;
    margin: 0 auto auto 0;
    padding: 0;
}

.p-links-unten {
    text-align: left;
    margin: auto auto 0 0;
    padding: 0;
    bottom: 0;
}

.p-block-rechts {
    text-align: justify;
    text-align-last: left;
    margin: auto 0;
    padding: 0;
    overflow-y: hidden;
    overflow-wrap: break-word;
}

.ol-db {
    position: relative;
    width: 100%;
    margin: 0;
    padding-left: 0;
}

.p-center {
    text-align: center;
    margin: auto 0;
    padding: 0;
}

.p-block {
    text-align: justify;
    text-align-last: left;
    margin: 0 auto;
    padding: 0;
}

.p-block-rechts-center {
    text-align: justify;
    text-align-last: left;
    margin: auto 0;
    padding-left: 0;
}

.li-db {
    list-style-type: decimal;
    list-style-position: inside;
    margin: 0;
    margin-left: 0;
    padding-left: 0;
}

.div-block-rechts {
    margin: auto 0;
    padding: 0;
}

.button1 {
    background-color: white;
    border: none;
}

.p-medien1 {
    margin: 5px;
}