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

#main {
    background: url("/gfx/bg-main.png") repeat-y scroll left top transparent;
    padding: 0 20px 0 0;
    position: relative;
    width: 980px;
    z-index: 1;
}

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

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

a {
    text-decoration:none;
    font-weight: bold;
}

a img {
    border: none;
}

#wrapper {
    width: 1000px;
    margin: 0px auto 30px auto;
    position: relative;
    z-index: 500;
}

/* Travel neue Trefferlisten */

button { cursor: pointer; }

.hostInfoContainer { width: 455px; }

#resultList .travelTrefferGallery { width: 205px; min-height: 295px; }

#gallery #viewer { width: 400px; margin-right: 40px; }

#gallery #index .thumb { width: 81px; height: 55px; overflow: hidden; }

.travelTreffer .button.angebot {
    background: url(/gfx/bg-buttonAngebot.png) repeat-x left top;
}

.travelTreffer a.suchestarten {
    background: url(/gfx/ArrowNextAngebot.png) no-repeat right center;
    color: #fff !important;
    display: block;
}

.ListPager ul li a { color: #005DA8; }

/* 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 {
    background: #fff;
}

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

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

#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 {
    background: #fff;
    padding: 20px 40px 0px 40px;
    height: 29px;
    width: 920px;
}

#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,
#mainNav ul li.active a,
#mainNav ul li.on a {
    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;
  font-weight: normal;
}

/* mainNav Ende */

/* themeNav Start */

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

#themeNav {
    background: url("/gfx/bg-main.png") repeat-y left top;
    position: relative;
}

#themeNav ul ul {
    width: 1000px;
    overflow: hidden;
}

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

#themeNav ul li a {
    -moz-box-shadow: 0px 2px 2px #202020;
    -webkit-box-shadow: 0px 2px 2x #202020;
    box-shadow: 0px 2px 2px #202020;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    text-decoration: none;
    float: left;
    padding: 62px 0px 10px 0px;
    margin-bottom: 10px;
    display: none;
    width: 200px;
    text-align: center;
}

#themeNav ul li a:hover,
#themeNav ul li.active a,
#themeNav ul li.on a {
    padding: 67px 0px 10px 0px;
    margin-bottom: 5px;
}

#themeNav ul li.menu_wanderurlaub a,
#themeNav ul li.menu_winterurlaub a,
#themeNav ul li.menu_erholung_gesundheit a,
#themeNav ul li.menu_familienurlaub a,
#themeNav ul li.menu_aktivurlaub a {
    display: block;
}

#themeNav ul li.menu_wanderurlaub a {
    background-color: #7ab900;
}

#themeNav ul li.menu_winterurlaub a {
    background-color: #B1CFE7;
    color: #000;
}

#themeNav ul li.menu_erholung_gesundheit a {
    background-color: #ad8e54;
}

#themeNav ul li.menu_familienurlaub a {
    background-color: #f8c000;
    color: #000;
}

#themeNav ul li.menu_aktivurlaub a {
    background-color: #ff6000;
}

/* themeNav Ende */

/* Seitenbeschreibungen Start */

#description {
    position: absolute;
    top: 233px;
    width: 1000px;
    z-index: 500;
}

#description .desc {
    min-height: 280px;
}

#descWandern,
#descWinter,
#descErholung,
#descFamilie,
#descAktiv {
    display: none;
    position: absolute;
    top: -10px;
    padding: 20px;
    z-index: 10;
    width: 960px;
}

#descWandern:hover,
#descWinter:hover,
#descErholung:hover,
#descFamilie:hover,
#descAktiv:hover {
    display: block;
}

#descWandern {
    background: #7ab900 url(/gfx/ajax-loader.gif) no-repeat center center;
}

#descWinter {
    background: #b1cfe7 url(/gfx/ajax-loader.gif) no-repeat center center;
}

#descErholung {
    background: #ad8e54 url(/gfx/ajax-loader.gif) no-repeat center center;
}

#descFamilie {
    background: #f8c000 url(/gfx/ajax-loader.gif) no-repeat center center;
}

#descAktiv {
    background: #ff6000 url(/gfx/ajax-loader.gif) no-repeat center center;
}

#description .desc .Template {
    margin: 0px;
}

#description .desc .Template.s6 {
    float: left;
    margin-right: 20px;
    width: 540px;
    overflow: hidden;
}

#description .desc .Template.s5,
#description .desc .Template.IncludeTemplate {
    float: left;
    width: 398px;
    overflow: hidden;
}

#description .desc .Template.s6 .Seite {
    background: url(/gfx/bg-whiteTransp.png) left top;
    float: left;
    margin:  5px 5px 5px 0px;
    padding: 5px;
    width: 120px;
    height: 120px;
}

#description .desc .Template.s6 .Seite .box .shortcut,
#description .desc .Template.s6 .Seite .box .titel,
#description .desc .Template.s6 .Seite .box .button,
#description .desc .Template.s6 .Seite .description {
    display: none;
}

#description .desc .Template.s6 .Seite .box { padding: 10px 0px 5px 0px; }

#description .desc .Template.s6 .Seite .head,
#description .desc .Template.s6 .Seite .head a {
    font-size: 14px;
    font-weight: normal;
    line-height: 16px;
}

#description .desc .Template.s6 .Seite .bild {
    border: 1px solid #fff;
    width: 118px;
    height: 78px;
    overflow: hidden;
    margin-bottom: 0px;
}

#description .desc .Template.s5 {
    color: #000;
    font-size: 15px;
    line-height: 22px;
}

#descWandern .Template.s5,
#descErholung .Template.s5,
#descAktiv .Template.s5 {
    color: #fff !important;
}

#description .desc .Template.s5 h1 {
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 15px;
}

/* Seitenbeschreibungen Ende */

/* Pauschalendarstellung Slider Start */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Pauschalendarstellung Slider Ende */

/* breadcrumbs Starts */

#breadcrumbs {
    font-size: 11px;
    color: #000;
    padding: 0 20px 10px 270px;
}

#breadcrumbs ul li {
    display: inline;
}

#breadcrumbs a {
    background: url(/gfx/bg-breadcrumbs-standard.png) no-repeat right center;
    color: #005da8;
    text-decoration: underline;
    float: left;
    padding: 0px 10px 0px 0px;
    margin-right: 5px;
}

#breadcrumbs div {
    float: left;
}

#breadcrumbs div.break {
    float: none;
}

#breadcrumbs .position {
    padding-right: 10px;
}

/* loginSlide */

#loginSlide {
    position: absolute;
    right: 0px;
    top: 235px;
    width: 300px;
}

/* breadcrumbs Ende */

#leftColumn {
    float: left;
    width: 260px;
    min-height: 500px;
    padding-bottom: 30px;
}

#leftColumn .box {
    width: 210px;
    margin: 30px 20px 0px 30px;
    position: relative;
    color: #fff;
}

#leftColumn label {
    display: block;
    clear: both;
    font-size: 11px;
}

#leftColumn .alert {
    padding: 10px;
    font-size: 11px;
}

#leftColumn .alert.status0,
#leftColumn .alert.status_logged {
    background: #ACC4E1;
    border: 1px solid #0F3061;
    color: #0F3061;
}

/* subNav Start */

#subNav {
    padding: 0px 10px 0px 0px;
}

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

#subNav ul li.break {
    height: 0px;
    width: 0px;
    display: none !important;
}

#subNav ul li a {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
}

#subNav ul li ul li a {
    background-image: url(/gfx/bg-subNav-Arrow.png);
    background-repeat: no-repeat;
    background-position: 15px center;
}

#subNav ul li.active a,
#subNav ul li.open a {
    background-color: #b1cfe7;
    border: 1px solid #fff;
    border-left: none;
    padding: 5px 5px 5px 40px;
    margin-bottom: 5px;
    display: block;
}

#subNav ul li.open ul li ul li a {
    padding: 5px 5px 5px 50px;
}

#subNav ul li.active a,
#subNav ul li.active ul li.hover a,
#subNav ul li.active ul li a:hover,
#subNav ul li.active ul li.on a,
#subNav ul li.active ul li.active a,
#subNav ul li.open a,
#subNav ul li.open ul li.hover a,
#subNav ul li.open ul li a:hover,
#subNav ul li.open ul li.open a,
#subNav ul li.open ul li.active a,
#subNav ul li.open ul li.active ul li.hover a,
#subNav ul li.open ul li.active ul li a:hover,
#subNav ul li.open ul li.open ul li.active a,
#subNav ul li.open ul li.open ul li.hover a {
    background-color: #005DA8;
    border: 1px solid #fff;
    border-left: none;
    color: #fff;
}

#subNav ul li.active ul li a,
#subNav ul li.open ul li a,
#subNav ul li.open ul li.active ul li a,
#subNav ul li.open ul li.open ul li a {
    background-color: #fff;
    border: 1px solid #b1cfe7;
    border-left: none;
}

#subNav ul li.open ul li.active ul li.hover a,
#subNav ul li.open ul li.open ul li.hover a,
#subNav ul li.open ul li.open ul li.active a {
    background-color: #4384b8;
}

#subNav ul li.open ul li.active ul li a,
#subNav ul li.open ul li.open ul li a {
    background-image: none;
}

#subNav ul li,
#subNav ul li ul li.hover ul,
#subNav ul li ul li.off ul,
#subNav ul li ul li ul {
    display: none;
}

#subNav ul li.active,
#subNav ul li.active ul li,
#subNav ul li.active ul li a,
#subNav ul li.open,
#subNav ul li.open ul li,
#subNav ul li.open ul li a,
#subNav ul li ul li.on ul,
#subNav ul li ul li.active ul,
#subNav ul li ul li.open ul {
    display: inline;
    margin: 0px;
    color: #000000;
}

#subNav ul li.active ul li,
#subNav ul li.open ul li {
    display: block;
    line-height: 26px;
}

#subNav ul li.open ul li.open ul li.hover a,
#subNav ul li.open ul li.open ul li.active a {
    background-image: none;
    background-color: #4384b8;
}

#subNav ul .active {
    color: #ffffff !important;
}

/* subNav Ende*/

/* Schnellsuche Start */

#travelBox .travelBoxHeader {
    background: url(/gfx/bg-travelBoxHeader-default.png) no-repeat left bottom;
    width: 210px;
    height: 19px;
}

#travelBox h2 {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 10px;
}

#ui-datepicker-div {
    z-index: 500 !important;
    font-size: 12px;
}

#travelBox input {
    border: none;
    height: 16px;
    padding: 0;
    display: block;
    width: 190px;
}

#travelBox .travelSearchLeft,
#travelBox .travelBoxFooter {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    background: #005da8;
    padding: 0px 10px 5px 10px;
    font-size: 11px;
}

#travelBox .von,
#travelBox .bis {
    float: left;
    width: 86px;
}

#travelBox .bis {
    margin-left: 15px;
}

#travelBox #treffersuchedatumLeft_tr input {
    float: left;
    width: 70px;
}

#travelBox .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: 10px 0px 0px 0px;
    cursor: pointer;
}

.advancedSearch {
    padding: 5px 0px;
    font-size: 11px;
}

.advancedSearch a {
    color: #fff;
    text-decoration: underline;
}

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

#travelBox .travelBoxFooter {
    border-bottom: 1px solid #fff;
}

#travelBox .travelBoxFooter .phoneNumber {
    font-size: 13px;
    font-weight: bold;
    font-family: Arial Black, Arial, sans-serif;
}

#treffersuchedatumfromLeft_tr,
#treffersuchedatumtoLeft_tr {
    border: none;
}

/* Schnellsuche Ende */

#bannerLeft {
  position: relative;
  width: 210px;
  margin: 30px 20px 0px 30px;
}

#bannerLeft .BannerContainer,
#bannerLeft .BannerContainer a {
  position: relative;
  width: 208px;
}

#bannerLeft .BannerContainer a {
  border: 1px solid #fff;
  display: block;
}

#bannerLeft .BannerContainer a img {
  display: block;
  width: 100%;
  height: auto;
}


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

/* AnmeldeBox Start */

#anmeldeBox {
    background: #005da8;
    border: 1px solid #fff;
    color:#fff;
}

#anmeldeBox a {
    color:#fff;
}

#anmeldeBox p {
    margin: 10px 0px 10px 0px;
}

#facebookLogin {
    padding: 10px 10px 0px 10px;
}

#facebookLogin .fb_login_link,
#commentLogin .loginLinks a {
    color: #fff;
    text-decoration: underline;
    font-size: 11px;
    display: block;
}

#commentLogin .fieldsetRow #benutzername,
#commentLogin .fieldsetRow #passwort {
    border: none;
    display: block;
    height: 16px;
    padding: 0;
    width: 190px;
}

/* AnmeldeBox Ende */

#content {
    float: left;
    width: 700px;
    padding: 0px 10px 30px 10px;
}

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

#footer .contactData .phoneNumber {
    font-size: 20px;
    font-weight: bold;
}

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

#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;
    color: #fff;
}

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

/* Templates Start */

#content .Template {
    width: 700px;
    margin: 0px 0px 20px 0px;
}

#content .Template a {
    /*    color: #0044CC; */

    color: #005DA8;
}

#content .Template a:hover {
    text-decoration: underline;
}

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

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

.Body .Document p,
.Template p,
.Template .text {
    line-height: 17px;
    font-size: 12px;
    margin: 0px 0px 5px 0px;
}

.Template a {
    color: #000;
}

.Document .Template h1,
.Document .Template h2,
.Document .Template h3,
.Document .Template h4 {
    margin: 0px 0px 20px 0px;
}

.Document .Template h1 {font-size: 22px; line-height: 30px;}

.Document .Template h2 {font-size: 15px; line-height: 22px;}

.Document .Template h3 {font-size: 13px; line-height: 18px;}

.Document .Template h4 {font-size: 12px; line-height: 18px;}

#content .Document .Template h1 a { color: #000; }

#content .Document .Template h2 a { color: #000; }

.Template.s386 h1, .Template.s386 h1 a, .Template.s386 h2, .Template.s386 h2 a, .Template.s386 a {
    color: #FFFFFF;
}

.Template.s386 a {
    color: #FFFFFF !important;
    border-color: #FFFFFF !important;
}

.Template ul li {
    font-size: 12px;
    line-height: 18px;
    list-style: disc;
}

.Template .bild,
.Template .bild img {
    width: 100%;
}

.Template .button a {
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    text-decoration: underline;
}

.Template .button a:hover {
    text-decoration: none;
}

.Template .bild { margin-bottom: 20px; }

.Template .minitext { margin: 0px 0px 5px 0px; font-size: 10px; line-height: 12px; }

#comment {
    position: relative;
    clear: both;
}

/* Artikel .s2 */

.Template.s2 .spalte { width: 700px; margin: 0px 0px 20px 0px; min-height: 115px; }

.Template.s2 .info h1,
.Template.s2 .info h1 a {
    font-size: 15px;
    line-height: 16px;
}

.Template.s2 .info h1 {
    margin: 0px 0px 10px 0px !important;
}

.Template.s2 .Nachricht .bild {
    margin: 0px 10px 10px 0px;
    position: relative;
    z-index: 1;
}

/* Artikel 1 Spalte Ueberschrift oben */

.Template.s2.s205 .Nachricht.spalte .text { margin-left: 120px; }

.Template.s2.s205 .Nachricht.spalte .info .button {
    display: block;
    margin-left: 120px;
}

/* Artikel s2.s82 2Spalten */

.Template.s2.s82 .spalte {
    width: 330px;
    height: 155px;
    margin: 0px 20px 20px 0px;
}

/* Artikel s2.s96 2Spalten Ueberschrift oben */

.Template.s2.s96 .spalte {
    width: 330px;
    margin: 0px 20px 20px 0px;
}

.Template.s2.s96 .bild {
    margin: 30px 10px 10px 0px;
}

.Template.s2.s96 .info h1 {
    height: 30px;
}

.Template.s2.s96 .Nachricht.spalte .info .text {
    margin-top: 30px;
}

.Template.s2.s96 .button {
    display: block !important;
}

/* Artikel reine Bilddarstellung .s9 */

.Template.s2.s9 .spalte {
    width: 330px;
    margin: 0px 20px 20px 0px;
}

.Temnplate.s2.s9 .Nachricht .bild {
    float: none;
}

.Template.s2.s9 .Nachricht.spalte .info {
    background: none;
    width: 210px;
    left: 120px;
    position: absolute;
    padding: 0px;
}

/* Divider */

.Template .divider {
    padding: 10px;
    background: #b1cfe7;
    border: 1px solid #fff;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
}

/* Text Standard */

.Template.s5 .spalte {
    width: 220px;
    margin: 0 20px 0px 0px;
}

.Template.s5 .spalte .bild {
    margin-bottom: 0px;
}

.Template.s5.s97 .spalte {
    margin: 0px 0px 0px 20px;
}

/* .Template.s6 Sitemap */

.Template.s6 .Seite {
    margin: 0px 13px 20px 0px;
}

.Template.s6 .Seite .box { padding: 15px 0px 5px 0px; }

.Template.s6 .Seite .box .head {
    font-size: 22px;
    line-height: 30px;
}

.Template.s6 .Seite .bild { margin: 0px; }

/* .Template.s200 */

.Sitemap .level_1,
.Sitemap .level_2{
    padding:5px 0px;
}

.Sitemap .level_1 .name a{
    font-size:16px;
    font-weight:bold;
    margin-bottom:5px;
}

.Sitemap .level_2 .name a {
    font-size:14px;
    margin-bottom:5px;
}

.Sitemap .level_3 .name a {
    font-size:12px;
    margin-bottom:5px;
}

.s200 .name {
    margin: 5px 0;
}

/* Veranstaltungen */

.vaContentTemplate {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 15px;
}

.vaContentTemplate .button {
    margin-bottom: 15px;
}

.veranstaltungen {
    background: none;
}

.veranstaltungen .trefferlisteheader {
    background: #FFFFFF;
}

.veranstaltungen .trefferlisteheader #vadatumfrom,
.veranstaltungen .trefferlisteheader #vadatumto {
    width: 94px;
    margin-right: 5px;
}

.veranstaltungen .kategorieSelect select,
.veranstaltungen .ortSelect select{
    width: 130px !important;
    margin-right: 5px;
}

.veranstaltungen .treffer .detailinfo .kategorie {
    color: #000000;
}

.veranstaltungen .treffer .kontaktinfo .beschreibung {
    color: #202020;
    font-size: 12px;
    line-height: 1.5;
}

.veranstaltungen .trefferlisteheader .sortierung {
    float: none;
}

.veranstaltungen .trefferlisteheader label {
    line-height: 17px;
    margin-right: 5px;
}

.veranstaltungen .treffer {
    background: #FFFFFF;
    font-size: 12px;
    line-height: 1.5;
}

.veranstaltungen .treffer .titel {
    padding-left: 0px !important;
}

.veranstaltungen .treffer .titel a {
    padding-left: 0px !important;
}

.veranstaltungen .weiter a {
    background: #005DA8 !important;
    color: #FFFFFF !important;
}

/* Templates Ende */

/* Detail Darstellung Start */

.Document.Detail .button.right {
    float: right;
    padding: 10px;
    position: relative;
    z-index: 2;
}

.Document.Detail .bild.right {
    width: 300px;
}

.Tags span {
    background: url("/gfx/bg-tags-left.png") no-repeat left top;
    display: block;
    float: left;
    height: 35px;
    margin-right: 10px;
    padding-left: 10px;
}

.Tags span a {
    background: #005DA8;
    display: block;
    font-size: 12px;
    line-height: 24px;
    padding: 0px 5px 0px 0px;
    text-decoration: none;
}

#content .Template .Tags {
    margin-bottom: 25px;
}

#content .Template .Tags span a {
    color: #fff;
}

#content .Template .Tags a:hover {
    color: #B1CFE7;
}

.Document.Detail .detailfilesize,
.Document.Detail .detaildimensions,
.Document.Detail .detailcreated,
.Document.Detail .detailchanged {
    display: none;
}

.listeData .vorschauData li .name,
#content .listeData .vorschauData li .name a {
    color: #000;
}

.Detail .Nachrichten .Nachricht h5,
.artikelContentTemplate .Nachrichten .Nachricht h5 {
    margin: 0px;
}

.Detail .Nachrichten .Nachricht h3,
.artikelContentTemplate .Nachrichten .Nachricht h3 {
    margin: 10px 0px;
    padding: 0px 10px;
}

.Detail .Nachrichten .Nachricht h3 a,
.artikelContentTemplate .Nachrichten .Nachricht h3 a {
    background: url(/gfx/article.png) no-repeat left center;
    padding: 5px 0px 5px 30px;
    display: block;
    font-size: 15px;
}

.frontendFieldset {
    border: none;
}

#comment_rating_link button {
    /*;
    background: url("/gfx/bg-buttonAngebot.png") repeat-x left top;
    border: 1px solid #fff;
    color: #FFFFFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-weight: normal;
    line-height: 16px;
    font-size: 14px;
    */

    height: 30px;
    margin: 2px;
    cursor: pointer;
}

.userComment { font-size: 1em; }

/* FB Comments Start */

.userComment { background: none; }

.comment_box { border-bottom: none; }

/* FB Comments Start */

/* Detail Darstellung 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 */

/* Wetter Detailseite */

#wetterseite {
    padding: 20px;
}

.dayBox {
    border-bottom: 1px solid #fff;
    color: #000;
    margin-bottom: 15px;
    position: relative;
    width: 100%;
    padding-bottom: 5px;
    font-Family: Verdana;
}

#wetterseite .day {
    font-size: 16px;
    font-weight: bold;
}

.dayBox .day {
    margin-bottom: 10px;
    font-size: 20px;
}

.dayBox .wetterData {
    width: 40%;
    padding-right: 20px;
}

.dayBox .wetterData .key,
.dayBox .wetterData .value,
.dayBox .wetterData,
.dayBox .timeOfDay,
.dayBox .timeOfDay .leftColumn,
.dayBox .timeOfDay .middleColumn,
.dayBox .timeOfDay .rightColumn {
    float: left;
    font-size: 14px;
}

.dayBox .wetterData .key {
    width: 60%;
}

.dayBox .wetterData .value {
    width: 40%;
}

.dayBox .timeOfDay .leftColumn,
.dayBox .timeOfDay .middleColumn {
    padding-right: 5px;
}

/* Wetter Detailseite Ende */

/* Google Maps */

.InfoWindow .bild img.thumb {
    width: 35px;
}

/* Google Maps Ende */

#webcams .webcam {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #005DA8;
    padding: 10px 0;
}

#webcams .webcam img {
    width: 220px;
    height: auto;
    float: left;
    margin-right: 25px;
}

#webcams .webcam h1{
    margin: 0;
    font-size: 13px;
    line-height: 13px;
    font-family: 'Arial', 'sans-serif';
    float: left;
}

.Template.s6 .Sitemap .Seite .bild a img {
    width: 100% !important;
    height: auto !important;
}

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

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


#contentTabs {
    margin-left: 270px;
    clear: both;
    width: 700px;
    padding-bottom: 20px;
}

.tt_template .getTravelBetriebe .treffer {
    background: none repeat scroll 0 0 #fff;
    border: 3px solid #005DA8;
    float: left;
    margin-bottom: 10px;
    width: 335px;
}

.tt_template .getTravelBetriebe .treffer.odd {
    margin-right: 10px;
}

.tt_template .getTravelBetriebe .treffer .bildinfo {
    float: left;
    height: 90px;
    margin: 0 10px 0 0;
    overflow: hidden;
    position: relative;
    width: 120px;
}

.tt_template  .getTravelBetriebe .treffer .bildinfo img {
    height: 90px;
    width: auto;
}

.tt_template .getTravelBetriebe .treffer .detailinfo {
    float: left;
    font-size: 12px;
    line-height: 15px;
    overflow: hidden;
    padding: 5px;
    position: relative;
    width: 195px;
    height: 80px;
    overflow: hidden;
}

.tt_template .travelHeadline {
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
}

.tt_template .travelHeadline a {
    color: #006AB3;
    font-size: 11px;
    padding-left: 10px;
    text-decoration: underline;
    text-transform: none;
}

.tt_template .getTravelBetriebe {
  margin-top: 15px;
}

.tt_template .getTravelBetriebe .treffer .detailinfo .middleRow {
    height: 23px;
}

.tt_template .getTravelBetriebe .treffer .detailinfo .maplink {
    bottom: 5px;
    left: 87px;
    position: absolute;
}

.tt_template .getTravelBetriebe .treffer .detailinfo .weiter {
    bottom: 5px;
    left: 146px;
    position: absolute;
}

.tt_template .getTravelBetriebe .treffer .detailinfo .name .titel {
    font-size: 11px;
    height: 26px;
    line-height: 13px;
    overflow: hidden;
}

.tt_template .getTravelBetriebe .treffer .sterne {
    float: left;
    min-height: 20px;
    width: 49%;
}

.tt_template .getTravelBetriebe .treffer .preis {
    float: left;
    font-size: 11px;
    min-height: 20px;
    text-align: right;
    width: 49%;
}

.tt_template .getTravelBetriebe .treffer .preis strong {
    font-size: 16px;
}

.tt_template .getTravelBetriebe .treffer .maplink, .tt_template .getTravelBetriebe .treffer .weiter {
    float: right;
    margin: 0 0 0 5px;
}

.tt_template .getTravelBetriebe .treffer .maplink a, .tt_template .getTravelBetriebe .treffer .weiter a {
  color: #000;
  font-size: 11px;
  padding: 2px 5px;
}

.tt_template .getTravelBetriebe .treffer .weiter a {
    background-color: #79B51C;
}

.tt_template .getTravelBetriebe .treffer .maplink a {
    background-color: #BBBBBB;
}

.tt_template .getTravelBetriebe .treffer .kontext {
    color: #000000;
}

/* LIS Zebra Tables */

.Template.s381 h2 {
	margin-bottom: 0;
	color: #005DA8;
}

.Template.s381 table {
	width: 100%;
}

.Template.s381 tr {
	margin-bottom: 5px;
	background: #fff;
}

.Template.s381 td {
	padding: 5px;
}

.Template.s381 tr:nth-child(2n) {
	background: #eee;
}

.Template.s381 tr td:first-child {
	font-weight: bold;
	padding-right: 15px;
	width: 170px;
}

#content .Template a.panoramaCam {
  display: block;
  line-height: 30px;
  background: url(/gfx/bg-panoramaCam.png) no-repeat left center;
  padding-left: 70px;
}