/* ************************************** */
/* general */
/* ************************************** */
html {
    background-color    : #070709;
    overflow-y          : scroll;
}
body {
    background-color    : #070709;
    color               : #8B949B;
    font-family         : Verdana,Arial,Sans-Serif;
    font-size           : 13px;
    width               : 996px;
    margin              : 0 auto 10px;
    padding             : 0px;
    position            : relative;
}
.tx-egreox-pi1, #catalog_content {
    position            : relative;
}
a {
    text-decoration	    : none;
    color               : #000000;
}
a img {
    border              : 0px;
}
body,td,div,select,input {
    font-size           : 11px;
    font-family         : Verdana,Arial,Sans-Serif;
    color               : #000000;
}
img {
    border              : 0px;
    BEHAVIOR            : url("/fileadmin/templates/css/iepngfix.htc");
}
.clear {
    clear               : both;
}
.active {
    font-weight         : bold;
}
/* ************************************** */
/* header */
/* ************************************** */
#catalog-logo {
    background          : url("../images/trilux/head.jpg") no-repeat;
    margin              : 0px;
    padding             : 0px;
    height              : 128px;
}
#catalog-logo a {
/*    line-height         : 0px;*/
}

/*
#catalog-logo img {
    margin-left         : 19px;
}
*/
/* ************************************** */
/* header-line */
/* ************************************** */
#header-line {
    background          : url("../images/trilux/navigation.gif") no-repeat;
    background-color    : #070709;
    font-family         : verdana;
    font-size           : 16px;
    margin              : 0px;
    padding             : 0px;
    height              : 35px;
}
#header-line, #header-line .depth, #header-line span, #header-line a {
    color               : #8B949B;
}
#header-line .depth {
    float               : left;
    margin              : 8px 0 0 30px;
}
#header-line .depth a:hover {
    color               : #FFFFFF;
}
#header-line .depth a {
    font-size           : 11px;
}
#header-line .search {
    float               : right;
    margin              : 8px 35px 0 0;
    position            : relative;
}
#header-line .search span {
    position            : absolute;
    right               : 250px;
}
#header-line .search input.text{
    background-color    : #2E454D;
    border-color        : #455E65;
    border-style        : solid;
    border-width        : 0 1px 1px 0;
    color               : #E5F8FF;
    padding             : 1px 2px;
    width               : 223px;
    font-size           : 10px;
    position            : absolute;
    right               : 17px;
}
#header-line .search input.subbut {
    position            : absolute;
    top                 : 2px;
    right               : 0px;
}
/* ************************************** */
/* Footer */
/* ************************************** */
#footer {
    background          : url("../images/trilux/footer.gif") no-repeat;
    background-color    : #242F33;
    height              : 25px;
    padding             : 2px;
    margin              : 0px;
    color               : #8B949B;
}
#footer a {
    color               : #8B949B;
}
#footer table, #footer table {
    width               : 100%;       
}
#footer .left, #footer .left {
    width               : 33%;
    text-align          : left;
    color               : #8B949B;
}
#footer .center, #footer .center {
/*    width               : 33%;*/
    text-align          : center;
    color               : #8B949B;
}
#footer .center .activ, #footer .center .activ {
    font-weight          : bold;  
    text-decoration      : underline;
}
#footer .right, #footer .right {
    width               : 33%;
    text-align          : right;
    color               : #8B949B;
}
#footer .right ul, #footer .right ul {
    list-style          : none;
    display             : inline;
    margin              : 0px;
    padding             : 0px;
}
#footer .right ul li, #footer .right ul li {
    display             : inline;
    margin              : -1px;
    padding             : -1px;
}
#footer .right a, #footer .right a {
    font-size           : 11px;
    margin              : 0px 5px;
}
#footer .right .activ, #footer .right .activ {
    text-decoration     : underline;
    font-weight         : bold;
}
#footer .center a:hover, #results .right a:hover {
    color               : #FFFFFF;
}
/* ************************************** */
/* navibar */
/* ************************************** */
#navibar {
    padding             : 5px 5px;
}
#navibar .left {
    float               : left;
    font-size           : 11px;
    color               : #777;
}
#navibar .right {
    float               : right;
    font-size           : 11px;
    color               : #777;
}
/* ************************************** */
/* container */
/* ************************************** */
#container, #main {
/*    float               : left;*/
    background-color    : #FFFFFF;
/*    width               : 996px;*/
    height              : 330px;
    position            : relative;
    margin              : 0px;
    padding             : 20px 0px;
    color               : #000;
}
#container a, #main a {
    color               : #000;
}
#container .left-menu, #main .left-menu {
    float               : left;
    width               : 190px;
    margin              : 0 10px 0 30px;
    overflow            : hidden;
}
.left-menu .headline {
    margin              : 10px 0 20px 0;
}
#container .left-menu h1, #main .left-menu h1  {
    font-size           : 14px;
    font-weight         : normal;
    margin              : 0px;
    padding             : 0px;
    color               : #000;
}
#container .left-menu ul, #main .left-menu ul {
    font-size           : 11px;
    font-weight         : normal;
    margin              : 0px;
    padding             : 0px;
    list-style          : none;
}
#container .left-menu li, #main .left-menu li {
    margin              : 10px 0 0;
}
.left-menu li.sub ul {
    margin              : 0 0 0 10px !important;
}
#container .content_right {
    float               : left;
    width               : 465px;
}
#container .folderpic {
    position            : absolute;
    right               : 0px;
    top                 : 0px;
    max-width           : 280px;
    height              : 370px;
}
#container .folderpic img {
    width               : 280px;
}

/* ************************************** */
/* container - folder */
/* ************************************** */

#container .box-folder {
    float               : none;
    margin              : 0px 0 0 20px;
/*    position            : absolute;
    top                 : 20px;
    left                : 20px;*/
}
#container .box-folder a {
    color               : #8B949B;
    text-decoration     : underline;
}
#container .folder-pic {
    position            : absolute;
    top                 : 0px;
    right               : 0px;
}
#container .folder-pic a {
    float               : left;
    line-height         : 0px;
}

#container .folder-pic img {
    width               : 760px;
    height              : 370px;
}

#container .box-folder .text {
    float               : left;
    width               : 290px;
}
#container .box-folder h2 {
    font-size           : 14px;
    font-weight         : bold;
    margin              : 10px 0;
    padding             : 0px;
}
/*
#container .imgFolderDetailPic {
    border              : 1px solid #CCC;
    margin              : 0 5px 0 0;
}
*/
/* ************************************** */
/* container - object */
/* ************************************** */
#container .box-object {
    float               : left;
    width               : 140px;
    margin              : 0px 15px 15px 0px;
    height              : 150px;
}
#container .box-object a {
    color               : #CCCCCC;
    text-decoration     : underline;
}
/*
#container .box-object .text td.details .detailpic {
    border              : 0px;
    background-image    : url(../../../typo3conf/ext/egr_eox/res/images/download.png);
    background-repeat   : no-repeat;
    width               : 21px;
    height              : 24px;
}
#container .box-object .text td.details a {
    text-decoration     : none;
}
#container .box-object .text td.details .detailpic:hover {
    border              : 0px;
    background-image    : url(../../../typo3conf/ext/egr_eox/res/images/download.png);
    background-repeat   : no-repeat;
}
*/
#container .box-object .pic {
    height              : 105px;
    border-bottom       : 1px solid #ccc;
    padding-right       : 40px;
    position            : relative;
}
#container .box-object .pic img {
    position            : absolute;
    left                : 0px;
    bottom              : 5px;
}
#container .box-object .text table  {
    width               : 100%;
}
#container .box-object .text .name {
    height              : 29px;
    vertical-align      : top;
}
#container .box-object .text td.manufacture {
    font-style          : italic;
    text-align          : left;
    vertical-align      : top;
}
#container .box-object .text td.details  {
    padding             : 2px 0px;
    text-align          : right;
    vertical-align      : top;
}
/* ************************************** */
/* details */
/* ************************************** */
#main #pics {
    float               : left;
    margin              : 0px 28px 0 0;
    padding             : 0px 0px 0px 5px;
/*    border-left         : 1px dotted #eee;
    border-right        : 1px dotted #eee;*/
/*    min-height          : 360px;*/
}
#main .objecttext {
    float               : right;
/*    margin              : -20px 0 0 0;*/ /*ohne jscroll*/
    margin              : 0px;
    padding             : 20px 0px;
    width               : 463px;
    height              : 330px;
    overflow            : auto;
    line-height         : 16px;
    text-align          : left;
}
#main .objecttext a {
    text-decoration     : underline;
}
#main h2 {
    font-size           : 16px;
    font-weight         : bold;
    margin              : 0px;
    padding             : 0px;
}
#main h3 {
    font-size           : 14px;
    font-weight         : bold;
    margin              : 10px 0;
    padding             : 0px;
}
#main .bodytext {
    margin              : 0px;
}
#main .pic {
    width               : 270px;
    overflow            : hidden;
    margin              : 30px 0 0 0;
}
#main .objecttext .subtitle {
    font-size           : 11px;
    font-weight         : bold;
}
#main .objecttext p {
    padding             : 0px;
    margin              : 0px;
}
#main .objecttext .manufacture {
    font-size           : 14px;
    font-weight         : bold;
    margin-bottom       : 2px;
}
#main .objecttext .object {
    font-weight         : bold;
    font-size           : 20px;
}
#main .objecttext .design {
    margin-top          : 5px;
}
#main .objecttext .designyear {
    margin-top          : 2px;
}
#main .thumbs {
/*    margin              : 20px 0px 0px 0px;*/
    position            : absolute;
    bottom              : 20px;
}
#main .thumbs .thumb {
    border-top          : 1px dotted #8B949B;
    padding             : 1px;
    margin              : 0px 10px 0px 0px;
    float               : left;
/*
    width               : 60px;
    height              : 60px;
*/
    cursor              : -moz-zoom-in;
    #cursor              : url(/typo3conf/ext/egr_eox/res/images/lupe.cur), pointer;
}

/* ************************************** */
/* jquery Scrollbar */
/* ************************************** */
.jScrollPaneContainer {
    position:absolute !important;
    right:0 !important;
    top:0 !important;
}
.jScrollPaneTrack {
    background-color    : #FFF !important;
}
.jScrollPaneDrag {
    background          : #2E454D url(/typo3conf/ext/egr_eox/res/images/drag_grab.png) no-repeat scroll 50% 50% !important;
}
a.jScrollArrowUp {
    background          : transparent url(/typo3conf/ext/egr_eox/res/images/basic_arrow_up.gif) repeat-x scroll 0 0 !important;
}
a.jScrollArrowDown {
    background          : transparent url(/typo3conf/ext/egr_eox/res/images/basic_arrow_down.gif) repeat-x scroll 0 0 !important;
}
a.jScrollArrowUp:hover, a.jScrollArrowDown:hover {
    background-position : 0 -15px !important;
}

/* ************************************** */
/* Sprachumschalter */
/* ************************************** */

.language {
    margin              : 1px 0 0 0px;
}
.language img {
    margin              : 0px 5px -1px 0;
}
.language form {
    display             : inline;
}
.language form select {
    background-color    : #8B949B;
    border              : 0px none #000000;
/*    color               : #000000;*/
}

/* ************************************** */
/* login, logout, registration */
/* ************************************** */
#logout, #logout_tr {
    float                   : left;
    position                : relative;
    z-index                 : 99;
    left                    : 115px;
    bottom                  : 23px;
    height                  : 13px;
}
/* alternatives Logout wenn bereits bei anderem Katalog eingeloggt START */
#logout form {
    position                : relative;
    top                     : 10px;
}
#logout {
    top                     : 40px;
}
#logout:before {
    color                   : #8B949B;
    content                 : "Sie sind bereits in einem anderen Katalog eingeloggt. Bitte loggen Sie sich aus, danach können Sie sich bei Trilux Online-Katalog anmelden.";
}
/* alternatives Logout wenn bereits bei anderem Katalog eingeloggt ENDE */
input[type=submit] {
    border                  : 1px solid #8B949B;
    background-color        : #242F33;
    color                   : #8B949B;
    cursor                  : pointer;
}
input[type=submit]:hover {
    color                   : #FFF;
}
#logout_tr input.subbut {
    padding                 : 0px 5px;
    position                : relative;
    bottom                  : 1px;
   #bottom                  : 0px;
}
#logout_tr form {
    display                 : inline;
}
form div.csc-loginform * {
    color               : #8B949B;
}
form div.csc-loginform {
    margin                  : 0 0 0 30px;
}
form .csc-mailform-field {
    margin              : 15px 0;
}
form .csc-mailform-field label {
    width               : 90px;
    margin-right        : 20px;
    float               : left;
}
form .csc-mailform-field input[type=submit] {
    margin-left         : 110px;
}
form div.csc-loginform input[type=text], form div.csc-loginform input[type=password] {
    background-color    : #2E454D;
    border-color        : #455E65;
    border-style        : solid;
    border-width        : 0 1px 1px 0;
    color               : #E5F8FF;
    padding             : 1px 2px;
    width               : 223px;
    font-size           : 10px;
}
.csc-loginform .csc-form-labelcell {
    padding-right           : 20px;
    color                   : #8B949B;
}
/*
#logout_tr .csc-loginform .csc-form-commentcell, #logout_tr .csc-form-labelcell {
    display                 : none;
}
*/
.tx-srfeuserregister-pi1 {
    margin-top              : 10px;
    color                   : #8B949B;
}
.tx-srfeuserregister-pi1 h4 {
    font-size               : 12px;
    font-weight             : bold;
    margin                  : 5px 0;
}
.tx-srfeuserregister-pi1 a {
    background              : none;
    text-decoration         : underline;
    padding                 : 0px;
    color                   : #8B949B;
}
.tx-srfeuserregister-pi1 a:hover {
    color                   : #FFF;
}
.tx-srfeuserregister-pi1 fieldset {
    border                  : 1px solid #666;
}
.tx-srfeuserregister-pi1 fieldset legend {
    color                   : #8B949B;
}
.tx-srfeuserregister-pi1 fieldset input[type=submit] {
    margin-right            : 15px;
}
.tx-srfeuserregister-pi1 input[type=text], .tx-srfeuserregister-pi1 #tx-srfeuserregister-pi1-static_info_country  {
    background-color    : #2E454D;
    border-color        : #455E65;
    border-style        : solid;
    border-width        : 0 1px 1px 0;
    color               : #E5F8FF;
    padding             : 1px 2px;
    width               : 285px;
    font-size           : 10px;
}
.tx-srfeuserregister-pi1 #tx-srfeuserregister-pi1-static_info_country {
    width               : 290px;
    padding             : 0px;
}
.tx-srfeuserregister-pi1 #tx-srfeuserregister-pi1-static_info_country option {
    width               : 100%;
}

/* ************************************** */
/* Owner Contact Button */
/* ************************************** */

#owner_contact {
    position            : absolute;
    right               : 34px;
    top                 : 105px;
    font-size           : 12px;
    font-weight         : bold;
    z-index             : 2;
}

#owner_contact:hover {
    color               : #FFFFFF;
/*    background-color    : #777F7F;*/
/*    border              : 2px double #ccc;*/
}