/* ############################# */
/*    Horsemarket General        */
/* ############################# */
.tx-sn-shpferdemarkt form input[type=submit] {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #edf4fa), color-stop(1, #97c1de) );
    background:-moz-linear-gradient( center top, #edf4fa 5%, #97c1de 100% );
    background-color:#edf4fa;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #bbcee8;
    display:inline-block;
    color:#333;
    font-family:arial;
    font-size:13px;
    font-weight:bold;
    padding:4px 15px;
    text-decoration:none;
    text-shadow:1px 1px 0px #ffffff;
    background-image: url(../Images/button-verlauf.gif);
    background-repeat: repeat-x;
    margin-top: 20px;
    margin-bottom: 20px;
}

.tx-sn-shpferdemarkt form input[type=submit]:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #97c1de), color-stop(1, #edf4fa) );
    background:-moz-linear-gradient( center top, #97c1de 5%, #edf4fa 100% );
    background-color:#d4e9f8;
    background-image: url(../Images/button-verlauf-on.gif);
    background-repeat: repeat-x;
}

.tx-sn-shpferdemarkt form h4, .tx-sn-shpferdemarkt form h3 {
    margin-top: 20px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid lightgrey;
}

.tx-sn-shpferdemarkt form label {
    font-weight: bold;
}

.tx-sn-shpferdemarkt form textarea {
    margin-bottom: 5px;
}

.tx-sn-shpferdemarkt .filtersort {
    width: 500px;
    height: 100px;
    padding: 10px;
    margin-bottom: 20px;
    background-color: #ebf2f8;
}

.tx-sn-shpferdemarkt .filtersort h2 {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid lightgrey;
}

.tx-sn-shpferdemarkt .filtersort label {
    font-weight: bold;
    margin-bottom: 5px;
}

.tx-sn-shpferdemarkt .filter {
    float: left;
}

.tx-sn-shpferdemarkt .sorting {
    float: right;
}

.tx-sn-shpferdemarkt .filters-select {
    width: 200px;
    height: 34px;
    margin-top: 0px;
}

.tx-sn-shpferdemarkt .text-count-wrapper{
    margin-left: 130px;
    margin-bottom: 10px;
}

/* #################### */
/*    Horse List        */
/* #################### */
.horse-list .horse-listitem {
    border-bottom: 1px solid #97ccfe;
    margin-bottom: 25px;
    height: 130px;
    width: 100%;
}

.horse-list .image {
    float: left;
    margin-right: 15px;
}

.horse-list .sold {
    z-index: 1000;
    position: absolute;
    margin-top: 22px;
    margin-left: 80px;
    -ms-transform: rotate(-7deg); /* IE 9 */
    -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
    transform: rotate(-7deg);
}

.horse-list .info {
    float: left;
}

.horse-list .info p {
    width: 360px;
}

.horse-list .date {
    background-color: #ebf2f8;
    padding: 4px 6px 4px 6px;
    margin-bottom: 20px;
}

.horse-list h3 {
    margin-top: 10px;
}

.horse-list .image img {
    border: 4px solid #fff;
    -webkit-box-shadow: 0px 0px 3px 0px;
    box-shadow: 0px 0px 3px 0px;
}

.horse-list .image a {
    color: #000 !important;
}

/* #################### */
/*    Horse Single      */
/* #################### */
.horse-single .images {
    width: 255px;
    height: 250px;
    float: left;
    display: block;
}

.horse-single .lSSlideOuter .lSPager.lSGallery li:hover, .horse-single .lSSlideOuter .lSPager.lSGallery li.active {
    border-radius: 0px;
}

.horse-single .lSSlideOuter .lSPager.lSGallery li img {
    width: 60px;
    height: 45px;
}

.horse-single .lSSlide img {
    cursor: pointer;
}

.horse-single .images ul {
    margin-bottom: 0px !important;
    margin-left: 0px !important;
}

.horse-single .images ul img.placeholder {
    border: 4px solid #fff !important;
    margin: 5px;
    -webkit-box-shadow: 0px 0px 3px 0px;
    box-shadow: 0px 0px 3px 0px;
}

.horse-single .contact {
    width: 255px;
    height: 250px;
    float: right;
    display: block;
}

.horse-single .description, .horse-single .decent, .horse-single .header, .horse-single .footer, .horse-single .information {
    width: 100%;
    float: left;
    display: block;
}

.horse-single td {
    padding: 4px 0px !important;
}

.horse-single td.label {
    width: 115px;
}

.horse-single .infotable {
    padding-left: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #99CCFF;
}

.horse-single .contact h3 {
    margin-top: 0px;
}


.horse-single .description p, .horse-single .decent p, .horse-single .description .infotable, .horse-single .decent .infotable {
    padding-left: 15px;
    padding-bottom: 10px;
    border-bottom: none;
}

.horse-single h2 {
    margin-top: 15px;
    margin-bottom: 5px;
}

.horse-single h3 {
    background-image: url(../Images/tabellenheader.gif);
    background-repeat: no-repeat;
    height: 23px;
    padding-top: 6px;
    padding-left: 22px;
    color: #fff;
    font-size: 15px;
    display: block;
    font-weight: bold;
    border-bottom: 1px solid #99CCFF;
    margin-bottom: 15px;
    margin-top: 20px;
}

.horse-single .back-link {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #edf4fa), color-stop(1, #97c1de) );
    background:-moz-linear-gradient( center top, #edf4fa 5%, #97c1de 100% );
    background-color:#edf4fa;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #bbcee8;
    display:inline-block;
    color:#333;
    font-family:arial;
    font-size:13px;
    font-weight:bold;
    padding:4px 15px;
    text-decoration:none;
    text-shadow:1px 1px 0px #ffffff;
    background-image: url(../Images/button-verlauf.gif);
    background-repeat: repeat-x;
    margin-bottom: 20px;
}

.horse-single .back-link:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #97c1de), color-stop(1, #edf4fa) );
    background:-moz-linear-gradient( center top, #97c1de 5%, #edf4fa 100% );
    background-color:#d4e9f8;
    background-image: url(../Images/button-verlauf-on.gif);
    background-repeat: repeat-x;
}

.horse-single .label {
    font-weigth: bold !important;
    width: 50px;
}

.horse-single .header .date{
    background-color: #ebf2f8;
    padding: 4px 6px 4px 6px;
    margin-bottom: 20px;
}

.horse-single .information .sold {
    z-index: 1000;
    position: absolute;
    margin-top: 70px;
    margin-left: 80px;
    -ms-transform: rotate(-7deg); /* IE 9 */
    -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
    transform: rotate(-7deg);
}

.horse-single .header h2 span.sold {
    font-size: 14px;
}


.horse-single a[href $='.pdf'] {
    padding: 5px 0 5px 20px;
    background: url(../Images/pdf.gif) no-repeat center left;
}

.horse-single a[href $='.doc'] {
    padding: 5px 0 5px 7px;
    background: url(../Images/doc.gif) no-repeat center left;
}
.horse-single a[href $='.xls'] {
    padding: 5px 0 5px 7px;
    background: url(../Images/xls.gif) no-repeat center left;
}

.horse-single a[href $='.docx'] {
    padding: 5px 0 5px 7px;
    background: url(../Images/doc.gif) no-repeat center left;
}
.horse-single a[href $='.xlsx'] {
    padding: 5px 0 5px 7px;
    background: url(../Images/xls.gif) no-repeat center left;
}



/* #################### */
/*        Isotope       */
/* #################### */

.button {
    display: inline-block;
    padding: 0.5em 1.0em;
    margin-bottom: 10px;
    background: #EEE;
    border: none;
    border-radius: 7px;
    background-image: linear-gradient( to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.2) );
    color: #222;
    font-family: sans-serif;
    font-size: 16px;
    text-shadow: 0 1px white;
    cursor: pointer;
}

.button:hover {
    background-color: #8CF;
    text-shadow: 0 1px hsla(0, 0%, 100%, 0.5);
    color: #222;
}

.button:active,
.button.is-checked {
    background-color: #CF050F;
}

.button.is-checked {
    color: white;
    text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8);
}

.button:active {
    box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);
}

/* ---- button-group ---- */

.button-group:after {
    content: '';
    display: block;
    clear: both;
}

.button-group .button {
    float: left;
    border-radius: 0;
    margin-left: 0;
    margin-right: 1px;
}

.button-group .button:first-child { border-radius: 0.5em 0 0 0.5em; }
.button-group .button:last-child { border-radius: 0 0.5em 0.5em 0; }

/* #################### */
/*        Sidebar       */
/* #################### */
#sidebar .tx-sn-shpferdemarkt {
    text-align: center;
    width: 209px;
    margin-left: -12px;
}

#sidebar .tx-sn-shpferdemarkt .sold{
    width: 100%;
    z-index: 1000;
    position: absolute;
    top: 36%;
}

#sidebar .tx-sn-shpferdemarkt .image img{
    border: 2px solid #fff !important;
    margin: 5px;
    -webkit-box-shadow: 0px 0px 3px 0px;
    box-shadow: 0px 0px 3px 0px
}

#sidebar .tx-sn-shpferdemarkt .sold img{
    margin-left: auto;
    margin-right: auto;
    -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    transform: rotate(-45deg);
}

#sidebar .tx-sn-shpferdemarkt a.button {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #edf4fa), color-stop(1, #97c1de) );
    background:-moz-linear-gradient( center top, #edf4fa 5%, #97c1de 100% );
    background-color:#edf4fa;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #bbcee8;
    display:inline-block;
    color:#333;
    font-family:arial;
    font-size:13px;
    font-weight:bold;
    padding:4px 15px;
    text-decoration:none;
    text-shadow:1px 1px 0px #ffffff;
    background-image: url(../Images/button-verlauf.gif);
    background-repeat: repeat-x;
    margin-top: 20px;
}

#sidebar .tx-sn-shpferdemarkt a.button:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #97c1de), color-stop(1, #edf4fa));
    background: -moz-linear-gradient(center top, #97c1de 5%, #edf4fa 100%);
    background-color: #d4e9f8;
    background-image: url(../Images/button-verlauf-on.gif);
    background-repeat: repeat-x;
}

#sidebar .tx-sn-shpferdemarkt a.lSPrev {
    background-image: url(../Images/slider-previous.gif);
    background-repeat: no-repeat;
    background-position: top left;
}

#sidebar .tx-sn-shpferdemarkt a.lSNext {
    background-image: url(../Images/slider-next.gif);
    background-repeat: no-repeat;
    background-position: top right;
}

/*** IE Specific, added 28.01.2020 ***/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .tx-sn-shpferdemarkt .filter {
        width: 200px;
        height: 70px;
    }

    .tx-sn-shpferdemarkt .sorting label {
        text-align: right;
        width: 100%;
    }

    .tx-sn-shpferdemarkt .sorting .button-group {
        float: right;
    }
}