@import url('/se_data/global/css/global/trefferliste.css');
.Body {
    background: #b4d3f1;
    margin: 0px;
    position: relative;
    font-size: 12px;
    font-family: Lucida Grande, Arial, sans-serif;
}

h1,
h2,
h3,
h4 {
    margin: 0px;
    padding: 0px;
}

ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

a { text-decoration: none; }

a img {
    border: none;
}

.Body .Document p, .Template .text { font-size: 1em; }

#wrapper {
    border: 1px solid #fff;
    border-top: none;
    background: #fff;
    width: 998px;
    margin: 0px auto 30px auto;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

/* Header Start */

#allgaeuLogo {
    margin: 0px 10px 0px 35px;
}

#allgaeuLogo,
#oaDescription,
#sitesearch,
#languages {
    float: left;
    position: relative;
}

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

#header .small {
    font-size: 10px;
    padding: 0px;
    margin: 0px;
}

#header input {
    margin: 0 !important;
}

#header #search {
    height: 23px;
    margin: 0px;
}

#sitesearch,
#languages {
    padding-top: 5px;
}

#languages {
    display: none;
}

#sitesearch {
    margin-right: 15px;
}

#sitesearch .query {
    background: #dce8e8;
    border: none;
    display: block;
    float: left;
    font-size: 11px;
    line-height: 14px;
    padding: 3px 5px;
    width: 170px;
}

.flag {
    padding: 0px 0px 0px 30px;
}

.flag.de {
    background: url(/gfx/flags/de.jpg) no-repeat left top;
}

#oaDescription {
    padding: 22px 0px 0px 0px;
    width: 530px;
}

#oaDescription h1 {
    background: url(/gfx/oberallgaeu-rotis.png) no-repeat left top;
    width: 107px;
    overflow: hidden;
    text-indent: -5000px;
    margin: 0px;
    color: #68717f;
    font-weight: normal;
    font-size: 25px;
    line-height: 29px;
}

#oaDescription p {
    margin: 0px;
    font-weight: normal;
    font-size: 11px;
    line-height: 15px;
}

/* Header Ende */

/* mainNav Start */

#mainNav {
    padding: 20px 40px 0px 40px;
}

#mainNav ul li {
    margin-right: 20px;
    display: block;
    float: left;
}

#mainNav ul li a {
    border-bottom: 3px solid #d9e8e7;
    color: #000;
    font-size: 13px;
    text-decoration: none;
    float: left;
    padding: 0px 0px 5px 0px;
    margin-bottom: 5px;
    display: none;
}

#mainNav ul li a:hover {
    border-bottom: 6px solid #005da8;
    margin-bottom: 2px;
}

#mainNav ul li.menu_ausflugsziele a,
#mainNav ul li.menu_kultur_events a,
#mainNav ul li.menu_suchen_buchen a,
#mainNav ul li.menu_allgaeu-walser-card a,
#mainNav ul li.menu_interaktive_karte a,
#mainNav ul li.menu_allgaeu_shop a,
#mainNav ul li.menu_orte a,
#mainNav ul li.menu_aktuell a,
#mainNav ul li.menu_tourenplaner a,
#mainNav ul li.menu_outdoor_aktiv_programm a {
    display: block;
}

/* mainNav Ende */

/* Wetter */

#wetter {
    position: absolute;
    top: 13px;
    right: 0px;
    font-size: 8px;
    width: 120px;
    height: 50px;
    overflow: hidden;
}

#wetter a {
    color: #000;
}

#wetter .wetter_tag {
    float: left;
    width: 38px;
}

/* Wetter Ende */

/* Themen Slider Start */

#themen-slider {
    width: 1000px;
    height: 400px;
    overflow: hidden;
    position: relative;
    margin-top: -60px;
}

#themeSlider,
#themeSlider .includeTemplate {
    overflow: hidden;
    position: relative;
}

#berge {
    background: url(/gfx/berge.png) no-repeat left top;
    width: 1000px;
    height: 58px;
    position:relative;
    z-index:200;
}

#themen-slider-wrapper {
    width: 1500px;
    height: 400px;
    overflow: hidden;
    position: relative;
}

.pauschale-wrapper:hover {
    cursor:pointer;
}

#themen-slider .thema {
    float: left;
    width: 120px;
    height: 400px;
    position:relative;
    overflow:hidden;
    border-right:1px solid #fff;
}

#themen-slider .open {
    width: 521px;
}

#themen-slider img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

#themen-slider .themen-pauschale {
    height: 400px;
    position: relative;
    z-index:100;
}

#themen-slider .themen-text {
    bottom: 65px;
    font-family: Lucida Grande,Arial,Sans-Serif;
    font-size: 14px;
    height: 35px;
    line-height: 15px;
    padding: 7px 0 4px 15px;
    position: absolute;
    width: 100%;
}

#themen-slider .themen-text a {
    color: #fff;
    text-decoration: none;
    display: block;
    width: 95px;
}

#themen-slider #winter-text a,
#themen-slider #familie-text a {
    color: #000;
}

#themen-slider #winter-text a {
    width: 90px;
}

#themen-slider #aktiv-text a {
    width: 80px;
}

#themen-slider #wandern-text {
    background: #7ab900;
}

#themen-slider #winter-text {
    background: #b1cfe7;
}

#themen-slider #gesundheit-text {
    background:#ad8e54;
}

#themen-slider #familie-text {
    background:#f8c000;
}

#themen-slider #aktiv-text {
    background:#ff6000;
}

#themen-slider .pauschale-text {
    right: 10px;
    z-index: 100;
    bottom: 5px;
    position: absolute;
}

#themen-slider #wander-pauschale {
    background: url("/gfx/thema-wandern-bg.png") no-repeat scroll 0 0 transparent;
    height: 159px;
    width: 439px;
}

#themen-slider #wander-pauschale .pauschale-preis {
    background: url("/gfx/themen-slider-pauschale-price-dy.png") no-repeat scroll 0 0 transparent;
    bottom: -10px;
    height: 38px;
    line-height: 34px;
    position: absolute;
    text-align: center;
    width: 158px;
}

#themen-slider #winter-pauschale {
    background: url("/gfx/thema-winter-bg.png") no-repeat scroll 0 0 transparent;
    height: 158px;
    width: 432px;
}

#themen-slider #winter-pauschale .pauschale-preis {
    background: url("/gfx/themen-slider-pauschale-price-by.png") no-repeat scroll 0 0 transparent;
    bottom: -10px;
    height: 38px;
    line-height: 34px;
    position: absolute;
    text-align: center;
    width: 158px;
}

#themen-slider #gesundheit-pauschale {
    background: url("/gfx/thema-gesundheit-bg.png") no-repeat scroll 0 0 transparent;
    height: 150px;
    width: 421px;
}

#themen-slider #gesundheit-pauschale .pauschale-preis {
    background: url("/gfx/themen-slider-pauschale-price-dy.png") no-repeat scroll 0 0 transparent;
    bottom: -10px;
    height: 38px;
    line-height: 34px;
    position: absolute;
    text-align: center;
    width: 158px;
}

#themen-slider #familie-pauschale {
    background: url("/gfx/thema-familie-bg.png") no-repeat scroll 0 0 transparent;
    height: 149px;
    width: 451px;
}

#themen-slider #familie-pauschale .pauschale-preis {
    background: url("/gfx/themen-slider-pauschale-price-db.png") no-repeat scroll 0 0 transparent;
    bottom: -10px;
    height: 38px;
    line-height: 34px;
    position: absolute;
    text-align: center;
    width: 158px;
}

#themen-slider #aktiv-pauschale {
    background: url("/gfx/thema-aktiv-bg.png") no-repeat scroll 0 0 transparent;
    height: 144px;
    width: 427px;
}

#themen-slider #aktiv-pauschale .pauschale-preis {
    background: url("/gfx/themen-slider-pauschale-price-db.png") no-repeat scroll 0 0 transparent;
    bottom: -10px;
    height: 38px;
    line-height: 34px;
    position: absolute;
    text-align: center;
    width: 158px;
}

#themen-slider .pauschale-text .pauschale-ort {
    font-family:Lucida Grande,Arial,Sans Serif;
    font-size:11px;
    color:#000;
    padding-bottom: 2px;
}

#themen-slider .pauschale-text .pauschale-name {
    font-family:Lucida Grande,Arial,Sans Serif;
    font-size:15px;
    font-weight:bold;
    padding-bottom:5px;
    text-decoration:none;
}

#themen-slider .pauschale-text .pauschale-beschreibung,
#themen-slider .pauschale-text .pauschale-preis {
    font-family:Lucida Grande,Arial,Sans Serif;
    font-size:12px;
    color:#000;
}

#themen-slider .pauschale-text .pauschale-preis .price {
    font-family:Arial,Sans Serif;
    font-size:18px;
    color:#000;
    font-weight:bold;
}

#themen-slider .pauschale-wrapper p {margin: 0px; }

#themen-slider .pauschale-wrapper {position: absolute; right: 15px; z-index:500;}

#themen-slider .pauschale-preis {bottom: 0;  position: absolute;}

#themen-slider #wander-pauschale .pauschale-wrapper {width: 316px; height: 105px; padding-top: 45px;}

#themen-slider #winter-pauschale .pauschale-wrapper {width: 316px; height: 102px; padding-top: 45px;}

#themen-slider #gesundheit-pauschale .pauschale-wrapper {width: 324px; height: 84px; padding-top: 39px;}

#themen-slider #familie-pauschale .pauschale-wrapper {width: 316px; height: 91px; padding-top: 38px;}

#themen-slider #aktiv-pauschale .pauschale-wrapper {width: 316px; height: 98px; padding-top: 29px;}

#themen-slider #wander-pauschale .pauschale-preis {right: 0px;}

#themen-slider #winter-pauschale .pauschale-preis {right: 0px;}

#themen-slider #gesundheit-pauschale .pauschale-preis {right: 0px;}

#themen-slider #familie-pauschale .pauschale-preis {right: 0px; color:#fff;}

#themen-slider #familie-pauschale .price {color:#fff;}

#themen-slider #aktiv-pauschale .pauschale-preis {right: 0px; color:#fff;}

#themen-slider #aktiv-pauschale .price {color:#fff;}

#themen-slider #wander-pauschale .pauschale-name {color:#781f00;}

#themen-slider #winter-pauschale .pauschale-name {color:#fffb00;}

#themen-slider #gesundheit-pauschale .pauschale-name {color:#004947;}

#themen-slider #familie-pauschale .pauschale-name {color:#005ea8;}

#themen-slider #aktiv-pauschale .pauschale-name {color:#882b01;}

.themen-pauschale .thema-menue {
    position:absolute;
    left: 0px;
    top: 60px;
    width: 180px;
}

.themen-pauschale .thema-menue ul {margin:0px; width:100%; padding:0px; border-top:1px solid #fff; border-right:1px solid #fff;}

.themen-pauschale .thema-menue ul li {list-style:none; margin:0px; border-bottom:1px solid #fff;}

.themen-pauschale .thema-menue ul li a{color:#000; display: block; padding: 5px; text-decoration:none; font-family:Lucida Grande,Arial,Sans Serif; font-size:12px;}

.themen-pauschale .thema-menue ul li a:hover{color:#fff;}

#thema1 .thema-menue ul {background:#aad160;}

#thema2 .thema-menue ul {background:#89a9d1;}

#thema3 .thema-menue ul {background:#d2bd95;}

#thema4 .thema-menue ul {background:#fadc8d;}

#thema5 .thema-menue ul {background:#ffad85;}

/* Themen-Slider Ende */

/* Schnellsuche Start */

#quickSearchHome {
    margin-top: -40px;
    position: relative;
    z-index: 2;
}

h1.quickSearchHeadline {
    background: url(/gfx/bg-quickSearchTop.png) no-repeat left top;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    height: 18px;
    position: relative;
    display: block;
    padding: 15px 20px 5px 20px;
}

#ui-datepicker-div {
    font-size: 12px;
}

#searchFields {
    background: #005DA8;
    color: #c0d6e9;
    font-size: 10px;
    overflow: hidden;
}

#searchFields input {
    border: none;
    height: 16px;
    padding: 0;
    display: block;
}

#searchFields select {
    display: block;
}

#searchFields .trefferzeitraumHome,
#searchFields .trefferzeitraumHome .von,
#searchFields .trefferzeitraumHome .bis,
#searchFields .personen,
#searchFields .treffersuchewasHome,
#searchFields .button {
    float: left;
    margin: 0px 5px;
}

#searchFields .trefferzeitraumHome .von,
#searchFields .trefferzeitraumHome .bis {
    width: 90px;
}

#searchFields .trefferzeitraumHome .von img,
#searchFields .trefferzeitraumHome .bis img {
    float: left;
}

#searchFields .personen {
    width: 35px;
}

#searchFields .trefferzeitraumHome,
#searchFields .treffersuchewasHome {
    height: 30px;
    padding-top: 10px;
}

.fieldDescription {
    line-height: 14px;
}

#searchFields .fieldDescription.personen {
    background: url(/gfx/bg-personen.png) no-repeat left top;
    width: 27px;
    height: 17px;
    margin: 0px 0px 7px 0px;
}

#searchFields input.Widget-Calendar-Date,
#searchFields div.Widget-Calendar-Date input {
    background: #fff url("/gfx/date.png") no-repeat right center;
    border: none;
    width: 90px;
}

#treffersuchepersonenHome {
    width: 30px;
}

#searchFields .suchestarten .button {
    background: url(/gfx/bg-quickSearchHome.png) no-repeat left top;
    line-height: 15px;
    height: 21px;
    padding: 3px 35px 3px 5px;
    display: block;
    width: 168px;
    text-align: center;
    color: #fff;
    margin: 22px 0px 0px 0px;
    cursor: pointer;
}

.detailedSearch {
    padding: 5px 10px;
    font-size: 11px;
}

.detailedSearch a {
    color: #bcd5e6;
    text-decoration: underline;
}

.detailedSearch a:hover {
    text-decoration: none;
}

#travelSucheHome #treffersuchedatumHome_tr input {
    float: left;
    width: 70px;
}

/* Schnellsuche Ende */

/* Kontakt und Fakten Start */

#contactAndFacts {
    background: #005DA8;
    color: #fff;
    overflow: hidden;
}

#contactAndFacts a {
    color: #fff;
}

.contactData {
    background: url(/gfx/bg-contactData.png) no-repeat left top;
    padding: 5px 0px 5px 70px;
    float: left;
    width: 300px;
    margin: 25px 0px 10px 0px;
}

.contactData .hotline {
    font-size: 11px;
}

.contactData .phoneNumber {
    font-size: 16px;
    font-weight: bold;
}

#zahlen {
    float: left;
    width: 628px;
}

#zahlen .kennzahlen {
    position: relative;
    width: 628px;
    height: 85px;
}

#zahlen .vielfalt {
    text-align: left;
    width: 260px;
    font-size: 14px;
    line-height: 14px;
    position: absolute;
    left: 368px;
    top: 0px;
}

#zahlen .zahl {
    font-family: Arial Black,Arial;
    font-size: 90px;
    line-height: 97px;
    position: absolute;
    right: 270px;
    bottom: -12px;
}

#beschreibung-wrapper {
    float: right;
    width: 260px;
    padding-top: 20px;
    height: 65px;
    overflow: hidden;
}

#beschreibung-wrapper .beschreibung {
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    padding-right: 20px;
    height:37px;
    overflow: hidden;
}

#beschreibung-wrapper .link {
  padding-right: 30px;
}

#beschreibung-wrapper .link,
#weitereGastgeber {
    margin-top: 3px;
}

#beschreibung-wrapper .link a,
#weitereGastgeber a {
    background: url(/gfx/bg-mehr-erfahren.png) no-repeat left top;
    display: block;
    color: #fff;
    width: 130px;
    text-align: center;
    text-decoration: none;
    font-size: 11px;
    line-height: 15px;
    padding: 3px 23px 3px 15px;
}

#beschreibung-wrapper .link a {
  float: right;
}

#weitereGastgeber a {
    float: right;
}

/* kontakt und Fakten Ende */

#travelAndDescription {
  margin-top: 1px;
}

#travelAndDescription,
#lisIcons {
  background: url(/gfx/bg-travelAndDescription.png) repeat-y left top;
}

/* Darstellung Travel Treffer Start */

#travelTreffer {
    float: left;
    padding: 20px 10px 0px 10px;
    position: relative;
    width: 225px;
    margin-right: 1px;
}

#travelTreffer h2 {
  font-size: 16px;
}

#oa-news {
    display: block;
    float: left;
    padding: 20px 10px 0px 10px;
    overflow: hidden;
    width: 225px;
    margin-right: 1px;
}

#oa-news .Template {
  margin: 0px;
}

#oa-news .s85 {
  margin-bottom: 0;
}

#oa-news .s85 h1 {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 20px;
}

#oa-news .Template.s2 .spalte {
    margin: 0 0 5px;
    width: 219px;
}

#oa-news .Template.s2 .spalte h1 a {
    color: #000000;
    font-size: 14px;
}

#oa-news .Template.s2 .button a {
    color: #005DA8;
    text-decoration: none;
}

#oa-news .Template.s2 .text {
    margin-bottom: 3px;
}

#travelTreffer h1 {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 10px;
}

#travelTreffer .Template {
    margin: 0px;
    width: 100%;
}

#travelTreffer .trefferlisteheader,
#travelTreffer .trefferlistefooter,
#travelTreffer .treffer .bildtitel,
#travelTreffer .treffer .kontaktinfo .telefon,
#travelTreffer .treffer .kontaktinfo .merkmale,
#travelTreffer .treffer .detailinfo .kategorie,
#travelTreffer .treffer .kontaktinfo .beschreibung span,
#getTravelBetriebe .beschreibung,
.treffer .bildinfo .maplink {
    display: none;
}

.treffer .minheight {
    position: relative;
    float: left;
    height: 170px;
    width: 1px;
}

.treffer .bildinfo .maplink {
    float: right;
}

.treffer .detailinfo .name .sterne {
    padding-top: 5px;
    font-size: 0.6em;
}

.treffer .detailinfo .name .sterne div,
.treffer .detailinfo .name .sterne div span {
    float: left;
    padding-right: 2px;
}

.treffer .detailinfo .name img {
    float: left;
}

.treffer .kontaktinfo .beschreibung,
.treffer .kontaktinfo .merkmale {
    font-size: 0.8em;
    color: #666;
    margin-top: 10px;
    overflow:hidden;
    margin-right: 75px;
}

.treffer .kontaktinfo .merkmale .merkmal {
    background:#666;
    display:block;
    float:left;
    margin:2px;
    height:50px;
    width:50px;
}

.treffer .kontaktinfo .weiter a {
    background-color: #019934;
    float:left;
    margin-left:10px;
}

.treffer .kontaktinfo .weiter a:hover {
    background-color: #016723;
}

.treffer .kontaktinfo .preis {
    color: #000000;
    text-align: right;
    padding-top: 10px;
    position:absolute;
    bottom:25px;
    right:5px;
}

.treffer .kontaktinfo .preis .info {
    font-size: 0.6em;
}

.treffer .bildinfo .maplink {
    bottom: 20px;
    display: block !important;
    position: absolute;
    right: -150px;
    float: none;
    z-index: 2;
}

.treffer .bildinfo .maplink a {
    background: #86a09f;
    color: #FFFFFF;
    font-size: 9px;
    padding: 2px;
    letter-spacing: 0.02em;
}

.treffer .bildinfo .maplink a:hover {
    text-decoration: none;
}

.treffer .kontaktinfo .preis {
    bottom: 0px;
    right: 50px;
}

.treffer .kontaktinfo .preis,
.treffer .kontaktinfo .preis a {
    color: #000;
    display: block;
}

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

#travelTreffer .treffer {
    background: none;
    border: none;
    float: left;
    width: 225px;
    height: 55px;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

#travelTreffer .treffer p {
    margin: 5px 0px;
}

#travelTreffer .treffer .minheight {
    height: 135px;
    display: none;
}

#travelTreffer .treffer .bildinfo {
    height: 56px;
    width: 75px;
    top: 0px;
    left: 0px;
}

#travelTreffer .treffer .bildinfo .bild {
    margin: 0px;
    height: 56px;
    width: 75px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

#travelTreffer .treffer .bildinfo .bild img {
    width: auto;
    height: 56px;
}

#travelTreffer .treffer .kontaktinfo {
    height: 55px;
    padding: 0px;
    position: relative;
    width: 225px;
}

#travelTreffer .treffer .detailinfo {
    left: 85px;
    top: 0px;
    height: 55px;
    width: 140px;
    z-index: 1;
}

#travelTreffer .treffer .detailinfo .name {
    color: #fff;
    width: auto;
}

#travelTreffer .treffer .detailinfo .name .titel {
    padding: 0px 10px 0px 0px;
    font-size: 0.9em;
}

#travelTreffer .treffer .detailinfo .name .titel a {
    padding: 0px;
    color: #fff;
    font-weight: normal;
    font-size: 1.1em;
}

.treffer .detailinfo .name .sterne {
    position: relative;
    font-size: 9px;
    float: left;
    padding: 0px;
    height: 15px;
    overflow: hidden;
}

#travelTreffer .treffer .detailinfo .name .sterne span {
    display: none;
}

#travelTreffer .treffer .kontaktinfo .adresse {
    height: 75px;
}

#travelTreffer .treffer .kontaktinfo .anschrift {
    display: none;
}

#travelTreffer .treffer .kontaktinfo .beschreibung {
    color: #fff;
    margin: 0px;
}

#travelTreffer .treffer .kontaktinfo .beschreibung a,
#travelTreffer .treffer .detailinfo .name .titel a {
    color: #000;
    font-size: 0.7em;
    padding: 0px;
}

#travelTreffer .treffer .kontaktinfo .beschreibung .pauschalenPreis {
    display: block;
    font-size: 1.06em;
    font-weight: bold;
}

#travelTreffer .treffer .kontaktinfo .weiter {
    overflow: hidden;
    z-index: 1;
}

#travelTreffer .treffer .kontaktinfo .weiter a {
    background: #3e8802;
    display: block;
    overflow: hidden;
    padding: 2px;
    font-size: 9px;
}

/* Darstellung Travel Treffer Ende */

#descriptionWrap {
    float: left;
    width: 225px;
    padding: 20px 10px 0px 10px;
  margin-right: 1px;
}

#fbLike {
  margin: 0 0 15px 0;
}

#description {
    font-size: 12px;
    line-height: 18px;
    float: left;
    width: 225px;
}

#description .Template {
  margin: 0px;
}

#description a {
    color: #005DA8;
}

#description a.kontext {
    color: #000;
    border-bottom: 1px dotted #000;
}

#description a.kontext:hover {
    border-bottom: 1px solid #000;
    text-decoration: none;
}

#description h1 {
    font-size: 16px;
}

#mapLink {
    float: left;
}

#mapLink a {
    background: url(/gfx/mapLink.jpg) no-repeat left top;
    height: 215px;
    width: 111px;
    position: relative;
    overflow: hidden;
    text-indent: 5000px;
    display: block;
}

#bannerBig {
  position: relative;
  float: left;
  width: 220px;
  padding: 10px 20px 10px 20px;
}

#bannerBig .BannerContainer {
  position: relative;
  width: 200px;
  padding: 0px 10px;
}

#bannerBig .BannerContainer a img {
  display: block;
  width: 100%;
  height: auto;
  -webkit-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.4);
}


#bannerBig .BannerContainer h3,
#bannerBig .BannerContainer .weiter {
  display: none;
}


#socialMedia {
    position: fixed;
    right: 0px;
    top: 200px;
    z-index: 3;
}

#socialMedia a {
    display: block;
    width: 23px;
    height: 23px;
    overflow: hidden;
    padding: 4px;
    margin-left: 6px;
    text-indent: -5000px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    margin-bottom: 5px;
}

#socialMedia a:hover {
    padding: 4px 10px 4px 4px;
    margin-left: 0px;
}

#socialMedia a.facebookIcon {
    background: #005da8 url(/gfx/icons/facebookIcon.png) no-repeat 4px 4px;
}

#socialMedia a.twitterIcon {
    background: #005da8 url(/gfx/icons/youtubeIcon.png) no-repeat 4px 4px;
}

#socialMedia a.flickrIcon {
    background: #005da8 url(/gfx/icons/flickrIcon.png) no-repeat 4px 4px;
}

#tooltip {
    background: #005da8;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    color: #fff;
    padding: 10px 45px 10px 10px;
    z-index: 2;
    right: 0px;
    position: absolute;
}

#tooltip h3 {
    font-weight: normal;
}

/* Footer Start */

#footer {
    background: #6f99c9 url(/gfx/bg-footer-winter.png) repeat-x left top;
    padding: 0px;
}

/* SE TAGCLOUD Start */

#tagCloud {
    width: 358px;
    float: left;
    padding: 20px 0px 0px 20px;
}

#tagCloud h2,
.socialMediaFooter h2 {
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    margin: 10px 0px;
}

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

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

DIV.seTagCloud a:hover {
    text-decoration: underline;
}

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

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

.white DIV.seTagCloud a {  color: #0f3061; }

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

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

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

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

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

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

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

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

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

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

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

/* SE TAGCLOUD Ende */

#mapSocial {
    float: left;
    padding: 20px 20px 0px 20px;
    width: 580px;
}

#mapSocial .imageMap {
    width: 255px;
    float: left;
    position: relative;
    padding-right: 85px;
}

.socialMediaFooter {
    background: url(/gfx/bg-socialmediaFooter-winter.png) no-repeat right 18px;
    width: 240px;
    float: left;
    position: relative;
}

.socialMediaFooter ul {
    height: 105px;
    padding: 0px 10px 0px 0px;
}

.socialMediaFooter ul li a {
    color: #fff;
    display: block;
    padding: 2px 0px 2px 35px;
    min-height: 30px;
    font-size: 12px;
    text-decoration: none;
}

.socialMediaFooter ul li a:hover {
    text-decoration: underline;
}

.socialMediaFooter a.facebookIcon { background: url(/gfx/icons/facebookIcon.png) no-repeat 4px 4px; }

.socialMediaFooter a.twitterIcon { background: url(/gfx/icons/twitterIcon.png) no-repeat 4px 4px; }

.socialMediaFooter a.flickrIcon { background: url(/gfx/icons/flickrIcon.png) no-repeat 4px 4px; }

#footer .contactData {
    background: url(/gfx/bg-phone.png) no-repeat left 10px;
    color: #fff;
    padding: 5px 0px 5px 55px;
    margin: 25px 0px 0px 10px;
}

#footer .contactData .hotline {
    font-size: 11px;
}

#footerBottom {
    background: #005da8;
    font-size: 12px;
    padding: 10px;
    position: relative;
}

#footerNav ul li {
    float:left;
}

#footerNav ul li {
    display: block;
    float: left;
}

#footerNav ul li a {
    border-right: 1px solid;
    text-decoration: none;
    display: block;
    float: left;
    padding: 0px 5px;
    color: #fff;
    line-heighht: 16px;
}

#footerNav ul li a.landratsamt {
    background: url(/gfx/bg-landratsamt.png) no-repeat 10px top;
    padding-left: 30px;
}

#footerNav ul li a:hover {
    text-decoration: underline;
}

#footerBottom .realized {
    position: absolute;
    right: 10px;
    top: 10px;
}

#footerBottom .realized a {
    color: #acc3e1;
    text-decoration: none;
    font-size: 12px;
    font-weight: normal;
}

#footerBottom .realized a:hover {
    text-decoration: underline;
}

/* Footer Ende */

/* Seitenhintergrund */

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

#backgroundPic .bild,
#backgroundPic .bild img {
    width: 100%;
    display: block;
}


.ui-datepicker-title {
  color: #222222 !important;
}

.ui-datepicker-calendar {
  color: #222222 !important;
}