@import url("/++resource++haufe.gui/css/contextBoxStyles.css");
/**************************************************************************
    Setzen der Container
**************************************************************************/
 .bannerContainer {
    float: left;
    margin: 0 0 0 15px;
    padding: 0 0 20px 0;
    width: 681px;
}

.portletContainerStage {
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 15px;
}

.contentContainer {
    float: left;
    margin: 0 0 0 15px;
    padding: 0 0 20px 0;
    width: 507px;
}

.contentAdContainer {
    font-size: 10px;
    margin: auto;
    padding: 10px 0;
    text-align: center;
    width: 507px;
}

/**************************************************************************
    Spezieller Hover fuer die Gliederung:
    IE6 BRAUCHT hier die Hintergrundfarbe fest definiert,
    ansonsten zeigt er die Liste nicht korrekt an
**************************************************************************/
ul.link li.blue a {
    background: #ffffff url(linkArrowRight.gif) no-repeat scroll 0 5px;
}

ul.link li.blue a:hover {
    background: #99ccff url(linkArrowRight.gif) no-repeat scroll 0 5px;
}

/**************************************************************************
    Darstellung der Listen:
    Weiche notwendig, sonst positioniert der IE die Liste
    in der Pampa
**************************************************************************/
ul {
    margin-top: 5px;
    padding-left: 16px;
}


/**************************************************************************
Alte Styles
**************************************************************************/
.listItem {
    background-color: transparent;
    color: #666666;
    width: 507px;
}

.listItem img.newsPic {
    float: left;
    margin: 0 10px 10px 0;
    text-align: left;
    width: 159px;
}

.listItem .listItemDate {
    background-color: transparent;
    color: #333333;
    padding: 0 0 8px 0;
}

.listItem .listItemText {
    float: left;
}

.listItem .listItemText strong {
    background-color: transparent;
    color: #333333;
}

.listItem .listItemText img {
    margin: 0;
    padding: 0 5px;
}

.listItem .listItemText a strong {
    background-color: transparent;
    color: #00469b;
}

ul.withImg {
    list-style-type: none;
    margin: 5px 0 0 0;
    padding: 0;
    width: 507px;
}

ul.withImg li {
    float: left;
    margin: 0;
    padding: 0;
}

ul.withImg li.img {
    width: 49px;
}

ul.withImg li.text {
    width: 458px;
}

ul.withImg li.text p {
    padding: 0 0 0 10px;
}

.description {
    background-color: transparent;
    color: #000000;
    font-size: 12px;
    line-height: 15px;
    width: 507px;
}

.detail {
    background-color: transparent;
    color: #666666;
    font-size: 12px;
    line-height: 15px;
    width: 507px;
}

.detail .sum,
.detail .sum h2 {
    background-color: transparent;
    color: #000000 ! important;
}

.detail .date {
    background-color: transparent;
    color: #000000;
    font-size: 12px;
    margin: 0;
    padding: 0 0 11px 0;
    width: 507px;
}

.detail h2 {
    background-color: transparent;
    color: #666666;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px 0;
}

.detail h3 {
    background-color: transparent;
    color: #666666;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 10px 0;
}

.detail .summary {
    font-weight: bold;
    margin: 0;
    padding: 0 0 10px 0;
}

.detail .text {
    margin: 0;
    padding: 0 0 10px 0;
}

.detail ol {
    padding: 10px 0 10px 30px;
    margin: 0;
    text-align: left;
}

.detail ol li {
    line-height: 15px;
    margin: 0 0 5px 0;
    padding: 0;
}

.detail ul {
    padding: 10px 0 10px 16px;
    margin: 0;
}

.detail .peInsert ul {
    clear:both;
    list-style-type:none;
    margin:0;
    padding:0;
}

.detail ul li{
    padding: 0 0 5px 0;
    margin:0;
}

.introduction {
    clear: both;
    font-weight: bold;
}

/**************************************************************************
Deeplink Styling
**************************************************************************/
#contextBoxTabContainer div.IDeskLink ul.link li {
    padding: 0;
}

div.IDeskLink div {
    float: left;
}

div.IDeskLink div.text {
    margin-left: 5px;
    width: 440px;
}

div.IDeskLink div.text ul.link{
    padding: 0;
}

/** Video Styling **/
#videoSlider {
    background-color: #eee;
    background-image: url("stageGradientCustomer.jpg");
    background-repeat: repeat-x;
    border: 1px solid #ccc;
    clear: both;
    height: 150px;
    padding: 5px 0 0 0;
}

#videoSlider #previousBtn, #videoSlider #nextBtn {
    background-color: transparent;
    border: 0;
    float:left;
    height: 145px;
    margin: 0;
    width: 20px;
}

#videoSlider .previousBtnDisabled {
    background: url(/buttonLightLeft.png) no-repeat 4px 60px;
}

#videoSlider .previousBtnEnabled {
    background: url(/buttonDarkLeft.png) no-repeat 4px 60px;
    cursor:pointer;
}

#videoSlider .nextBtnDisabled {
    background: url(/buttonLightRight.png) no-repeat 0px 60px;
}

#videoSlider .nextBtnEnabled {
    background: url(/buttonDarkRight.png) no-repeat 0px 60px;
    cursor:pointer;
}

#videoSlider .mainTabContainer {
    float:left;
    height: 140px;
    margin: 0;
    padding: 5px;
    width: 454px;
}

#videoSlider .mainTabContainer .containerTab {
    float: left;
    height: 140px;
    margin: 0;
    overflow: hidden;
    width: 150px;
}

#videoSlider .mainTabContainer .containerTab img {
    border: 1px solid #ccc;
    margin-bottom: 2px;
}

#videoSlider p.videoTitle {
    font-size: 11px;
}

#keywordList {
    padding: 10px 0;
}

#keywordList p {
    padding: 0;
}