/*******************************************************************************
    Styles für die Themennavigtaionsboxen
*******************************************************************************/
@import url("themeOverviewStyles.css");
@import url("/++resource++haufe.gui/css/contentStylesMaster.css");
@import url("/++resource++haufe.dojo.packed/dijit/themes/tundra/tundra.css");
@import url("/++resource++haufe.gui/css/contextBoxStyles.css");

/*******************************************************************************
    MAIN CONTENT
*******************************************************************************/
#body {
    background: red url(contentShadowUp.gif) no-repeat scroll 0% 0%;
    height: auto;
    margin: auto;
    min-height: 200px;
    padding: 20px 0px;
    text-align: left;
    width: 855px;
    z-index: 200;
}

.contentContainer ul.links li h1 {
    border-bottom: 1px solid #cccccc;
}

/*******************************************************************************
    PAGE LAYOUT TWO AND THREE COLLS
*******************************************************************************/
ul.threeCols li.middle div,
ul.threeCols li.right div {
    clear: both;
    width: 246px;
}

a.buttonMoreInfo,
a.buttonMoreInfo:hover,
a.buttonInfo,
a.buttonInfo:hover {
    height: 19px;
    line-height: auto;
    padding: 2px 0 0 16px;
    width: 122px;
}
a.buttonMoreInfo {
    background: url(spritesFixedWidth.gif) -268px -56px no-repeat;
}
a.buttonMoreInfo:hover {
    background: url(spritesFixedWidth.gif) -268px -76px no-repeat;
}

a.buttonInfo {
    background: url(spritesFixedWidth.gif) -501px -56px no-repeat;
}
a.buttonInfo:hover {
    background: url(spritesFixedWidth.gif) -501px -76px no-repeat;
}

a.startDirect {
    background: url(linkStartNow.gif) no-repeat;
}
a.startDirectHover {
    background: url(linkStartNowHover.gif) no-repeat;
}

/** Content Nav **/
#contentNavigation ul a {
    background: #e5e5e5 url(spritesRepeatX.gif) repeat-x scroll 0 -385px;
}
#contentNavigation ul a:hover {
    background: #dadcdc url(spritesRepeatX.gif) repeat-x scroll 0 -459px;
}
#contentNavigation ul ul li a {
    background: #f7f7f7 url(spritesRepeatX.gif) repeat-x scroll 0 -533px;
}
#contentNavigation ul ul li a:hover {
    background: #ededed url(spritesRepeatX.gif) repeat-x scroll 0 -607px;
}
#contentNavigation ul ul ul li a,
#contentNavigation ul ul ul li a:hover,
#contentNavigation ul ul ul li.currentItem a,
#contentNavigation ul ul ul li.currentItem a:hover{
    background-image: url(linkArrowRight.gif);
}

.productHighlight ul,
.productPlacement ul {
    width: 681px;
}

.productHighlight ul li {
    width: 506px;
}

.listItemPicture {
    float: left;
    width: 80px;
}

p {
    margin: 0;
    padding: 0 0 5px 0;
}

.detail .textPic {
    float: left;
    margin: 0;
    padding: 0 15px 5px 0;
}

/* Rating */
.rateContent ul,
.ratedContent ul {
    background: url(rateInactive.gif) top left repeat-x;
}

.ratedContent ul li a.active {
    background: url(rateActive.gif) left bottom;
}