/*  */

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans.ttf');
    font-weight: normal;
    font-style: normal;
  font-display: swap;
}


@font-face {
    font-family: 'Open Sans Condensed';
    src: url('fonts/OpenSans_Condensed.ttf');
    font-weight: normal;
    font-style: normal;
  font-display: swap;
}


@font-face {
    font-family: 'Merienda';
    src: url('fonts/Merienda-Bold.ttf');
    font-weight: normal;
    font-style: normal;
  font-display: swap;
}


body {

    margin: 0;
    padding: 0;

    font-family: 'Open Sans', sans-serif;
    color:#3F3F3F;

background-image:url(bground/thaimassage.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position:bottom center;


 background: url(bground/thaimassage.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}


html {
        height: 100,1%;
        box-sizing: border-box;
        overflow-y: scroll;
        vertical-align: top;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        }



h1,h2,h3,h4 {font-family: 'Merienda', cursive;}

h1 {font-size:220%;}
h2 {font-size:200%;}
h3 {font-size:180%;}
h4 {font-size:160%;}


hr {background: #EFEFEF; height: 1px; border: none}

#daten h1, #daten h2, #daten h3 {font-size:90%;font-family: 'Open Sans', sans-serif;}

img
{
border: 0;
}






.oben_head

{
margin-top:0;
width:100%;
background: #f9bd3c; /* Fallback IE 6-8 */
background: rgba(249, 189, 60, 0.9);
}

#myHeader.oben_head

{
padding-top:15px;
}

.oben_head h3 {margin-top:0; margin-bottom:0; margin-left:15px; font-size:40px;}
.oben_head i {margin-top:0; margin-bottom:0; margin-left:15px; font-size:25px;}



 /* Style the header */
#myheader {
  padding: 1px 0px;

}


/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index:100;
}

/* Add some top padding to the page content to prevent sudden quick movement  */

.sticky + #wrap {
  padding-top: 65px;
}


#captcha_image

{
float:left;
padding: 5px;
display:block;
margin-right:300px;
margin-bottom:10px;

}


#cleaner {
                clear:both;
                height:0px;
                border:none;
                margin:0; padding:0;
                background:transparent;
                }
#logo {
        padding:40px 30px 48px 30px;
        width:100px;
        text-align:center;
        background:#CCC;
        border-top:2px solid #333;
        border-bottom:2px solid #333;
}
#logo h1 {
        font-size:30px;
        margin:0;
}



div.contentBox {
        margin-bottom:20px;

}
div.widgetMisc {
        color:#4F4F4F;
        background:#EFEFEF;
        background:rgba(255, 255, 255, 0.75);
        padding:15px;
}

div.widgetFooter {
        color:#3F3F3F;
background: #f9bd3c; /* Fallback IE 6-8 */
background: rgba(249, 189, 60, 0.8);
        padding:15px;
        font-size:14px;
        text-align:center;
}

div.widgetFooter a {
        color:#232322;
}

div.widgetNorm {
        color:#616161;
        background:#EFEFEF;
        background:rgba(255, 255, 255, 0.75);
        padding:15px;

        text-align:left;
}

div.widgetKalender {
        background:#EFEFEF;
        background:rgba(255, 255, 255, 0.75);
        padding:15px;
}

#featureWrap {
        width:100%;
        overflow:hidden;
}


#featureWrap .feature {
        background:#EFEFEF;
        background:rgba(255, 255, 255, 0.75);

        float:left;
        width:306px;
        margin:0 5px 0 5px;
        border:1px solid #CCC;
        padding:7px;
}
#featureWrap_kalender .feature {
        float:left;
        width:306px;
        height:240px;
        margin:3px;
        padding:3px;
}
#featureWrap .feature p {
        margin:0;
}
#featureWrap .feature p.title {
        padding:12px 0;
}
#featureWrap .feature p.title a {
        color:#335099;
        text-decoration:none;
        font-size:20px;
}
#featureWrap .feature p.desc {
        font-size:12px;
        line-height:19px;
        color:#555;
}
#featureWrapClear {
        clear:left;
}
#wrap {
        width:1000px;
        margin:0 auto;
}
#wrapClear {
        clear:left;
}
#nav {
        width:800px;
}
#content {
        margin-left:20px;
        float:left;
        width: 800px;
}
#navClear {
        display: none;
}
@media only screen and (min-width:481px ) and (max-width:979px) {
        /*Small Desktop / Large Tablet View*/
        #wrap {
                width:95%;
        }
        #nav {
                float:none;
                margin-bottom:20px;
        }
        #content {
                margin-left:0;
                float:none;
        width: auto;
        }
        #wrapClear {
                clear:none;
        }
        #logo {
                float:left;
        }
        #menu {
                float:left;
                margin-left:20px;
                margin-top:24px;
        }
        #menu ul li {
                float:left;
                margin:0 2px 0 0;
        }
        #menu ul li a {
                padding:10px 15px;
        }
        #navClear {
                display:inline;
                clear:left;
        }
        #featureWrap .feature {
        width:46%;
        margin:10px 1% 0 1%;
        border:1px solid #CCC;
        padding:1px;
        }

        #featureWrap_kalender .feature {
        float:left;
        width:240px;
        height:240px;
        margin:1px;
        padding:1px;
        }

        /* Wochentage- und Kalenderwochen-Zellen der Untertabellen */
        td.bel_wochentag, td.bel_kw {
        font-size:10pt;
                                    }

      /* rechte und linke Untertabellen */
      table.bel_sub, table.bel_sub_right {
      font-size:11pt;
      margin-left:0px;
                                          }

     form.kalender {margin-right:0px;margin-left:0px;}
     #featureWrap_kalender form {width:100%;}

     .oben_head h3 {margin-top:0; margin-bottom:0; margin-left:15px; font-size:35px;}
     .oben_head i {margin-top:0; margin-bottom:0; margin-left:15px; font-size:20px;}

}



@media only screen and (max-width:480px) {
        /* Smartphone view*/
        #wrap {
                width:100%;
        }
        #nav {
                float:none;
                margin-bottom:20px;
        }
        #content {
                margin-left:0;
                float:none;
        width: auto;
        }
        #wrapClear {
                clear:none;
        }
        #logo {
                margin:0 auto;
        }
        #menu {
                float:left;
                font-size:12px;
        }
        #menu ul li {
                float:left;
                margin:0 2px 0 0;
        }
        #menu ul li a {
                padding:8px 12px;
        }
        #navClear {
                display:inline;
                clear:left;
        }
        #featureWrap .feature {
                width:95%;
                margin-bottom: 10px;
                margin-left:0; margin-right:0;
        }


        #featureWrap_kalender .feature {
        float:left;
        width:284px;
        height:240px;
        margin:1px;
        padding:1px;
        }

        /* Wochentage- und Kalenderwochen-Zellen der Untertabellen */
        td.bel_wochentag, td.bel_kw {
        font-size:10pt;
                                    }

      /* rechte und linke Untertabellen */
      table.bel_sub, table.bel_sub_right {
      font-size:11pt;
      margin-left:0px;
                                          }

     form.kalender {margin-right:0px;margin-left:0px;}

     .oben_head h3 {margin-top:0; margin-bottom:0; margin-left:15px; font-size:25px;}
     .oben_head i {margin-top:0; margin-bottom:0; margin-left:15px; font-size:19px;}

     p.caption {font-size:13px;}

}


div.kalender_monat {float:left; width:300px; background-color:#FF00FF;}


a.foot:link    {font-size: 13px; color:#9F9F9F; TEXT-DECORATION: none;}
a.foot:visited {font-size: 13px; color:#9F9F9F; TEXT-DECORATION: none;}
a.foot:active  {font-size: 13px; color:#9F9F9F; TEXT-DECORATION: none;}
a.foot:hover   {font-size: 13px; color:#9F9F9F; TEXT-DECORATION: none;}

a.admin_kalender:link    {font-size: 13px; color:#9F9F9F; TEXT-DECORATION: none;}
a.admin_kalender:visited {font-size: 13px; color:#9F9F9F; TEXT-DECORATION: none;}
a.admin_kalender:active  {font-size: 13px; color:#9F9F9F; TEXT-DECORATION: none;}
a.admin_kalender:hover   {font-size: 13px; color:#9F9F9F; TEXT-DECORATION: none;}





a.box

{

display: inline-block;
    text-align: center;
    vertical-align: middle;
    width:100%;
    padding: 10px 0px;
    background: #7ba129;

font-size: 18px; color:#fff; font-weight:bold;
    text-decoration: none;
}


a.box:link    {TEXT-DECORATION: none;}
a.box:visited {TEXT-DECORATION: none;}
a.box:active  {TEXT-DECORATION: none;}
a.box:hover   {TEXT-DECORATION: none;}