@media all { /* Erlebnisangebote */
#erlebnisangebote {
  position: absolute;
  left: 65px;
  bottom: 310px;
}

/* ----------------- Carousel -----------------*/

#erlebnis_container {
    width: 285px;
    padding: 10px;
    margin: auto;
    background-color: #000;
    background-color: rgba(0,0,0,0.4);
}

#erlebnis_container #blackOverlay {
    bottom: 0px;
    height: 16px;
    left: 17px;
    position: absolute;
    width: 250px;
    z-index: 1;
    color: #FFFFFF;
    font-size: 11px;
    text-align: center;
}

#erlebnis_container #blackOverlay a {
    color: #FFFFFF;
    font-size: 11px;
}

#erlebnisse {
    width: 285px !important;
    height: 160px !important;
    overflow: hidden;
    padding: 0px 0px 25px 0px;
}

#erlebnisse ul {
    list-style: none;
    width: 1500px;
    margin: 0;
    padding: 0;
    position: relative;
}

#erlebnisse li {
    display: inline;
    float: left;
    width: 285px;
    /*padding: 10px;*/
    box-sizing: border-box;
}

#erlebnis_container .textholder {
    display: none;
}

#erlebnisse .erlebnis {
    position:absolute;
    top: -28px;
    z-index: 100;
}

#erlebnisse .detail-wrap {
  margin-top: 10px;
}

#erlebnisse span {
    color:#FFFFFF;
}

#erlebnisse a {
    display: block;
    /*max-width: 265px;*/
    position: relative;
    text-decoration: none;
}

#erlebnisse a.erlebnis-img {
  width: 100%;
  height: 85px;
  overflow: hidden;
}

#erlebnisse a.erlebnis-img img {
  width: 285px;
  max-width: 100%;
  height: auto;
}

#erlebnisse a.erlebnis-preis {
  background: #a50816;
  padding: 5px;
  float: left;
  font-size: 14px;
  width: 80px;
  margin-right: 8px;
}

#erlebnisse a.erlebnis-desc {
  font-family: Georgia,Palatino,Palatino Linotype,Times,Times New Roman,serif;
  font-size: 16px;
  font-style: italic;
}

#erlebnis_container .nav-arrow-left,
#erlebnis_container .nav-arrow-right {
  top: auto !important;
  bottom: 0;
}

#erlebnis_container .nav-arrow-left img,
#erlebnis_container .nav-arrow-right img {
 display: block;
}

/* Erlebnisslider End */

.addthis_default_style .at15t_expanded, .addthis_default_style .at15t_compact {
    margin-right: 0px !important;
}

/* Globale Vorgaben nach Umstellung auf em */

.Body .Document H1 { font-size: 20px; }

.Body .Document H2 { font-size: 16px; }

.Body .Document H3 { font-size: 14px; }

.Body .Document H4 { font-size: 12px; }

.listeData .vorschauData li .name { font-size: 10px; }

.listeData .vorschauData li .filename,
.listeData .vorschauData li .size,
.trefferlistefooter,
.trefferlisteheader,
.Template .minitext { font-size: 11px; }

/* Globale Templates */

/* Artikel - Reine Bild-Darstellung */

.s9 .Nachricht .datum {
    font-size: 11px;
}

/*----------------------------------------------------------------------------------------------------------------------------------*/

/* Bilder-/Datengalerie - Standard */

.s3 .listeData .vorschauData li .filename,
.s3 .listeData .vorschauData li .size {
    font-size: 10px;
}

/*----------------------------------------------------------------------------------------------------------------------------------*/

/* Sitemap - Standard */

.s6 .Seite .box {
    font-size: 13px;
}

.s6 .Seite h3 {
    font-size: 17px;
}

.s6 .Seite .box .button {
    font-size: 11px;
}

/* Sitemap - Zeilen??bersicht */

.s247 .Seite .head a {
    font-size: 15px;
}

/*----------------------------------------------------------------------------------------------------------------------------------*/

/* Text - Introvorlage */

.s207 .header h1 {
    font-size: 22px;
}

.s207 .header h2{
    font-size: 15px;
}

.s207 .textile{
    font-size: 15px;
}

.s207 .spalte .minitext{
    font-size: 10px;
}

/*--------------------------------------------------SYSTEMVORLAGEN--------------------------------------------------------------------------------*/

/* Gastgeber - Standard */

.s142 .treffer .detailinfo .name .sterne {
    font-size: 9px;
}

.s142 .treffer .kontaktinfo .beschreibung,
.s142 .treffer .kontaktinfo .merkmale {
    font-size: 11px;
}

.s142 .treffer .kontaktinfo .preis .info {
    font-size: 9px;
}

/* Global Ende */

.Body {
    font-family: Lucida Grande, Lucida Sans Unicode, Tahoma, sans-serif;
}

#printHeader {
    display: none;
}

a {
    text-decoration: none;
}

a img {
    border: none;
}

#container {
    width: 1000px;
    font-size: 14px;
    height: 785px;
    margin: 0px auto;
    position: relative;
    overflow: hidden;
}

#innerPic {
  position: relative;
  width: 1000px;
  height: 505px;
  overflow: hidden;
}

#innerPic img {
  top: 0;
  height: auto;
  left: 0;
  position: absolute;
  width: 100%;
}

#logo {
    position: absolute;
    width: 183px;
    top: 0px;
    right: 12px;
}

#rightColumn {
    background: url(/gfx/bg-rightColumnHome.png) no-repeat left top;
    height: 785px;
    width: 300px;
    padding: 0px 12px;
    position: absolute;
    right: 25px;
    top: 0px;
    z-index: 1;
}

#rightColumn .Template {
    width: 270px;
}

#rightColumn .headline {
    background: #a50816;
    font-family: Palatino Linotype,Book Antiqua,Palatino,serif;
    color: #fff;
    padding: 10px 20px;
    font-size: 1.4em;
    line-height: 19px;
    font-weight: normal;
    margin: 0px 0px 0px 0px;
}

#rightColumn .headline strong {
    font-size: 1.4em;
    font-weight: normal;
}

#rightColumn .headline p {
    margin: 0px;
}

#rightColumn .text .textile p {
    color: #000;
    padding: 0px 20px;
    font-size: 0.9em;
    line-height: 18px;
    margin: 0px;
}

#veranstaltungen,
#news,
#default,
#wetter,
#karte,
#digitaleKarte {
    visibility: hidden;
}

#default,
#veranstaltungen,
#news,
#webcam,
#wetter,
#karte,
#digitaleKarte {
    position: absolute;
    top: 150px;
    left: 12px;
    width: 300px;
}

.hideMe {
  text-indent: -9999px;
}

.showMe {
  text-indent: 0;
}

.wetterlink {
    text-align: center;
}

.wetterlink a {
    background: url("/gfx/bg-content-mehr.jpg") no-repeat scroll right center transparent;
    color: #AF0917;
    cursor: pointer;
    font-size: 0.9em;
    font-weight: bold;
    padding-right: 20px;
    text-decoration: none;
}

/* Veranstaltungen */

#veranstaltungen .treffer {
    background: none;
    border: none;
    width: 260px;
    margin: 0px 0px 10px 0px;
    padding: 0px 20px;
}

#veranstaltungen .gruppe h3 {
    padding: 0px 20px;
    margin: 5px 0px;
}

#veranstaltungen .gruppe h3 {
    color: #a50816;
    font-size: 15px;
}

#veranstaltungen .treffer .bildinfo {
    width: 70px;
    left: 20px;
    top: 15px;
}


#veranstaltungen .treffer .bildinfo .bild {
    width: 70px;
    height: 50px;
}

#veranstaltungen .treffer .bildinfo .bild img {
    width: 70px;
}

#veranstaltungen .treffer .detailinfo {
    top: 0px;
    left: 20px;
    height: auto;
    overflow: visible;
}

#veranstaltungen .treffer .detailinfo .kategorie {
    left: 0px;
    right: auto;
    font-size: 0.7em;
    font-weight: normal;
    color: #666;
    padding: 0px;
    height: 25px;
    width: 70px;
    overflow: hidden;
    text-align: left;
}

#veranstaltungen .treffer .detailinfo .name {
    left: 75px;
    width: 185px;
}

#veranstaltungen .treffer .detailinfo .name .titel {
    padding: 0px;
}

#veranstaltungen .treffer .detailinfo .name .titel a {
    font-size: 12px;
    color: #000;
    line-height: 12px;
    padding: 0px;
}

#veranstaltungen .treffer .kontaktinfo {
    padding: 25px 0px 0px 0px;
}

#veranstaltungen .treffer .kontaktinfo .adresse {
    display: none;
}

#veranstaltungen .treffer .kontaktinfo .beschreibung {
    margin: 0px;
    padding: 0px 45px 0px 75px;
    height: 42px;
    color: #000;
}

#veranstaltungen .treffer .kontaktinfo .weiter {
    right: 20px;
}

#veranstaltungen .treffer .kontaktinfo .weiter a {
    background: none;
    padding: 0px;
    color: #666;
    font-size: 12px;
}

#veranstaltungen .treffer .kontaktinfo .weiter a:hover {
    color: #000;
}

#veranstaltungen .more,
#webcam_carousel .more {
    width: 280px;
    text-align: right;
    position: relative;
    padding-right: 20px;
}

#veranstaltungen .more a,
#webcam_carousel .more a {
    background: url(/gfx/bg-leftcolumn-mehr.jpg) no-repeat right center;
    color: #af0917;
    font-weight: bold;
    font-size: 10px;
    padding-right: 20px;
    text-decoration: none;
}

/* Artikel rechte Spalte */

#artikel .Template.s2 .spalte {
    width: 270px;
}

#artikel .button {
    text-align: right;
}

#artikel .button a {
    color: #666666;
    font-size: 12px;
    text-transform: uppercase;
}

#artikel .Template.s2 .Nachricht .bild {
    margin-right: 10px;
}

#artikel .Template.s2 .Nachricht.spalte .info {
  width: 150px;
  float: left;
}

#artikel .Template.s2 h1 {
    margin: 0px 0px 10px 0px;
}

#artikel .Template.s2 h1 a {
    color: #A50816;
    font-size: 15px;
    line-height: 18px;
    display: block;
}

/* ----------------- Webcams -----------------*/

#webcam_carousel {
    width: 300px;
    margin: auto;
}

#webcam_carousel .textholder {
    display: none;
}

#webcamSlider {
    width: 300px;
    height: 226px;
    overflow: scroll;
    background: #a50816;
}

#webcamSlider ul {
    list-style: none;
    width: 1500px;
    margin: 0;
    padding: 0;
    position: relative;
}

#webcamSlider li {
    display: inline;
    float: left;
}

#webcamSlider span {
    color:#FFFFFF;
    font-family: Georgia,Palatino,Palatino Linotype,Times,Times New Roman,serif;
    font-size:18px;
    padding-left:11px;
    position:absolute;
    top: -28px;
    z-index: 100;
}

#webcamSlider span.webcamName {
  background: #A50816;
    font-size:11px;
    padding: 5px;
    top: 200px;
    left: 0px;
  width: 290px;
  display: block;
}

#webcamSlider a {
    text-decoration: none;
}

/* ----------------- Webcams Ende-----------------*/

#allgaeuLogo a {
  background: url(/gfx/allgaeu-logo.png) no-repeat left top;
  position: absolute;
  display: block;
  left: 60px;
  top: 0px;
  width: 98px;
  height: 96px;
  overflow: hidden;
  text-indent: -5000px;
}

/* ICONS */

#icons {
    position: absolute;
    top: 113px;
    right: 350px;
    width: 180px;
}

#icons a {
    display: block;
    width: 140px;
    height: 34px;
    padding: 0px 40px 3px 0px;
    text-align: right;
    line-height: 34px;
    color: #FFFFFF;
    text-shadow: 0 0 3px #303030;
}

#icons .home {
    background: url(/gfx/icons/home-off.png) no-repeat right top;
}

#icons .home:hover,
#icons .home.on {
    background: url(/gfx/icons/home-on.png) no-repeat right top;
    font-weight: bold;
}

#icons .va {
    background: url(/gfx/icons/va-off.png) no-repeat right top;
}

#icons .va:hover,
#icons .va.on {
    background: url(/gfx/icons/va-on.png) no-repeat right top;
    font-weight: bold;
}

#icons .aktuell {
    background: url(/gfx/icons/news-off.png) no-repeat right top;
}

#icons .aktuell:hover,
#icons .aktuell.on {
    background: url(/gfx/icons/news-on.png) no-repeat right top;
    font-weight: bold;
}

#icons .webcam {
    background: url(/gfx/icons/webcam-off.png) no-repeat right top;
}

#icons .webcam:hover,
#icons .webcam.on {
    background: url(/gfx/icons/webcam-on.png) no-repeat right top;
    font-weight: bold;
}

#icons .wetter {
    background: url(/gfx/icons/wetter-off.png) no-repeat right top;
}

#icons .wetter:hover,
#icons .wetter.on {
    background: url(/gfx/icons/wetter-on.png) no-repeat right top;
    font-weight: bold;
}

#icons .karte {
    background: url(/gfx/icons/karte-off.png) no-repeat right top;
}

#icons a.karte:hover,
#icons .karte.on {
    background: url(/gfx/icons/karte-on.png) no-repeat right top;
    font-weight: bold;
}

#icons a.digitaleKarte {
    background: url(/gfx/icons/digitale_karte_off.png) no-repeat right top;
}

#icons a.digitaleKarte:hover,
#icons .digitaleKarte.on {
    background: url(/gfx/icons/digitale_karte_on.png) no-repeat right top;
    font-weight: bold;
}

#why {
    position: absolute;
    left: 35px;
    top: 465px;
    width: 260px;
}

#why p {
    background: url(/gfx/bg-wieso-off.gif) no-repeat left top;
    width: 235px;
    cursor: pointer;
    height: 26px;
    display: block;
    margin: 0px auto;
    padding: 38px 0px 0px 25px;
    color: #785630;
    font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
    font-style: italic;
    font-size: 16px;
    text-decoration: none;
}

#why p.on {
    background: url(/gfx/bg-wieso-on.gif) no-repeat left top;
    padding: 38px 0px 0px 25px;
}

.travelSearch {
    bottom: 115px;
    left: 35px;
    position: absolute;
    width: 250px;
    height: 125px;
}

.travelSearch form {
    overflow: hidden;
}

#navigation {
    background: #A50816;
    position: absolute;
    left: 0px;
    bottom: 250px;
    width: 996px;
    padding-left: 4px;
}

#mainNav .break {
    display: none;
}

#mainNav ul {
    margin: 0px;
    padding: 0px;
}

#mainNav ul li,
#mainNav ul li a {
    display: block;
    float: left;
}

#mainNav ul li a {
    background: #A50816;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    text-decoration: none;
    padding: 9px 8px;
}

#mainNav ul li a:hover,
#mainNav ul li.active a,
#mainNav ul li.open a {
    background: #dababc;
    color: #000;
}

#mainNav ul li.menu_alpenbad,
#mainNav ul li.menu_skizentrum {
  display: none;
}

#zehnGruende {
    position: absolute;
    bottom: 0px;
    right: 335px;
    display: none;
    z-index: 1;
    width: 665px;
    height: 415px;
}

#zehnGruendeWrapper {
    background: #F5EDD8;
    padding: 15px;
    width: 640px;
    height: 370px;
    position: relative;
    top: 15px;
    display: block;
}

#zehnGruendeSchliessen {
    background: #F5EDD8;
    width: 75px;
    position: absolute;
    right: 10px;
    text-align: right;
    padding: 2px 2px 0px 0px;
    font-size: 11px;
}

#zehnGruendeSchliessen a {
    background: url(/gfx/close13x13.gif) no-repeat right top;
    font-size: 11px;
    padding: 0 15px 0 0;
    cursor: pointer;
}

#zehnGruende .switcher {
    width: 340px;
    padding-right: 20px;
    float: left;
}

#zehnGruende .zehnGruende-Content {
    width: 280px;
    float: left;
}

.zehnGruende-artikel .Template {
    margin: 0px;
}

.zehnGruende-artikel .Template h1,
.zehnGruende-artikel .Template h1 a {
    color: #A50816;
    font-family: Lucida Grande, Lucida Sans Unicode, Tahoma, sans-serif;
    font-weight: bold;
    font-size: 15px;
    text-decoration: none;
    margin-bottom: 5px;
}

.zehnGruende-artikel .Nachricht .bild {
    width: 100px;
    top: 25px;
}

.zehnGruende-artikel .Nachricht .bild img {
    width: 100px;
    height: auto;
}

.zehnGruende-artikel .Nachricht.spalte {
    min-height: 100px;
    width: 280px;
    pargin: 0px 0px 10px 0px;
}

.zehnGruende-artikel .Nachricht.spalte .info .text {
    margin-left: 110px;
}

.zehnGruende-artikel .Nachricht.spalte .info .button {
    display: none;
}

.travelSearch h1 {
    font-family: Lucida Grande, Lucida Sans Unicode, Tahoma, sans-serif;
    color: #A50816;
    font-weight: bold;
    font-size: 15px;
    text-decoration: none;
    margin: 0px;
}

#zehnGruende-headline {
    width: 340px;
    height: 75px;
    overflow: hidden;
}

#zehnGruende-headline h1 {
    text-indent: -1000px;
    margin: 0px;
}

.travelSearchGruende h1 {
    font-family: Lucida Grande, Lucida Sans Unicode, Tahoma, sans-serif;
    color: #A50816;
    font-weight: bold;
    font-size: 15px;
    text-decoration: none;
    margin: 0px;
}


.travelSearchGruende label {
    color: #785731;
    font-size: 10px;
}

.travelSearchGruende .button {
    background: url(/gfx/quasuButton.jpg) no-repeat left top;
    width: 120px;
    height: 22px;
    color: #fff;
    margin: 0px;
    text-align: left;
}

/*---- Quartiersuche ------*/

#quicksearch {
    background: url(/gfx/bg-quicksearch.png) no-repeat left center;
    padding: 14px 0px 14px 40px;
}

.travelSearchGruende .Calendar,
.travelSearch .Calendar {
    position: absolute;
    left: 0px;
    top: 0px;
}

.travelSearchTop {
    height: 22px;
}

.travelSearchTop #trefferzeitraumTop {
    background: none;
    padding: 0px;
    margin-bottom: 3px;
}

.travelSearchTop #travelZeitraumTop,
.travelSearch #travelZeitraum,
.travelSearchGruende #travelZeitraumGruende{
    float: left;
}

#treffersuchedatumTop_tr,
#treffersuchedatum_tr,
#treffersuchedatum_tr {
    margin: 0px 0px 5px 0px;
}

.travelSearchTop input,
.travelSearch input,
.travelZeitraumGruende input {
    background-color: #fff !important;
    border: none;
}

.travelSearchGruende label,
.travelSearch label {
    color: #785731;
    font-size: 10px;
}

.travelSearchTop label {
    color: #fff;
    font-size: 12px;
}

.travelSearchTop .von,
.travelSearchTop .bis,
.travelSearchTop .button,
.travelSearchTop #filter_kategorieTop,
.travelSearch .von,
.travelSearch .bis,
.travelSearch .button,
.travelSearch #filter_kategorieTop,
.travelSearchGruende .von,
.travelSearchGruende .bis,
.travelSearchGruende .button,
.travelSearchGruende #filter_kategorieGruende {
    float: left;
}

.travelSearchTop .von,
.travelSearch .von,
.travelSearchGruende .von {
    padding-right: 10px;
}

.travelSearchGruende #filter_personGruende,
.travelSearch #filter_person {
    float: left;
    margin-bottom: 3px;
}

.travelSearchTop #filter_personTop {
    height: 19px;
    margin: 1px 10px 0px 10px;
    float: left;
}

.travelSearchTop #filter_kategorieTop {
    margin-right: 5px;
}

.travelSearchTop #treffersuchekategorienTop {
    padding: 0px;
    height: 19px;
    width: 105px;
}

/* SE TAGCLOUOD */

#tagcloud {
    background: url(/gfx/bg-tagCloudHome.png) repeat-x left top;
    position: absolute;
    bottom: 120px;
    height: 100px;
    left: 0px;
    padding: 15px 350px 15px 10px;
    width: 640px;
}

#gettagcloud {
    width: 620px;
}

DIV.seTagCloudWidget.border {
    padding:20px;
    margin:30px;
    border: 1px dashed #999;
}

DIV.seTagCloudWidget.big {
    font-size:12px;
}

DIV.seTagCloudWidget.small {
    font-size:10px;
}

DIV.seTagCloud {
    display: inline;
    vertical-align: middle;
    float:left;
    padding:4px;
    line-height:22px;
}

DIV.seTagCloud a {
    display: block;
    float: left;
    text-decoration: none;
}

.big DIV.seTagCloud a {
    height:14px;
}

.small DIV.seTagCloud a {    height:12px; }

.black DIV.seTagCloud a {    color: #fff; }

.white DIV.seTagCloud a {    color: #fff; }

DIV.seTagCloud.size1 a {    font-size: 1.1em; }

DIV.seTagCloud.size2 a {    font-size: 1.2em; }

DIV.seTagCloud.size3 a {    font-size: 1.3em; }

DIV.seTagCloud.size4 a {    font-size: 1.4em; }

DIV.seTagCloud.size5 a {    font-size: 1.5em; }

DIV.seTagCloud.size6 a {    font-size: 1.6em; }

DIV.seTagCloud.size7 a {    font-size: 1.7em; }

DIV.seTagCloud.size8 a {    font-size: 1.8em; }

DIV.seTagCloud.size9 a {    font-size: 1.9em; }

DIV.seTagCloud.size10 a {    font-size: 2.0em; }

DIV.seTagCloud.highlight a { color: #e4e4e4 !important; }

.black DIV.seTagCloud.size10 a {  color: #fff;  font-size: 2em;}

.white DIV.seTagCloud.size5 a {    color: #fff;  font-size: 1.5em;}

.white DIV.seTagCloud.size6 a {    color: #fff;  font-size: 1.6em;}

.white DIV.seTagCloud.size7 a {    color: #fff;  font-size: 1.7em;}

.white DIV.seTagCloud.size8 a {    color: #fff;  font-size: 1.8em;}

.white DIV.seTagCloud.size9 a {    color: #fff;  font-size: 1.9em;}

.white DIV.seTagCloud.size10 a {  color: #fff;  font-size: 2em;}

#linkBar {
    padding-top: 7px;
}

#siteSearch .query {
    border-top: 1px solid #f6edd8;
    border-bottom: 1px solid #f6edd8;
    border-left: 1px solid #f6edd8;
    border-right: none;
    background: #785731;
    color: #f6edd8;
    float: left;
    height: 15px;
    font-size: 12px;
    padding: 3px;
    width: 100px;
}

#siteSearch .button,
#languages,
#fontsizer {
    margin-right: 5px;
}

#siteSearch,
#languages,
#fontsizer,
#externalLinks,
#socialMediaLinks {
    float: left;
}

#socialMediaLinks {
    margin-top: 3px;
}

#fontsizer a {
    display: block;
    float: left;
    margin-right: 2px;
}

#languages {
    border: 1px solid #f6edd8;
    background: #785731;
}

#languages a {
    float: left;
    display: block;
    padding: 2px;
}

#externalLinks a {
    border: #f6edd8;
    background: #785731;
    color: #f6edd8;
    float: left;
    display: block;
    font-size: 11px;
    line-height: 11px;
    padding: 6px 4px;
    text-decoration: none;
    margin-right: 2px;
}

#externalLinks a:hover,
#externalLinks a.on {
    border: #785731;
    color: #785731;
    background: #f6edd8;
}


#appstore {
    display: block;
    left: 534px;
    position: absolute;
    top: 108px;
    width: 130px;
}


#appstore a {
    border: #999999;
    background: #000000;
    color: #ffffff;
    font-size: 9px;
    line-height: 9px;
    padding: 2px;
    text-decoration: none;
    margin-right: 12px;
}

#appstore a:hover,
#appstore a.on {
    border: #000000;
    color: #ffffff;
    background: #999999;
}

#android {
    display: block;
    left: 469px;
    position: absolute;
    top: 108px;
    width: 130px;
}


#android a {
    border: #999999;
    background: #97c121;
    color: #ffffff;
    font-size: 9px;
    line-height: 9px;
    padding: 2px;
    text-decoration: none;
    margin-right: 12px;
}

#android a:hover,
#android a.on {
    border: #000000;
    color: #ffffff;
    background: #999999;
}

.socialMedia {
  background-image: url(/gfx/socialMediaIcons.png);
  background-repeat: no-repeat;
  background-position: left top;
  width: 17px;
  height: 17px;
  display: block;
  position: relative;
  overflow: hidden;
  text-indent: -5000px;
  float: left;
  margin-left: 5px;
}


#facebook {
  /* left: 385px; */
  background-position: 0 -51px;
}

#googlePlus {
  background-position: 0 -85px;
  /*
   background-position: 0 -34px;
  left: 410px;
  */
}

#pinterest {
  background-position: 0 -68px; 
  /*
  background-position: 0 -17px;
  left: 435px;
  */
}

/*
#facebook:hover {
  background-position: 0 -51px;
}

#googlePlus:hover {
   background-position: 0 -85px;
}

#pinterest:hover {
  background-position: 0 -68px; 
}
*/

#socialBookmarks {
  left: 440px;
  position: absolute;
  top: 110px;
}

#footer {
    background: #e3c889;
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 20px 350px 20px 30px;
    width: 620px;
    height: 80px;
}

#footer p,
#footer .kontakt a {
    color: #654c1e;
    margin: 0px;
}

#footer,
#footer a {
    font-size: 12px;
    line-height: 20px;
}

#footer a {
    display: block;
}

#footer .links1,
#footer .links2,
#footer .anschrift,
#footer .kontakt,
#footer .allgaeuLogo {
    float: left;
}

#footer .links1 a,
#footer .links2 a {
    color: #9a7827;
    text-decoration: none;
}

#footer .links1 {
    width: 110px;
}

#footer .links2,
#footer .anschrift {
    width: 130px;
}

#footer .kontakt {
    width: 170px;
    margin-right: 10px;
}

/* Bugfix for IE7 */
.addthis_toolbox {
  width: 110px;
}

/*--------------- CSS Hintergrundbild --------------------------------*/

#wrapper {
    background: url(/gfx/abdecker.png) repeat-y scroll center top;
    position: relative;
    width: 100%;
    z-index: 2;
}

#wrapperFadeOut {
    background: url(/gfx/abdeckerBottom.png) repeat-x left top;
    width: 100%;
    height: 145px;
    position: relative;
    z-index: 2;
}

.backgroundPic {
    left: 0px;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
}

.backgroundPic .bild {
    width: 100%;
}

.backgroundPic .bild img {
    width: 100%;
}

.fade {
    background: url(/gfx/verlauf.png) repeat-x left bottom;
    height: 400px;
    bottom: 0px;
    z-index: 2;
    position: absolute;
    width: 100%;
}

/* Searchform Travel */

.trefferlistefooter {
    border-top: 1px solid #a50816;
    background: none;
    color: #a50816;
}

.trefferlistefooter a {
    color: #000;
}

.trefferlistefooter .button {
    text-align: left;
}

.trefferlisteheader {
    background: none;
    color: #000;
    width: 600px;
}

.s142 #travelsearch,
.s142 #travelsearch .travelsuche,
.s142 #travelsearch .treffersucheheader,
.s142 #travelsearch .treffersuchefooter,
.s142 #travelsearch #trefferzeitraum,
.s142 #travelsearch .treffersuche .merkmale,
.s142 #travelsearch .treffersuche #zimmer2,
.s142 #travelsearch .treffersuche .treffersuchewas #zimmer2 .zimmertyp,
.s142 #travelsearch .treffersuche .treffersuchewas #zimmer2 .personen {
    background: none !important;
}

.s142 .treffersuche #labelzimmer1,
.s142 .treffersuche #labelausstattung1,
.s142 .treffersuche #labelhausausstattung1 {
    background: transparent url(/se_data/global/gfx/travel/remove.jpg) no-repeat scroll 20px 4px;
}

.s142 #travelsearch .treffersuche,
.s142 #travelsearch .treffersucheheader,
.s142 #travelsearch .treffersuchefooter {
    margin: 0px;
}

.s142 #travelsearch .treffersucheheader,
.s142 #travelsearch .treffersuche h3 {
    border-bottom: 1px solid #a50816;
}

.s142 #travelsearch .treffersuchefooter {
    border-top: 1px solid #a50816;
}

.s142 #travelsearch .treffersuche h3,
.s142 #travelsearch .treffersuche h3 a {
    color: #000;
}

.s142 #travelsearch .treffersuche {
    background: none;
    color: #000;
}

.s142 #travelsearch .treffersuchefooter .stichwortsuche label {
    color: #000;
    font-size: 12px;
}

.s142 .treffer .kontaktinfo .beschreibung,
.s142 .treffer .kontaktinfo .merkmale {
    color: #000;
}

.s142 .treffer .kontaktinfo .merkmale .merkmal {
    width: 35px;
    height: 35px;
}

#getTravelBetriebe .trefferlistenavi a.active {
    color: #000;
    font-size:13px;
}

#treffersuchepersonenGruende,
#treffersuchepersonen {
    width: 100px;
    margin-right: 10px;
}

#treffersuchekategorienGruende,
#treffersuchekategorien {
    width: 115px;
}

.travelSearch .button,
.travelSearchTop .button {
    background: url(/gfx/quasuButton.jpg) no-repeat left top;
    width: 120px;
    height: 22px;
    color: #fff;
    margin: 0px;
    text-align: left;
}

.travelSearchTop select,
.travelSearch select,
.travelSearchGruende select{
    background: #fff;
    border: none;
}

.travelSearchGruende .suchestarten,
.travelSearch .suchestarten {
    margin: 5px 0px 0px 105px;
}

#content .minheight {
    height: 150px;
    float: left;
}

/* Styling Calendar */

.Calendar {
    font-size: 12px;
}

input.Widget-Calendar-Date {
    width: 95px !important;
}

input.Widget-Calendar-Date,
div.Widget-Calendar-Date input {
    background: #fff url(/gfx/date.jpg) no-repeat scroll right center !important;
    padding: 2px;
}

.Calendar.ThemeDefault .Body {
    border: 1px solid #785731 !important;
    background: #eddbb0 !important;
}

.Calendar.ThemeDefault .Body table td {
    background: #E3C889 !important;
}

.Calendar.ThemeDefault .Body table td.date.hover {
    background: #cbaf6d !important;
}

.Calendar.ThemeDefault .Body table td.selected,
.Calendar.ThemeDefault .Body table td.date.selected.hover {
    background: #A50816 !important;
}

/* ----------------- Carousel -----------------*/

#carousel_container {
    width: 340px;
    margin: auto;
}

#redOverlay {
    background: #A50816;
    bottom: 40px;
    height: 16px;
    left: 15px;
    position: absolute;
    width: 340px;
    z-index: 1;
    color: #FFFFFF;
    font-size: 11px;
    text-align: center;
}

#carousel {
    width: 340px;
    height: 226px;
    overflow: scroll;
    padding-top: 43px;
    background: #a50816;
}

#carousel ul {
    list-style: none;
    width: 1500px;
    margin: 0;
    padding: 0;
    position: relative;
}

#carousel li {
    display: inline;
    float: left;
    width: 340px;
}

.textholder {
    text-align: left;
    font-size: 18px;
    color: white;
    padding: 6px;
    moz-border-radius: 6px 6px 0 0;
    webkit-border-top-left-radius: 6px;
    webkit-border-top-right-radius: 6px;
}

#carousel .zehnGruendeThema {
    position:absolute;
    top: -28px;
    z-index: 100;
}

#carousel span {
    color:#FFFFFF;
    font-family: Georgia,Palatino,Palatino Linotype,Times,Times New Roman,serif;
    font-size:18px;
    padding-left:11px;
}

#carousel a {
    text-decoration: none;
}

/* ----------------- Carousel Ende-----------------*/

.barrierReef {
    display: none;
}

 }