/*
	CSS Document: css_modules.css
	Version: 1.0 | Date: 2008-12-11
	Project: www.hotel-zur-post-bad-wiessee.de
	Author: websLINE, 2008
	-------
*/
/* IMPRESSIONEN */
.impressions {
    margin-top: 20px
    }
.impressions a {
    display: block;
    float: left;
    /*	margin-right: 3px;*/
    padding: 2px
    }
.impressions a:hover {
    background: #F7F7F7;
    background: #CECFCE
    }
.impressions b a {
    margin: 0
    }
.impressions img {
    /*	border: 1px solid #CECFCE;*/
    }
/* PANOS */
.panos dd {
    background: #f7f7f7;
    padding: 3px;
    float: left;
    margin: 3px 3px 0 0;
    width: 152px
    }
.panos dd.last {
    margin-right: 0 !important
    }
.panos dd:hover, .panos dd.item-active {
    background: #eee
    }
.panos dd img {
    border: 1px solid #fff;
    margin-top: 3px
    }
.panos dd h3, .panos dd p {
    margin: 0;
    padding: 0;
    line-height: 1em
    }
.panos dd ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none !important
    }
.panos dd li {
    background: #f7f7f7;
    margin-bottom: 1px;
    padding: 2px 0
    }
.panos dd li:hover {
    background: #eee
    }
.panos dd a.low, .panos dd a.full {
    background: url(img_symb-flash.gif) no-repeat;
    padding: 0 0 0 20px;
    text-decoration: none !important
    }
/* ROUTENPLANER */
.route {
    font-size: 0.9em
    }
.route .map24 {
    background: url(img_bg-route.jpg) repeat-x 0 20px;
    height: 37px;
    width: 100%;
    color: #fff
    }
.route .map24 .img {
    background: #fff
    }
.route .map24 div {
    padding: 0 10px;
    display: block
    }
.route h5 {
    background: #EDEFF1;
    padding: 3px 10px;
    margin: 0
    }
.route p {
    background: #F8F9FA;
    padding: 3px 10px 10px 10px;
    margin: 0
    }
.route .startaddress, .route .goaladdress {
    width: 50%;
    float: left;
    margin: 1px 0 0 0
    }
.route input.street {
    width: 207px
    }
.route input.zip {
    width: 57px;
    margin: 0 4px 0 0
    }
.route input.city {
    width: 140px
    }
.route select.country {
    width: 213px
    }
/* PREISE */
table.prices {
    width: 100%;
    border: 0
    }
table.prices th, table.prices td {
    padding: 3px
    }
table.prices caption {
    display: none
    }
table.prices .title th, table.prices .season td {
    vertical-align: bottom;
    font-size: 0.9em
    }
table.prices .season td {
    background: #ddd
    }
table.prices .line1 td {
    background: #f7f7f7
    }
table.prices .line2 td {
    background: #eee
    }
table.prices .col1 {
    padding: 5px
    }
table.prices .col2, table.prices .col3 {
    width: 22%;
    text-align: center
    }
table.prices strong {
    display: block
    }
/* FORMATIERUNG - EVENT */
table.event {
    width: 350px;
    border: 1px solid #f5f5f5;
    font-size: 0.95em
    }
table.event td {
    vertical-align: top;
    padding: 3px;
    border-bottom: 1px solid #f5f5f5
    }
table.event .col1 {
    width: 80px;
    background: #eee;
    text-align: right
    }
/* INFO BOX */
.infobox {
    clear: both;
    border: 1px solid #CFCFCF;
    padding: 10px;
    margin: 35px 0 0 0;
    background: #f5f5f5 url(img_bg-infobox.gif) no-repeat 100% 0
    }
.infobox * {
    margin: 10px 0
    }
/* QUICK CHOICE */
.quickchoice {
    clear: both;
    border: 1px solid #CFCFCF;
    padding: 10px;
    margin: 35px 0 20px 0;
    background: #f5f5f5 url(img_bg-quickchoice.gif) no-repeat 100% 0
    }
.quickchoice h3 {
    margin: 0 10px 0 0;
    padding: 2px 0 0 0;
    float: left
    }
/* AUFLISTUNG & VERWANDTE THEMEN & EVENTS */
.related {
    margin-top: 30px
    }
.related dt {
    font-weight: bold;
    font-size: 1.1em;
    margin-bottom: 10px
    }
.list li, .related dd {
    background: #f5f5f5 url(img_arrow.gif) no-repeat 3px 7px;
    padding: 3px 16px;
    border-bottom: 1px solid #CFCFCF
    }
.list .event {
    font-size: 0.95em
    }
.list li:hover, .related dd:hover {
    background: #eee
    }
.list .event strong {
    padding: 0 10px
    }
.list .event i {
    display: block;
    padding-left: 75px;
    font-style: normal
    }
.list li a, .related dd a {
    text-decoration: none !important
    }
/* TEXT ABSAeTZe */
.bildlinks img {
    margin: 0 8px 0 0;
    float: left
    }
.bildrechts img {
    margin: 0 0 0 8px;
    float: right
    }
/* TEASER */
.teaser a, div.teaser {
    display: block;
    background: #f5f5f5;
    border: 1px solid #CFCFCF;
    text-decoration: none !important;
    margin-bottom: 10px
    }
.teaser a:hover {
    background: #e5e5e5;
    border-style: dotted
    }
.teaser img {
    float: left;
    margin-right: 8px
    }
.teaser p {
    padding: 8px;
    margin: 0;
    font-size: 1em
    }
.teaser strong {
    display: block
    }
/* TEASER BOX */
.teaserBox li {
    margin: 0 0 9px 0;
    float: left;
    width: 100%
    }
.teaserBox li.yellow {
    background: #ECD387
    }
.teaserBox li.green {
    background: #577245
    }
.teaserBox li a {
    display: block;
    padding: 0 10px 10px 10px
    }
.teaserBox li.green a {
    color: #fff
    }
.teaserBox li.yellow a:hover {
    background: #F5E3AD
    }
.teaserBox li.green a:hover {
    background: #6A7E5D
    }
.teaserBox li img {
    position: relative;
    margin: 0 -10px
    }
.teaserBox li strong {
    display: block;
    padding: 10px 0 5px 0
    }
/* NEWS */
.news {
    background: #ECD387;
    padding: 15px 20px 15px 20px
    }
.news dt {
    font-weight: bold;
    font-size: 1.1em;
    margin-bottom: 10px
    }
.news dd {
    border-bottom: 1px solid #465D36;
    padding: 10px 0;
    font-size: 0.9em
    }
.news dd a {
    display: block;
    padding: 0 5px
    }
.news dd a:hover {
    background: #F5E3AD
    }
.news dd strong {
    display: block
    }
/* SUBNAVIGATION */
.subnavigation {
    background: #94B182;
    padding: 35px 30px;
    margin-bottom: 9px
    }
.subnavigation li {
    padding: 1px 0
    }
.subnavigation li a {
    display: block;
    background: url(img_dot-white.gif) no-repeat 3px 5px;
    padding: 3px 2px 3px 14px
    }
.subnavigation li a:hover, .subnavigation li a.active {
    background: #B6C8AA
    }
.subnavigation li a.active {
    font-weight: bold
    }
/* ANFRAGE MASKE */
.inquirymask {
    color: #000
    }
#dContent .inquirymask {
    margin: 50px 0 0 30px
    }
#dStart .inquirymask {
    border-bottom: 8px solid #C03B26;
    float: left;
    margin-right: 15px
    }
.inquirymask p {
    margin: 0;
    padding: 5px 0 0 0;
    font-size: 0.9em
    }
#dStart .inquirymask p {
    float: left;
    padding: 0 0 5px 0
    }
.inquirymask b {
    font-weight: normal;
    display: block
    }
.inquirymask input {
    width: 135px;
    background: #fff url(img_symb-calendar.gif) no-repeat 99% 50%;
    height: 14px;
    padding: 3px 0 0 3px;
    margin-right: 15px
    }
.inquirymask .bttn {
    background-image: url(img_bttn-enquire.gif);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: transparent;
    width: 180px;
    height: 20px;
    margin-top: 5px
    }
#dStart .inquirymask .bttn {
    width: 29px;
    background-position: -151px 50%;
    margin-top: 15px;
    margin-right: 0
    }
/* sIFR REPLACEMENT */
@media screen {
    .sIFR-flash {
        visibility: visible !important;
        margin: 0;
        padding: 0
        }
    .sIFR-replaced, .sIFR-ignore {
        visibility: visible !important
        }
    .sIFR-alternate {
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 0;
        display: block;
        overflow: hidden
        }
    .sIFR-replaced div.sIFR-fixfocus {
        margin: 0;
        padding: 0;
        overflow: auto;
        letter-spacing: 0;
        float: none
        }
    }
@media print {
    .sIFR-flash {
        display: none !important;
        height: 0;
        width: 0;
        position: absolute;
        overflow: hidden
        }
    .sIFR-alternate {
        visibility: visible !important;
        display: block !important;
        position: static !important;
        left: auto !important;
        top: auto !important;
        width: auto !important;
        height: auto !important
        }
    }
/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
    /* Example:
      .sIFR-active h1 {
        font-family: Verdana;
        visibility: hidden;
      }
      */
    }