/* ************************************** */
/* general */
/* ************************************** */
html {
    background-color    : #000000;
    overflow-y          : scroll;
}
body {
    background-color    : #000000;
    color               : #CCCCCC;
    font-family         : Arial,Verdana,Sans-Serif;
    font-size           : 13px;
    padding             : 0px;
    margin              : 0px;
    position            : relative;
}
#wrapper {
    background-color    : #404040;
    padding             : 10px 50px 15px 0;
    width               : 795px;
    margin              : 0px auto 10px;
    position            : relative;
    border              : 1px solid #666666;
}
a {
    text-decoration	    : none;
    color                : #CCCCCC;
    outline             : 0 none;
}
a img {
    border              : 0px;
}
input {
    font-size           : 11px;
    font-family         : Arial,Verdana,Sans-Serif;
}
input.text, input.button{
    color               : #CCCCCC;
}
body,td,div,a,select{
    font-size           : 11px;
    font-family         : Arial,Verdana,Sans-Serif;
    color               : #CCCCCC;
}
img {
    border              : 0px;
    BEHAVIOR            : url("/fileadmin/templates/css/iepngfix.htc");
}

table {
    border-collapse     : collapse;
}

.clear {
    clear               : both;
}

/* ************************************** */
/* header */
/* ************************************** */
#header {
    padding             : 0px;
    margin              : 0px;
    height              : 85px;
    position            : relative;
    display             : none;
}
#catalog-logo {
    position            : absolute;
    bottom              : 0px;
    left                : 0px;
    font-size           : 0px;
}
#catalog-logo a {
    font-size           : 0px;
    display             : block;
}
#catalog-logo img {
    margin-left         : 19px;
}

/* ************************************** */
/* header-line */
/* ************************************** */
#header-line {
    border              : 0px;
/*    font-family         : Verdana,Arial,Sans-Serif;*/
    font-size           : 12px;
    padding             : 0px;
    margin              : 0 0 15px 0;
    position: relative;
}
#header-line, #header-line .depth, #header-line span, #header-line a {
    color               : #FFFFFF;
}
#header-line .depth {
    margin-left         : 8px;
   _margin-left         : 5px;
    margin-right        : 8px;
    padding             : 3px 0px;
    border-bottom       : 1px solid rgb(255, 255, 255);
    margin              : 0px;
    padding             : 35px 0px 5px 50px;
}
#header-line .depth a {
    font-size           : 12px;
/*    font-family         : Verdana,Arial,Sans-Serif;*/
}
#header-line .search {
    float               : right;
    display             : none;
}
#header-line .search form {
    display             : inline;
}
#header-line .search span {
    padding             : 2px 0px;
    font-size           : 12px;
    float               : left;
    margin-right        : 5px;
}
#header-line .search .searchbox {
    float               : left;
    height              : 18px;
    border              : 1px solid #aaa;
    border-collapse     : collapse;
    background-color    : #ffffff;
}
#header-line .search .inbut {
    float               : left;
    background-color    : #ffffff;
}
#header-line .search .inbut input {
    border              : 0px;
    font-size           : 11px;
    background-color    : #ffffff;
    margin              : 1px 5px 0 2px;
   #margin              : 0px 5px 0 2px;
}
#header-line .search .subbut {
    border-left         : 1px solid #ccc;
    float               : left;
    padding             : 0px;
    background-color    : #999999;
}
#header-line .search .subbut input {
    float               : left;
    height              : 18px;
}
#header-line .logo {
    float               : right;
    padding             : 0px 0px 0px 50px;
    position: absolute;
    top: 0px;
    right: 0px;
    background-color    : #404040;
}
/*
#header-line .result {
    float               : right;
    margin-left         : 8px;
    margin-right        : 8px;
    color               : #fff;
}
#header-line .result .a {
    float               : left;
}
#header-line .result .b {
    float               : left;
    margin-left         : 5px;
}
*/
/* ************************************** */
/* results */
/* ************************************** */
#results {
    padding             : 0;
    display             : none;
}
#results table, #footer table {
    width               : 100%;       
    margin              : 0 0px 0 -1px;
}
#results .left, #footer .left {
    width               : 33%;
    text-align          : left;
}
#results .center, #footer .center {
    width               : 33%;
    text-align          : center;  
}
#results .center .activ, #footer .center .activ {
    font-weight          : bold;  
    color                : #CCCCCC;
    text-decoration      : underline;
}
#results .right, #footer .right {
    width               : 33%;
    text-align          : right;
}
#results .right ul, #footer .right ul {
    list-style          : none;
    display             : inline;
    margin              : 0px;
    padding             : 0px;
}
#results .right ul li, #footer .right ul li {
    display             : inline;
    margin              : -1px;
    padding             : -1px;
}
#results .right a, #footer .right a {
    font-size           : 11px;
/*    text-decoration     : underline;*/
    margin              : 0px 5px;
}
#results .right a.activ, #footer .right a.activ {
    font-size           : 11px;
    text-decoration     : none;
    font-weight         : bold;
    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 {
    overflow            : auto;
    margin              : 5px 0px 0 0;
/*   #margin              : 0px -8px 0 0;*/
    padding             : 0px;
}
#container * .object_pics * {
    font-size           : 0px;
}
#container .middle .noresult {
    margin-left         : 15px;
}

/*** left menu ***/

.left-menu {
    float               : left;
    overflow            : hidden;
    margin              : 0 0 0 50px;
    padding             : 0px;
    width               : 175px;
}
.left-menu .parent-pic {
/*    background-color    : #d9d9d9;*/
/*    height              : 175px;*/
}
.left-menu * {
    color               : #FFFFFF;
    font-size           : 12px;
    font-weight         : normal;
}
.left-menu .menu {
    background-color    : transparent; /*#D9D9D9;*/
    padding             : 0px;
    margin              : 8px 0px 0px;
}
.left-menu h1 {
    font-size           : 17px;
/*    font-family         : verdana;*/
    margin              : 0px;
    padding             : 0px;
    font-weight         : normal;
    color               : #FFFFFF;
}
.left-menu ul {
    list-style          : none;
    margin              : 0;
    padding             : 5px 0 0 0;
    overflow            : hidden;
}
.left-menu li {
    padding             : 0 0 5px 8px;
}
.left-menu li.sub {
    padding-left        : 16px;
}
.left-menu li a {
    display             : block;
    padding             : 0;
    outline             : 0 none;
    color               : #FFFFFF;
/*    font-family         : verdana;*/
    font-size           : 13px;
}
.left-menu a:hover /*, .left-menu li a.active*/ {
    text-decoration     : underline;
}
.middle {
    float               : none;
    margin-left         : 225px;
}
#main td.menuwrap {
    vertical-align      : top;
}
#main td.menuwrap .left-menu {
/*    height              : 100%;
    margin-bottom       : 0px;*/
    padding-right       : 15px;
}
#main .hr {
    padding             : 0px;
}
/* ************************************** */
/* container - catalog */
/* ************************************** */
/*
#container .box-catalog {
    float               : left;
    width               : 215px;
    margin              : 0px 15px 15px 0px;
    height              : 175px;
}
#container .box-catalog a {
    color               : #000;
    text-decoration     : underline;
}
#container .box-catalog .pic {
    height              : 105px;
    border-right        : 1px solid #ccc;
    padding-right       : 40px;
}
#container .box-catalog .text table {
    width               : 100%;
    border-right        : 1px solid #ccc;
    border-bottom       : 2px solid #ccc;
}
#container .box-catalog .text .name {
    height              : 29px;
    vertical-align      : top;
}
#container .box-catalog .pic img {
    vertical-align      : bottom;
    margin-left         : 5px;
}
*/
/* ************************************** */
/* container - folder */
/* ************************************** */
.box-folder {
    float               : left;
    position            : relative;
    width               : 175px;
    margin              : 0px 0px 15px 15px;
    background-color    : #D9D9D9;
}
.scroller .box-folder {
    margin              : 0px 15px 0px 0px;
}
#container .box-folder .object_pics {
    height              : 175px;
    position            : relative;
    /*border              : 1px solid #CCC;*/
}
#container .box-folder .object_pics .pic a {
    width               : 175px;
    height              : 175px;
    display             : block;
}
#container .box-folder .object_pics .pic a img {
    /*position            : absolute;
    left                : 0px;
    bottom              : 0px;
    bottom              : 0px;*/ /*link also over folder icon*/
}
#container .box-folder .pic {
/*    position            : absolute;
    left                : 3px;
    bottom              : 3px;*/
    position            : absolute; /*link also over folder icon*/
    top                 : 0px; /*link also over folder icon*/
    z-index             : 2; /*link also over folder icon*/
}
#container .box-folder .linkicon {
    width               : 16px;
    height              : 16px;
    overflow            : hidden;
    position            : absolute;
    z-index             : 2000;
    left                : 3px;
    bottom              : 8px;
}
#container .box-folder .linkicon img {
    position            : absolute;
    right               : 0px;
    bottom              : 0px;
    opacity             : 0.7;
    filter              : alpha(opacity=70);
}
#container .box-folder:hover .linkicon img {
    left                : -16px;
    opacity             : 1;
    filter              : alpha(opacity=100);
}
.box-folder .text_bg {
    overflow            : hidden;
    position            : absolute;
    left                : 0px;
    bottom              : 5px;
    width               : 175px;
    height              : 35px;
    z-index             : 999;
    background-color    : #404040;
    opacity             : 0.7;
    filter              : alpha(opacity=70);
    border-bottom       : 1px solid #CCCCCC;
    border-top          : 1px solid #CCCCCC;
    margin              : 0px;
}
.box-folder .text {
    cursor              : normal;
    overflow            : hidden;
    position            : absolute;
    left                : 0px;
    top                 : 139px;
    width               : 125px;
    z-index             : 1000;
    color               : #FFFFFF;
    font-size           : 12px;
    padding             : 0;
    margin              : 0 0 0 25px;
    text-align          : center;

}
#container .box-folder:hover .object_pics {
    /*border              : 1px solid #555;*/
}
/* ************************************** */
/* container - object */
/* ************************************** */
#container .box-object {
    float               : left;
    width               : 175px;
    margin              : 0px 0px 15px 15px;
    height              : 175px;
    background-color    : #D9D9D9;
    position            : relative;
}
#container .box-object .object_pics {
    text-align:center;
}
/*
#container .box-object .object_pics .pic {
    width: 138px;
    height: 135px;
}
*/
#container .box-object .object_pics .pic a {
    display             : block;
    cursor              : help;
}
#container .box-object .object_pics .pic img {
    /*position            : absolute;
    left                : 3px;
    bottom              : 3px;*/
}
/*
#container .box-object .pic a {
    cursor              : help;
}
*/
#container .box-object .linkicon {
    width               : 20px;
    height              : 20px;
    overflow            : hidden;
    position            : absolute;
    right               : 2px;
    bottom              : 7px;
    z-index             : 3000;
}
#container .box-object .linkicon img {
    position            : absolute;
    right               : 0px;
    bottom              : 0px;
    opacity             : 0.5;
    filter              : alpha(opacity=50);
    height              : 20px;
}
#container .box-object .linkicon:hover img {
    left                : 0px;
    opacity             : 1;
    filter              : alpha(opacity=100);
}
#container .box-object .text {
    cursor              : default;
    white-space         : pre;
    overflow            : hidden;
    position            : absolute;
    left                : 0px;
    bottom              : 5px;
    width               : 175px;
    background-color    : #404040;
    z-index             : 1000;
    color               : #FFFFFF;
/*    font-family         : verdana;*/
    font-size           : 12px;
    padding             : 3px 0px 4px;
    text-align          : center;
    opacity             : 0.7;
    filter              : alpha(opacity=70);
    border-bottom       : 1px solid #CCCCCC;
    border-top          : 1px solid #CCCCCC;
}
#container .box-object .text .info.detailpage {
    background          : url("/typo3conf/ext/egr_eox/res/images/detail_gr.png") no-repeat scroll center center transparent;
    width               : 12px;
    height              : 12px;
    left                : 3px;
    bottom              : 5px;
    position            : absolute;
}
#container .box-object:hover .text .info.detailpage {
    background          : url('/typo3conf/ext/egr_eox/res/images/detail.png') no-repeat scroll center center transparent;
}
/* ************************************** */
/* details */
/* ************************************** */
#main {
    padding             : 0;
    margin              : 0;
/*    min-width           : 710px;*/
}
#main .left-menu .menu {
    margin              : 8px 0px 0px;
}
#main .object-content {
    padding-left        : 225px;
}
#main .object-content .thumbs {
    float               : left;
}
#main .object-content .thumbs .thumb {
    background-color    : #D9D9D9;
    float               : left;
    height              : 175px;
    margin              : 0 0 15px 15px;
    position            : relative;
    width               : 175px;
}
#main .bodytext {
    margin              : 0px;
}
#main table {
    width               : 100%;
}
#main .pic {
    vertical-align      : bottom;
    padding-right       : 50px;
    height              : 250px;
}
#main .pic #imgPic {
    padding-top         : 9px;
}
#main .info {
    width               : 100%;
    vertical-align      : top;
    padding             : 0;
}
#main .info .left {
    float               : left;
    margin              : 0px 0px 0px 35px;
}
#main .info .left .subtitle {
    font-size           : 11px;
    font-weight         : bold;
}
#main .info .left p {
    padding             : 0px;
    margin              : 0px;
}
#main .info .left .manufacture {
    font-size           : 14px;
    font-weight         : bold;
    margin-bottom       : 2px;
}
#main .info .left .design {
    margin-top          : 5px;
}
#main .info .left .designyear {
    margin-top          : 2px;
}
#main .info .left .parent-pic {
    float               : left;
}
#main .info .left .thumbs {
/*    overflow            : hidden;
    overflow            : auto;*/
    margin              : 0 0 0 175px;
}
#main .info .left .thumbs .thumb {
/*    font-size           : 3.5em;*/
    cursor              : -moz-zoom-in;
   #cursor              : url(/typo3conf/ext/egr_eox/res/images/lupe.cur), pointer;
    float               : left;
    width               : 175px;
    margin              : 0 0 15px 15px;
    height              : 175px;
    background-color    : #D9D9D9;
    position            : relative;
}
#main .info .left .thumbs .thumb img {
    vertical-align      : bottom;
    /*background-color    : #fff;*/
}
#main .info .left .thumbs .thumb a {
    cursor              : -moz-zoom-in;
    #cursor              : url(/typo3conf/ext/egr_eox/res/images/lupe.cur), pointer;
}
#main .info .left a.o3dext {
    cursor              : -moz-zoom-in;
    #cursor              : url(/typo3conf/ext/egr_eox/res/images/lupe.cur), pointer;
}
#main .info .right {
    float               : right;
    width               : 195px;
    height              : 175px;
    border              : 1px solid #ccc;
    padding             : 3px;
}
#main .info .right h3 {
    font-size           : 13px;
    color               : #888;
    margin              : 0px;
}
#main .hr {
    padding             : 20px 0px 0px 0px;
}
#main .hr hr {
    border              : 0px;
    border-top          : 2px dotted #ccc;
}
#main .description {
    width               : 100%;
    vertical-align      : top;
    float               : left;
    padding-left        : 15px;
}
#main .description p {
    margin: 0px 0px 5px;
/*    font-family: verdana;*/
    color: #fff;
}
#main .description p.object {
    font-size: 16px;
    font-weight: bold;
}
#main .description p.subtitle {
    font-size: 13px;
    font-weight: bold;
/*    font-family: verdana;*/
}
#main .description h3 {
/*    font-family: verdana;*/
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    margin              : 10px 0 10px 0;
}
#main .description .desc-text {
    text-align          : justify;
}
#main .description a {
    color               : #FFFFFF;
    display             : inline-block;
    margin              : 0 10px 0 0;
}
#main #footer {
    border-top          : 2px dotted #ccc;
    margin-top          : 10px;
    padding             : 6px 0px;
}
/*
#main #footer .language {
    float               : left;
}
*/
#main #footer .options {
    float               : right;
    font-size           : 9px;
    color               : #777;
}
#main #footer .options img {
    float               : left;
    margin              : 0px 5px;
}
#main #footer .options span {
    float               : left;
    padding             : 1px 6px 1px 1px;

}
/* ************************************** */
/* footer */
/* ************************************** */
#footer {
    padding             : 0;
    margin              : 20px 0 -40px -1px;
    width               : 850px;
}
#footer .language {
/*    float               : left;*/
    margin              : 0px;
    width               : 33%;
}
.language img {
    margin              : 3px 5px 0 0;
    display             : none;
}
.language form {
    display             : inline-block;
}
.language select {
    border              : 1px solid #666666;
    background-color    : #404040;
    color               : #CCC;
}

/* ************************************** */
/* login, logout, registration */
/* ************************************** */
.csc-loginform {
    margin-left         : 0px;
}
#mailform {
    margin              : 20px 0 0 0;
}
#logout {
    position            : absolute;
    bottom              : -25px;
    left                : -2px;
    display             : none;
}
#logout form {
    display             : inline;
}
form .csc-mailform-field {
    margin              : 10px 0;
}
form .csc-mailform-field label {
    width               : 90px;
    margin-right        : 20px;
    float               : left;
}
form .csc-mailform-field input[type=submit] {
    margin-left         : 0px;
}
#logout .csc-loginform .csc-form-commentcell, #logout .csc-form-labelcell {
    display             : none;
}
.tx-srfeuserregister-pi1 {
    margin-top          : 10px;
}
.tx-srfeuserregister-pi1 h4 {
    font-size           : 12px;
    font-weight         : bold;
    margin              : 5px 0;
}
.tx-srfeuserregister-pi1 a {
    background          : none;
    text-decoration     : underline;
    padding             : 0px;
}
.tx-srfeuserregister-pi1 fieldset {
    border              : 1px solid #666;
}
.tx-srfeuserregister-pi1 #tx-srfeuserregister-pi1-static_info_country {
    width               : 265px;
}
/* ************************************** */
/* Contact Info */
/* ************************************** */
.contactinfo, .contactinfo * {
    font-size           : 10px;
    color               : #666;
    padding             : 0;
    margin              : 0;
}
.contactinfo a {
    text-decoration     : underline;    
}

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

#owner_contact {
    position            : absolute;
    right               : 0px;
    top                 : 67px;
    background          : url('../images/contact_icon.png') no-repeat scroll 5px center #949F9F;
    background-color    : #949F9F;
    border              : 3px double #FFFFFF;
    color               : #F8F8F8;
    font-weight         : bold;
    text-shadow         : 0.1em 0.1em 0.2em #555;
    padding             : 4px 10px 4px 30px;
    font-size           : 12px;
    z-index             : 2;
/*    text-align          : center;*/
}

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