.Template.s508 {
  font-family: Arial, sans-serif;
  margin: 0;
  font-size: 14px;
}

.s508 #container {
    background: #FFFFFF url(/gfx/gg_frame.jpg) repeat-x left top;
    border-bottom: 2px solid #787878;
    height: 120px;
    margin: 0 auto;
    position: relative;
    width: 100%;
}

.s508 #leftGradient {
  background: url(/gfx/gg_frame_left.jpg) no-repeat left top;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 120px;
  height: 120px;
}

.s508 #rightGradient {
  background: url(/gfx/gg_frame_right.jpg) no-repeat left top;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 120px;
  height: 120px;
}

.s508 #logo {
    float: left;
    height: 110px;
    margin: 0 25px 0 30px;
    position: relative;
    width: 113px;
}

.s508 #logo a {
    background: url("/gfx/logo-allgaeu.png") no-repeat left top;
    display: block;
    height: 110px;
    margin: 0px;
    width: 113px;
  overflow: hidden;
  text-indent: 5000px;
}

.s508 #gg-data {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #000;
  background: #fff;
  width: 690px;
  float: left;
  position: relative;
  margin: 10px;
  padding: 5px;
}

.s508 #gg-data #travel_detail {
  background: #432B12;
  color: #FFFFFF;
  padding: 10px;
  margin: 0px;
}

.s508 .gg-shortdesc .bild {
  width: 160px;
  height: 108px;
  overflow: hidden;
  float: left;
  margin: 0px 10px 0px 0px;
  position: relative;
}

.s508 .gg-shortdesc .bild img {
  width: 160px;
}

.s508 .gg-shortdesc .infos {
  float: left;
  position: relative;
  width: 500px;
}

.s508 .gg-shortdesc .infos h1.betriebsname {
  font-size: 1em;
  margin: 0 2px 2px;
  font-style: normal;
}

.s508 .gg-shortdesc .infos .beschreibung {
  margin: 5px 2px 0;
}

.s508 .gg-shortdesc .infos .buchungslink  {
    background: none repeat scroll 0 0 #432B12;
    right: 0px;
    top: 4px;
    position: absolute;
  width: 195px;
}

.s508 .gg-shortdesc .infos .buchungslink a  {
    background: url("/gfx/travel/frameset/weitereHoefe.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: block;
    font-size: 0.79em;
    height: 22px;
    line-height: 22px;
    padding-left: 15px;
    text-decoration: none;
    text-transform: uppercase;
    width: 195px;
  position: relative;
}

.s508 #gg-websiteframe {
  width: 100%;
  height: 100%;
}

.s508 .schliessen {
  height: 16px;
  position: absolute;
  right: 10px;
  top: 10px;
  text-align: right;
   z-index: 1;
}

.s508 .schliessen a {
    background: url("/gfx/travel/frameset/gg_frame_close.png") no-repeat scroll right center transparent;
    color: #000;
    display: block;
    height: 16px;
    line-height: 16px;
    padding: 0 20px 0 0;
    position: relative;
}

.s508 .schliessen a:hover {
    background: url("/gfx/travel/frameset/gg_frame_close_hover.png") no-repeat scroll right center transparent;
    color: #202020;
}

.s508 .hostEvaluation {
  position: absolute;
  right: 10px;
  top: 30px;
  z-index: 1;
}

.s508 .hostEvaluation .hostLeaflet {
  background: url("/se_data/global/gfx/travel/bg-merken.png") no-repeat right center;
  cursor: pointer;
  color: #000;
  display: block;
  padding: 2px 20px 2px 0px;
  text-decoration: underline;
}

.s508 .hostEvaluation .hostLeaflet:hover {
  color: #000;
}

.s508 #gg_infos {
    display: block;
    margin-left: 193px;
    position: relative;
  z-index: 1;
}

.s508 #gg_infos p {
    font-size: 14px;
    margin: 0;
    padding-bottom: 10px;
    padding-top: 20px;
    text-transform: uppercase;
}

.s508 .button1 {
  box-shadow: 0px 1px 1px #E9E9E9;
  -moz-box-shadow: 0px 1px 1px #E9E9E9;
  -webkit-box-shadow: 0px 1px 1px #E9E9E9;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  margin-right: 10px;
  position: relative;
  float: left;
  text-decoration: none;
color: #332504;
display: block;
font-size: 13px;
height: 19px;
line-height: 19px;
text-align: center;
width: 157px;
background: #d1c397; /* Old browsers */
background: -moz-linear-gradient(top,  #d1c397 0%, #bfaf79 100%); /* FF3.6+ */
background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1c397),  color-stop(100%,#bfaf79)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d1c397 0%,#bfaf79 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d1c397 0%,#bfaf79 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top,  #d1c397 0%,#bfaf79 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1c397', endColorstr='#bfaf79',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top,  #d1c397 0%,#bfaf79 100%); /* W3C */
}

.s508 .button1:hover {
background: #bfaf79; /* Old browsers */
background: -moz-linear-gradient(top,  #bfaf79 0%, #d1c397 100%); /* FF3.6+ */
background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfaf79),  color-stop(100%,#d1c397)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #bfaf79 0%,#d1c397 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #bfaf79 0%,#d1c397 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top,  #bfaf79 0%,#d1c397 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfaf79', endColorstr='#d1c397',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top,  #bfaf79 0%,#d1c397 100%); /* W3C */
}

.s508 .button2 {
    box-shadow: 0px 1px 1px #E9E9E9;
  -moz-box-shadow: 0px 1px 1px #E9E9E9;
  -webkit-box-shadow: 0px 1px 1px #E9E9E9;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  position: relative;
  float: left;
text-decoration: none;
color: #332504;
display: block;
font-size: 13px;
height: 19px;
line-height: 19px;
text-align: center;
padding: 0px 5px;
background: #9fc754; /* Old browsers */
background: -moz-linear-gradient(top,  #9fc754 0%, #78b51c 100%); /* FF3.6+ */
background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9fc754),  color-stop(100%,#78b51c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #9fc754 0%,#78b51c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #9fc754 0%,#78b51c 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top,  #9fc754 0%,#78b51c 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9fc754', endColorstr='#78b51c',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top,  #9fc754 0%,#78b51c 100%); /* W3C */
  z-index: 1;
}

.s508 .button2:hover {
background: #78b51c; /* Old browsers */
background: -moz-linear-gradient(top,  #78b51c 0%, #9fc754 100%); /* FF3.6+ */
background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#78b51c),  color-stop(100%,#9fc754)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #78b51c 0%,#9fc754 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #78b51c 0%,#9fc754 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top,  #78b51c 0%,#9fc754 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78b51c', endColorstr='#9fc754',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top,  #78b51c 0%,#9fc754 100%); /* W3C */
}

.s508 #links_right {
    position: absolute;
    right: 31px;
    top: 53px;
  z-index: 1;
}

.s508 #links_right a {
  color: #006ab3;
  font-size: 11px;
}

.s508 #links_right a:hover {
  color: #005188;
  font-size: 11px;
}

/* Styling Merkzettel */

.s508 #leaflet {
  background: #fff;
  position: absolute;
  top: 0px;
  color: #000;
  right: 165px;
  /* padding: 20px 10px 10px 10px; */
  width: 230px;
  z-index: 2;
}

.s508 #leaflet .box {
  padding: 20px 10px 10px 10px;
}

.s508 #leaflet p {
  margin: 0px;
}

.s508 #leaflet h4.boxDescription {
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 5px;
    text-transform: uppercase;
    cursor: pointer;
}

.s508 #leaflet .filter {
  /* display: none; */
}

.s508 #leaflet ul { list-style-type: none; margin: 0px; padding: 0px; }

.s508 #leaflet .filter ul li { border-bottom: 1px solid #fff; padding: 3px 0px; line-height: 12px; }

.s508 #leaflet span.delete { background-color: #FFFFFF; background-image: url(/css/smoothness/images/ui-icons_888888_256x240.png); background-position: -96px -128px; border: 1px solid #D3D3D3; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; height: 16px; width: 16px; background-repeat: no-repeat; overflow: hidden; color: #FF0000; cursor: pointer; display: block; float: right; text-indent: -5000px;
}

.s508 #leaflet h5 { border-top: 1px solid #fff; margin: 0px; padding: 0px; display: inline; }

.s508 #leaflet h5 a { display: block; font-size: 14px; font-weight: bold; }

.s508 #leaflet a {
  color: #000;
  text-decoration: none;
}