body {
         margin:0;
         height: 100%;
         font-family: Verdana, Arial, sans-serif;
         font-size: 14px;
         color: #222222;
         background-color:#fafafa;
}



.handysicht{
         display: none;
}
.clear{
         display: none;
}

.socialmedia{
         top:15px;
         right:0px;
         width:55px;;
         height:355px;
         background-color:#f0f0f0;
         position:fixed;
         z-index:1000;
         padding-top:10px;
         padding-left:10px;
         border: 1px solid #bbbbbb;
         border-right: 0px;
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         border-radius: 5px;
}

.img_soc{
         width:30px;
         opacity:0.8;
         padding-top:8px;
         padding-bottom:8px;
         margin-left:5px;

}
.img_soc:hover{
         width:40px;
         opacity:1;
         padding-top:3px;
         padding-bottom:3px;
         margin-left:0px;
}



#mapid {
       width:785px;
       height:500px;
         border: 1px solid #cccccc;
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         border-radius: 5px;
        }

#suchnav {
       top:0px;
       left:0px;
       width:100%;
       height:70px;
       background-color:#f0f0f0;
       display:none;
       position:fixed;
       z-index:100;
       padding:15px;
       border-bottom: 2px groove #cccccc;
        }
#suchnavzw {
       top:0px;
       left:0px;
       width:100%;
       height:70px;
       background-color:#f0f0f0;
       position:fixed;
       z-index:100;
       padding:15px;
       border-bottom: 2px groove #cccccc;
}

#kontakt {
       display: none;
       top:0px;
       left:0px;
       width:100%;
       height:70px;
       background-color:#f0f0f0;
       position:fixed;
       z-index:100000000;
       padding:10px;
       border-bottom: 2px groove #cccccc;
}


.suchblase{
         display:inline-block;
         padding:8px;
         padding-left:15px;
         padding-right:0px;
         margin-right:10px;
         margin-bottom:10px;
         border: 1px solid #cccccc;
         -webkit-border-radius: 15px;
         -moz-border-radius: 15px;
         border-radius: 15px;
         background-color:#ffffff;
         font-size:14px;
}
a.suchblaselink:hover{
         color:#ff0000;
}


a {
         color: #111111;
         text-decoration: none;
}
a:hover {
         color: #00a8df;
}


.main{
         margin:0 auto;
         margin-top:0;
         height:100%;
         overflow: hidden;
         min-width: 350px;
         max-width: 1280px;
         background-color:#fafafa;
}


.head {
         margin:0 auto;
         overflow: hidden;
         min-width: 350px;
         max-width: 1280px;
         margin-top:15px;
         height:90px;
         background-image:url(bilder/kopf.jpg);
         background-position:top right;
         border: 1px solid #cccccc;
         -webkit-box-shadow:  0 1px 2px rgba(0, 0, 0, 0.1);
         -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
         -o-box-shadow:  0 1px 2px rgba(0, 0, 0, 0.1);
         box-shadow:  0 1px 2px rgba(0, 0, 0, 0.1);
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         border-radius: 5px;
}

.banner {
         margin:0 auto;
         margin-top:50px;
         padding:3px;
         z-index:100;
         background: rgba(76, 175, 80, 0.6);
         font-weight:bold;
         float:right;
         text-align:right;
         zoom: 1;
         border: 0px ;

}

.rechts{ float:right;}
.rechtsa{ float:right;}
.links{ float:left;}

.trechts{ text-align:right;}
.tlinks{ text-align:left;}
.tcenter{ text-align:center;}

.grau{ color:#787878;}
a.grau { color:#787878;}
a.grau:hover{ color:#ff0000;}


.blau { color:#0097c8;}
a.blau { color:#0097c8;}
a.blau:hover{ color:#ff0000;}

.weiss{ color:#ffffff;}
.rot{ color:#ff0000;}

.s10{ font-size:10px;}
.s12{ font-size:12px;}
.s13{ font-size:13px;}
.s15{ font-size:15px;}
.s16{ font-size:16px;}
.s18{ font-size:18px;}
.s25{ font-size:25px;}
.s30{ font-size:30px;}

.lh15{ line-height:15px}
.lh20{ line-height:20px}
.lh25{ line-height:25px}
.lh30{ line-height:30px}
.lh45{ line-height:45px}

.b0{    border:0px;}


.m10{ margin:10px}
.ml5{ margin-left:5px}
.ml15{ margin-left:15px}
.mr10{ margin-right:10px}
.mr15{ margin-right:15px}
.mt10{ margin-top:10px}
.mt25{ margin-top:25px}
.mt35{ margin-top:35px}
.mt575{ margin-top:575px}
.mb10{ margin-bottom:10px}
.mb25{ margin-bottom:25px}
.mb10m{ margin-bottom:-10px}

.w40 { width:40px;}
.w45 { width:45%}
.w200{ width:300px;}
.w350{ width:350px;}
.w95{ width:95%;}
.w100{ width:100%;}
.w175{ width:175px;}
.mw200{ width:auto; }
.mw300{ min-width:330px;}

.p5 {  padding:5px; }
.p6 {  padding:6px; }
.p7 {  padding:7px; }
.p10 {  padding:10px; }
.p25 {  padding:25px; }
.p50 {  padding:50px; }

.pr4 {  padding-right:4px;}
.pr5 {  padding-right:5px;}
.pr9 {  padding-right:9px;}
.pr10 {  padding-right:10px;}
.pr15 {  padding-right:15px;}
.pr25 {  padding-right:25px; }
.pr50 {  padding-right:80px; }

.pl10 {  padding-left:10px;}
.pl13 {  padding-left:13px;}
.pl15 {  padding-left:15px;}
.pl25 {  padding-left:25px;}
.pl25t {  padding-left:25px;}
.pt5 {  padding-top:5px; }
.pt15 {  padding-top:15px; }
.pt25 {  padding-top:25px; }
.pb10 {  padding-bottom:10px; }


.h60 { height:50px;}
.h100 { height:70px;}
.h110 { height:80px;}

.bold { font-weight:bold; }
.italic { font-style:italic; }

.hg{ background-color:#f7f7f7;}
.hgw{ background-color:#ffffff;}

.quob { margin-bottom:10px;}
.quun { margin-top:10px;}

.over { overflow: hidden;}
.inl { display: inline;}

h1 { font-size:18px; font-weight:normal;}
h2 { color: #006c8f;}

.sc {
          -ms-transform: scale(1.6); /* IE */
          -moz-transform: scale(1.6); /* FF */
          -webkit-transform: scale(1.6); /* Safari and Chrome */
          -o-transform: scale(1.6); /* Opera */
           margin: 10px;
 }
.sc2 {
          -ms-transform: scale(1.4); /* IE */
          -moz-transform: scale(1.4); /* FF */
          -webkit-transform: scale(1.4); /* Safari and Chrome */
          -o-transform: scale(1.4); /* Opera */
           margin: 5px;
           margin-right: 10px;
 }

.schatten{
         -webkit-box-shadow:  0 1px 2px rgba(0, 0, 0, 0.1);
         -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
         -o-box-shadow:  0 1px 2px rgba(0, 0, 0, 0.1);
         box-shadow:  0 1px 2px rgba(0, 0, 0, 0.1);
}



.frei{
         color:#009118;
         padding-left:2px;
}

.anfrage{
         color:#888888;
         padding-left:2px;

}

.belegt{
         color:#d80000;
         padding-left:2px;
}

.suchmenue {
         width:95%;
         padding:1px;
         padding-top:5px;
         padding-bottom:5px;
         border: 1px solid #cccccc;
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         border-radius: 5px;
         -webkit-box-shadow:  0 1px 2px rgba(0, 0, 0, 0.1);
         -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
         -o-box-shadow:  0 1px 2px rgba(0, 0, 0, 0.1);
         box-shadow:  0 1px 2px rgba(0, 0, 0, 0.1);
         background-color:#ffffff;
         line-height:28px;
}
.suchmenue:hover{
         border-color:#0097c8;
}

.st_rechts {
         width:400px;
         float:left;
}

.st_rechts_gr {
         width:845px;
         float:left;
}

.st_full {
         width:100%;
         margin-top:25px;
         margin-bottom:25px;
}
.st_links {
         width:410px;
         float:left;
         margin-right:25px;
}

.st_linksb {
         width:410px;
         float:left;
         margin-right:25px;
}
.st_rechtsb {
         width:400px;
         float:left;
}

.bildschrift{
         position:relative;
         bottom: 60px;
         width:60%;
         max-height:55px;
         overflow:hidden;
         min-width:250px;
         line-height:25px;
         opacity:0.7;
         padding:8px;
         padding-right:15px;
         text-align: right;
         font-weight:bold;
         font-size:15px;
         background-color: #ffffff;
         -webkit-border-top-left-radius: 10px;
         -moz-border-top-left-radius: 10px;
         border-top-left-radius: 10px;
         -webkit-border-bottom-left-radius: 10px;
         -moz-border-bottom-left-radius: 10px;
         border-bottom-left-radius: 10px;
         }

.buttonstart{
         -moz-appearance: none;
         -webkit-appearance: none;
         appearance: none;
}

.angeb_start{
         width:300px;
         float:left;
         padding:10px;
         margin:10px;
         background-color:#ffffff;
         height:385px;
         border: 1px solid #cccccc;
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         border-radius: 5px;
         -webkit-box-shadow:  0 1px 2px rgba(0, 0, 0, 0.1);
         -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
         -o-box-shadow:  0 1px 2px rgba(0, 0, 0, 0.1);
         box-shadow:  0 1px 2px rgba(0, 0, 0, 0.1);
         overflow:hidden;
}

.angeb_start:hover{
         border-color:#0097c8;
}

.foto_start{
         width:280px;
         height:190px;
         overflow:hidden;
}

.br_blog_dr{
         clear: both;
}
.br_blog_zw{
         display: none;
}



.angeb_blog{
         width:32%;
         float:left;
         padding:10px;
         padding:10px;
         margin-left:15px;
         margin-top:15px;
         margin-bottom:15px;
         background-color:#ffffff;
         border: 1px solid #cccccc;
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         border-radius: 5px;
         -webkit-box-shadow:  0 1px 2px rgba(0, 0, 0, 0.1);
         -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
         -o-box-shadow:  0 1px 2px rgba(0, 0, 0, 0.1);
         box-shadow:  0 1px 2px rgba(0, 0, 0, 0.1);
         overflow:hidden;
}
.angeb_blog_gr{
         width:98%;
         float:left;
         padding:10px;
         padding:10px;
         margin-left:15px;
         margin-top:15px;
         margin-bottom:15px;
         background-color:#ffffff;
         border: 1px solid #cccccc;
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         border-radius: 5px;
         -webkit-box-shadow:  0 1px 2px rgba(0, 0, 0, 0.1);
         -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
         -o-box-shadow:  0 1px 2px rgba(0, 0, 0, 0.1);
         box-shadow:  0 1px 2px rgba(0, 0, 0, 0.1);
         overflow:hidden;
}

.angeb_blog:hover{
         border-color:#0097c8;
}

.foto_blog{
         width:100%;
         overflow:hidden;
}

.menuestart {
         width:100%;
         float: left;
         margin-right:20px;
         padding:10px;
         border: 1px solid #cccccc;
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         border-radius: 5px;
         -webkit-box-shadow:  0 1px 2px rgba(0, 0, 0, 0.1);
         -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
         -o-box-shadow:  0 1px 2px rgba(0, 0, 0, 0.1);
         box-shadow:  0 1px 2px rgba(0, 0, 0, 0.1);
         background-color:#ffffff;
         line-height:25px;
}

.menuestart:hover{
         border-color:#0097c8;

}

.kontaktfeld {
         margin: 10px;
         padding:8px;
         font-size:17px;
         width:300px;
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         border-radius: 5px;
}

.kontaktfeldgr {
         margin: 10px;
         padding:10px;
         font-size:17px;
         width:640px;
         height:250px;
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         border-radius: 5px;
}

.angebot {
         width:100%;
         padding:1px;
         border: 1px solid #cccccc;
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         border-radius: 5px;
         -webkit-box-shadow:  0 1px 2px rgba(0, 0, 0, 0.1);
         -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
         -o-box-shadow:  0 1px 2px rgba(0, 0, 0, 0.1);
         box-shadow:  0 1px 2px rgba(0, 0, 0, 0.1);
         background-color:#ffffff;
         line-height:25px;
}


.angebotkontakt {
         width:100%;
         padding:50px;
         border: 1px solid #cccccc;
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         border-radius: 5px;
         -webkit-box-shadow:  0 1px 2px rgba(0, 0, 0, 0.1);
         -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
         -o-box-shadow:  0 1px 2px rgba(0, 0, 0, 0.1);
         box-shadow:  0 1px 2px rgba(0, 0, 0, 0.1);
         background-color:#ffffff;
         z-index:100000001;

}

.such_menue_links {
         width:300px;
         float:left;
         padding-right:25px;
}

.angebot_foto_links {
         width:850px;
         float:left;
         padding-right:25px;
         border: 1px solid #cccccc;
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         border-radius: 5px;
         -webkit-box-shadow:  0 1px 2px rgba(0, 0, 0, 0.1);
         -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
         -o-box-shadow:  0 1px 2px rgba(0, 0, 0, 0.1);
         box-shadow:  0 1px 2px rgba(0, 0, 0, 0.1);
         background-color:#ffffff;
         padding:10px;
         overflow: hidden;
}

.angebot_infos_links {
         width:850px;
         float:left;
         padding-right:25px;
         border: 1px solid #cccccc;
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         border-radius: 5px;
         -webkit-box-shadow:  0 1px 2px rgba(0, 0, 0, 0.1);
         -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
         -o-box-shadow:  0 1px 2px rgba(0, 0, 0, 0.1);
         box-shadow:  0 1px 2px rgba(0, 0, 0, 0.1);
         background-color:#ffffff;
         padding:10px;

}

.ergebnisse_rechts {
         width:975px;
         float:left;
}

.such-auswahlst{
         padding:5px;
line-height:30px;
}
.such-auswahlst:hover {
         font-weight:bold;

}

.such-oben{
         border-bottom: 1px dotted #cccccc;
         font-weight: bold;
}
.such-oben-praes{
         border-bottom: 1px dotted #cccccc;
}
.such-unten{
         border-top: 1px dotted #cccccc;
}


.such-auswahl:hover {
         background-color:#f1f1f1;

}



.rund {
         border: 1px solid #cccccc;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         border-radius: 10px;
}


.footer {
         display:block;
}
div.footer {
         display:block;
         width:375px;
}
div.sticky {
         position: absolute;
         margin:0 auto;
         overflow: hidden;
         min-width: 350px;
         max-width: 1280px;
}


#ai {
       top:0px;
       display:none;
       position:fixed;
       z-index:100;
       background-color:#fafafa;
       padding-top:25px;
}


.button{
         width:250px;
         padding:13px;
         text-align:center;
         border: 1px solid #00a8df;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         border-radius: 10px;
         color:#ffffff;
         font-weight:bold;
         background-color:#00a8df;
}
.button:hover{
         background-color:#e7f1f8;
         color:#00a8df;
         cursor: pointer;
}

.buttonn{
        position:absolute;
        right:5px;
        top:10px;
        width:250px;
        padding-left:0px;
        padding-right:0px;
        margin:0px;
        padding:13px;
        text-align:center;
        border: 1px solid #00a8df;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        color:#ffffff;
        font-weight:bold;
        background-color:#00a8df;
}
.buttonn:hover{
         background-color:#e7f1f8;
         color:#00a8df;
         cursor: pointer;
}

.angebot-kopf-rechts{
         float:left;
         width:400px;
         margin-left:25px;
         padding-left:25px;
         border: 1px solid #cccccc;
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         border-radius: 5px;
         background-color:#ffffff;
}


.ergebnis{
         width:975px;
         padding:10px;
         border: 1px solid #cccccc;
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         border-radius: 5px;
         -webkit-box-shadow:  0 1px 2px rgba(0, 0, 0, 0.1);
         -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
         -o-box-shadow:  0 1px 2px rgba(0, 0, 0, 0.1);
         box-shadow:  0 1px 2px rgba(0, 0, 0, 0.1);
         background-color:#ffffff;
         line-height:25px;
}
.ergebnis:hover{
         border-color:#0097c8;
}

         /* the div that holds the date picker calendar */
.dpDiv {
        }


/* the table (within the div) that holds the date picker calendar */
.dpTable {
        text-align: center;
        /*background-color: #fafafa;*/
        border: 1px solid #cccccc;
        background-color: #ffffff;
        border-spacing:5px;
        border-radius:8px;
        padding:10px;
        }


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
        }


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
        }


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
        }


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
        }


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
        background-color: #ffffff;
        border: 1px solid #ffffff;
        /*border: 1px solid #fafafa;
        border-radius:3px;*/
        }


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
        background-color: #ffffff;
        border: 1px solid #71c6ff;
        border-radius:3px;
        font-weight:bold;
        }

/* auswahl nicht möglich */
.dpDayoverTD {
        background-color: #eeeeee;
        border: 1px solid #eeeeee;
        border-radius:3px;
        font-weight:bold;
        }


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
        background-color:#DCF7FB;
        border: 1px solid #71c6ff;
        cursor: pointer;
        border-radius:3px;

        }


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
        }


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
        }


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
        border: 1px solid #ffffff;
        height:40px;
        padding-top:15px;

        }


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
      /*  background-color: #b3e5f5;
        border: 1px solid #cccccc; */
        height:40px;
        padding-top:15px;
        font-weight: bold;

        }


/* additional style information for the text that indicates the month and year */
.dpTitleText {
        font-size: 15px;
        font-weight: bold;
        }


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlight {
        font-weight: bold;
        }


/* the forward/backward buttons at the top */
.dpButton {
        background: #ffffff;
        font-weight: bold;
        padding: 3px;
        border: 1px solid #ffffff;
        border-radius:3px;
        }


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
        background: #ffffff;
        font-weight: bold;
        padding: 8px;
        border: 1px solid #cccccc;
        border-radius:3px;
        }








.inhalt {
         height:200px;
}




* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  width: 300px;
  height: 240px;
  position: relative;
  overflow:hidden;
  margin-top:15px;
  margin-bottom:10px;
  float:left;
  margin-right:15px;
}

.edbild{
  width: 300px;
}

.slideshow-container-angebot {
  width: 800px;
  height: 600px;
  position: relative;
  overflow:hidden;
  margin-top:15px;
  margin-bottom:10px;
  margin-left:15px;
  border: 1px solid #cccccc;
  border-radius:3px;
}

.fotoschrift {
         position: absolute;
         width:800px;
         text-align: center;
         z-index:1000000;
         overflow: hidden;
}

.bildbreite {
         width:100%;
}



.schrift {
         background: rgba(255, 255, 255, 0.7);
         border-radius:6px;
         line-height:35px;
         padding:8px;
}
.schrifterkl {
         background: rgba(255, 255, 255, 0.9);
         border-radius:6px;
         line-height:30px;
         font-weight:bold;
         padding:5px;
         overflow: hidden;
}




/* Hide the images by default */
.mySlides {
    display: none;
}


/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  text-align:center;
  opacity: 1;
}
.dot:hover {
  cursor: pointer;
  text-align:center;
  opacity: 1;
}

.active, {
  background-color: #717171;
}

.icons {
         position: absolute;
         text-align:left;
         width: 500px;
         bottom: 0;
         margin-left:310px;
         margin-bottom:3px;
         padding-right:4px;
}

.preis {
         position: absolute;
         text-align:right;
         width: 175px;
         bottom: 0;
         right:0;
         margin-bottom:5px;
         padding-right:15px;
}

.block{
         display: block;
}

.border{
        border: 1px solid #cccccc;

}


* {
  box-sizing: border-box;
}

/* Position the image container (needed to position the left and right arrows) */
.container {
  position: relative;
  width:825px;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}



/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 10px;
  background-color: rgba(255,255,255,0.7);
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 15px;
  color:#000000;
}

/* Position the "next button" to the right */
.next {
  right: 0;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.7);
  color:#ffffff;
}



/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Container for image text */
.caption-container {
  text-align: center;
  margin-top:-75px;
  margin-left:10px;
  z-index:100000;
}

.index {
  z-index:100000;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Six columns side by side */
.column {
  float: left;
  width: 16.66%;
}

/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.65;
}

.active,
.demo:hover {
  opacity: 1;
}



.klein{
         font-size: 11px;

}

br.all {
    clear: both;
}
br.right {
    clear: right;
}
br.left {
    clear: left;
}


/* Kalender */

.kalendergr{
         border-spacing:5px;
         width:100%;
}
.kalendergr td{
         padding:3px;
         text-align:center;
}


td.date_frei{
        font-size: 13px;
        background-color: #40ff40;
        border-style :outset;
        border-width: 1px;
        border-color:#009900;
}
td.date_belegt{
        font-size: 13px;
        background-color: #ff4040;
        border-style: outset;
        border-width: 1px;
        border-color:#990000;
}
td.date_anfrage{
        font-size: 13px;
        background-color: #ffff40;
        border-style :outset;
        border-width: 1px;
        border-color:#999999;
}

td.bdate_frei{
        font-size: 16px;
        background-color: #40ff40;
        border-style :outset;
        border-width: 1px;
        border-color:#009900;
        line-height:40px;
        padding:10px;
}
td.bdate_belegt{
        font-size: 16px;
        background-color: #ff4040;
        border-style: outset;
        border-width: 1px;
        border-color:#990000;
        line-height:40px;
        padding:5px;
}
td.bdate_anfrage{
        font-size: 15px;
        background-color: #ffff40;
        border-style :outset;
        border-width: 1px;
        border-color:#999999;
        line-height:30px;
        padding:5px;
}


.kalender{
         font-weight: bold;
}




/* ------------------------------------------------ < 1270px
        bis 1024
*/
@media only screen
and (max-width : 1309px)
{
         .angeb_start{
                  width:23%;
         }

         .foto_start{
                  max-width:100%;
         }

         .angeb_blog{
                  width:32%;
         }

         .foto_blog{
                  max-width:100%;
         }
         .ergebnisse_rechts {
                  width:75%;
                  float:left;
         }

         .st_links{
                 width:350px;

         }
         .st_rechts_gr{
                  width:69%;
         }

         .st_rechtsb {
                  width:48%; overflow:hidden;
         }
         .st_linksb {
                  width:48%; overflow:hidden;
         }

         .ergebnis {
                  width:100%;
         }


         .inhalt {
                  min-height:200px;
                  height:100%;
         }

         .unten {
                  position:relative;
                  height:60px;
                  width: 100%;
         }
         .preis {
                  width:100%
                  position: relative;
                  top: 0;

         }
         .icons {
                  position:relative;
                  margin:0px;
                  margin-bottom:0px;
                  left:0px;
                  width: 100%;

         }

         .angebot_foto_links {
                 width:68%;
                 margin-left:15px;
                 padding-right:15px;
         }
         .angebot_infos_links {
                 width:68%;
                 margin-left:15px;
                 padding-right:15px;
         }

         .container{
           width:100%;
         }

         .fotoschrift{
           width:98%;
         }

         .slideshow-container-angebot {
           width: 100%;
           height: 600px;
           margin-left:0px;
         }

         .angebot-kopf-rechts{
                  width:350px;
         }
}


/* ------------------------------------------------ < 1270px
        bis 1024
*/
@media only screen
and (max-width : 1250px){

         .ergebnisse_rechts {
                  width:73%;
         }
         .angebot_foto_links {
                  width:65%;
         }
         .angebot_infos_links {
                  width:65%;
         }
         .slideshow-container-angebot {
                 height: 550px;
         }
         #mapid {
                  width:98%;
         }
         .st_rechts_gr{
                  width:65%;
         }
}
@media only screen
and (max-width : 1150px){

         .angeb_blog{
                  width:47%;
         }

         .br_blog_dr{
                  display: none;
         }
         .br_blog_zw{
                  clear:both;
                  display: block;
         }

         .ergebnisse_rechts {
                  width:70%;
         }
         .tabinv{
                 display: none;

         }
         .angebot_foto_links {
                  width:62%;
                  padding-right:10px;
         }
         .angebot_infos_links {
                  width:62%;
                  padding-right:10px;

         }
         .slideshow-container-angebot {
                 height: 460px;
         }
         .st_rechts_gr{
                  width:63%;
         }



}


@media only screen
and (max-width : 1050px){

         .angeb_start{
                  width:47%;
         }

         .ergebnisse_rechts {
                  width:67%;
         }
         .angebot_foto_links {
                  width:60%;
         }
         .angebot_infos_links {
                  width:60%;
         }
         .slideshow-container-angebot {
                 height: 430px;
         }
         .st_rechts_gr{
                  width:60%;
         }

         .st_rechtsb {
                  width:47%;
         }
         .st_linksb {
                  width:47%;
         }

}


@media only screen
and (max-width : 999px){
         .angeb_start{
                  width:46%;
         }

         .menuestart{
                 margin-bottom:25px;

         }

         .st_rechts_gr{
                  width:98%;
                  margin-right:5px;
                  margin-left:5px;
         }
         .st_links{
                  width:98%;
                  margin-right:5px;
                  margin-left:5px;         }
         .st_rechts{
                  width:98%;
                  margin-right:5px;
                  margin-left:5px;         }

         .st_fullb{
                  width:98%;
                 padding-left:15px; padding-right:15px;
                  margin-right:5px;
                  margin-left:5px;
         }

         .st_full{
                  width:98%;
                  margin-right:5px;
                  margin-left:5px;
         }
         .kontaktfeld{
                 width:100%;
         }
         .kontaktfeldgr{
                 width:100%;
         }

         .button{
                 float:right;
                 width:250px;
                 margin:0px;
         }


         div.sticky {
                  position: relative;
                  width:100%;
                  padding:10px;
         }


         div.rechtsa {
                  float:left;
                  width:100%;

         }

         .pl25t {  padding-left:0px; display: inline;}

         .angebot-kopf-rechts{
                  width:100%;
                  background-color:#fafafa;
                  padding:0px;
                  margin:0px;
                  border:0px;
         }


         .angebot_foto_links{
                  width:100%;
                  border: 0px solid #fafafa;
                  -webkit-box-shadow:  0 0px 0px rgba(0, 0, 0, 0);
                  -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
                  -o-box-shadow:  0 0px 0px rgba(0, 0, 0, 0);
                  box-shadow:  0 0px 0px rgba(0, 0, 0, 0);
                  background-color:#fafafa;
                  padding:5px;
                  margin-left:0px;
         }
         .angebot_infos_links {
                  width:96%;
                  border: 0px solid #fafafa;
                  -webkit-box-shadow:  0 0px 0px rgba(0, 0, 0, 0);
                  -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
                  -o-box-shadow:  0 0px 0px rgba(0, 0, 0, 0);
                  box-shadow:  0 0px 0px rgba(0, 0, 0, 0);
                  background-color:#fafafa;
                  padding:5px;
         }

         .img_soc{
                  width:50px;
                  opacity:1;
                  padding:0px;
                  margin:0px;
                  margin-left:15px;
         }

         .img_soc:hover{
                  width:50px;
                  padding:0px;
                  margin:0px;

                  margin-left:15px;
         }



         .slideshow-container-angebot {
                 height: auto;
                 border:0px solid #fafafa;
         }


         .container {
                 border:0px solid #fafafa;
         }

         .socialmedia{
                  position:relative;
                  float:left;
                  width:210px;
                  top:0px;
                  left:-15px;
                  margin:0px;
                  padding:0px;
                  height:auto;
                  background-color:#f0f0f0;
                  border: 0px;
                 border:1px solid #ff0000;

         }

         .handyinv{
                 display: none;

         }
         .quob { margin-bottom:0px;margin-top:0px; padding:10px;}
         .quun { margin-bottom:0px;margin-top:0px; padding:10px;}


         #urlaubsthemen{
                 display: none;
         }
         #unterkunft{
                 display: none;
         }
         #service{
                 display: none;
         }
         #see{
                 display: none;
         }
         #meer{
                 display: none;
         }
         #lift{
                 display: none;
         }
         #lage{
                 display: none;
         }
         #preise{
                 display: none;
         }
         #belegung{
                 display: none;
         }
         #ausstattung{
                 display: none;
         }
         #umgebfrz{
                 display: none;
         }

         #beschreibung{
                 display: none;
         }
         #reisende{
                 display: none;
         }

         #suchfilter{
                 display: none;
                 position:fixed;
                 overflow-y: scroll;
                 overflow-x: auto;
                 top:0px;
                 left:0px;
                 height:100%;
                 background-color:#ffffff;
                 width:100%;
                 padding-top:10px;
                 padding-left:10px;
                 z-index:1000;
         }



         .handysicht{
                 display: inline;

         }

         .such_menue_links {
                  z-index:100;
         }



         .suchmenue{
                 line-height:30px;
                 font-size:16px;
         }

         .such-auswahl{
                 line-height:35px;
                 font-size:16px;
         }


         .such-oben{
                 line-height:35px;
                 font-size:18px;
         }

         .ergebnisse_rechts {
                  width:98%;
                  padding-left:10px
         }

}


@media only screen
and (max-width : 900px){

         .slideshow-container-angebot {
                 height: 600px;
         }
}


@media only screen
and (max-width : 800px){

         .angeb_blog{
                  margin-left:0px;
                  width:100%;
         }

         .slideshow-container-angebot {
                 height: 500px;
         }
}


@media only screen
and (max-width : 650px){



         .cl{
                 display: block;
                 clear:left;
                 height:0px;
         }
         .slideshow-container {
           width: 100%;
           height: 100%;
           margin-bottom:0px;
         }
         .edbild{
           width: 100%;
         }

         .preis {
                  top: -20px;
         }
         .icons {
                  top: -20px;
                  height:40px;
                  overflow:hidden;
         }
         .inhalt {
                  min-height:10px;
                  height:120px;
         }
         .slideshow-container-angebot {
                 height: 400px;
         }
         .img { width: 100%; height: 100%}

         .mw200{ max-width:300px; }

}

@media only screen
and (max-width : 550px){

         .angeb_start{
                  width:100%;
                  margin-left:0px;
         }

         .angeb_blog{
                  width:100%;
                  margin-left:0px;
         }
         .st_linksb {
                  width:100%;
                  margin-left:0px;         }
         .st_rechtsb {
                  width:100%;
                  margin-left:0px;         }

         .mw200{ max-width:225px; }


}


@media only screen
and (max-width : 500px){

         .slideshow-container-angebot {
                 height: 300px;
         }

         .mw200{ max-width:150px; }


}