@media all { html {
  font-size: 10px;
}

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

* {
    margin: 0;
    padding: 0;
    outline: 0;
    list-style-type: none;
}

.Template .editor li {
    font-size:0.9em;
    line-height: 1.4em;
}

.Template .editor p,
.Template .editor td {
    font-size:0.9em;
    line-height: 1.4em;
}

#printHeader {
    display: none;
}

a {
    text-decoration: none;
}

a img {
    border: none;
}

#container {
    width: 1000px;
    margin: 0px auto;
    position: relative;
}

#header {
    background: url(/gfx/bg-header.png) no-repeat left top;
    width: 1000px;
    height: 350px;
    position: relative;
    overflow:visible;
}

#logo {
    position: absolute;
    width: 183px;
    top: 5px;
    left: 180px;
}

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

#siteSearch {
    position: absolute;
    right: 25px;
    top: 10px;
}

#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: 125px;
}

#why {
    position: absolute;
    left: 50px;
    top: 155px;
    display:block;
    width:260px;
    height:66px;
}

#why p {
    background: url(/gfx/bg-wieso-off2.gif) no-repeat left top;
    width: 235px;
    cursor: pointer;
    height: 26px;
    display: block;
    margin: 0px auto;
    padding: 40px 25px 0px 0px;
    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-on2.gif) no-repeat left top;
    padding: 40px 25px 0px 0px;
}

#navigation {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 660px;
    height:82px;
}

#mainNav {
    height:32px;
}

#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;
    top: 160px;
    left: 330px;
    display: none;
    z-index: 500;
    width: 670px;
}

#zehnGruendeWrapper {
    background: #F5EDD8 url(/gfx/bg-zehnGruende.jpg) repeat-y left top;
    padding: 15px;
    width: 640px;
    position: relative;
    top: 15px;
    display: block;
}

#zehnGruendeSchliessen {
    background: #F5EDD8;
    width: 75px;
    position: absolute;
    right: 0px;
    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;
}

#zehnGruendeSchatten {
    background: url(/gfx/schatten_10gruende.png);
    height: 10px;
    width: 670px;
    position: relative;
    top: 15px;
}

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

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

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

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

.zehGruende-artikel .s205 .Nachricht .bild {
    width: 100px;
    height: 100px;
    top: 43px;
}

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

.zehGruende-artikel .s205 .Nachricht.spalte {
    min-height: 100px;
}

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

.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;
}

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

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

#leftColumn {
    float: left;
    width: 300px;
    padding-left: 30px;
    margin-top: -115px;
    position: absolute;
    z-index: 1;
}

#subNav {
    background: none repeat scroll 0 0 #F6EDD8;
    left: 30px;
    margin-top: 25px;
    position: absolute;
    top: 235px;
    width: 300px;
    z-index: 150;
}

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

#subNav ul li {
    /*display: none;*/
    list-style:none;
}

#subNav ul li.active,
#subNav ul li.open,
#subNav ul li.active ul li,
#subNav ul li.open ul li {
    display: block;
}

#subNav ul li a {
    background: #a50816;
    color: #fff;
    display: block;
    text-decoration: none;
    font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
    font-size: 18px;
    line-height: 18px;
    padding: 5px 20px;
}

#subNav ul li ul li a {
    font-family: Lucida Grande, Lucida Sans Unicode, Tahoma, sans-serif;
    background: none;
    color: #4f3505;
    display: block;
    text-decoration: none;
    font-size: 14px;
    line-height: 14px;
    padding: 6px 20px;
}

#subNav ul li ul li a:hover,
#subNav ul li ul li.active a,
#subNav ul li ul li.open a {
    background: #a50816;
    color: #fff;
}

#rightColumn {
    float: right;
    width: 100%;
    padding-bottom: 280px;
}

#main {
    background: url(/gfx/bg-main.jpg) repeat-y left top;
    position: relative;
    width: 1000px;
  height: auto;
}

#content {
    position: relative;
    padding-bottom: 290px;
}

.remember {
    position: relative;
    text-align: right;
    width: 645px;
    margin-right: 15px;
    height:20px;
    display:block;
}

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

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

#quicksearch {
    background: url("/gfx/bg-quicksearch.png") no-repeat scroll left center transparent;
    height: 42px;
    overflow: visible;
    padding: 4px 0 4px 40px;
    position: relative;
    width: 620px;
}

.Body.Popup {
    position: absolute !important;
    top: -140px;
    z-index: 1000 !important;
    font-size:11px;
}

#content .veranstaltungen .Calendar td.selected,
#content .veranstaltungen .Calendar td.selected .hover {
    background-color: #a50816 !important;
    color: #fff;
}

.travelSearchTop {
    height: 42px;
}

.travelSearchTop h3 {
    font-size: 12px;
    margin: 0px !important;
    padding: 0px !important;
    color: #FFFFFF;
    height: 18px;
    line-height: 18px;
    display: block;
}

.travelSearchTop form {
    display: block;
    height: 24px;
    margin: 0;
    padding: 0;
}

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

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

.travelSearchTop #travelZeitraumTop {
    height: 22px;
    padding-top: 2px;
}

.travelSearchTop #filter_personTop,
.travelSearchTop #filter_kategorieTop {
    height: 24px;
}

.travelSearchTop #treffersuchedatumTop_tr,
.travelSearchTop #treffersuchedatumGruende_tr {
    margin:0px;
}

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

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

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

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

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

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

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

.travelSearchTop #filter_personTop .filter_personTop {
    height: 19px;
}

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

.travelSearchGruende .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,
.travelSearchGruende select {
    background: #fff;
    border: none;
}

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

.suchestarten input {
    font-size:11px;
    padding-left:5px;
}


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

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

#specials {
    padding-left: 20px;
}


/* 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;
}

/* SE TAGCLOUOD */

#tagcloud {
    background: #1B2D4B url(/gfx/bg-tagcloud.jpg) repeat-y left top;
    position: absolute;
    bottom: 120px;
    left: 0px;
    padding: 20px 10px 20px 370px;
    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;
    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: 20px;
}

#languages,
#fontsizer {
    margin-right: 10px;
}

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

#socialBookmarks {
  margin-top: 3px;
  position: relative;
  float: right;
}

.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: 3px 5px;
}

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

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

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

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

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

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

#externalLinks {
    width:175px;
    height:25px;
    display:block;
}

#fontsizer {
    width:85px;
    height:25px;
    display:block;
}

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

#fontsizer a img {
    width:25px;
    height:23px;
    display:block;
    float:left;
}

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

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

#footer {
    background: #e3c889 url(/gfx/bg-footer.jpg) repeat-y left top;
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 20px 10px 20px 370px;
    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;
}

.backgroundPic {
    background: url(/gfx/abdecker.png) repeat-y center top;
    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%;
}

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

#carousel_container {
    width: 340px;
    margin: auto;
    position: relative;
    display: block;
}

#redOverlay {
    background: #A50816;
    bottom: 25px;
    height: 16px;
    left: 0px;
    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;
    position: relative;
}

#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-----------------*/



.googlemap .InfoWindow {
    font-family: Lucida Grande,Lucida Sans Unicode,Tahoma,sans-serif !important;
}

.googlemap .InfoWindow .closeWindow {
    background: #A50816;
    height: 18px;
    padding: 0;
    right: 21px;
    text-align: center;
    width: 120px;
    font-size: 11px;
    line-height: 18px;
}

.googlemap .InfoWindow .closeWindow a,
.googlemap .InfoWindow .button a {
    color: #FFFFFF;
    font-size: 11px;
    text-decoration: none;
    font-family: Lucida Grande,Lucida Sans Unicode,Tahoma,sans-serif;
}

.googlemap .InfoWindow .closeWindow a:hover,
.googlemap .InfoWindow .button a:hover {
    color: #FFFFFF;
    font-size: 11px;
    text-decoration: underline;
    font-family: Lucida Grande,Lucida Sans Unicode,Tahoma,sans-serif;
}

.googlemap .InfoWindow .button {
    float: right;
    margin: 10px 0px 10px 10px;
    background: #A50816;
    height: 18px;
    padding: 0;
    text-align: center;
    width: 120px;
    font-size: 11px;
    line-height: 18px;
}

.googlemap .InfoWindow .ginfoinhalt {
    margin: 0 0 10px;
}

.googlemap .InfoWindow .bild img  {
    margin: 0 8px 10px 0;
}





.leistungstraeger .treffer .bild .geo {
    /* position: absolute; */

    left: 0px;
    top: 0px;
}

.leistungstraeger .treffer .bild .geo img {
    width: 14px;
    height: 14px;
}

/*Detail Darstellung Bild*/

.Tags span {
    background: url(/gfx/bg-tags-left.gif) no-repeat left top;
    padding-left: 14px;
    height: 24px;
    display: block;
    float: left;
    margin: 0px 10px 5px 0px;
}

.Tags span a {
    background: #A50816;
    text-decoration: none;
    color: #fff;
    font-size: 0.9em;
    line-height: 24px;
    display: block;
    padding: 0px 5px 0px 0px;
}



/* Bilddetails im Tourismusauftritt ausblenden */

#content .imageContentTemplate .detailfilesize,
#content .imageContentTemplate .detaildimensions,
#content .imageContentTemplate .detailcreated,
#content .imageContentTemplate .detailchanged,
#content .imageContentTemplate .detaildownload {
    display: none;
}

.barrierReef {
    display: none;
}

#gettagcloud {
    width:620px;
    display:block;
}




/* Formular-Modul */

.form_zwischentext {
  background-color: #EDDBB0;
  color: #785731 !important;
  font-weight: bold;
  padding: 5px !important;
}


#koenigscard .logo {
  text-align: center;
  padding-top: 15px;
}

.oeffnungszeitenData {
  background: #EDDBB0;
  padding: 3px;
  margin: 3px;
}

.w29 {
  width: 198px;
}

.w62 {
  width: 100px;
}

.infosys, .infosys a, .infosysbottomtext a {
  color: #A50816;
}

.infosys a:hover {
  text-decoration: underline;
}

.infosysbar, .infosysbottom {
  background-color: #EDDBB0;
}
 }