/* FRONTEND CSS
*********************************************/

html {
	/* scrollbar fix (prevent ugly left pull for lower content sites) */
	overflow-y: scroll;
}
@font-face {
  font-family: weblysleek_ui;
  src: url(../fonts/weblysleekuisl.ttf);
}
body {
  font-family: weblysleek_ui;
  font-size: 1.7em;
  color: #333;
  background-color: #00b3e2;
  margin: 0;
}
.col-xs-12, .col-sm-12, .col-md-12 {
    padding-left: 0px;
    padding-right: 0px;
}
.bannerveranstaltungen {
    margin-top: 60px;
    background: rgba(0, 0, 0, 0) url("../images/banners/2.jpg") no-repeat 0 0 / 100% auto;
    background-color: #fff;
}
.bannerhome {
    margin-top: 60px;
    background: rgba(0, 0, 0, 0) url("../images/banners/3.jpg") no-repeat 0 0 / 100% auto;
    background-color: #fff;
}
.bannerwohnungen {
    margin-top: 60px;
    background: rgba(0, 0, 0, 0) url("../images/banners/5.jpg") no-repeat 0 0 / 100% auto;
    background-color: #fff;
}
.bannerpreise {
    margin-top: 60px;
    background: rgba(0, 0, 0, 0) url("../images/banners/1.jpg") no-repeat 0 0 / 100% auto;
    background-color: #fff;
}
.bannerausflug {
    margin-top: 60px;
    background: rgba(0, 0, 0, 0) url("../images/banners/4.jpg") no-repeat 0 0 / 100% auto;
    background-color: #fff;
}
.bannergeschichten {
    margin-top: 60px;
    background: rgba(0, 0, 0, 0) url("../images/banners/8.jpg") no-repeat 0 0 / 100% auto;
    background-color: #fff;
}
.bannerliteratur {
    margin-top: 60px;
    background: rgba(0, 0, 0, 0) url("../images/banners/6.jpg") no-repeat 0 0 / 100% auto;
    background-color: #fff;
}
.bannerkontakt {
    margin-top: 60px;
    background: rgba(0, 0, 0, 0) url("../images/banners/3.jpg") no-repeat 0 0 / 100% auto;
    background-color: #fff;
}
.bannergaeste {
    margin-top: 60px;
    background: rgba(0, 0, 0, 0) url("../images/banners/7.jpg") no-repeat 0 0 / 100% auto;
    background-color: #fff;
}
.BgWhite {
  background-color: #fff;
}
.TextGrey, h1, h2, .ausflugetxt {
    color: #666;
}
.OffsetFromTop {
    margin-top: 380px;
}
.OffsetFromTop2 {
    margin-top: 70px;
}
element.style {
    padding-left: 0px;
    padding-right: 0px;
}
.YellowBg {
    background-color: #fcf3a1;
}
.BlueBg, .navbar {
    background-color: #00b3e2;
}
.KontaktBg {
    background-color: #eeebeb;
    border: 1px solid #ccc; 
    border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 25px;
    margin-top: 4em;
}
a.agb {
  color: #fff;
  }
.ausflugetxt {
    color: #666;
   font-weight: bold;
}
p.ausflugintro {
  color: #666;
  padding: 20px;
}
.ausfluege {
  padding: 1em;
}
.quadrate {
  border: 1em solid #fff;
  background-color: #a6e2cf;
}
.imgquadrate {
  border: 0.3em solid #a6e2cf;
}
img.quadrat {
	display: block;
    margin-left: auto;
    margin-right: auto;
}
img.ausfluege {
  padding: 0.5em;
}
img.haus {
  padding-right: 2em;
}
img.geschichte {
  padding-left: 2em;
}
.backhaus {
  height: 165px;
}
.pfahlbauten {
  height: 240px;
}
.Kinder {
  height: 360px;
}
.navbar {
    border: 0px solid transparent;
    margin-bottom: 0px;
    min-height: 45px;
  font-size: 1.1em;
  float: none;
  padding-bottom: 0.5em;
}
.navbar-nav > li > a {
  padding-top: 1em;
  padding-bottom: 0em;
  line-height: 1.8em;
}
.navbar-default {
    border-color: transparent;
}
.navbar-default .navbar-nav > li > a {
  color: #fff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #000066;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #000066;
  background-color: transparent;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #00b3e2;
}
.ApartmentBox {
  padding: 0em 1em 1em 1em;
  background-color: #fff;
  margin-bottom: 4em;
  margin-top: 3em;
}
.boxWohnungen{
    background-color:#b2e0e1;
    padding:2em;
    color:#666;
    margin-top:4em;
}
.bottompadding{
    padding-bottom: 3em;
}
.Center {
    text-align : center;
}
#veranstaltungen td {
    height: 3em;
}
#veranstaltungen table {
    width: 80%;
}
#BoxVeranstaltungen {
    background-color:#fcf3a1;
}
}
.strong {
    font-weight: bold;
}
p.small, .chrono_credits {
  font-size: 0.8em;
}
#preise td, th {
  padding: 0.5em;
}
#preise table {
  background-color: #eeebeb;
  border: solid 0.3em #99ccff;
}
#preise th {
  background-color: #99ccff;
  color: #fff;
  text-align: left;
}
tr.alt {
  background-color: #ccc;
}
/*.btn {
    background-color: #ffcc33;
    background-image: none;
    border: 1px solid #000000;
    box-shadow: 3px 4px 4px rgba(0, 0, 0, 0.5);
    color: #000000;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 0;
    padding: 4px 12px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}
.icon-print, .icon-envelope, .icon-cog, .icon-options, .icon-mail {
    font-family: "icomoon";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;*/
}
/* MEDIA QUERIES
*********************************************/
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1600px) and (max-width: 2400px) {
.OffsetFromTop {
    margin-top: 840px;
}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
#preise table {
  width: 60%;
}
}
@media (max-width: 992px) {
.OffsetFromTop {
    margin-top: 240px;
}
.bannerveranstaltungen Small{
    margin-top: 70px;
    background: rgba(0, 0, 0, 0) url("../images/banners/2Small.jpg") no-repeat 0 0 / 100% auto;
    background-color: #fff;
}
.bannerhomeSSmall {
    margin-top: 70px;
    background: rgba(0, 0, 0, 0) url("../images/banners/3Small.jpg") no-repeat 0 0 / 100% auto;
    background-color: #fff;
}
.bannerwohnungenSmall {
    margin-top: 70px;
    background: rgba(0, 0, 0, 0) url("../images/banners/5Small.jpg") no-repeat 0 0 / 100% auto;
    background-color: #fff;
}
.bannerpreiseSmall {
    margin-top: 70px;
    background: rgba(0, 0, 0, 0) url("../images/banners/1Small.jpg") no-repeat 0 0 / 100% auto;
    background-color: #fff;
}
.bannerausflugSmall {
    margin-top: 70px;
    background: rgba(0, 0, 0, 0) url("../images/banners/4Small.jpg") no-repeat 0 0 / 100% auto;
    background-color: #fff;
}
.bannergeschichtenSmall {
    margin-top: 70px;
    background: rgba(0, 0, 0, 0) url("../images/banners/8Small.jpg") no-repeat 0 0 / 100% auto;
    background-color: #fff;
}
.bannerliteraturSmall {
    margin-top: 70px;
    background: rgba(0, 0, 0, 0) url("../images/banners/6Small.jpg") no-repeat 0 0 / 100% auto;
    background-color: #fff;
}
.bannerkontaktSmall {
    margin-top: 70px;
    background: rgba(0, 0, 0, 0) url("../images/banners/3Small.jpg") no-repeat 0 0 / 100% auto;
    background-color: #fff;
}
.bannergaesteSmall {
    margin-top: 70px;
    background: rgba(0, 0, 0, 0) url("../images/banners/7Small.jpg") no-repeat 0 0 / 100% auto;
    background-color: #fff;
}
}
@media (max-width: 767px) {
.OffsetFromTop {
    margin-top: 180px;
}
.navbar-nav > li > a {
  padding-top: 0.5em;  
  line-height: 1em;
}
  h1 {
    font-size: 1.5em;
  }
    h2 {
    font-size: 1.4em;
  }
    body {
  font-size: 1.3em;
}
}
@media (min-width: 768px) and (max-width: 992px) {
  h1 {
    font-size: 1.7em;
  }
    h2 {
    font-size: 1.6em;
  }
    body {
  font-size: 1.5em;
}
  .navbar-nav > li > a {
  padding-top: 0.5em;
  line-height: 1.5em;
}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 768px) {
#preise table {
  width: 70%;
}
}
/* Small devices (tablets, 768px and up) */
@media (max-width: 360px) {
.OffsetFromTop {
    margin-top: 100px;
}
.YellowBg {
    background-color: #fff;
}
  .haubarg {
  height: 250px;
}
  .pfahllaenger {
  height: 350px;
}
  .Kinderlaenger {
  height: 500px;
}
  .Erlebnislaenger {
  height: 800px;
}
}
@media (min-width: 480px) {
#preise table {
  width: 100%;
}
}
/* for higher resolutions (android and retina) */
@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (max--moz-device-pixel-ratio: 1.5) {
  
}
.pull-right{
    float:right;
}

.btn-group{
    position:relative;
    margin-top:-30px;
}

.btn-group ul{
    list-style:none;
    display: inline;
    padding-left:4px;
}

.print-icon{
    background: url(../images/printButton.png) no-repeat;
    height: 16px;
    width: 16px;
    overflow: hidden;
    display: inline-block;
}

.email-icon{
    background: url(../images/emailButton.png) no-repeat;
    height: 16px;
    width: 16px;
    overflow: hidden;
    display: inline-block;
}

.print-icon a,
.email-icon a{
    color:transparent;
}