/* #region Filter */

.filters {float:left; width:102%; margin:-4px -1% 20px;}
.filter {position:relative;z-index:100;display:inline-block; width:218px; margin:9px 10px 25px; float:left;}

.filters h3 {
    margin:0px; 
    padding:10px 13px 9px; 
    color:#fff; 
    font-weight:400;
    background:url(/frontend/images/icons.png) no-repeat right -218px;
    cursor:pointer;
    text-overflow: ellipsis; 
    text-transform:uppercase;
    font-size:14px; font-weight:700;
    overflow: hidden;
    white-space: nowrap; 
    position:relative;
    z-index:100;
    background-color:#cacaca;
}

.filters h3.over {background-color:#bd9d4b;color:#fff; text-decoration:none;}
.filters h3.active {background-color:#bd9d4b;color:#fff;}

.filter ul { 
    display:none; 
    position:absolute; 
    left:0px; 
    top:98%; 
    background:#fff;
    max-height:440px; 
    width:216px; 
    font-size:15px;
    overflow-x:hidden; 
    overflow-y:auto;
    background:#fff;
    border:solid 1px #bd9d4b;
    }

.filter ul li {background:#fff; display:block; margin:0px; padding:0px; width:100%;z-index:7000;position:relative;}
.filter ul li a {color:#666;font-weight:400; display:block; padding:9px 13px 8px; background:#fff;border-bottom:solid 1px #e8e8e8;}
.filter ul li a:hover { color:#bd9d4b; }
.filter ul li.active a { background:#bd9d4b; color:#fff; border-bottom:0px; }
.filter ul li a span {border-bottom:solid 1px #fff;}
.filter ul li a:hover span {border-bottom:solid 1px #bd9d4b;}
.filter ul li.active a span { border-bottom:0px;}

/*#endregion */

/* #region Suche */

.search {}
.search input {width:88%;padding-left:6%; padding-right:6%; margin:0;}

.lnkClose {position:absolute;right:12px; top:12px; display:block;width:16px;height:15px;background:url(/frontend/images/close.gif) no-repeat 0 0;border:0px;}
.lnkClose:hover {background-position:0 -15px;}
.lnkClose span {display:none;border:0px;}
.lnkClose, .lnkClose:hover {
    -webkit-transition: all 0ms ease-in-out;
    -moz-transition: all 0ms ease-in-out;
    -ms-transition: all 0ms ease-in-out;
    -o-transition: all 0ms ease-in-out;
    transition: all 0ms ease-in-out;
}

/*#endregion */

/* #region Results */

/*.results { list-style:none; position:relative; display:block; width:100%; }
.results ul.list {width:104%; margin:0 -2%; border:solid 1px red;}
.results li.item { border-top:solid 1px #e8e8e8; float:left; display:block; width:100%; padding:30px 0 0px!important; margin:0 -2% 35px -2%; }
.results li.item:last-child {border-bottom:solid 1px #e8e8e8; padding-bottom:35px!important; }
.results li.item .images {display:block;width:242px;margin:0 3.5% 0px 0;overflow:hidden; height:161px;float:left;margin-right:20px;position:relative;margin-top:4px;}
.results li.item .lnkImg {position:relative;display:block;margin-bottom:0px;}
.results li.item .lnkImg img {width:100%;height:auto;z-index:50;display:inline-block;}
.results li.item h3 { margin:0 0 0px; }
.results li.item .cnt {float:left;width:48%;}
.results li.item .cnt ul li {float:none;background:none;padding-left:0px;}
.results li.item .lnkDelete {float:right;}*/

.results { margin-bottom:50px;}
.results .list {float:left;}
.results .list .item {float:left; margin-bottom:30px;padding-top:26px;  }
.results .list .item .lnkImg, 
.results .list .item > img {width:100%; position:relative;}
.results .list .item h3 {margin-bottom:0px;}
.results .list .item h4, strong.price { font-size:20px; line-height:24px;}

.results .list .item.sold .lnkImg::before {
    background:rgba(0,0,0,0.7);
    color:#bd9d4b;
    text-align:center;
    padding:8px 0;
    content:'verkauft';
    text-transform:uppercase;
    font-size:14px;
    font-weight:700;
    letter-spacing:0.5px;
    position:absolute;
    width:100%;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
}

.results .list .item .crow {margin-bottom:0px;}
.results .list .four .c1 {width:20%;}
.results .list .four .c2 {width:33%;}
.results .list .four .c3 {width:22%;}
.results .list .four .c4 {width:18%;float:right;text-align:right;}


.contacts .item {height:325px;border-top:0px; padding-top:0px; margin-top:0px;}
.contacts .list .item > img {margin-bottom:24px!important;}

/*#endregion */

/* #region Details */

.details {min-height:150px;  }
.images ul {display:block;clear:both;width:100%;margin-bottom:30px;}
.images, .files, .techdata {margin-bottom:30px;}

.images, .files { clear:both; }

.images ul li { float:left; margin-right:10px; margin-bottom:8px; }
.images ul li:after { clear:left; }


.details .thumbnails {margin-top:0px!important;}

.topnav {position:fixed;right:15px;top:45%;width:auto;margin-bottom:30px; z-index:80;}
.topnav a {width:42px; height:40px; display:block; border:0px; margin-bottom:5px;
           background:#333 url(/frontend/images/icons.png) no-repeat -8px -167px;
           border-radius:30px;
}
.topnav a:hover {background-color:#bd9d4b;}
.topnav a span {display:none;}
.topnav a.next {background-position:-68px -167px!important;}

.results table tr td.first {width:30%;}

/*#endregion */

/* #region Tooltip */
.infotip { 
    position:absolute; background:#00822e; color:#fff; padding:5px 15px 5px 15px;
    margin-top:10px; margin-left:-20px;
    max-width:200px;
    font-size:11px;
}
/*#endregion */

/*#region Pagination */
.pag-first {position:absolute;top:60px;right:0px;}
.pagination a { color:#333;border:solid 1px #e8e8e8!important; margin-left:4px; padding:8px 0px!important; width:40px; text-align:center;}
.pagination .next a {width:110px;}
.pagination .previous a {width:121px;}
.pagination a:hover {border:solid 1px #00822e!important; background:#fff!important;}
.pagination li.active a {border:solid 1px #00822e!important; color:#fff!important;}
.pagination li.active a:hover { background:#00822e!important; color:#00822e;}

/*#endregion Pagination*/

/*#region Inquiry */
#inquiry .left {border-top:solid 1px #e8e8e8;padding-top:35px;}
#inquiry .crow {border-bottom:solid 1px #e8e8e8;margin-bottom:35px;padding-bottom:35px;}
#inquiry .crow .c { }
#inquiry .crow strong.price {text-align:left;}
#inquiry .crow .c2 .lnkBtn {margin-top:25px;}

#inquiry .f {margin-top:18px;}
#inquiry input, #inquiry textarea {width:90%;}

/*#endregion*/

/*#region InquiryInfo */

#inquiryInfo {
   -webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;}

body > #inquiryInfo { 
    position:fixed; right:50%; margin-right:-590px; bottom:0px; display:none; z-index:999;
    background:#e8e8e8; width:250px;
    padding:20px 20px 25px; height:20px;
    overflow:hidden;
    opacity:0.7;
    color:#666!important;
    font-size:14px!important;
}
#inquiryInfo h1, #inquiryInfo h2, #inquiryInfo h3, #inquiryInfo h4, #inquiryInfo a, #inquiryInfo strong {color:#000!important;}
#inquiryInfo.hover { opacity:1.0; height:auto;height:250px; }
#inquiryInfo h2 { margin-bottom:0; }

#inquiryInfo div.cnt { 
    max-height:155px; overflow:auto; 
    margin:20px 0 0px 0; padding-right:20px; 
    display:none!important;
}
#inquiryInfo.hover div.cnt { display:block!important; }

#inquiryInfo a.showInquiry { position:absolute; right:20px; bottom:20px; }

#inquiryInfo ul.results { width:100%!important; margin-bottom:0px!important;}
#inquiryInfo li.item { clear:both; margin:0 0 3px 0; padding:0; }
    #inquiryInfo div.img { width:30px!important; float:left; margin-right:10px; }
    #inquiryInfo img { width:30px!important;border:solid 1px #E1E1E1; }
    #inquiryInfo div.name { float:left; font-weight:600; font-size:13px; max-width:110px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    #inquiryInfo div.cmd { float:right; }

#inquiryInfo h2 { font-size:18px; }
#inquiryInfo h3 { margin-bottom:7px; }

#inquiryInfo a.s2 {background:#fff; padding:7px 14px 5px; font-weight:700; font-size:14px!important; text-transform:uppercase;}
#inquiryInfo a.s2:hover {color:#bd9d4b!important;}

#inquiryInfo ::-webkit-scrollbar {
    width: 12px;
}
 
#inquiryInfo ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
#inquiryInfo ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}


/*#region Scrollbar */
/* Let's get this party started */
#inquiryInfo ::-webkit-scrollbar {
    width: 13px;
    background:#29447f!important;
}
 
/* Track */
#inquiryInfo ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border:solid 1px rgba(0,0,0,0.3);
}
 
/* Handle */
#inquiryInfo ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(0,0,0,0.3); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
    border:solid 1px rgba(0,0,0,0.3);
}
#inquiryInfo ::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(0,0,0,0.4); 
}


/*#endregion */

/*#endregion*/