/* ************************************** */
/* general */
/* ************************************** */
html {
    background-color    : #333333;
    overflow-y          : scroll;
}
body {
    background-color    : #333333;
    color               : #CCCCCC;
    font-family         : Arial,Verdana,Sans-Serif;
    font-size           : 13px;
    padding             : 0px;
    margin              : 0px;
    position            : relative;
}
#wrapper {
    background-color    : #252121; /*#404040;*/
    padding             : 10px 50px 15px 0;
    width               : 795px;
    margin              : 10px auto;
    position            : relative;
    border              : 1px solid #666666;
    -webkit-box-shadow  : 0px 2px 6px rgba(0,0,0,0.7);
    -moz-box-shadow     : 0px 2px 6px rgba(0,0,0,0.7);
    box-shadow          : 0px 2px 6px rgba(0,0,0,0.7);
}
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;
}
table td {
    vertical-align      : top;
}

.clear {
    clear               : both;
}

/* ************************************** */
/* header */
/* ************************************** */
#header {
    padding             : 0px;
    margin              : 0px;
/*    height              : 85px;*/
    position            : relative;
/*    display             : none;*/
}
#catalog-logo {
    font-size           : 0px;
    float               : right;
    margin              : 20px 0 -13px 0;
   #margin-bottom       : -13px;
}
#catalog-logo a {
    font-size           : 0px;
    display             : block;
}
#catalog-logo img {
}

/* ************************************** */
/* 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             : 0 0px 5px 50px;
}
#header-line .depth a {
    font-size           : 12px;
/*    font-family         : Verdana,Arial,Sans-Serif;*/
}

#search {
    position            : absolute;
    top                 : 270px;
    left                : 50px;
    z-index             : 10;
}
#search form {
    display             : inline;
}
#search span {
    padding             : 2px 0px;
    font-size           : 12px;
    float               : left;
    margin-right        : 5px;
display:none;
}
#search .searchbox {
    float               : left;
    height              : 20px;
    border              : 1px solid #AAAAAA;
    border-collapse     : collapse;
    background-color    : #555555;
}
#search .inbut {
    float               : left;
    background-color    : #555555;
}
#search .inbut input {
    border              : 0px;
    font-size           : 11px;
    background-color    : #555555;
    margin              : 1px 3px 0 2px;
   #margin              : 0px 3px 0 2px;
    width               : 148px;
    padding             : 2px 0;
}
#search .subbut {
    float               : left;
    padding             : 0px;
    background-color    : #555555;
    padding             : 1px 2px 0 0;
}
#search .subbut input {
    float               : left;
    height              : 18px;
}
#header-line .logo {
    float               : right;
    padding             : 0px;
    position: absolute;
    top: 0px;
    right: 0px;
    background-color    : #FFFFFF;
}

/*
#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;
    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;
    position            : relative;
}

.left-menu * {
    color               : #FFFFFF;
    font-size           : 12px;
    font-weight         : normal;
}
.left-menu .menu {
    background-color    : transparent; /*#D9D9D9;*/
    padding             : 0px;
    padding             : 40px 0px 0px;
   #padding-top         : 50px;
}
.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              : 20px;
    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;
    white-space         : pre;
    overflow            : hidden;
    position            : absolute;
    left                : 0px;
    bottom              : 9px;
    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 .object-content {
    padding-left        : 225px;
}
#main .object-content .thumbs {
    float               : left;
    width               : 570px;
}
#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 {
    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 */
/* ************************************** */
#home_footer, #footer {
    position            : absolute;
    bottom              : -30px;
   #bottom              : -50px;
    left                : -1px;
/*
    padding             : 0;
    margin              : 20px 0 -40px -1px;
   #margin              : 20px 0 -60px -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    : #252121;
    color               : #CCC;
}
#home_footer {
    padding             : 0;
    margin              : 0 auto;
    width               : 847px;
}
#home_footer .language {
    margin: 0;
}

/* ************************************** */
/* 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;*/
}

/* ************************************** */
/* Home */
/* ************************************** */

.content_left {
    margin              : 0px 15px 0px 50px;
    width               : 175px;
    float               : left;
}
.content_left h1 {
    font-size:13px;
}
.content_left p.align-justify {
    font-size:13px;
    text-align:justify;
}
.content_middle {
    float:left;
}
.content_middle iframe#viewer {
    width               : 555px;
    height              : 345px;
}
.content_middle .csc-textpic .csc-textpic-imagewrap img {
    display             : none;
}

.scroller {
    position            : relative;
    width               : 555px;
    float               : right;
    margin              : 430px 0px 0px;
}
.scroller .scrollable {
    height              : 175px;
    overflow            : hidden;
    position            : relative;
}
.scroller .scrollable .items {
    clear               : both;
    left                : 0;
    position            : absolute;
    width               : 20000em;
}
.scroller a.browse {
    background          : url("./scroller-arrow.png") no-repeat scroll 0 0 transparent;
    cursor              : pointer;
    display             : none;
    float               : left;
    font-size           : 1px;
    height              : 20px;
    position            : absolute;
    top                 : 70px;
    width               : 20px;
    z-index             : 1000;
}
.scroller a.browse.right {
    background-position : 0 -20px;
    clear               : right;
    margin-right        : 0;
    right               : -10px;
}
.scroller a.browse.right:hover {
    background-position : -20px -20px;
}
.scroller a.browse.right:active {
    background-position : -40px -20px;
}
.scroller a.browse.left {
    left                : -10px;
}
.scroller a.browse.left:hover {
    background-position : -20px 0;
}
.scroller a.browse.left:active {
    background-position : -40px 0;
}
.scroller a.browse.disabled {
    visibility          : hidden !important;
}