html, body, p		{ height: 100%;
				-moz-hyphens: auto;
    			-o-hyphens: auto;
    			-webkit-hyphens: auto;
    			-ms-hyphens: auto;
    			hyphens: auto;
				}
body,p,tab,td,tr 	{ font-size: 16px;  line-height:1.4; font-family: "Trebuchet MS", Tahoma, Arial, Geneva, sans-serif body;  overflow-y: scroll; }
p.zu1			{ margin-bottom:30px; margin-top:20px; border:none;  font-weight:bold;  padding-top:5px; }
p.zu2			{ margin-bottom:30px; margin-top:1px; border:none; border-top:1px dotted black; height:1px; color:#000000; background:transparent; font-size:14px; font-weight:bold; line-height:1.4; padding-top:3px; }
p.zu3			{ border-top:1px dotted black; height:1px; }
.blocksatz		{ text-align:justify; }


    /* Silbentrennung für Text */

ul				{margin: 0; padding: 0}
li				{ margin-left: 16px; }

td.tab			{ font-size:14px; line-height:1.4; border-bottom-style:solid; border-bottom-width:thin; border-bottom-color: grey; }
th.tab			{ font-size:14px; line-height:1.4; font-weight:bold; text-align: left; vertical-align: top; border-bottom-style:solid; border-bottom-width:thin; border-bottom-color: grey; }


h1				{ font-family:Georgia,"Times New Roman",Palatino,serif; font-size:28px; line-height:1.4; font-weight:bold; margin-top:6px; margin-bottom:9px; margin-top:0px;}
h2				{ font-family:"Trebuchet MS",Tahoma,Arial,Geneva,sans-serif; font-size:18px; line-height:1.4; font-weight:bold; }
h3				{ font-family:"Trebuchet MS",Tahoma,Arial,Geneva,sans-serif; font-size:16px; line-height:1.4; font-weight:bold; }

.nurdruck			{ display:none; }
.searchword		{ background-color: yellow; }

a				{ color: #000066; text-decoration: none; }
a:hover			{ text-decoration: underline; }
a:active			{ color: red; }

img.pin			{ padding-top:4px; float:right; margin-right:2px ; margin-left:2px; }


    /* speziell für Raumaufteilung */
    
a.info
	{color: #055D27; text-decoration: none;}

a.info:hover
	{  text-decoration: underline dotted;}
	
a.info span
	{display: none;}

    /* Bild einblenden bei Mouseover */
	
a.info:hover span
{display:block;
position:fixed;
top:0.5em; left:1em;
z-index:200;
}

/* Bild einblenden für Mobilgeräte */
    
a.info:active span
{display:block;
z-index:200;
}

.etage {
   padding: 10px;
   background: PapayaWhip;
   color: black;
   border: none ;
   font-size: 20px; font-weight: bold;
   margin: 32px 0px 32px 44px;
   }

img.schatten  { box-shadow: 5px 5px 3px #888; height:400px; }

.kalender { float:left; margin: 12px; }

.konditionen { float:left;  margin: 6px; }

.overlay{
        position: fixed;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        background-color: rgba(0, 0, 0, 0.8);

        .overlay-content {
            height: 100%;
            overflow: scroll;
        }
    }

 .overflow
 {
   overflow-y: scroll; /* set overflow to scroll for desktop browsers */
   overflow-x: hidden; /* hide scrollbar on x-axis */
    -webkit-overflow-scrolling: touch; /* allow touch scrolling in webkit browsers */
 }

    iframe {
     overflow: auto;
     -webkit-overflow-scrolling: touch;
}

/* Gästebewertung für Smartphone-Hochformat */

@media screen and (max-width: 480px) {
	.zitat  { width: 95%;  margin-left:12px; margin-right:12px; margin-top: -18px;}
	.foto { width: 65%; margin-left:12px;}
	p.zitat  { text-align:left;}
 }


/* =-=-=-=-=-=-=-Seiteninhalt-=-=-=-=-=-=-=- */

div#seiteninhalt {
    position:absolute; left:232px; max-width: 900px;
}