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

.Body .Document p,
.Template .text { 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 .merkmale .merkmal {
    width: 35px;
    height: 35px;
}

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

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

/* globale trefferliste.css*/

.treffer .bildinfo,
.treffer .bildinfo a {
    font-size: 9px;
}

.trefferkompakt .bild {
    font-size: 10px;
}

.trefferlistekategorien ul.kategorie ul.kategorie li,
.treffer .kontaktinfo,
.treffer .kontaktinfo .beschreibung,
.ContentTemplateDetail .untermenu,
.ContentTemplateDetail .untermenu2 {
    font-size: 11px;
}

.trefferlistenavigation ul.brotkruemmel,
.trefferlistenavigation ul.brotkruemmel li,
.trefferlistenavigation ul.brotkruemmel li a,
.treffer .detailinfo .kategorie,
.treffer .kontaktinfo .anschrift,
.treffer .kontaktinfo .telefon {
    font-size: 12px;
}

.trefferlistekategorien ul.kategorie li {
    font-size: 13px;
}

.treffer .detailinfo .name .titel,
.treffer .detailinfo .name .titel a {
    font-size: 14px;
}

/* globale travelbetriebe.css */

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

.travelmerkmale ul ul {
    font-size: 11px;
}

.gespeichertesuche,
.gespeichertesuche a,
.treffersuche {
    font-size: 12px;
}

.treffersucheheader h1 {
    font-size: 14px;
}

.treffersuche h3 {
    font-size: 16px;
}

/* Global Ende */

#hausausstattung2 ul.merkmale {
    display: block;
    width: 595px;
    height: 350px;
}

.treffersuche .merkmale ul.merkmale li {
    display: block;
    position: relative;
    width: 40% !important;
}

.Body {
    background: #fff;
    font-family: Tahoma, Verdana, Arial, sans-serif;
}

a {
    color: #04337A;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a img {
    border: none;
}

a.external {
    border-bottom:1px dotted #04337A;
    color:#04337A;
    text-decoration: none;
    background: url(/gfx/link_extern.gif) no-repeat left top;
    padding-left: 15px;
}

#printHeader {
    display: none;
}

#container {
    width: 940px;
    z-index: 99;
    position: relative;
}

#header {
    width: 100%;
    height: 85px;
    position: relative;
    margin-bottom: 5px;
    z-index: 1000;
}

#header .loginstatus {
    width: 200px;
    position: absolute;
    top: 0px;
    right: 455px;
    z-index: 100;
}

#header .loginstatus span,
#header .loginstatus a {
    color: #04337A;
    font-size: 12px;
}

#hoedoeLanguages {
    height: 55px;
    width: 100%;
}

#hoedoeLanguages .logoHoedoe,
#hoedoeLanguages .languages,
#hoedoeLanguages .facebooklink {
    float: left;
}

#hoedoeLanguages .logoHoedoe {
    background-color: #fff;
    width: 295px;
    height: 55px;
    position: relative;
}

#hoedoeLanguages .logoHoedoe a {
    display: block;
    position: absolute;
    right: 5px;
    top: 8px;
}

#hoedoeLanguages .logoHoedoe img {
    /* display: none; */

}

#hoedoeLanguages #sitesearch {
    background: url(/gfx/bg-languages-blue.png) repeat-x right top;
    width: 150px;
    height: 35px;
    margin-left: 5px;
    position: relative;
    float: left;
    padding: 20px 10px 0px 10px;
}

#search .query {
    background: #fff;
    width: 115px;
    float: left;
}

#search .button {
    padding-left: 5px;
}

#hoedoeLanguages .facebooklink {
    display:none;
    background: url(/gfx/bg-languages-blue.png) no-repeat right top;
    width: 70px;
    height: 30px;
    margin-left: 5px;
    padding: 25px 5px 0px 5px;
}

#hoedoeLanguages .languages {
    background: url(/gfx/bg-languages-blue.png) no-repeat right top;
    width: 100px;
    height: 30px;
    margin-left: 5px;
    padding: 25px 0px 0px 10px;
}

#hoedoeLanguages .languages a img {
    width: 24px;
    height: 15px;
}

#navBar .leftBar {
    background-color: #04337a;
    height: 25px;
    width: 290px;
    float: left;
}

#navBar .rightBar {
    background-color: #04337a;
    height: 25px;
    width: 87px;
    float: left;
    margin-left: 3px;
}

#navBar {
    margin: 5px 0px;
    position: relative;
    z-index: 1000;
}

#mainNav {
    background-color: #04337a;
    width: 650px;
    float: left;
    position: relative;
}

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

#mainNav ul li {
    display: block;
    float: left;
    position: relative;
}

#mainNav ul li.break {
    display: none;
    height: 0px;
    width: 0px;
}

#mainNav a {
    background-color: #04337a;
    border-right: 2px solid #fff;
    color: #fff;
    font-size: 14px;
    line-height: 25px;
    display: block;
    float: left;
    padding: 0px 10px;
    letter-spacing: 1px;
}

#mainNav a:hover,
#mainNav a.active {
    background-color: #0a83c3;
    text-decoration: none;
}

/* Aufklappmenu Start */

#mainNav ul li.menu_gastgeber ul,
#mainNav ul li.menu_gastgeber.hover ul {
    right: 22px !important;
    left: auto;
}

#mainNav ul li ul {
    display: none;
    position: absolute;
    left: 0px;
    top: 20px;
    padding: 5px 0px;
    width: 200px;
}

#mainNav ul li.hover ul {
    display: block;
}

#mainNav ul li ul li a {
    border-right: none;
    border-bottom: 1px solid #fff;
    width: 200px;
    padding-bottom: 3px;
}

/* Aufklappmenu Ende */

#logo {
    border: 3px solid #fff;
    width: 186px;
    height: 108px;
    position: absolute;
    left: 80px;
    top: -5px;
    z-index: 1001;
}

#logo a img {
    display: block;
    width: 186px;
    height: 108px;
}

#content {
    background: url(/gfx/bg-content.png) repeat-y left top;
    margin-bottom: 5px;
    position: relative;
    z-index: 99;
    width: 940px;
}

#leftColumn {
    float: left;
    width: 225px;
    position: relative;
    z-index: 99;
}

#leftImg {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 240px;
    z-index: -1;
    overflow: hidden;
}

#seitenbild img {
    width: 220px;
    height: 240px;
}

#leftColumn #sideTop {
    height: 240px;
    position: relative;
    width: 225px;
}

#leftNav {
    border-top: 5px solid #fff;
    border-bottom: 5px solid #fff;
    width: 190px;
    padding: 15px;
}

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

#leftNav ul li {
    display: inline;
}

#leftNav ul li a {
    font-size: 16px;
    font-weight: bold;
}

#leftNav ul li ul li a {
    font-size: 13px;
    font-weight: normal;
}

/* nicht benoetigte Ebenen ausblenden */

#leftNav ul li ul,
#leftNav ul li a,
#leftNav ul li.active ul li ul,
#leftNav ul li.open ul li ul {
    display: none;
}

/* nur benoetigte Ebenen einblenden */

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

#leftNav ul li a {
    color: #04337a;
    font-size: 13px;
    line-height: 21px;
}

#leftNav ul li a:hover {
    text-decoration: none;
}

#leftNav ul li.open ul li.active a,
#leftNav ul li.open ul li.open ul li a:hover,
#leftNav ul li.open ul li.open ul li.active a {
    font-weight: bold;
}

#leftNav ul li ul li a:hover,
#leftNav ul li.open ul li.active a {
    background: url(/gfx/bg-menu-hover.jpg) no-repeat left 4px;
    text-decoration: none;
}

#leftNav ul li ul li ul li a:hover,
#leftNav ul li.open ul li.active ul li a,
#leftNav ul li.open ul li.active ul li.hover a,
#leftNav ul li.open ul li.open ul li.active a  {
    background: url(/gfx/bg-menu-hover.jpg) no-repeat 15px 4px;
    text-decoration: none;
}

#leftNav ul li.open ul li.active ul li a {
    background: none;
    font-weight: normal;
}

#leftNav ul li ul li a {
    padding-left: 15px;
}

#leftNav ul li ul li ul li a {
    padding-left: 30px;
}

#banner {
    border-bottom: 5px solid #fff;
    width: 220px;
}

#banner a {
    width: 220px;
    height: 75px;
    display: block;
    overflow: hidden;
    padding-bottom: 4px;
}

#banner a img {
    display: block;
    position: absolute;
    width: 220px;
    height: 76px;
}

#banner a h3,
#banner a a {
    display: none;
}

#leftColumn .box {
    background: url(/gfx/bg-box.png);
    width: 220px;
    position: relative;
}

#leftColumn .box h1,
#main .box h1 {
    margin: 0px;
    padding: 0px;
    line-height: 20px;
    color: #a8dcec;
    font-size: 14px;
    font-weight: normal;
    padding: 0px 10px;
}

#leftColumn .box h1 a,
#main .box h1 a {
    color: #a8dcec;
    font-size: 14px;
    font-weight: normal;
    margin: 0px;
    width: 200px;
    display: block;
    cursor: pointer;
    position: relative;
    z-index: 99;
}

#leftColumn .box .VALink a {
    background: url(/gfx/linkArrow.png) no-repeat right 4px;
    color: #a8dcec;
    font-size: 14px;
    font-weight: normal;
    height: 25px;
    margin: 0px;
    padding: 0px 10px 0px 0px;
    text-align: right;
    width: 190px;
    display: block;
    cursor: pointer;
    position: relative;
    z-index: 99;
}

#main .box h1 a {
    width: 130px;
}

#leftColumn .boxes {
    position: absolute;
    bottom: 0px;
}

#leftColumn .veranstaltungen {
    border-bottom: 1px solid #a8dcec;
}

#leftColumn #VAArrow,
#leftColumn #GastgeberArrow {
    background: url(/gfx/downArrow.png) no-repeat;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 12px;
    height: 6px;
}

#VAContent,
#gastgeberContent {
    display: none;
}

#gastgeberContent {
    overflow: hidden;
}

/*-------------- VA BOX Start ------------*/

#VAContent {
    font-size: 12px;
    padding: 0px 10px;
}

#VAContent .treffer {
    margin: 5px 0px;
    border: none;
    background: none;
}

#VAContent .treffer .detailinfo {
    position: relative;
    top: 0px;
    height: auto !important;
    background: none;
}

#VAContent .treffer .detailinfo .name .titel {
    padding-left: 5px;
}

#VAContent .treffer .detailinfo .name .titel,
#VAContent .treffer .detailinfo .name .titel a {
    color: #A8DCEC;
    font-size: 12px;
    font-weight: normal;
    width: 120px;
    padding: 0px;
    overflow: hidden;
}

#VAContent .treffer .detailinfo .name {
    position: relative;
    width: 120px;
    float: left;
}

#VAContent .treffer .detailinfo .kategorie {
    color: #fff;
    float: left;
    width: 80px;
    font-weight: normal;
    padding: 0px;
    position: relative;
}

#VAContent .gruppe h3 {
    color: #fff;
    margin: 5px 0px;
    font-weight: normal;
}

/*-------------- VA BOX Ende ------------*/

#leftColumn .gastgeber .gastgeberBox {
    padding: 0px 10px 10px 10px;
}

.button input {
    background: #0a83c3;
    border: 1px solid #fff;
    color: #fff;
    font-size: 14px;
}

#main {
    width: 715px;
    position: relative;
    float: left;
    overflow: hidden;
}

#main #bildWetter {
    height: 240px;
    width: 715px;
    position: relative;
    overflow: hidden;
}

#main #hauptbild {
    height:240px;
    width:715px;
    position: relative;
    overflow: hidden;
}

#hauptbild img {
    height: auto;
    width: 100%;
}

#main .boxes {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

#main .box {
    background: url(/gfx/bg-box.png);
    width: 150px;
    position: relative;
}

#main .meta,
#main .karte {
    border-bottom: 1px solid #a8dcec;
}

#main #wetterLink {
    /*display: none;*/

}

#main #metaArrow,
#main #wetterArrow,
#main #karteArrow {
    background: url(/gfx/downArrow.png) no-repeat;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 12px;
    height: 6px;
}

#main #wetterArrow {
    display: none;
}

#main #metaContent {
    display: none;
}

#main .wetter .wetterBox {
    /*padding: 0px 5px 10px 5px;*/

}

#main .wetter #wetterContent {
    color: #fff;
    padding: 0px 5px 5px 5px;
}

#main #contents {
    background: url(/gfx/bg-contents.png) repeat-y left top;
    margin: 5px 0px 0px 0px;
    padding-bottom: 20px;
    position: relative;
}

#fischomatbar {
    background: url(/gfx/bg-fischomat.jpg) no-repeat left bottom;
    width: 940px;
}

#fischomatbar #gambler {
    background: url(/gfx/bg-fischomat-01.jpg) no-repeat left top;
    overflow: hidden;
    width: 215px;
    height: 150px;
    padding-right: 5px;
    text-align: right;
    position: relative;
    float: left;
}

#fischomatbar #gambler #themenbox {
    position: absolute;
    right: 15px;
    top: 0px;
    margin: 0px;
    padding: 0px;
}

#fischomatbar #gambler #themenliste {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

#themenliste li a {
    color: #4b4f56;
    font-size: 17px;
    line-height: 30px;
}

#themenliste li.active a {
    color: #04337a;
    font-size: 25px;
    line-height: 35px;
}

#portraitbild {
    background: url(/gfx/bg-portrait.png) no-repeat left top;
    position: absolute;
    width: 150px;
    height: 160px;
    z-index: 99;
    left: 430px;
    bottom: 150px;
}

#portraitbild .bild {
    width: 130px;
    height: 145px;
    padding: 5px 10px 15px 5px;
    overflow: hidden;
}

#portraitbild .bild img {
    width: 131px;
    height: 143px;
}

#bgperson {
    background: #fecc00;
    color: #04337a;
    width: 715px;
    height: 150px;
    position: relative;
    margin: 0px 0px 0px 5px;
    float: left;
}

#fischomatbar #bgperson a {
    color: #04337a;
    font-size: 11px;
}

#fischswitcher {
    width: 200px;
    position: absolute;
    top: 65px;
    left: 15px;
}

#fischswitcher .fischtext {
    color: #04337a;
    font-size: 25px;
    float: left;
}

#fischswitcher .next,
#fischswitcher .last {
    float: left;
    padding: 5px 0px 0px 5px;
}

#fischswitcher .next a img,
#fischswitcher .last a img {
    width: 22px;
    height: 23px;
}

#person {
    font-size: 11px;
    width: 325px;
    height: 120px;
    overflow: hidden;
    position: absolute;
    bottom: 15px;
    right: 15px;
}

#fischomatbar #bgperson #person #pname {
    font-weight: bold;
}

#fischomatbar #bgperson #person #pfunktion {
    font-style: italic;
    margin-bottom: 5px;
}

#fischomatbar #bgperson #person .link {
    text-align: right;
}

#footer {
    width: 905px;
    height: 100px;
    position: relative;
    font-size: 11px;
    color: #676a70;
    padding: 20px 15px 15px 20px;
    line-height: 18px;
    z-index: 99;
}

#footer a {
    color: #04337a;
}

#footer .adress,
#footer .contact,
#footer .links {
    padding-top: 5px;
    float: left;
}

#footer .adress {
    width: 175px;
}

#footer .contact {
    width: 200px;
}

#footer .links {
    width: 100px;
}

#footer .links a {
    display: block;
}

#footer .graduation {
    position: absolute;
    top: 20px;
    right: 15px;
}

#footerFacebookLink {
    padding-left: 20px;
    display:none;
}

#footerFacebookLink a span {
    float: left;
    padding: 5px 10px 0 0;
    text-align: right;
    width: 75px;
}

#footerFacebookLink a:hover span {
    text-decoration: underline;
}

#footer .graduation .heilklima,
#footer .graduation .allgaeu,
#footer .graduation .jubilaeum,
#footerFacebookLink,
#footerFacebookLink a img {
    float: left;
}

#footer .graduation .heilklima {
    background: url(/gfx/heilklima.png) no-repeat scroll left top;
    height: 52px;
    margin-right: 10px;
    text-indent: 2500px;
    width: 75px;
    overflow: hidden;
}

#footer #eu {
    background: url(/gfx/eu.png) no-repeat scroll left top;
    width: 165px;
    height: 25px;
    position: absolute;
    right: 15px;
    bottom: 15px;
    text-indent: 2500px;
    overflow: hidden;
}

#footer .realized {
    position: absolute;
    left: 20px;
    bottom: 15px;
}

/*--------- Travel Searchform Left -----------------------------------*/

input.Widget-Calendar-Date {
    background-color: #fff !important;
    width: 100px !important;
}

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

#leftColumn #filter_person {
    float: left;
    margin-right: 15px;
}

#leftColumn .travelSearch select {
    width: 105px;
}

#leftColumn .travelSearch .button {
    float: left;
    text-align: right;
}

/*-------------- Box Wetter Content ------------------*/

#homepagewetter {
    position: relative;
    color: #fff;
}

#homepagewetter .date {
    font-size: 12px;
    padding: 0px 5px;
}

#homepagewetter .degree {
    font-size: 25px;
    padding: 0px 5px;
    margin-bottom: 10px;
}

#homepagewetter .previewIcons {
}

#homepagewetter .previewIcons img {
    float: left;
    padding-left: 2px;
    width: 44px;
    height: 44px;
}

#homepagewetter .time {
    color: #a8dcec;
    font-size: 11px;
}

#homepagewetter .time span {
    width: 46px;
    display: block;
    float: left;
}

/*---------------------- VORLAGEN ------------------------------------*/

.Document {
    padding: 20px;
}

#contents .Template {
    width: 675px;
}

.Template {
    color: #000;
    font-size: 13px;
    margin: 0px;
    padding-bottom: 20px;
    position: relative;
    width: 100%;
}

.Template .spalte {
    position: relative;
}

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

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

.Template h1,
.Template h1 a {
    color: #04337a;
    font-size: 20px;
    font-weight: normal;
    text-decoration: none;
}

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

.Template h2 {
    color: #04337a;
    font-size: 18px;
    font-weight: normal;
}

.Template .textile,
.Template .textile p,
.Template p {
    font-size: 13px;
    line-height: 21px;
}

.Template .minitext {
    color: #04337a;
    font-size: 12px;
    line-height: 21px;
    font-style: italic;
    letter-spacing: 1px;
}

.Template .button {
    height:25px;
    position:relative;
    text-align:right;
}

/* Template Text Standard */

.Template.s5 ul,
.Template.s5 .textile ul {
    list-style-type: disc;
}

.Template.s5 .spalte {
    width: 215px;
    margin: 0px 15px 15px 0px;
}

.Template.s5 .spalte .bild {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.Template.s5 .spalte .bild img {
    width: 100%;
    height: auto;
}

.Template.s5 .minitext {
    margin: -15px 0px 5px 0px;
}

/* Darstellung Bild rechts */

.Template.s97 .spalte {
    margin: 0px 0px 0px 15px;
}

.Template.s97 .spalte .bild {
    margin: 0px 0px 15px 0px;
}

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

.backgroundPic {
    right: 0px;
    overflow: hidden;
    position: fixed;
    top: 0;
    z-index: 1;
}

.backgroundPic .bild {
    width: auto;
}

.backgroundPic .bild img {
    width: auto;
}

/*------------------------------------- Vorlagen Templates ----------------------*/

h2.divider {
    border-bottom: 1px solid #04337A;
    font-size: 20px;
}

.button a,
.link a {
    color: #04337A;
    font-style: italic;
}

.button a:hover,
.link a:hover {
    font-style: normal;
}

.ggButton,
.wetterseiteButton {
    text-align: right;
    margin-top: 5px;
}

.ggButton a {
    background: url(/gfx/linkArrow.png) no-repeat right 4px;
    color: #a8dcec;
    font-size: 14px;
    font-weight: normal;
    height: 25px;
    margin: 0px;
    padding: 0px 10px 0px 0px;
    text-align: right;
    width: 190px;
    display: block;
    cursor: pointer;
    position: relative;
    z-index: 99;
}

.wetterseiteButton a {
    background: url(/gfx/linkArrow.png) no-repeat right center;
    color: #a8dcec;
    font-size: 11px;
    font-weight: normal;
    text-align: right;
    display: block;
    cursor: pointer;
    position: relative;
    padding-right: 10px;
}

.listeData .vorschauData li .name {
    left: 3px;
    color:#000000;
}

/*------------------------------------- Template VA ---------------------------*/

.s138 .veranstaltungen {
    position: relative;
}

.s138 .veranstaltungen .treffer .bildinfo .bild {
    height: 75px;
}

/*----------------------------- Template .s2 - Artikel Standard --------------------------*/

.s2 .Nachrichten,
.s2 .Nachrichten .Nachricht.spalte {
    width: 675px;
    position: relative;
}

.s2 .header {
    margin-bottom: 15px;
}

.s2 .Nachricht.spalte .bild {
    width: 165px;
    /* margin: 0px 10px 0px 0px; */

}

.s2 .Nachricht.spalte .bild a img {
    width: 165px;
    height: auto;
}

.s2 .Nachricht.spalte .info h1 {
    background: none;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    line-height: 20px;
}

.s2 .Nachricht.spalte .info h1 a:link,
.s2 .Nachricht.spalte .info h1 a:visited {
    display: inline;
    padding: 2px;
}

.s2 .Nachricht.spalte .info .text {
    /* margin: 0px; */

    padding-bottom: 30px;
}

.s2 .Nachricht.spalte .info .button {
    position: absolute;
    right: 0px;
    bottom: 0px;
}

/*-------------------- Template .s96 Artikel Darstellung 2 Spalten, Ueberschrift oben -------------------------*/

.s96 .header {
    margin-bottom: 15px;
}

.s96 .Nachricht.spalte {
    overflow: hidden;
    margin: 5px;
    width: 325px !important;
}

.s96 .Nachricht.spalte .bild {
    position: relative;
    float: left;
    width: 90px !important;
    height: 65px !important;
}

.s96 .Nachricht.spalte .bild a img {
    width: 90px !important;
    height: auto;
}

.s96 .Nachricht.spalte .info h1 {
    display: block;
    overflow: hidden;
    position: absolute;
    z-index: 100;
}

.s96 .Nachricht.spalte .info h1 a:link,
.s96 .Nachricht.spalte .info h1 a:visited {
    background: none;
}

.s96 .Nachricht.spalte .info .text {
    position: relative;
    height: 68px;
    overflow: hidden;
}

/*------------------------ Template .s9 - Artikel Reine Bilddarstellung ----------------------------*/

.s9 .Nachricht.spalte {
    height: 210px;
    width: 215px !important;
    margin: 0px 5px 15px 5px;
}

.s9 .Nachricht.spalte .bild {
    width: 215px !important;
    margin-bottom: 5px;
}

.s9 .Nachricht.spalte .bild a {
    display: block;
}

.s9 .Nachricht.spalte .bild img {
    width: 215px !important;
    height: auto;
}

.s9 .Nachricht.spalte .info .text,
.s9 .Nachricht.spalte .info .button {
    display: none;
}

/*------------------------------------- Template .s82 - Artikel 2 Spalten ------------------------------*/

.s82 .Nachricht.spalte {
    overflow: hidden;
    height: 125px !important;
    margin: 0px 6px 20px 6px !important;
    width: 325px !important;
}

.s82 .Nachricht.spalte .bild {
    margin: 0px 15px 0px 0px !important;
    height: auto !important;
    width: 90px !important;
    position: relative;
    z-index: 1000;
}

.s82 .Nachricht.spalte .bild img {
    height: auto;
    width: 90px !important;
}

.s82 .Nachricht.spalte .info h3 {
    left: 0px;
    top: 0px;
    position: relative !important;
}

/*------------------------------------- Template .s6 - Sitemap Standard ------------------------------*/

.s6 .Seite {
    margin: 5px;
    width: 215px;
    position: relative;
}

.s6 .Seite .bild {
    width: 215px;
}

.s6 .Seite .box {
    background: none !important;
    position: relative;
    padding: 5px 0px !important;
    width: 215px !important;
}

.s6 .Seite .box .head a {
    font-size: 16px;
    color: #04337A;
}

.s6 .Seite .description a {
    color: #04337A;
    font-style: italic;
}

/*-------------------------------------- Detaildarstellung Tags --------------------------------------*/

.Tags span a {
    background: #04337A;
    color: #fff;
    display: block;
    float: left;
    margin: 5px;
    padding: 5px;
}

.Tags span a:hover {
    background: #fff;
    color: #04337A;
    text-decoration: none;
}

/*-------------------------------------- Detaildarstellung Aehnliche Themen--------------------------------------*/

.Template.artikelContentTemplate .Nachrichten .Nachricht h3 {
    width: 330px;
    margin-right: 5px;
    float: left;
}

.Template.artikelContentTemplate .Nachrichten .Nachricht h3 a {
    color: #04337A;
    border-bottom: 1px dotted #04337A;
}

.Template.artikelContentTemplate .Nachrichten .Nachricht h3 a:hover {
    border-bottom: 1px solid #04337A;
    text-decoration: none;
}

/*-------------------------------------- Detaildarstellung Bilder --------------------------------------*/

.Template.imageContentTemplate .bild {
    position: relative;
}

.Template.imageContentTemplate .bild img {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.Template.imageContentTemplate .spalte {
    width: 360px;
    margin-right: 15px;
}

/* Calendar Start */

.Calendar {
    font-size: 12px;
}

/* Calendar Ende */

/*----------------------------- TagCloud ----------------------------------------*/

/* SE TAGCLOUOD */

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 !important;
    vertical-align: middle;
    float:left;
    padding: 4px;
    line-height: 22px;
}

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

.big DIV.seTagCloud a {			height: 20px; padding: 2px;}

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

.black DIV.seTagCloud a {		color: #04337A; }

.white DIV.seTagCloud a {		color: #04337A; }

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: #f80 !important; }

.black DIV.seTagCloud.size5 a {		color: #04337A; }

.black DIV.seTagCloud.size6 a {		color: #04337A; }

.black DIV.seTagCloud.size7 a {		color: #04337A; }

.black DIV.seTagCloud.size8 a {		color: #04337A; }

.black DIV.seTagCloud.size9 a {		color: #04337A; }

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

.black DIV.seTagCloud a:hover {		color: #fff; background: #04337A;}

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

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

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

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

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

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

.white DIV.seTagCloud a:hover {		color: #fff; background: #04337A;}

/*----------------------- Template Leistungstraeger -------------------------*/

.trefferlistenavigation {
    margin-top: 15px;
}

.trefferlistekategorien ul.kategorie li a {
    color: #04337A;
}

/*------------------- Anpassungen Travel ----------------------------------*/

#travelsearch,
.treffersucheheader,
.treffersuche,
.treffersuchefooter,
#trefferzeitraum,
.treffersuche #zimmer2,
.trefferlisteheader {
    background: transparent !important;
}

.trefferlisteheader,
.gespeichertesuche, .gespeichertesuche a,
.treffer .kontaktinfo .beschreibung,
.trefferschmal .kontaktinfo .beschreibung,
.ContentTemplateDetail .untermenu a.aktiv,
.ContentTemplateDetail .untermenu2 a {
    color: #000 !important;
}

.gespeichertesuche, .gespeichertesuche a {
    padding: 5px;
}

.gespeichertesuche {
    margin: 5px 0px 15px;
    background: #ecacb4;
}

.gespeichertesuche .small {
    padding:10px;
}

.gespeichertesuche .right {
    padding-top: 10px;
}

.gespeichertesuche, .gespeichertesuche a {
    color: #000;
}

.gespeichertesuche a {
    background: #f8e0e3;
    border: 1px solid #f00;
    padding: 3px;
    font-size: bold;
}

.trefferlisteheader {
    width: 655px;
    z-index: 1000;
}

.ContentTemplateDetail .untermenu2 a:hover {
    background: #fff;
    color: #000;
}

.treffersuche .merkmale,
.treffersuche .treffersuchewas #zimmer2 .zimmertyp,
.treffersuche .treffersuchewas #zimmer2 .personen,
.treffer,
.trefferschmal,
.ContentTemplateDetail .untermenu {
    background: #6dadd6 !important;
}

#wasDiv,
#woDiv {
    position:relative;
    width:635px;
    display: block !important;
}

#VAContent .treffer {
    background: none !important;
}

.treffersuche #labelzimmer1,
.treffersuche #labelausstattung1,
.treffersuche #labelhausausstattung1 {
    background-color: transparent;
}

.treffersucheheader,
.treffersuche h3,
.ContentTemplateDetail .untermenu  {
    font-weight: normal;
    border-bottom: 1px solid #04337a;
}

.treffersuchefooter {
    padding-top: 10px;
    border-top: 1px solid #04337a;
}

.ContentTemplateDetail .untermenu a {
    background: #6dadd6;
    border-left:1px solid #04337a;
    border-right:1px solid #04337a;
    border-top:1px solid #04337a;
}

.ContentTemplateDetail .untermenu a:hover {
    background: #fff;
    color: #000;
}

.treffersuche h3,
.treffersuche h3 a,
.treffer .detailinfo .name .titel,
.treffer .detailinfo .name .titel a {
    color: #04337A;
    font-family: Tahoma,Verdana,Arial,sans-serif;
}

.treffersuche h3 a {
    background: url(/gfx/arrow-open.gif) no-repeat left center !important;
    /* background: url(/gfx/arrow-close.gif) no-repeat left center; */

}

.treffersuche h3 a.open,
.treffersuche h3.static {
    background: url(/gfx/arrow-open.gif) no-repeat left center;
}

.treffer .detailinfo .kategorie,
.trefferschmal .detailinfo .kategorie {
    color: #04337A;
}

.treffer,
.trefferschmal,
.travelmerkmale ul ul {
    border-top: 1px solid #04337a;
}

.treffer .kontaktinfo .adresse a,
.treffer .kontaktinfo .beschreibung a,
.trefferschmal .kontaktinfo .adresse a,
.trefferschmal .kontaktinfo .beschreibung a {
    color: #04337A;
    font-style: italic;
}

.treffer .kontaktinfo .adresse a:hover,
.treffer .kontaktinfo .beschreibung a:hover,
.trefferschmal .kontaktinfo .adresse a:hover,
.trefferschmal .kontaktinfo .beschreibung a:hover {
    color: #04337A;
    font-style: normal;
}

.treffer .detailinfo,
.trefferschmal .detailinfo {
    background: #fff;
    top: -23px;
}

.treffer .detailinfo .kategorie,
.trefferschmal .detailinfo .kategorie {
    right: 10px;
}

/* Merkmalicons */

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

.treffer .kontaktinfo .merkmale .merkmal_5407 {
    background: url(/se_data/global/gfx/travel/hoedoe/logo_xpert.jpg) no-repeat !important;
}

/* Hoernerbahn inkl. */

.treffer .kontaktinfo .merkmale .merkmal_6604 {
    background: url(/se_data/global/gfx/travel/hoedoe/logo-hoernerbahn-inkl.gif) no-repeat !important;
}

/* Bestof */

.treffer .kontaktinfo .merkmale .merkmal_6225 {
    background: url(/se_data/global/gfx/travel/hoedoe/logo-unsere-Besten.gif) no-repeat !important;
}

/* GastgebermitHerz */

.treffer .kontaktinfo .merkmale .merkmal_6378 {
    background: url(/se_data/global/gfx/travel/hoedoe/logo-urlaubprivat.gif) no-repeat !important;
}

/* Ofterschwang Gutes vom Dorf */

.treffer .kontaktinfo .merkmale .merkmal_6655 {
    background: url(/se_data/global/gfx/travel/hoedoe/logo-gutesVomDorf.gif) no-repeat !important;
}

/* Ofterschwang Sterneurlaub */

.treffer .kontaktinfo .merkmale .merkmal_7757 {
    background: url("/se_data/global/gfx/travel/hoedoe/logo-sterneurlaub.jpg") no-repeat left top !important;
}

/* KUHle Kids*/

.treffer .kontaktinfo .merkmale .merkmal_5391 {
    background: url("/se_data/global/gfx/travel/hoedoe/logo-KUHle-kids.gif") no-repeat left top !important;
}

/* Oberstdorfer Bergbahnen inkl. */

.treffer .kontaktinfo .merkmale .merkmal_6701 {
    background: url("/se_data/global/gfx/travel/hoedoe/logo-oberstdorfer-bergbahnen.jpg") no-repeat left top !important;
}

/* Weisse Wochen 2012 */

.treffer .kontaktinfo .merkmale .merkmal_5338 {
    background: url("/se_data/global/gfx/travel/hoedoe/logo-weisse-wochen.jpg") no-repeat left top !important;
}


/*------ Anpassungen Marktplatz ----------*/

.trefferlistenavigation,
.trefferlistekategorien {
    background: transparent;
}

.trefferlistenavigation ul.brotkruemmel {
    background: #6dadd6;
}

.trefferlistenavigation ul.brotkruemmel,
.trefferlistenavigation ul.brotkruemmel li,
.trefferlistenavigation ul.brotkruemmel li a {
    color: #04337A;
    font-style: italic;
}

.treffer .kontaktinfo .weiter a,
.trefferschmal .kontaktinfo .weiter a {
    background: #04337A;
    color: #fff;
}

.treffer .kontaktinfo .weiter a:hover,
.trefferschmal .kontaktinfo .weiter a:hover {
    background: #fff;
    color: #04337A;
}

#sponsoren {
    width: 200px;
}

#sponsoren img {
    border: none 0px;
}

.head a {
    color: #ffffff !important;
}

#facebook-like-box {
    height: 59px;
    width: 355px;
    float: left;
}

#facebook-like-box iframe {
    height: 60px;
    width: 355px;
    margin: -5px;
    floar:left;
    overflow: hidden;
}

/* Anpassungen Zimmeruebersicht fuer speuzielle Bildgroessen */

.zimmerliste .treffer {
    min-height: 150px;
}

.zimmerliste .treffer .bildinfo,
.zimmerliste .treffer .bildinfo .bild {
    width: 300px;
}

.zimmerliste .treffer .bildinfo .bild img {
    height: 150px;
    width: auto;
}

.zimmerliste .treffer .kontaktinfo {
    padding: 10px 5px 0 320px;
}