/** Hauptnavigation laut template showroom/views/scripts/overview/mainNavigation.php
 * hat folgende Struktur
 * div.mainNavContainer && (mainNavContainerPics|mainNavContainerTrailer)[]
 * [
 *    div.categoryLabel  -> hier steht pictures bzw. Trailer drin
 *    ul.mainNavLinkContainer
 *    [
 *       li.typeLink[<a>]
 *    ]
 * ]
 * bitte beim layouten der unterschiedlichen Varianten beachten
**/

/** Type Übersichtsseiten (filmbilder/gamestrailer/etc...)  **/


/** rootContainer - diese klasse muss im äußersten ShowroomContainer verwedet werden*/
.rootContainer
{
    width: 613px;
    padding: 0px;
}

/*
verhindert die rahmen um geklickte links - aber wohl aus sicht der barrierefreiheit ungut :P
*/
a:focus { outline: none;}

.srHomeHeadline
{
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 4px;
    background-color: white;
}

.srHomeContainer
{
    margin-left: 20px;
    margin-bottom: 20px;
}
.homeRubrik
{
    padding: 0px;
    margin-bottom: 4px;
    margin-right: 4px;
    float: left;
}
.rubrikImage
{
    margin-top: 2px;
}
.rubrikOverviewHeadline
{
    background-color: white;
    margin-left: 10px;
    margin-right: 10px;
}

.rubrikLabel
{
    height: 18px;
    margin: 0px;
}
.rubrikLabel a.rubrikLink
{
    float: left;
    text-align: left;
    font-size: 13px;
    font-weight: bold;
    font-family: Tahoma;
    color: white;
}
.rubrikLabel img
{
    float: left;
    margin: 2px;
}
/* "showroomOverview" - umschließendes div, für die rubrik einstiegsseiten */
div .mainNavContainer
{
    float: left;
    margin: 0px;
    padding: 2px;
    height: 70px;
}
div .mainNavContainerPics
{
    margin-left: 4px;
}
div .mainNavContainerTrailer
{
    margin-left: 4px;
    width:145px;
}

div .categoryLabel img
{
    margin-right: 4px;
    margin-left: 4px;

}
div .categoryLabel
{
    font-family: Tahoma;
    font-size: 15px;
    font-weight: bold;
}

ul.mainNavLinkContainerPics
{
    width: 445px;
    float: left;
    margin-left: 2px;
}

ul.mainNavLinkContainer li
{
    width: 142px;
    float: left;
    margin-top: 3px;
    margin-left: 2px;
}
ul.mainNavLinkContainer li a
{
    font-weight: bold;

}
ul.mainNavLinkContainer li.active
{
    background-color: white;
}
ul.mainNavLinkContainer li a:hover
{
    font-weight: bold;
    background-color:white;
    text-decoration: none;
}
ul.mainNavLinkContainer li a:visited
{
    font-weight: bold;
}

.showroomBacklist
{
    margin: 0px;
    padding: 0px;
    left: 0px;
}
.showroomBacklist .showroomListItem
{
    float: left;
    margin-top: 4px;
    margin-left: 4px;
    width: 118px;
    height: 140px;
    background-color: white;
    text-align: center;
}

.redDefList
{
    margin: 0px;
    padding: 0px;
    padding-left: 6px;
}

.redDefList .showroomListItem
{
    float: left;
    margin-top: 4px;
    margin-left: 4px;
    width: 145px;
    height: 165px;
    background-color: white;
    text-align: center;
}

/** einzelnen Bild mit weißem Rahmen für die übersichts/einstiegsseiten **/
/**
 *  showroomOverview
 *
 *
**/

.showroomListItem a img.nav_arrow
{
    margin-top: 48px;
    border: none;
}
/** pageNavigation **/
/** E: 1 | 2 | 3 | 4 **/
div.pageNavigationContainer
{
    margin-top: 4px;
    margin-left: 4px;
    margin-right: 2px;
    background-color: white;
    text-align: center;
    padding: 2px;
}
/*div.pageNavigation
{
    border: 1px solid red;
    margin-top: 3px;
    text-align: center;
}*/

div.pageNavigationContainer span
{
    margin-left: 5px;
}


div.pageNavigationContainer span a
{
    font-weight: bold;
}
div.pageNavigationContainer span a:visited
{
    font-weight: bold;
}
div.pageNavigationContainer span.selected
{
    padding-left: 1px;
    padding-right: 1px;
    text-align: center;
    font-weight: bold;
}

/** subnavigation A-Z **/
div.subNavigationContainer
{
    margin-top: 4px;
    margin-left: 4px;
    margin-right: 2px;
    height: 17px;
    padding: 1px;
}
div.subNavigationContainer ul.subNavigation
{
    padding: 0px;
    margin-left: 35px;

    height: 14px;
    line-height: 14px;
}

div.subNavigationContainer ul.subNavigation li
{
    padding: 0px;
    margin-top: 1px;
    margin-left: 8px;
    height: 14px;
    line-height: 14px;
    float: left;
}
div.subNavigationContainer ul.subNavigation li.selected
{
    margin-top: 1px;
    padding: 0px 3px 0px 3px;
    font-weight: bold;
    background-color: white;
}

ul.subNavigation li a
{
    font-weight: bold;
}

/* Vollinfo Seiten */
.showroomListItemFullInfo
{
    float: left;
    margin-top: 3px;
    margin-left: 3px;
    width: 90px;
    height: 90px;
    text-align: center;
}

/*  navigations pfeilchen */
.showroomListItemFullInfo a img
{
    margin-top: 27px;
}
.fullinfoImagesList
{
    margin-left: 18px;
}

/* container der großansicht*/
.fullinfoBigSizeContainer
{
    margin-bottom: 7px;
    margin-left: 0px;
}
.fullinfoBigSizeContainer .fs_switch
{
    width: 24px;
    height: 364px;
    float:left;
}
.fullinfoBigSizeContainer .middleBlock
{
    width: 548px;
   /* height: 294px;*/
    padding: 0px;
    margin: 0px;
    text-align: center;
    float:left;
    background-color: white;
}

.noscriptInfo
{
    width: 531px;
    margin-left: 21px;
    margin-bottom: 10px;
    padding: 10px;
    border: 2px red solid;
}

/* trailer */
.srTrailerListContainer
{
    width: 580px;
    margin-left: 17px;
}
.srTrailerListItem
{
    float: left;
    width: 276px;
    margin-left: 3px;
    margin-bottom: 3px;
    overflow: hidden;
    height: 78px;
}
.srTrailerListItem div span
{
    font-size: 9px;
}
.srTrailerListItem div a
{
    font-size: 10px;
}
.srTrailerListContainer div.highlighted
{
    background-color: white;
}
.srTrailerListItem img
{
    float: left;
    margin: 1px;
}
.srTrailerListItem div
{
    width: 180px;
    float: left;
    margin: 1px;
}

.SRdefaultBG
{
    background-color: white;
}
.showroomSubtitle
{
    font-weight: bold;
    font-family: Verdana;
    font-size: 11px;
}
/*+++++++++    channelspezifische Farben   ++++++++++*/
.showroomLightBG_kino
{
    background-color: #c7e0e7;
}

.showroomLightBG_video
{
    background-color: #ffd4a0;
}

.showroomLightBG_games
{
    background-color: #dde0bb;
}

.showroomLightBG_musik
{
    background-color: #f2e5cd;
}

.showroomBG_kino
{
    background-color: #B4D4DF;
}

.showroomBG_video
{
    background-color: #f6c38f;
}

.showroomBG_games
{
    background-color: #d1d4af;
}

.showroomBG_musik
{
    background-color: #e4d7bf;
}

.showroomDarkBG_kino
{
    background-color: #8FB8C6;
}

.showroomDarkBG_video
{
    background-color: #e66720;
}

.showroomDarkBG_games
{
    background-color: #7f854f;
}

.showroomDarkBG_musik
{
    background-color: #998864;
}

.showroomFontColor_kino
{
    color: #548594;
}

.showroomFontColor_video
{
    color: #e66720;
}

.showroomFontColor_games
{
    color: #7f854f;
}

.showroomFontColor_musik
{
    color: #9a8965;
}