/* Berghotel Hoher Knochen - Stylesheet 2010 */

html, body, #wrap {
    height:100%;
}

body > #wrap {
    height:auto;
    min-height:100%;
}

#footer {
    position:relative;
    margin-top:-80px; /* negative value of footer height */
    height:80px;
    clear:both;
    background: url(../bilder/bg_footer.png) repeat-x center bottom;
}

body {
    margin:0;
    text-align:center;
    font-family:arial,helvetica,sans-serif;
    font-size:12px;
    background: url(../bilder/bg_body.jpg) repeat center top;
}

input, textarea, select {
    font-family:arial,helvetica,sans-serif;
    font-size:12px;
    border:1px solid #c8bea5;
}

textarea {
    overflow:auto;
}

table {
    display:block;
    font-family:arial,helvetica,sans-serif;
    font-size:12px;
}

img {
    border:0;
}
a {
    color:#0f3355;
    font-weight:bold;
    text-decoration:none;
}
ul, li {
    margin:0;
    padding:0;
    list-style-type:none;
}
h1, h2, h3, h4, h5 {
    margin:0;
    padding:0;
}
p {
    margin:0;
    margin-bottom:12px;
}

#struktur {
    position:relative;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
    padding-bottom:80px; /* must be same height as the footer */
    width:980px;
}

#inner_footer {
    width:980px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    padding-top:20px;
    color:#E7DDC4;
    font-size:11.9px;
}
#inner_footer a {
    color:#E7DDC4;
}

#header {
    position:relative;
    clear:both;
    width:930px;
    height:150px;
}

#logo {
    position:relative;
    z-index:1000;
    display:inline;
    float:right;
    padding-top:20px;
    margin-right:0;
}

#bildbereich {
    position:relative;
    z-index:1100;
    width:930px;
    height:248px;
    overflow:hidden;
    background: url(../bilder/progress.gif) no-repeat center 100px;
}
#effektebene {
    position:absolute;
    z-index:1200;
    left:0px;
    top:0px;
}
#content {
    clear:both;
    width:930px;
    padding-top:50px;
    padding-bottom:50px;
}
#content ul {
    padding-left:16px;
    margin-bottom:12px;
}
#content li {
    list-style-type:disc;
    margin-bottom:6px;
}
#content_links {
    display:inline;
    float:left;
    width:400px;
    margin-left:30px;
}
#content_links h1, #content_links h2, #content_links h3, #content_rechts h1, #content_rechts h2, #content_rechts h3, h3.blau {
    text-transform:uppercase;
    font-size:16px;
    font-weight:bold;
    margin-left:-30px;
    margin-bottom:20px;
    color:#0f3355;
}
#content_links .angebot, #content_rechts .angebot {
    text-transform:none;
}
#content_links .blog_teaserbild {
    display:none;
}
#content_rechts {
    display:inline;
    float:left;
    width:430px;
    margin-left:70px;
}
.stopper {
    height:0.1em;
    font-size:0.1em;
    clear:both;
}
#hauptnavigation_1 {
    position:absolute;
    z-index:100;
    left:0px;
    top:60px;
    width:930px;
    height:100px;
}
#hauptnavigation_1 li {
    display:inline;
    float:left;
    width:180px;
    height:80px;
    border-right:1px solid #878787;
    margin-right:30px;
}
#hauptnavigation_1 li.navi_1_last {
    border-right:0;
}
#hauptnavigation_1 a {
    position:relative;
    z-index:100;
    display:block;
    color:#0f3355;
    text-decoration:none;
    padding-top:10px;
    height:70px;
    font-size:15px;
    font-weight:bold;
    text-transform:uppercase;<
}
#hauptnavigation_1 a:hover, #hauptnavigation_1 a.navi_1_sel, #hauptnavigation_1 a.navi_1_sel:hover {
    color:#222;
}
#hauptnavigation_2 {
    width:930px;
    height:33px;
    position:relative;
    z-index:1100;
    margin-top:-33px;
    background: url(../bilder/bg_hauptnavigation_2.jpg) repeat-x left top;
}
#navigation_untertitel {
    position:absolute;
    z-index:0;
    left:0px;
    top:40px;
}
#navigation_untertitel span {
    display:inline;
    float:left;
    width:180px;
    margin-right:30px;
    font-size:12px;
    color:#555;
    border-right:1px solid transparent;
}
#btnImgSize {
    width:105px;
    height:33px;
    position:absolute;
    z-index:1210;
    right:0px;
    bottom:0px;
    cursor:pointer;
    background: url(../bilder/bg_btnImgSize.jpg) no-repeat;
    background-position: left top;
}
#hintergrundstreifen {
    position:absolute;
    z-index:0;
    left:0px;
    top:150px;
    width:100%;
    height:260px;
    background: url(../bilder/bg_wrap_big.png) repeat-x center bottom;
}
#btnSitemap {
    position:absolute;
    z-index:1000;
    left:0px;
    top:0px;
    width:124px;
    height:40px;
    background: url(../bilder/bg_btnSitemap.png) no-repeat left top;
    color:#CCC;
    font-size:11px;
    cursor:pointer;
}
#btnSitemap span {
    display:block;
    padding:11px;
    padding-left:20px;
}
#sitemap {
    position:absolute;
    z-index:2000;
    left:0px;
    top:33px;
    color:white;
    width:100%;
    line-height:150%;
}
#sitemap > div {
    padding:20px;
    padding-top:40px;
    background: url(../bilder/bg_sitemap.png) repeat left top;
    -webkit-box-shadow: 2px 2px 5px #110B02;
    -moz-box-shadow: 2px 2px 5px #110B02;
    box-shadow: 2px 2px 5px #110B02;
}
#sitemap a {
    color:white;
}
#sitemap > div > ul {
    display:inline;
    float:left;
    width:180px;
    margin-right:20px;
    padding-right:20px;
}
#sitemap .sitemap_ul_1 > li > a {
    text-transform:uppercase;
    font-size:16px;
}
#sitemap .sitemap_ul_2 {
    font-size:14px;
    margin-top:12px;
    margin-bottom:20px;
}
#sitemap .sitemap_ul_2 a {
    color:white;
}
#sitemap .sitemap_ul_2 li {
    background: url(../bilder/icon_sitemap.png) no-repeat left top;
    padding-left:20px;
}
#sitemap .sitemap_ul_3 {
    font-size:12px;
    padding-left:20px;
    margin-top:6px;
    margin-bottom:12px;
}
#sitemap .ul_1, #sitemap .ul_2, #sitemap .ul_3 {
    border-right:1px solid #19496a;
}

#angebotsteaser {
    position:relative;
    width:440px;
    height:420px;
    margin-bottom:20px;
    overflow: hidden;
    white-space: nowrap;
}
#inner_angebotsteaser {
    position:absolute;
    z-index:1000;
    left:0px;
    top:0px;
    width:10000px;
    height:420px;
}
#outer_angebotsteaser {
    position:relative;
}
#slideLeft {
    width:36px;
    height:50px;
    position:absolute;
    z-index:1200;
    left:0px;
    top:195px;
    margin-left:-50px;
    cursor:pointer;
}
#slideRight {
    width:36px;
    height:50px;
    position:absolute;
    z-index:1200;
    right:0px;
    top:195px;
    margin-right:-50px;
    cursor:pointer;
}
.teaser_angebote {
    position:relative;
    width:200px;
    height:400px;
    float:left;
    color:white;
    margin-right:31px;
    white-space:normal;
    text-align:left;
    background: url(../bilder/bg_angebotsteaser.jpg) no-repeat left 180px #012545;
    -webkit-box-shadow: 2px 2px 5px #110B02;
    -moz-box-shadow: 2px 2px 5px #110B02;
    box-shadow: 2px 2px 5px #110B02;
}

.teaser_angebote > h4 {
    font-size:15px;
    font-weight:bold;
    margin:15px;
    margin-bottom:10px;
    padding-bottom:5px;
    border-bottom:1px solid #324669;
}

.teaser_angebote > h4 a {
    color:white;
}

.teaser_angebote > p {
    padding:15px;
    margin:0;
    color:#EEE;
    font-size:11px;
}

.teaser_angebote > .preis {
    position:absolute;
    left:0px;
    bottom:50px;
    font-weight:bold;
    font-size:13px;
    color:white;
}

.teaser_angebote > a.weiter, #content .teaser_angebote > a.weiter {
    display:block;
    position:absolute;
    left:0px;
    bottom:0px;
    width:170px;
    padding:15px;
    color:white;
    text-transform:uppercase;
    font-weight:bold;
    font-size:14px;
    background: url(../bilder/bg_buchungslink.png) no-repeat left top #061C47;
}
.teaser_angebote > a.weiter:hover {
    color:#DDD;
}
ul.ang_leistungen {
    display:block;
    padding-left:16px;
}
ul.ang_leistungen li {
    list-style-type:disc;
    margin-bottom:4px;   
}
.ang_preis {
    font-size:14px;
    margin-top:20px;
    font-weight:bold;
    color:#0f3355;
}
#bildergalerie_navi {
    position:absolute;
    z-index:1210;
    right:0px;
    bottom:0px;
    width:105px;
    height:66px;
    text-align:center;
    background: url(../bilder/bg_bildergalerie_navi.png) repeat left top;
}
#bildergalerie_navi > div {
    padding:10px;
}
#bildergalerie_navi a {
    font-size:12px;
    color:white;
    padding-left:3px;
    padding-right:3px;
    font-weight:normal;
}
#bildergalerie_navi a.aktiv {
    text-decoration:underline;
}
.news_teaser {
    margin-bottom:12px;
    padding-bottom:12px;
    border-bottom:1px solid #999;
}
.news_teaser h5 a {
    color:#0f3355;
    font-weight:bold;
    margin-bottom:6px;
    font-size:12px;
}
.news_teaser .link_weiterlesen {
    display:block;
    margin-top:6px;
    color:#0f3355;
}

#resform_klein label, #newsletterform label {
    display:inline;
    float:left;
    width:50px;
    margin-right:30px;
    margin-bottom:6px;
    text-transform:uppercase;
    padding:5px;
}
#resform_klein input, #newsletterform input {
    display:inline;
    float:left;
    width:100px;
    margin-right:20px;
    margin-bottom:6px;
    -webkit-box-shadow: 2px 2px 5px #110B02;
    -moz-box-shadow: 2px 2px 5px #110B02;
    box-shadow: 2px 2px 5px #110B02;
    border:0;
    padding:5px;
    background: url(../bilder/bg_input.jpg) repeat-x left top;
    color:white;
}

#newsletterform #button_newsletter_reset, #newsletterform #button_newsletter_submit {
    display:block;
    float:none;
    width:150px;
    margin-left:90px;
}
#newsletterform #button_newsletter_submit {
    padding:0;
}

#resform_klein #button_weiter {
    width:150px;
    text-align:left;
    display:block;
    float:none;
    margin-right:0;
    padding:0;
}
#resform_gross label {
    display:inline;
    float:left;
    width:160px;
    margin-right:10px;
    margin-bottom:6px;
    padding:5px;
}
#resform_gross input {
    display:inline;
    float:left;
    width:150px;
    margin-bottom:6px;
    -webkit-box-shadow: 2px 2px 5px #110B02;
    -moz-box-shadow: 2px 2px 5px #110B02;
    box-shadow: 2px 2px 5px #110B02;
    border:0;
    padding:5px;
    background: url(../bilder/bg_input.jpg) repeat-x left top;
    color:white;
}
#resform_gross #button_reservieren {
    width:150px;
    text-align:left;
    margin-left:180px;
    padding:0;
}
#resform_gross select, #newsletterform select {
    display:inline;
    float:left;
    width:160px;
    margin-bottom:6px;
    -webkit-box-shadow: 2px 2px 5px #110B02;
    -moz-box-shadow: 2px 2px 5px #110B02;
    box-shadow: 2px 2px 5px #110B02;
    border:0;
    padding:5px;
    background: url(../bilder/bg_input.jpg) repeat-x left top;
    color:white;
}
#newsletterform select {
    width:110px;
}
#resform_gross option, #newsletterform option {
    background-color:#0A3F5D;
}
#resform_gross textarea {
    display:inline;
    float:left;
    width:150px;
    height:100px;
    margin-bottom:6px;
    -webkit-box-shadow: 2px 2px 5px #110B02;
    -moz-box-shadow: 2px 2px 5px #110B02;
    box-shadow: 2px 2px 5px #110B02;
    border:0;
    padding:5px;
    background-color:#082D54;
    color:white;
}
#resform_gross .feld_container {
    display:inline;
    float:left;
    width:150px;
}
#resform_gross .feld_container input {
    display:block;
    float:none;
}
.preistabelle {
    white-space:nowrap;
}
.preistabelle td.beschreibung {
    padding-right:20px;
}
.preistabelle td.preis {
    color:#0f3355;
    font-weight:bold;
    text-align:right;
    width:100px;
}
#content p, #content table {
    line-height:150%;
}
#resform_gross input.hidden, #resform_klein input.hidden, #newsletterform input.hidden, .kontaktformular input.hidden, .hidden {
    display:none;
}
.kontaktformular label {
    display:inline;
    float:left;
    width:100px;
    padding:4px;
    margin-bottom:4px;
    
}
.kontaktformular input, .kontaktformular textarea, .kontaktformular select {
    display:inline;
    float:left;
    width:200px;
    margin-bottom:6px;
    -webkit-box-shadow: 2px 2px 5px #110B02;
    -moz-box-shadow: 2px 2px 5px #110B02;
    box-shadow: 2px 2px 5px #110B02;
    border:0;
    padding:5px;
    background: url(../bilder/bg_input.jpg) repeat-x left top;
    color:white;
}
.kontaktformular select {
    width:auto;
}
.kontaktformular select option {
    background-color:#0A3F5D;
}
.kontaktformular textarea {
    overflow:auto;
    display:inline;
    float:left;
    width:200px;
    height:100px;
    margin-bottom:6px;
    -webkit-box-shadow: 2px 2px 5px #110B02;
    -moz-box-shadow: 2px 2px 5px #110B02;
    box-shadow: 2px 2px 5px #110B02;
    border:0;
    padding:5px;
    background-image:none;
    background-color:#082D54;
    color:white;
}
.kontaktformular .info_pflichtfelder {
    display:block;
    margin-left:110px;
    margin-top:6px;
    margin-bottom:6px;
    font-size:11px;
}
.kontaktformular .button_submit {
    display:block;
    float:none;
    width:150px;
    margin-left:110px;
    margin-bottom:20px;
    padding:0;
}
#content_links h3.online_res {
    margin-top:36px;
}
#schmetterling {
    position:absolute;
    z-index:0;
    left:320px;
    top:40px;
}
#button_facebook {
    width: 280px;
    background-color: white;
    padding: 20px;
    -webkit-box-shadow: 2px 2px 5px #110B02;
    -moz-box-shadow: 2px 2px 5px #110B02;
    box-shadow: 2px 2px 5px #110B02;
}
#angebotsrueckfrage {
    font-weight:normal;
}
.schatten {
    -webkit-box-shadow: 2px 2px 5px #110B02;
    -moz-box-shadow: 2px 2px 5px #110B02;
    box-shadow: 2px 2px 5px #110B02;
}

hr {
    margin:0;
    height:0.1em;
    border:0;
    border-top:1px solid #878787;
}

hr.content {
    margin-left:-30px;
}

#footer #nachoben {
    position:relative;
    z-index:1000;
    display:inline;
    float:right;
    margin-top:-40px;
    margin-right:50px;
    color:#161006;
    background: url(../bilder/icon_nachoben.png) no-repeat left center;
    padding-left:25px;
}
#newsliste {
    margin-top:36px;
}
#newsliste .articlelistItem {
    padding-bottom:12px;
    margin-bottom:24px;
    border-bottom:1px solid #878787;
}
#content > #hauptnavigation_2 {
    position:absolute;
    z-index:100;
    left:0px;
    top:102px;
}
#content > #hauptnavigation_2 ul {
    background:none;
    padding:0;
    margin-top:2px;
}
#content > #hauptnavigation_2 li {
    list-style-type:none;
    padding:0;
}
#bloguebersicht {
    margin-top:100px;
}
.blog_item {
    background-color:#f1ebdd;
    margin-bottom:12px;
}
.blog_item > div {
    padding:20px;
}
.blog_item small {
    font-size:11px;
    color:#666;
}
.blog_item h2 {
    margin-bottom:20px;
    text-transform:uppercase;
}
.blog_item small {
    display:block;
    text-align:right;
    margin-bottom:-16px;
}
.blog_item .articlelistImage {
    display:inline;
    float:right;
    margin-left:20px;
}
.blog_item hr {
    margin-top:12px;
    border-top:1px solid #0f3355;
}
#terminuebersicht {
    font-size:13px;
    margin-top:100px;
    background-color:#f1ebdd;
}
#terminuebersicht h2 {
    font-size:14px;
    background-color:#D4CEBE;
    padding:12px;
    border-bottom:1px solid #1e1400;
    margin-bottom:12px;
    color:#0f3355;
    text-transform:uppercase;
}
#terminuebersicht table {
    display:block;
    margin:12px;
    margin-bottom:24px;
    font-size:13px;
}
#terminuebersicht td.zeit {
    width:70px;
    color:#0f3355;
    font-weight:bold;
}
#terminuebersicht td.veranstaltungen {
    width:700px;
}
#terminuebersicht .keine_termine {
    margin:12px;
    margin-bottom:24px;
    margin-left:82px;
}
hr.termine {
    border-top:1px solid #B6B19B;
}
.kalender img#kal_progress_eingabe {
    position:absolute;
    z-index:100;
    left:310px;
    top:0px;
    display:none;
}
.kalendereingabe {
    position:relative;
}
.kalendereingabe select, .kalendereingabe input {
    width:300px;
    margin-bottom:4px;
}
.kalendereingabe textarea {
    width:300px;
    margin-bottom:4px;
}
.kalendereingabe .checkbox {
    width:auto;
}
.kalendereingabe #kal_meldung {
    position:absolute;
    z-index:1000;
    left:100px;
    top:312px;
    color:#0f3355;
    font-weight:bold;
}
.kalendereingabe label {
    color:#0f3355;
    font-weight:bold;
    margin-bottom:4px;
}