/* portal.css
------------------------------------------------------------------------
This stylesheet contains the CSS rules nassfeld portal 

Author: elements.at 
--------------------------------------------------------------------- */

/* general overwrites
---------------------------------------------------------------------*/

body {
    background: #e1eff6 url(/static/source/img/gradient_portal_right.png) left top repeat-x;
}

#background {
    height: 620px;
}

#background .leftgradient {
    background: url(/static/source/img/gradient_portal_left.png) left top repeat-x;
    height: 620px;
}

#background_image {
    background: url(/static/source/img/backgrounds/background_portal.png) center top no-repeat;
    height: 620px;
    margin-top: -620px;
}

#sitecontainer {
    margin-top: -620px;
}

#footer {
    background: #e1eff6 url(/static/source/img/footer_portal_bg.png) left top no-repeat;
}

#footer .switchbutton {
    width: 955px;
    height: 20px;
    overflow: hidden;
    padding: 0 0 0 25px;
}

#footer .switchbutton a {
    display: block;
    background: url(/static/source/img/footer_button_bg.gif) left top repeat-x;
    overflow: hidden;
    padding: 3px 10px;
    text-decoration: none;
    color: #458bac;
    float: left;
}

#footer .footer_elements {
    height: 70px;
}

/* Portal
---------------------------------------------------------------------*/
#portal {
    background: #fff;
    width: 980px;
    height: 620px;
    overflow: hidden;
    position: relative;
}

#portal .portal_sujet {
    width: 980px;
    height: 620px;
    overflow: hidden;
}

#portal_news {
    position: absolute;
    top: 130px;
    left: 810px;
    width: 170px;
    height: 210px;
    overflow: hidden;
    z-index: 300;
}

#portal_news .pn_box {
    position: relative;
    float: left;
    width: 170px;
    height: 210px;
    overflow: hidden;
    z-index: 10;
}

#portal_news .pn_box .pn_background {
    background: url(/static/source/img/portal_news_winter.png) no-repeat;
    behavior: url(/static/source/js/iepngfix.htc);
    position: absolute;
    top: 0;
    left: 0;
    width: 170px;
    height: 210px;
    overflow: hidden;
    z-index: 15;
}

#portal_news .pn_box .pn_news {
    position: absolute;
    top: 0;
    left: 0;
    width: 165px;
    cursor: pointer;
    padding: 68px 0 0 5px;
    overflow: hidden;
    z-index: 20;
}

#portal_news .pn_box .pn_news .pn_head {
    float: left;
    width: 165px;
    padding: 0 0 5px 0;
    overflow: hidden;
}

#portal_news .pn_box .pn_news .pn_head h3 {
    color: #186498;
    font-size: 18px;
    text-align: center;
    font-style: italic;
    font-weight: normal;
    line-height: 20px;
    overflow: hidden;
    width: 165px;
}

#portal_news .pn_box .pn_news .pn_text {
    float: left;
    color: #555;
    text-align: center;
    width: 165px;
    padding: 0 0 5px 0;
    overflow: hidden;
}

#portal_news .pn_box .pn_news .pn_link {
    float: left;
    padding: 0 0 0 65px;
    overflow: hidden;
}

#portal_news .pn_box .pn_news .pn_link a {
    display: none;
}

#portal_news .pn_box .pn_news .pn_link span.link {
    background: url(/static/source/img/arrow_red.png) 0 5px no-repeat;
    color: #ff0000;
    display: block;
    float: left;
    overflow: hidden;
    padding: 1px 0 0 16px;
}

/* vacancybox overwrites*/
#vacancybox {
    position: absolute;
    left: 810px;
    top: 330px;
    z-index: 100;
}

/* linkbox overwrites*/
#linkbox {
    position: absolute;
    left: 780px;
    top: 510px;
    z-index: 100;
}
#linkbox .lb_links .lb_link a {
    background:url(/static/source/img/arrow_red.png) left center no-repeat;
    
}

/* hotline overwrites  */
#hotline {
    background: url(/static/source/img/hotline_icon_white.gif) 7px top no-repeat;
    position: absolute;
    left: 227px;
    top: 573px;
    z-index: 100;
}

/* Portal elemente
---------------------------------------------------------------------*/

/* arrivalbox */
#arrivalbox {
    width: 175px;
    height: 115px;
    overflow: hidden;
    position: absolute;
    left: 25px;
    top: 467px;
    z-index: 100;
}

#arrivalbox h3 {
    width: 175px;
    overflow: hidden;
    color: #666;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    font-style: italic;
}

#arrivalbox .arrival_map {
    width: 175px;
    height: 95px;
    overflow: hidden;
}

/* webcamsportal */
#webcams_portal {
    background: #fff;
    width: 180px;
    height: 135px;
    overflow: hidden;
    position: absolute;
    left: 25px;
    top: 460px;
    z-index: 100;
}

#webcams_portal .slideCamleft {
    background: url(/static/source/img/slide_cam_left.gif) left top no-repeat;
    width: 17px;
    height: 17px;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 118px;
    z-index: 50;
}

#webcams_portal .slideCamright {
    background: url(/static/source/img/slide_cam_right.gif) left top no-repeat;
    width: 17px;
    height: 17px;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    left: 163px;
    top: 118px;
    z-index: 50;
}

#webcams_portal .webcamimages {
    background: url(/static/source/img/webcamportal_bg.gif) left bottom repeat-x;
    width: 180px;
    height: 135px;
    overflow: hidden;
    position: relative;
}

#webcams_portal .webcamimages .slider {
    width: 1800px;
    height: 135px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

#webcams_portal .webcamimages .slider .webcam_thumb {
    width: 180px;
    height: 135px;
    overflow: hidden;
    float: left;
}

#webcams_portal .webcamimages .slider .webcam_thumb a {
    display: block;
    width: 180px;
    height: 135px;
    overflow: hidden;
    position: relative;
}

#webcams_portal .webcamimages .slider .webcam_thumb .image {
    display: block;
    width: 180px;
    height: 118px;
    overflow: hidden;
}

#webcams_portal .webcamimages .slider .webcam_thumb .image img {
    margin: -1px 0 0 -1px;
}

#webcams_portal .webcamimages .slider .webcam_thumb .thumb_caption {
    display: block;
    width: 180px;
    height: 15px;
    overflow: hidden;
    padding: 1px 0 2px 0;
    color: #666;
    text-align: center;
    font-size: 11px;
}

/* weatherbox */
#weatherbox {
    width: 250px;
    height: 165px;
    overflow: hidden;
    position: absolute;
    left: 227px;
    top: 390px;
    z-index: 100;
}

#weatherbox .head {
    width: 235px;
    height: 23px;
    overflow: hidden;
    padding: 0 0 0 15px;
}

#weatherbox .head h3 {
    width: 235px;
    overflow: hidden;
    color: #666;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    font-style: italic;
}

/* weatherdata normal */
#weatherbox .weather_data {
    width: 250px;
    height: 65px;
    overflow: hidden;
}

#weatherbox .weather_data .weathertime {
    width: 58px;
    height: 65px;
    overflow: hidden;
    margin: 0 6px 0 0;
    float: left;
}

#weatherbox .weather_data .weathertime.last {
    margin: 0;
}

#weatherbox .weather_data .weathertime .icon {
    width: 58px;
    height: 48px;
    overflow: hidden;
}

#weatherbox .weather_data .weathertime .time {
    width: 43px;
    height: 15px;
    overflow: hidden;
    padding: 2px 0 0 15px;
    color: #a3a3a3;
}

/* weather daily */
#weatherbox .weather_daily {
    width: 250px;
    height: 65px;
    overflow: hidden;
}

#weatherbox .weather_daily .icon {
    width: 58px;
    height: 48px;
    overflow: hidden;
    padding: 5px 5px 0 46px;
    float: left;
}

#weatherbox .weather_daily .temperature {
    width: 120px;
    height: 45px;
    overflow: hidden;
    padding: 20px 0 0 20px;
    float: left;
}

#weatherbox .weather_daily .temperature strong {
    overflow: hidden;
    color: #72aac2;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    font-style: italic;
}

#weatherbox .resort_info {
    background: url(/static/source/img/resort_info_line.gif) 15px bottom no-repeat;
    width: 235px;
    height: 35px;
    overflow: hidden;
    padding: 10px 0 0 15px;
}

#weatherbox .resort_info .snow_high {
    width: 120px;
    height: 15px;
    overflow: hidden;
    padding: 0;
    color: #666;
    font-size: 11px;
    float: left;
}

#weatherbox .resort_info .snow_low {
    width: 115px;
    height: 15px;
    overflow: hidden;
    color: #666;
    text-align: right;
    font-size: 11px;
    float: left;
}

#weatherbox .resort_info .freshsnow {
    width: 235px;
    height: 15px;
    overflow: hidden;
    padding: 0;
    color: #666;
    font-size: 11px;
    float: left;
}

#weatherbox .webo_links {
    width: 235px;
    height: 16px;
    overflow: hidden;
    padding: 5px 0 0 15px;
}

#weatherbox .webo_links .wb_link {
    width: 110px;
    height: 16px;
    overflow: hidden;
    padding: 0 5px 0 0;
    float: left;
}

#weatherbox .webo_links .wb_link a {
    background: url(/static/source/img/arrow_red.png) left center no-repeat;
    display: block;
    overflow: hidden;
    padding: 1px 0 0 16px;
    color: #ff0000;
    float: left;
}

/* specialteaser  */
#special_teaser {
    width: 230px;
    height: 145px;
    overflow: hidden;
    position: absolute;
    left: 505px;
    top: 460px;
    z-index: 100;
    cursor: pointer;
}

#special_teaser .st_head {
    width: 195px;
    height: 20px;
    overflow: hidden;
    padding: 0 0 0 35px;
}

#special_teaser .st_head h3 {
    width: 195px;
    overflow: hidden;
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    font-style: italic;
}

#special_teaser .st_text {
    width: 195px;
    height: 65px;
    overflow: hidden;
    padding: 0 0 0 35px;
    margin: 0 0 8px 0;
}

#special_teaser .st_text .stt_entry {
    background: url(/static/source/img/checkmark_white.gif) left 4px no-repeat;
    width: 181px;
    overflow: hidden;
    padding: 0 0 0 14px;
    margin: 2px 0 0 0;
    color: #fff;
}

#special_teaser .st_priceline {
    background: url(/static/source/img/specialteaser_price_bg.gif) left top no-repeat;
    width: 230px;
    height: 41px;
    overflow: hidden;
}

#special_teaser .st_priceline a {
    display: block;
    width: 195px;
    height: 41px;
    overflow: hidden;
    padding: 0 0 0 25px;
}

#special_teaser .st_priceline label {
    display: block;
    width: 105px;
    height: 16px;
    overflow: hidden;
    margin: 14px 7px 0 0;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    cursor: pointer;
    float: left;
}

#special_teaser .st_priceline strong {
    display: block;
    width: 68px;
    overflow: hidden;
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    font-style: italic;
    margin: 11px 0 0 0;
    cursor: pointer;
    float: left;
}

/* specialteaser simple  */
#special_teaser_simple {
    width: 230px;
    height: 150px;
    overflow: hidden;
    position: absolute;
    left: 505px;
    top: 460px;
    z-index: 100;
    cursor: pointer;
}

#special_teaser_simple_counter {
    width: 240px;
    height: 150px;
    overflow: hidden;
    position: absolute;
    left: 505px;
    top: 460px;
    z-index: 100;
}

#special_teaser_simple .sts_head {
    width: 195px;
    height: 20px;
    overflow: hidden;
    padding: 0 0 0 35px;
}

#special_teaser_simple .sts_head h3 {
    width: 195px;
    overflow: hidden;
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    font-style: italic;
}

#special_teaser_simple .sts_text {
    width: 185px;
    overflow: hidden;
    padding: 5px 0 5px 35px;
    color: #fff;
    line-height: 15px;
}

#special_teaser_simple .sts_link {
    width: 185px;
    overflow: hidden;
    padding: 0 0 0 35px;
    color: #fff;
    line-height: 15px;
}

#special_teaser_simple .sts_link a {
    background: url(/static/source/img/arrow_white.gif) left 4px no-repeat;
    overflow: hidden;
    color: #fff;
    padding: 0 0 0 10px;
}

/* top event teaser  */
#top_events {
    width: 210px;
    height: 185px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    left: 0;
    top: 265px;
    z-index: 100;
    cursor: pointer;
}

#top_events .header {
    width: 210px;
    height: 88px;
    overflow: hidden;
    background: none;
}

#top_events.surprise .header {
    behavior: url(/static/source/js/iepngfix.htc);
    background: url(/static/source/img/nice_surprice_header.png) left top no-repeat;
}

#top_events h3 {
    width: 170px;
    height: 20px;
    overflow: hidden;
    color: #666;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    font-style: italic;
    margin: 60px 0 0 25px;
}

#top_events.surprise h3 {
    display: none;
}

#top_events .te_text {
    width: 175px;
    height: 78px;
    overflow: hidden;
    margin: 0 0 0 25px;
}

#top_events .te_text .location {
    width: 175px;
    height: 15px;
    overflow: hidden;
    color: #ff0000;
    cursor: pointer;
    font-size: 18px;
    font-style: oblique
}

#top_events .te_text .eventdate {
    width: 175px;
    height: 15px;
    overflow: hidden;
    color: #a3a3a3;
    margin: 0 0 3px 0;
}

#top_events .te_text .eventtext {
    width: 175px;
    height: 45px;
    overflow: hidden;
    color: #666;
}

#top_events .te_link {
    width: 175px;
    height: 16px;
    overflow: hidden;
    padding: 2px 0 0 25px;
}

#top_events .te_link a {
    background: url(/static/source/img/arrow_red.png) left center no-repeat;
    display: block;
    overflow: hidden;
    padding: 1px 0 0 16px;
    color: #ff0000;
    float: left;
}

/* Portal Carinthia Logo
---------------------------------------------------------------------*/
#carinthialogo {
    position: absolute;
    right: 10px;
    top: 594px;
}

/* Portal Counter
---------------------------------------------------------------------*/

#countdowninput {
    position: absolute;
    top: 63px;
    left: 35px;
    height: 50px;
    background: none;
    border: none;
    font-weight: bold;
    font-size: 25px;
    display: block;
    line-height: 45px;
}

#countdowninputtag {
    position: absolute;
    top: 75px;
    left: 13px;
    width: 65px;
    border: none;
    font-weight: bold;
    font-size: 25px;
    display: block;
    margin: 0;
    padding: 5px 0 5px 0;
    text-align: center;
}

#countdowninputstd {
    position: absolute;
    top: 75px;
    left: 90px;
    width: 45px;
    border: none;
    font-weight: bold;
    font-size: 25px;
    display: block;
    margin: 0;
    padding: 5px 0 5px 0;
    text-align: center;
}

#countdowninputmin {
    position: absolute;
    top: 75px;
    left: 135px;
    width: 45px;
    border: none;
    font-weight: bold;
    font-size: 25px;
    display: block;
    margin: 0;
    padding: 5px 0 5px 0;
    text-align: center;
}

#countdowninputsek {
    position: absolute;
    top: 75px;
    left: 180px;
    width: 45px;
    border: none;
    font-weight: bold;
    font-size: 25px;
    display: block;
    margin: 0;
    padding: 5px 0 5px 0;
    text-align: center;
}

.ct {
    position: absolute;
    top: 70px;
    left: 5px;
    width: 233px;
    height: 61px;
    background: url(/static/source/img/counter_bg.png) no-repeat;
    behavior: url(/static/source/js/iepngfix.htc);
}

span.counter {
    position: absolute;
    top: 25px;
    left: 20px;
    display: block;
    width: 205px;
    height: 40px;
}

span.counter td {
    width: 205px;
    height: 40px;
    color: #ffffff;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
}

#special_teaser_simple_counter .texttag {
    position: absolute;
    top: 105px;
    left: 20px;
    width: 50px;
    border: none;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    display: block;
    margin: 0;
    padding: 5px 0 5px 0;
    text-align: center;
    z-index: 100;
}

#special_teaser_simple_counter .textstd {
    position: absolute;
    top: 105px;
    left: 90px;
    width: 50px;
    border: none;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    display: block;
    margin: 0;
    padding: 5px 0 5px 0;
    text-align: center;
    z-index: 110;
}

#special_teaser_simple_counter .textmin {
    position: absolute;
    top: 105px;
    left: 135px;
    width: 50px;
    border: none;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    display: block;
    margin: 0;
    padding: 5px 0 5px 0;
    text-align: center;
    z-index: 120;
}

#special_teaser_simple_counter .textsek {
    position: absolute;
    top: 105px;
    left: 180px;
    width: 50px;
    border: none;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    display: block;
    margin: 0;
    padding: 5px 0 5px 0;
    text-align: center;
    z-index: 130;
}

.carinthia {
    display: none;
}