﻿/* #region Filter */

.filters {margin-bottom:40px;}
.filter {position:relative;z-index:100;float:left; display:inline-block; width:302px; }

.filters h3 {border:solid 1px #e8e8e8; margin:0px; padding:8px 12px; color:#777; font-weight:400;
            background:url(/frontend/images/icons.gif) no-repeat 93% 16px;cursor:pointer;text-overflow: ellipsis; overflow: hidden;
            white-space: nowrap; position:relative;z-index:100; font-size:14px;}
.filters h3.over {border:solid 1px #b10813;background-color:#fff;color:#b10813; text-decoration:none;background-position:93% -24px;}
.filters h3.active {background-color:#b10813;color:#fff;background-position:93% -144px;border:solid 1px #b10813;}

.filter ul { display:none; position:absolute; left:0px; top:98%; 
            background:#fff;max-height:250px; min-width:200px;  width:300px; font-size:13px;
            overflow-x:hidden; overflow-y:auto;background:#fff;border:solid 1px #b10813;
}
.filter ul li {background:#fff; display:block; margin:0px; padding:0px; width:100%;z-index:7000;position:relative;}
.filter ul li a {color:#666; display:block; width:95%;  padding:7px 12px 6px; background:#fff;border-bottom:solid 1px #e8e8e8;}
.filter ul li a:hover { color:#b10813; }
.filter ul li.active a { background:#b10813;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 #b10813;}
.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 .list {float:left; margin:0 -2.3%; width:104.6%;}
.results .list .item {float:left; margin:0 2.3% 55px; width:28.73%;}
.results .list .item .lnkImg, 
.results .list .item > img {width:100%; margin-bottom:56px!important;}
.results .list .item h3 {margin-bottom:0px;}
.results .list .item h4 {}

.contacts .item {height:325px;border-top:0px; padding-top:0px; margin-top:0px;}
.contacts .list .item > img {margin-bottom:24px!important;}
/*#endregion */

/* #region Inquiry*/

.inquiry div.results > ul {border-bottom:solid 1px #e8e8e8;margin-bottom:0px;}
.inquiry div.results {float:left;padding-bottom:0px;margin-bottom:0px;}

/*#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; }

.topnav {position:absolute;right:0px;top:6px;width:200px;margin-bottom:30px;}
.topnav a {margin:0 0 10px;}

.results table {width:80%;}
.results table tr td:first-child {width:20%;}

/*#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*/
