/*************** Tauern Spa Kaprun stylesheet, portal, 2010 by elements.at **************** */

#container { width: 996px; background: url(/static/img/bg2.jpg); margin-left: 4px; position: relative; /*overflow: hidden */  }

/* CLAIM */
.claim { position: absolute; width: 317px; left: 60px; top: 220px; z-index: 10; }
.claim h1 {  color: #fff; font-size: 22px; text-transform: capitalize; line-height: 32px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: lighter; letter-spacing: 2px; text-shadow: black 1px 1px 15px }
.claim h1:first-letter { font-size: 36px }
.claim p { color: #ffffff; font-size: 13px; background: url(/static/img/claim_trenner.png) no-repeat; padding-top: 5px; text-shadow: black 1px 1px 15px; }
.claim a { float: right; font-weight: bold;background: url(/static/img/sprites.png) no-repeat -143px -307px; padding-left: 10px; color: #ffffff; margin-top: -10px; margin-right: 15px; text-shadow: black 1px 1px 15px }
.claim .windrose {  behavior: url(/static/js/iepngfix.htc); background: url(/static/img/windrose.png) no-repeat; width: 118px; height: 113px; position: absolute; margin: -50px 0 0 230px; }

/* TEASER */

.teasercontainer { width: 940px; height: 294px; float: right; margin: -142px 28px 0; _margin-right: 10px  }

.teaser, .teaser2, .teaser3 { width: 240px; height: 86px; float: left; margin-right: 10px; display: block; position: relative; z-index: 50; /*margin-top: 153px;  margin-top: 189px;*/ -moz-box-shadow: 0 0 5px #222; -webkit-box-shadow: 0 0 5px #222; box-shadow: 0 0 5px #222; /*margin-top: 200px */}
.teaser .teaserbild, .teaser2 .teaserbild, .teaser3 .teaserbild { display: none }
.preisbox { height: 19px; border-bottom: 1px solid #8f0026; border-right: 1px solid #8f0026; background: #db003b; position: absolute; color: #fff; /*margin: 14px 0 0 3px;*/ top: 14px; left: 3px; z-index: 100 }
.preisbox span { line-height: 19px; padding-left: 3px; }
.preisbox span.bold { font-size: 14px; font-weight: bold; padding-left: 0; padding-right: 3px }
.teaser .buttoncontainer, .teaser2 .buttoncontainer, .teaser3 .buttoncontainer { display: none }
.teaser p.hover, .teaser2 p.hover, .teaser3 p.hover { display: none }

.teaserbild img { float: left; width: 234px; height: 140px; display: block; border-top: 3px solid white; border-left: 3px solid white; border-right: 3px solid white;  }
.teaser_text { width: 214px; height: 60px;  float: left; display: block; overflow: hidden; background: url(/static/img/teaser_text_bg.png) repeat-x; border: 3px solid white; font-size: 12px; padding: 5px 10px 15px 10px}

.teaser_arrow { width: 14px; height: 8px; background: url(/static/img/sprites.png) no-repeat 0 -296px; margin-left: 210px; position: absolute; _background: url(/static/img/teaser_arrow.png) no-repeat; _margin-top: -4px
}

.teaser_text span.title { font-size: 14px; color: #012c61; font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase; display: block; padding-bottom: 3px }
.teaser_text span.title:first-letter { font-size: 16px; }
.teaser_text p { color: #313131; font-size: 12px; }
.teaser_text p.gueltig { color: #345681 }

.buttoncontainer { border-left: 3px solid white; border-right: 3px solid white; border-bottom: 3px solid white; height: 29px; width: 234px; display: block; height: 29px; clear: both; background: url(/static/img/teaser_text_bg.png) repeat-x; }
a.button1 { width: 116px; height: 29px; background: #4b85a8; float: left; text-align: center; line-height: 29px; color: #fff; font-size: 12px; }
a.button2 { width: 116px; height: 29px; background: #2c608a; float: right; text-align: center; line-height: 29px; color: #fff; font-size: 12px; }

a.button1:hover { background: #012c61 }
a.button2:hover { background: #012c61 }

div.spamap { border: 3px solid white; cursor:pointer; width: 184px; height: 139px; float: right; margin-top: 149px; -moz-box-shadow: 0 0 5px #222; -webkit-box-shadow: 0 0 5px #222; box-shadow: 0 0 5px #222; z-index: 40; position: relative; overflow: hidden;  }
/* RIGHT */

.rightbox { margin-top: 12px; margin-right: 28px; float: right; _margin-right: 10px; _margin-top: -55px; -moz-box-shadow: 0 0 5px #222; -webkit-box-shadow: 0 0 5px #222; box-shadow: 0 0 5px #222; }
.right_one { background: url(/static/img/right_box_bg.png) repeat-x; width: 160px; height: 161px; padding: 10px 15px  }
.right_one span.title { border-bottom: 1px #cdcdcd solid; display: block; margin-bottom: 10px; color: #153d6e; font-size: 10px; font-family: Georgia, "Times New Roman", Times, serif; color: #153d6e; text-transform: uppercase }
.right_one span.title:first-letter { font-size: 14px; }

.line, .line_date { display: block; height: 23px; float: left; width: 160px }
.line_small { display: block; height: 15px; float: left; width: 160px }
.line_button { height: 23px;  float: right; }

.right_one .abstand { height: 5px; clear: both }
.right_one label { display: block; color: #313131; font-size: 11px; float: left; clear: both; }
.right_one .line_date label { line-height: 18px; }

.right_one input.buchen { float: left; margin-right: 10px; _margin-top: -4px }
.right_one label.buchen { float: left; }
.right_one input.anfragen { float: left; margin-right: 10px; _margin-top: -4px  }
.right_one label.anfragen { float: left; }

.right_one .anreise, .right_one .abreise {  float: right; width: 106px }

.right_one input#anreise { width: 77px; background: url(/static/img/sprites.png) no-repeat 0 0; border: solid 1px #c8d7e6; padding-left: 6px; float: left; color: #336699; font-size: 11px; height: 18px; line-height: 18px; }
.right_one input#abreise { width: 77px; background: url(/static/img/sprites.png) no-repeat 0 0; border: solid 1px #c8d7e6; padding-left: 6px; float: left; color: #336699; font-size: 11px; height: 18px; line-height; 18px;  }
.right_one img.ui-datepicker-trigger { float: right }

.right_one select#personen { width: 106px; background: url(/static/img/sprites.png) no-repeat -150px 0px; border: solid 1px #c8d7e6; padding-left: 6px; float: right; display: block; line-height: 20px; color: #336699; font-size: 11px; height: 20px;  float: right;  }
.right_one .personen_button { background: url(/static/img/sprites.png) no-repeat -165px 0px; width: 20px; height: 18px; right: 45px; margin-top: 1px; display: block; position: absolute }

.right_one input.button_date { float: right; width: 21px; height: 20px; background: url(/static/img/date_button_bg.png) no-repeat; border: none;  }

.right_one input.submit_buchen, .right_one input.submit_anfragen { width: 106px; height: 23px; background: url(/static/img/sprites.png) no-repeat -24px -325px; border: none; display: block; line-height: 23px; /*padding: 0 0 3px 10px;*/ padding-bottom: 3px; text-align: center; color: #fff; font-weight: bold; cursor: pointer }
.right_one input.submit_anfragen { display: none }


.right_two { clear: right; width: 161px; background: url(/static/img/right_box_2_bg.png) repeat-x; border-bottom: 3px solid white; padding: 10px 15px; }

.right_two span.title { border-bottom: 1px #cdcdcd solid; display: block; margin-bottom: 5px; color: #153d6e; font-size: 10px; font-family: Georgia, "Times New Roman", Times, serif; color: #153d6e; text-transform: uppercase; width: 150px }
.right_two span.title:first-letter { font-size: 14px; }

.right_two .nr { color: #166e98; font-size: 12px; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 3px}
.right_two p { }
.right_two a { font-size: 11px; color: #153d6e; font-weight: bold; background: url(/static/img/sprites.png) no-repeat -143px -307px; padding-left: 10px; z-index: 50; position: relative }

.geschenkbox {  background: url(/static/img/geschenk_bg.png) no-repeat; width: 160px; height: 28px; clear: right; float: right; margin-right: 28px; margin-top: 7px; _margin-right: 10px; padding: 12px 15px 15px 15px; z-index: 150; position: relative;  }
.geschenkbox span.title { border-bottom: 1px #cdcdcd solid; display: block; margin-bottom: 2px; color: #153d6e; font-size: 10px; font-family: Georgia, "Times New Roman", Times, serif; color: #153d6e; text-transform: uppercase; width: 133px }
.geschenkbox a { font-size: 11px; color: #153d6e; font-weight: bold; background: url(/static/img/sprites.png) no-repeat -143px -307px; padding-left: 10px; }

/* FOOTER */

#footer { clear: both; padding-top: 32px; width: 940px; margin: 0 auto; }

.logos { display: block; height: 56px;  padding-top: 15px; }

.footer_left { }
a.salzburgerland { float: left; background: url(/static/img/sprites.png) no-repeat 0px -379px; width: 72px; height: 38px; margin-top: 18px;  }
a.zellamseekaprun { float: left; background: url(/static/img/sprites.png) no-repeat -140px -410px; width: 83px; height: 27px; margin-top: 27px;  margin-left: 20px }

.footer_right { float: right; }
a.fb { width: 23px; height: 23px; background: url(/static/img/sprites.png) no-repeat -140px -384px; display: block; float: left; margin-right: 20px; margin-top: 33px }
a.fb_like { width: 54px; height: 23px; background: url(/static/img/sprites.png) no-repeat 0 -419px; display: block; float: left; margin-right: 20px; color: #617a9a; line-height: 23px; padding-left: 25px; margin-top: 33px }
a.vwv { width: 57px; height: 56px; background: url(/static/img/sprites.png) no-repeat -81px -386px; display: block; float: left }

span.popup { background: url(/static/img/bubble.png) no-repeat; width: 171px; height: 61px;  position: absolute; text-align: center; padding-top: 8px; display: none; margin-left: -150px; margin-top: -15px; color: white; font-weight: bold; }
span.popup_text { display: block; width: 150px; margin-left: 5px; _margin-left: -10px }
#footer .copyright { clear: both; width: 940px; height: 30px; vertical-align: middle; padding-top: 30px; }
#footer .copyright .left { float: left; color: #646464; }

#footer .copyright .left span { float: left }
#footer .copyright .left .trenner { float: left; background: url(/static/img/sprites.png) no-repeat -114px -121px; margin-top: 2px; width: 18px; height: 11px  }

#footer .copyright .right { float: right }
#footer .copyright .right a { color: #646464 }
#footer .copyright .right .trenner { background: url(/static/img/sprites.png) no-repeat -112px -121px; width: 21px; height: 11px; display: inline; margin-top: 2px; }
#footer .imprint { /* background: url(/static/img/imprint.png) no-repeat; */  padding: 20px; height: 85px;  }
#footer .imprint p { padding-bottom: 5px; }
#footer .imprint a { color: #787878; text-decoration: underline; }




#portalimages{
    position: absolute;
    top: 3px;
    left: 3px;
    width: 990px;
    height: 650px;
    z-index: 1;
}

#portalimagesgallery{
    position: absolute;
    top: 0;
    left: 0;
    width: 990px;
    height: 650px;
    z-index: 1;
}

#portalimagesoverlay{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 990px;
    height: 87px;
    background: url(/static/img/imggallerybottom.png) no-repeat;
    z-index: 2;
}

.content_bildwechsel{
    position: relative;
    z-index: 5;
}


#portalimagesgallery img {
    position:absolute;
    top:50px;
    left:0;
    z-index:8;
}

#portalimagesgallery img.active {
    z-index:10;
}

#portalimagesgallery img.last-active {
    z-index:9;
}

#portalteaser1,
#portalteaser2,
#portalteaser3{
    position: absolute;
    top: 273px;
}


#portalteaser1{
    left: 28px;
}

#portalteaser2{
    left: 278px;
}

#portalteaser3{
    left: 528px;
}

a.leading {
    width: 95px;
    height: 68px;
    background: url(/static/img/leading_resort.png) no-repeat;
    display: block;
    float: left;
    margin-right: 20px;
    margin-top: -5px;
}