body,html{
        width:100%;
        height:100%;
        margin:0;
        padding:0;
        background-color:#FBFBF7;
}
#site_wrap{
        display:block;
        width:100%;
        min-height:100%;
        margin:0;
        padding:0;
        text-align:center;
}
#site_inner{
        display:block;
        position:relative;
        width:960px;
        min-height:400px;
        margin:0 auto;
        padding:0 0 0px;
        text-align:center;
        color:#333;
}
div.adresse{
        display:block;
        padding:60px 0 0 195px;
        text-align:center;
        font:normal 10px/12px Arial, Verdana, Sans-Serif;
        color:#333;
        word-spacing:3pt;
        margin-left:-170px;
        padding-bottom:20px;
        padding-top:20px;
         }
#logo{
         display:block;
         float:center;
         padding-top:10px;
         padding-bottom:5px;
         margin-top:0px;
         }
#sterne{
         display:block;
         float:center;
         padding-top:2px;
         padding-bottom:130px;
         margin-top:-175px;
         margin-left:470px;
         }
.linknavi{
         display: block;
         text-align: center;
         word-spacing: 70px;
         color:#647a85;
         padding: 10px;
         font-size:25px;
         font-family: Arial;

         }
.linknavi2{
         display: block;
         text-align: center;
         word-spacing: 70px;
         padding: 10px;
         color:#647a85;
         font-size:15px;
         font-family: Arial;

         }
.linknavi_bilder
         {
         display: block;
         text-align: center;
         color: #647a85;
         word-spacing: 70px;
         padding: 10px;
         font-size:15px;
         font-family: Arial;

         }



a        {color:black;}
.bild    {
         display:block;
         padding:10px;
         margin-left:150px;
         }
h1       {
         display:block;
         padding-top: 10px;
         padding-bottom: 30px;
         font-family:Arial;
         font-size:30px;
         color:#647a85;
         }
h2       {
         display:block;
         padding-top: 0px;
         padding-bottom: 10px;
         font-size:25px;
         color:#647a85;
         }
h3       {
         display:block;
         padding-top: 0px;
         padding-bottom: 10px;
         font-size:30px;
         color:#333;
         }
h4       {
         display:block;
         padding-top: 0px;
         padding-bottom: 10px;
         font-size:25px;
         font-family: Arial;
         }
#linie   {
         display:block;
         padding-top:10px;
         padding-bottom:10px;
         margin-left:-2px;
         }
#linie1  {
         display:block;
         padding-top:250px;
         padding-bottom:0px;
         margin-left:-2px;
         }

#haus {
         float: center;
         display:block;
         padding:10px;
         padding-bottom:100px;
         }

#haupttext {
          display:block;
          text-align: center;
          line-height:25pt;
          font-size:20px;
          font-family: Arial;
          margin-left:5px;
          margin-bottom:100px;
          margin-top:-340px;
          }
.titelbild {
         float: center;
         display:block;
         padding:5px;
         margin-left: 545px;
         margin-bottom: 20px;
         margin-top:60px;
         }
#ausstattung_text
         {
          display:block;
          text-align: left;
          line-height:25pt;
          font-size:28px;
          font-family: Arial;
          font-color:#647a85;
          margin-left:5px;
          margin-bottom:0px;
          margin-top:0px;
          }

#beschreibungstext {
          display:block;
          text-align: center;
          line-height:25pt;
          font-size:20px;
          font-family: Arial;
          margin-left:90px;
          margin-bottom:0px;
          margin-top:0px;
          font-color:#647a85;
          }
#beschreibungstextbilder
         {
          display:block;
          text-align: center;
          line-height:25pt;
          font-size:25px;
          font-family: Arial;
          margin-left:90px;
          margin-bottom:0px;
          margin-top:50px;
          font-color:#647a85;
          }
.beschreibungsbild {
         float: center;
         display:block;
         padding:10px;
         margin-left: 170px;
         margin-bottom: 0px;
         margin-top:0px;
         }
#Anreisetext {
          display:block;
          text-align: center;
          line-height:25pt;
          font-size:20px;
          font-family: Arial;
          margin-left:0px;
          margin-bottom:100px;
          margin-top:-320px;
          font-color:#647a85;
          }


#Schildwill{
          display:block;
          text-align: center;
          transform: rotate(-10deg);
          margin-left:-350px;
          margin-top:5px;
          padding:0px;
          }

#unterschrift    {
                 display:block;
                 text-align: center;
                 transform: rotate(0deg);
                 margin-left:0px;
                 margin-top:0px;
                 }

#anreise          {
                 display:block;
                 margin-left:500px;
                 margin-top:0px;
                 }
#kontaktbild     {
                 float: center;
                 display:block;
                 padding:5px;
                 margin-left: 450px;
                 margin-bottom: 20px;
                 margin-top:30px;
                 }

#kontakttext     {
                 display:block;
                 text-align: center;
                 line-height:25pt;
                 font-size:20px;
                 font-family: Arial;
                 margin-left:10px;
                 margin-bottom:100px;
                 margin-top:-350px;
                 padding-bottom:100px;
                 }

#preistabelle    {
                 display:block;
                 text-align: center;
                 margin-left:280px;
                 margin-bottom:50px;
                 margin-top:0px;
                 }
table            {
                 display:block;
                 text-align: left;
                 line-height:25pt;
                 font-size:30px;
                 font-family: Arial;
                 }
td               {
                 border: 10px solid #FBFBF7;
                 }
th               {
                 border: 10px solid #FBFBF7;
                 }

#impressumtext {
                 display:block;
                 text-align: center;
                 line-height:25pt;
                 font-size:20px;
                 font-family: Arial;
                 margin-left:250px;
                 }
.datenschutztext {
                 display:block;
                 text-align: left;
                 line-height:25pt;
                 font-size:20px;
                 font-family: Arial;
                 margin-left:25px;
                 }







#nachrichtenfeld {
                 display:block;
                 text-align: left;
                 padding:10px;
                 Margin-top:-180px;
                 line-height:25pt;
                 font-size:20px;
                 font-family: Arial;
                 }

#nachrichtzugestellt
                 {
                 display:block;
                 text-align: left;
                 padding-top:10px;
                 padding-bottom:100px;
                 line-height:25pt;
                 font-size:20px;
                 font-family: Arial;
                 }





<!-- Bilder CSS -->

/* Mobile first - alle Dokument-Blöcke bekommen 100% Breite */
#galerie,li {
        margin: 0.1em;
        padding: 0.1em;

}


li {
   display: inline-block;
        list-style-type:none;
        width: 60%;
        }


img {
  padding: 10px;
  margin: 0;
  width: 100%;  /* Bild passt sich an verfügbaren Raum im li ann */
}

a {
  padding: 0.1em;
}

a:focus, a:hover {
        background: #;
}

     /* Large screens */
@media all and (min-width: 35em) {
        li {
                width: 10em;
        }

.details {
        position: absolute;
        right: 10%;
        top: 30%;
        background-color: #FBFBF7;
        border: 0.1em solid #647a85;
        border-radius: 8px;
        padding: 1em 1em .2em;
        width: 800px;
        max-height: 800px;
        overflow: auto;
        display: none;
}

.details img {
        width: 70%;
}

.details:target {
        display: block;
}

.close {
        width:0;
        heigh:0;
        border: 0;
        text-shadow: none;
        color: transparent;
}
.close:after {
   position: absolute;
   top: 1em;
   right: 1em;
   content:"X";
   color: white;
   background: #c32e04;
   font: font: bold 1em/150% Georgia, Times, serif;
   border: 0.1em solid #647a85;
   border-radius: 8px;
   display: block;
   text-align:center;
   width: 1.5em;
   height:1.5em;
   padding-top:5px;
   padding-left:5px;
}
.weiter  {
         position: absolute;
         display: block;
         margin-top:-250px;
         margin-left:675px;
         }
.ruck    {
         display: block;
         position: absolute;
         margin-top:-250px;
         margin-left:50px;
         }






<!-- Seite Ausstattung und Bilder gestaltung-->

#ausstattung_text,ol {
        display:block;
        margin-left: 10px;
        padding: 5px;
}

#ausstattung_bilder_kuche
         {
         float: center;
         display:block;
         padding:5px;
         margin-left: 650px;
         margin-bottom: 20px;
         margin-top:-360px;
         width: 20%;
         padding-bottom:10px;
         }
#ausstattung_bilder_wohnzimmer
         {
         float: center;
         display:block;
         padding:5px;
         margin-left: 650px;
         margin-bottom: 20px;
         margin-top:-250px;
         width: 20%;
         padding-bottom:10px;
         }
#ausstattung_bilder_schlafzimmer
         {
         float: center;
         display:block;
         padding:5px;
         margin-left: 650px;
         margin-bottom: 20px;
         margin-top:-270px;
         width: 20%;
         padding-bottom:10px;
         }
#ausstattung_bilder_badezimmer
         {
         float: center;
         display:block;
         padding:5px;
         margin-left: 650px;
         margin-bottom: 20px;
         margin-top:-250px;
         width: 20%;
         padding-bottom:10px;
         }
#ausstattung_bilder_gastebad
         {
         float: center;
         display:block;
         padding:5px;
         margin-left: 650px;
         margin-bottom: 20px;
         margin-top:-100px;
         width: 20%;
         padding-bottom:10px;
         }