/* portal.css
------------------------------------------------------------------------
This stylesheet contains the basic CSS rules for stubai

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

#site {
    overflow: visible !important;
}

#biguselesscontainer {
    width: 980px;
    height: 180px;
    _height: 230px;
    float: left;
    position: relative;
}

/* Portal CSS Rules
--------------------------------------------------------------------- */

/*  Portal Teaser 
----------------------------------------------------*/
#center .portal_news_slider {
    width: 540px;
    height: 328px;
    overflow: hidden;
    position: relative;
}

#center .portal_news_slider .frontLayer {
    position: relative;
    top: 46px;
    background: url(../img/layout/topLayer_bg.png) transparent repeat scroll 0;
    height: 80px;
    width: 480px;
    background: #0d5a96;
    overflow: hidden;
}

#center .portal_news_slider .frontLayer .sliderContainer {
    margin-top: 0;
}

#center .portal_news_slider .frontLayer .slider {
    height: 90px;
}

#center .portal_news_slider .frontLayer .slider a {
    cursor: pointer;
}

#center .portal_news_slider .frontLayer .teaserImg {
    width: 120px;
    height: 80px;
    overflow: hidden;
    float: left;
}

#center .portal_news_slider .frontLayer .text {
    position: relative;
    padding: 13px 0 0 20px;
    float: left;
    width: 340px;
}

#center .portal_news_slider .frontLayer .text p {
    color: #fff;
    padding-top: 25px;
}

#center .portal_news_slider .frontLayer .text .front_date {
    position: absolute;
    color: #82aed0;
    right: 15px;
}

#center .portal_news_slider .frontLayer .text .headline {
    position: absolute;
    width: 250px;
    left: 20px;
    top: 15px;
}

#center .portal_news_slider .top {
    width: 480px;
    height: 24px;
    overflow: hidden;
    position: relative;
    top: -58px;
}

#center .portal_news_slider .bottom {
    width: 480px;
    height: 168px;
    overflow: hidden;
    position: relative;
    top: 22px;
}

#center .portal_news_slider .slideContainer_top {
    position: relative;
    left: 120px;
    width: 360px;
    padding-top: 25px;
}

#center .portal_news_slider .slideContainer_bottom {
    position: relative;
    left: 120px;
    width: 360px;
    top: -24px;
}

#center .portal_news_slider .newsItem {
    width: 360px;
    height: 23px;
    border-bottom: 1px solid #0d5a96;
}

#center .portal_news_slider .newsItem .headline {
    margin: 0px 0 0 20px;
    line-height: 23px;
    float: left;
    width: 250px;
    overflow: hidden;
    height: 23px;
    color: #fff;
}

#center .portal_news_slider .newsItem .date {
    line-height: 11px;
    float: right;
    line-height: 23px;
    margin: 0 14px 0 0;
    color: #82aed0;
}

#center .portal_news_slider .arrows {
    position: absolute;
    top: 70px;
    left: 500px;
    height: 28px;
    width: 19px;
}

#center .portal_news_slider .arrows .arrow_up {
    background: url(/static/img/layout/arrow_top.gif) left top no-repeat;
    width: 19px;
    height: 14px;
    overflow: hidden;
    cursor: pointer;
}

#center .portal_news_slider .arrows .arrow_down {
    background: url(/static/img/layout/arrow_bottom.gif) left top no-repeat;
    width: 19px;
    height: 14px;
    overflow: hidden;
    cursor: pointer;
}

/*  Portal Teaser CENTER
----------------------------------------------*/
#center .teaser_center {
    width: 540px;
    height: 140px;
    overflow: hidden;
    cursor: pointer;
}

*html #center .teaser_center {
    padding: 0 0 20px 0;
}

#center .teaser_center .infoTeaser .teaserImg {
    width: 120px;
    height: 140px;
    overflow: hidden;
    float: left;
}

#center .message {
    float: left;
    width: 165px;
    padding: 15px 15px 0 20px;
    height: 118px;
    overflow: hidden;
}

#center .message p {
    color: #fff;
}

/*  Sidebar Right Portal
-----------------------------------------------*/
#rightside .right_top {
    height: 350px;
    width: 220px;
    overflow: hidden;
}

/* Infobox und Webcams */
#rightside #infobox {
    width: 180px;
    overflow: hidden;
    padding: 0 20px;
}

#rightside #infobox .separator {
    background: url(/static/img/layout/hr_line_blue.gif) left top no-repeat;
    height: 2px;
    width: 180px;
    overflow: hidden;
}

#rightside #infobox .separator_line {
    background: url(/static/img/layout/hr_line_blue.gif) left top no-repeat;
    height: 2px;
    width: 180px;
    overflow: hidden;
    margin: 8px 0;
}

#rightside #infobox .info_entry {
    width: 180px;
    overflow: hidden;
    padding: 0;
}

#rightside #infobox .info_entry .head {
    background: url(/static/img/layout/plus.gif) right 9px no-repeat;
    width: 180px;
    height: 28px;
    overflow: hidden;
    cursor: pointer;
}

#rightside #infobox .info_entry .head.open {
    background: url(/static/img/layout/minus.gif) right 9px no-repeat;
}

#rightside #infobox .info_entry .head h3 {
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    padding: 7px 0;
    text-transform: uppercase;
}

#rightside #infobox .info_entry .detail {
    width: 180px;
    overflow: hidden;
    padding: 2px 0 5px 0;
    cursor: pointer;
}

#rightside #infobox .info_entry .line {
    height: 18px;
    overflow: hidden;
}

#rightside #infobox .info_entry .teli_1 {
    float: left;
    width: 52px;
    line-height: 18px;
    color: #fff;
}

#rightside #infobox .info_entry .teli_1_2 {
    float: left;
    width: 80px;
    text-align: left;
    color: #82aed0;
    line-height: 18px;
}

#rightside #infobox .info_entry .teli_1_3 {
    width: 48px;
    text-align: right;
    float: right;
    line-height: 18px;
    color: #fff;
}

#rightside #infobox .info_entry .teli_2 {
    width: 110px;
    float: left;
    line-height: 18px;
    color: #fff;
}

#rightside #infobox .info_entry .img_percent {
    float: left;
    padding: 8px 0 0 0;
}

#rightside #infobox .info_entry .percent {
    width: 28px;
    float: right;
    text-align: right;
    line-height: 18px;
    color: #fff;
}

#rightside #infobox .info_entry .lifecam {
    width: 180px;
    height: 130px;
    overflow: hidden;
    margin: 10px 0 0 0;
}

#rightside #infobox .info_entry .lifecam a {
    width: 10px;
    height: 130px;
    float: left;
}

#rightside #infobox .info_entry .lifecam .arrow_left {
    background: url(/static/img/layout/cam_prev.gif) left top no-repeat;
    width: 10px;
    height: 0px;
    overflow: hidden;
    float: left;
    cursor: pointer;
}

#rightside #infobox .info_entry .lifecam .arrow_right {
    background: url(/static/img/layout/cam_next.gif) left top no-repeat;
    width: 10px;
    height: 0px;
    overflow: hidden;
    float: left;
    cursor: pointer;
}

#rightside #infobox .info_entry .lifecam .CamSliderBox {
    float: left;
    width: 160px;
    overflow: hidden;
    height: 0px;
}

#rightside #infobox .info_entry .lifecam .CamSliderBox .imageContainer {
    width: 160px;
}

#rightside #infobox .info_entry .lifecam .CamSliderBox img {
    float: left;
    width: 160px;
    padding: 0 10px 0 0;
}

/* booking */
#topicalbox .booking {
    width: 180px;
    overflow: hidden;
    padding: 0;
}

#topicalbox .booking .head {
    width: 180px;
    height: 28px;
    overflow: hidden;
    cursor: pointer;
}

#topicalbox .booking .formular {
    float: left;
    width: 180px;
    overflow: hidden;
}

#topicalbox .booking .formular input, #topicalbox .booking .formular select {
    background: #fff;
    border: 1px solid #fff;
    color: #000000 !important;
    padding: 1px 5px !important;
}

#topicalbox .booking .formular .lastline {
    float: left;
    width: 180px;
    padding: 5px 0 0 0;
    overflow: hidden;
}

#topicalbox .booking .formular .labelrow {
    float: left;
    width: 180px;
    overflow: hidden;
}

#topicalbox .booking .formular .labelrow .date {
    float: left;
    width: 180px;
    overflow: hidden;
}

#topicalbox .booking .formular .labelrow .date label {
    display: block;
    float: left;
    width: 70px;
    padding: 1px 0 0 0;
}

#topicalbox .booking .formular .labelrow .date, #topicalbox .booking .formular label {
    color: #fff;
    padding: 0 0 2px 0;
}

#topicalbox .booking .formular .labelrow .date input {
    display: block;
    float: left;
    width: 79px !important;
    height: 14px !important;
}

#topicalbox .booking .formular .labelrow .date span.calendarIcon {
    background: url(/static/img/kalender.png) no-repeat;
    display: block;
    float: left;
    width: 19px;
    height: 18px;
    cursor: pointer;
    overflow: hidden;
}

#topicalbox .booking .formular .field {
    float: left;
    overflow: hidden;
}

#topicalbox .booking .formular .field span {
    display: block;
    float: left;
    color: #fff;
    width: 70px;
    padding: 2px 0 0 0;
    overflow: hidden;
}

#topicalbox .booking .formular .btn {
    float: right;
    overflow: hidden;
}

#topicalbox .booking .formular .btn input {
    cursor: pointer;
}

/* FLASH ANIMATION PORTALSITE
--------------------------------------------------------------------------*/
#flashcontainer {
    width: 760px;
    height: 150px;
    overflow: hidden;
    position: absolute;
    top: 260px;
    left: 0;
    z-index: 4000;
}