/* HTML/CSS Copyright (C) 2016 WebMarx Design | http://stores.ebay.de/web-marx */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300);    
    
/* LAYOUT */
.bg {margin:0; padding:30px; background: #c4c4c4; background: -moz-radial-gradient(center, ellipse cover,  #c4c4c4 0%, #333 100%); background: -webkit-radial-gradient(center, ellipse cover,  #c4c4c4 0%,#333 100%); background: radial-gradient(ellipse at center,  #c4c4c4 0%,#333 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c4', endColorstr='#333',GradientType=1 );}
.box {margin:0; padding:0; border:1px solid #ececec; box-shadow:2px 2px 0px #444; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #fafafa; background: -moz-radial-gradient(center, ellipse cover,  #fafafa 0%, #fbfbfb 100%); background: -webkit-radial-gradient(center, ellipse cover,  #fafafa 0%,#fbfbfb 100%); background: radial-gradient(ellipse at center,  #fafafa 0%,#fbfbfb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#fbfbfb',GradientType=1 );}
     
/* HEADER */    
.logo {height:120px; margin:0; padding:0; font-family: 'Open Sans', serif; color:#555; font-size:40px; font-weight:700; line-height:38px; text-transform:uppercase} 
.logo img {max-height:115px; margin:0 auto} 
.logo2 {color:#c8a15c; font-weight:300; text-shadow:none}    
.right-logo, .right-logo-shop {height:120px; margin:0; padding:0}
.topheader, .topheader-shop {margin:0; padding:10px}
.topheader a, .topheader-shop a {display:block; float:left; font-family: 'Open Sans', serif; font-weight:700; color:#fff; width:155px; font-size:14px; margin:5px; padding:8px 0; text-decoration:none; background:#c8a15c; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
     
/* SUCHE */
.header-suche, .header-suche-shop {padding:0; margin:15px 0 8px 15px; border:none; float:left; text-align: left}
.suchfeld, .suchfeld-shop {width:770px; height:40px; margin:0; float:left; font-family: 'Open Sans', serif; font-size:14px; background:#f1f1f1; color:#a8a8a8; line-height:40px; margin:0; padding:0 20px; border:1px solid #eaeaea; box-shadow: inset 1px 1px 1px #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: left}
.suchbutton, .suchbutton-shop {float:right; width:50px; height:50px; border:1px solid #c8a15c; width:40px; height:40px; background:#c8a15c; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#fff; font-size:16px; text-align:center; margin:0 0 0 5px; padding:0;}
.suchbutton i, .suchbutton-shop i {line-height: 40px}
.suchbutton:hover, .suchbutton-shop:hover {border:1px solid #555; background:#555; color:#fff}    
    
/* MENU */
.menubox, .crossbox, .footbox {margin:20px 0; padding:0; border:1px solid #ececec; box-shadow:2px 2px 0px #444; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #fafafa; background: -moz-radial-gradient(center, ellipse cover,  #fafafa 0%, #fbfbfb 100%); background: -webkit-radial-gradient(center, ellipse cover,  #fafafa 0%,#fbfbfb 100%); background: radial-gradient(ellipse at center,  #fafafa 0%,#fbfbfb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#fbfbfb',GradientType=1 );}
ul.menu {margin:0; padding:0}
ul.menu li {float:left; width:179px; height:60px; line-height:60px; list-style-type:none; margin:0; padding:0; font-family: 'Open Sans', serif; font-weight:700; font-size:14px; text-transform: uppercase; border-left:1px dotted #dedede}
ul.menu li a {display:block; color:#555;}
ul.menu li a:hover {margin:0; text-decoration:none; color:#c8a15c; background:none}
ul.menu li.home {width:60px; background:#f4f4f4; border:none}
ul.menu li.home a {color:#c8a15c; font-size:30px; margin:0; padding:15px 0 0 0;}
ul.menu li.home a:hover {color:#555}

/* RESPONSIVE MENU */
.dropdown {margin:0; padding:10px 0;}
ul.resmenu {margin:0; padding:0; width:100%;}
ul.resmenu li {display:inline-block; margin:0; padding:0; width:18%; background:none}
ul.resmenu li a {display:inline-block; text-align:center; font-size:20px; color:#c8a15c; background:none; text-decoration: none; margin:0; padding:10px 0}
ul.resmenu li a:hover {color:#555}
    
/* ARTIKELBESCHREIBUNG */
.art1 {margin:0; padding:20px}
.art2 {margin:0; padding:20px; padding-left:0; text-align:left; font-family: 'Open Sans', serif; font-weight:400; font-size:14px;} 
.art2 h1 {font-family: 'Open Sans', serif; font-weight:700; font-size: 24px; color:#c8a15c; text-align:left; text-transform: uppercase; margin:0; padding:0 0 10px 0; line-height:28px}    
.art2 h2 {font-family: 'Open Sans', serif; font-weight:700; font-size: 20px; color:#555; text-align:left; text-transform: uppercase; margin:0; padding:20px 0 10px 0; line-height:24px}
.art2 h3 {font-family: 'Open Sans', serif; font-weight:700; font-size: 30px; color:#555; text-align:center; margin:0; padding:20px 0;}
.art2 .mwst {font-size:12px; color:#999; font-weight:700}    
ul.artdetail {margin:0; padding:0; font-size:14px; border:1px dotted #e6e6e6; border-bottom:none;}
ul.artdetail li {list-style-type:none; background:#f4f4f4; margin:1px 0; padding:7px 12px; border-bottom:1px dotted #e6e6e6; line-height:20px}
ul.artdetail li:before {font-family: 'FontAwesome'; content: '\f105'; font-size:14px; padding-right:10px; color:#c8a15c;}
a.buys {display:block; font-family: 'Open Sans', serif; font-weight:700; font-size:18px; background:#c8a15c; margin:0; padding:10px; color:#fff; text-decoration: none; text-align:center; border:none; box-shadow: 2px 2px 2px #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.buysinfo {margin:0; margin-top:15px; padding:0; text-align:center; font-family: 'Open Sans', serif; font-weight:400; font-size: 14px;}
.buysinfo a {display:block; font-family: 'Open Sans', serif; font-weight:700; font-size:14px; background:#c8a15c; margin:0; padding:10px; color:#fff; text-decoration: none; text-align:center; border:none; box-shadow: 2px 2px 2px #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.buysfix {margin:0; padding:0}
.hl {color:#c8a15c}
.artboxfix {margin-bottom:20px}
    
/* ARTIKELBILDER */
.image-gallery {margin:0; width:500px; height:750px;}
.image-gallery .big-image {width:500px; height:500px; margin:0; position:relative;}
.image-gallery .big-image img {opacity:0; position:absolute; left:0px; top:0px; max-height:500px; width:auto; margin:0; transition: opacity 350ms;}
.image-gallery .big-image img:target {opacity:1;}
.image-gallery .big-image img:target ~ img#default {opacity:0;}
.image-gallery .big-image img#default {opacity:1;}
.image-gallery .thumbs {margin:0; position: relative; top:5px}
.image-gallery .thumbs ul {list-style-type:none; margin:0!important; padding:0!important; text-align: center}
.image-gallery .thumbs li {width:23%; list-style:none; margin:0; padding:0; display:inline-block; margin-right:3px; text-align: center}
.image-gallery .thumbs li a:hover{opacity:1;}
.image-gallery .thumbs li a {opacity:0.85; text-align: center}
.image-gallery .thumbs li a:focus{opacity:1;}
.image-gallery .thumbs li img {max-height:116px; width:auto;}
    
/* TABS */
.tabs{background: none; padding:10px; margin:0}
.tabs span {display: none}
#tbc {display: block; position: relative; margin:0; padding:0}
#tbc ul {margin:0; padding:0; overflow: hidden; background:none; border-bottom:3px solid #c8a15c}
#tbc ul li {float:left; display:inline; list-style-type: none; margin:0 10px 0 0; padding:0;}
#tbc ul li a {display: inline-block; position: relative; z-index: 1; background: #fff; color:#555; font-family: 'Open Sans', serif; font-size: 14px; font-weight: 700; text-align: center; margin:0; padding:12px 20px 10px 20px; text-decoration: none; cursor: pointer;}
#tbc ul li a:hover {background: #fff; color: #555; text-decoration: none}
#tbc > div {position: relative; clear: both; visibility: hidden; background: #fff; margin:0; padding: 0 15px; height: 0; overflow: hidden; color: #3e454c; text-align:left; font-family: 'Open Sans', serif; font-size: 14px; font-weight: 400}
#tbc > div h1 {font-family: 'Open Sans', serif; font-size:18px; font-weight:700; border-bottom:1px solid #ddd; margin:0 0 10px 0; padding:10px 0}
span:target ~ #tbc ul li:first-child a {background: #fff; color: #555; text-shadow:none}
span:target ~ #tbc > div:first-of-type {visibility:hidden; height:0; padding:0 10px;}
span ~ #tbc > div:first-of-type, #tbl-1:target ~ #tbc > div.tbc-1, #tbl-2:target ~ #tbc > div.tbc-2, #tbl-3:target ~ #tbc > div.tbc-3, #tbl-4:target ~ #tbc > div.tbc-4 {visibility: visible; height: auto;	padding: 15px; position: relative; z-index: 6;}
span ~ #tbc > ul li:first-child a, #tbl-1:target ~ #tbc > ul li a[href$="#tbl-1"], #tbl-2:target ~ #tbc > ul li a[href$="#tbl-2"], #tbl-3:target ~ #tbc > ul li a[href$="#tbl-3"], #tbl-4:target ~ #tbc > ul li a[href$="#tbl-4"] {background:#c8a15c; color:#fff; text-shadow:1px 1px 0px #777; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}    
    
/* TABLE */
.box table {width:100%; margin:20px 0; border:1px solid #aaa; border-collapse: collapse;}
.box table th {background:#eee; padding:10px; font-size:14px; font-weight:700; text-shadow:1px 1px 0px #fff; color:#555}
.box table td {background:#f7f7f7; padding:10px; font-size:14px}
    
/* SERVICE */
.service, .service-shop {font-family: 'Open Sans', serif; font-size:12px; color:#555; padding:20px 0 15px 40px; text-align:left; line-height:16px}
.service b, .service-shop b {font-weight:bold; font-size:14px}
.service i, .service-shop i {font-size:34px; color:#c8a15c; float:left; padding-right:10px}
.service i:hover, .service-shop i:hover {color:#555;}
    
/* ICONS */
.info {width:100%; text-align:center; margin:10px 0; padding:0}
.info img {margin:5px 0}
    
/* X-SELL */
.xsell {margin:0; padding:0 0 20px 0}
.xsell a {text-decoration: none!important}
.xsell img {border:none}
.xsell h1 {font-family: 'Open Sans', serif; color:#555; font-size:18px; font-weight:700; border-bottom:1px solid #c8a15c; margin:10px 0; padding:5px 0; text-align:center; margin:15px}
.xsell h2 {font-family: 'Open Sans', serif; color:#555; font-size:18px; margin:0}
.xsell h3 {background:#555; color:#fff; padding:10px 15px; margin:10px 0 0 0; font-size:14px; font-weight:700; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center}
.xsell h3:hover {background:#c8a15c; text-decoration: none!important}
    
/* FOOTER */
.footbox {min-height:215px; padding:0 20px 10px 20px; text-align:left; font-family: 'Open Sans', serif; font-weight:400; font-size:14px; }
.footbox h1 {font-family: 'Open Sans', serif; color:#555; font-size:18px; font-weight:700; border-bottom:1px solid #c8a15c; margin:10px 0; padding:5px 0; text-align:center}
.footbox i, .footbox a {color:#c8a15c}
.footbox a:hover {color:#555; text-decoration:none}
a.nws i {color:#fff; font-size:16px; padding-right:15px}
a.nws {margin:0; display:block; background:#c8a15c; font-size:14px; padding:10px; color:#fff; text-decoration:none; text-align:center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top:20px;}
a.nws:hover {color:#fff}

/* ANIMATION */
.soh {display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.soh:before {content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #555; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.soh:hover, .soh:focus, .soh:active {color: white;}
.soh:hover:before, .soh:focus:before, .soh:active:before {-webkit-transform: scaleX(1); transform: scaleX(1);}
        
/* MEDIA QUERY */      
@media (min-width:992px) and (max-width: 1200px) {
    .service {font-size:10px; padding-left:30px}
    .service b {font-size:12px}
    .suchfeld {width:620px}
    .topheader a {width:125px}
    ul.menu li {width:145px}
    span.text h3 {margin-top:12px}
    .footbox {min-height:230px;}
    }
    
@media (min-width:768px) and (max-width: 992px) {
    .right-logo {margin-top:10px}
    .topheader a {width:129px;}
    .suchfeld {width:640px}
    ul.menu li {font-size:12px; width:107px}
    .art2 {margin:0px 20px; margin-top:0}
    .footbox {min-height:inherit}
    .crossbox img {display:block; width:100%; height:auto}
    .right-logo {margin-bottom:10px}
    .xsell > div {margin-bottom:20px}
    }
    
@media (max-width: 768px) { 
    .bg {padding:10px 0}
    .buysinfo {margin-top:0; padding-top:0}
    .menubox {margin:10px 0}
    .image-gallery {width:270px; height:410px}
    .image-gallery .big-image {width:270px; height:270px; margin:0;}
    .image-gallery .big-image img {max-height:270px; width:auto;}
    .image-gallery .thumbs {top:10px; width:270px!important}
    .image-gallery .thumbs li {width:22%;}
    .image-gallery .thumbs li img {max-height:70px; width:auto;}
    .art2 {margin:0px 15px; padding:0 0 20px 0}
    .art2 h1, .art2 h2 {font-size:20px}
    span.text h3 {margin-top:12px}
    .footbox {min-height:inherit}
    .buysinfo a {margin:10px 0 0 0!important;}
    #tbc ul li {display:block; width:100%;}
    #tbc ul li a {display:block; width:100%;}
    .xsell > div {margin-bottom:20px}
    }  

/* ################################################ EBAY SHOP ########################################## */

/* EBAY SHOP BG */
.shop-bg {margin:0; padding:30px 0 15px 0}
.shop-bg > .container {padding:0}
.mb-shop {margin:20px 0; margin-bottom:5px; padding:0; border:1px solid #ececec; box-shadow:2px 2px 0px #444; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #fafafa; background: -moz-radial-gradient(center, ellipse cover,  #fafafa 0%, #fbfbfb 100%); background: -webkit-radial-gradient(center, ellipse cover,  #fafafa 0%,#fbfbfb 100%); background: radial-gradient(ellipse at center,  #fafafa 0%,#fbfbfb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#fbfbfb',GradientType=1 );}
.shop-sidebar {padding-top:15px}
.shop-sidebar h1 {font-family: 'Open Sans', serif; font-size: 14px; font-weight:700; color:#fff; text-align:left; background:#c8a15c; padding:12px 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px!important; margin:5px; margin-top:10px}
.shop-sidebar p {font-family: 'Open Sans', serif; font-size: 14px; color:#555; text-align:left; margin:10px; margin-bottom:30px}
.shop-sidebar > p > a.nws {color:#fff!important; background:#555}
.shop-sidebar > p > a.nws:hover {background:#333}

.pagecontainer > table:nth-child(5) {background: #c4c4c4; background: -moz-radial-gradient(center, ellipse cover,  #c4c4c4 0%, #333 100%); background: -webkit-radial-gradient(center, ellipse cover,  #c4c4c4 0%,#333 100%); background: radial-gradient(ellipse at center,  #c4c4c4 0%,#333 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c4', endColorstr='#333',GradientType=1 );}

/* EBAY-FIX & BG */
.th-shop a {color:#fff!important}
.pagecontainer > table:nth-child(5) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) > table:nth-child(2)
{width:1170px!important; max-width:1170px!important; margin:0 auto!important; background:none; border:none}
.pagecontainer > table:nth-child(5) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(2) {margin:0; padding:0; border:none;}
td#LeftPanel {position:relative; left:10px;}
.pagecontainer > table:nth-child(5) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) > table:nth-child(2) {margin-bottom:50px!important; padding-bottom:50px}

/* TITEL */
.v4title, table.v4acp tr.v4acp_head td.v4title {background:none; border:none;}
.v4title h2 {font-family: 'Open Sans', serif; font-size: 14px; font-weight:700; color:#fff; text-align:left; background:#c8a15c; padding:12px 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px!important; margin:5px; margin-top:20px}
td.v4title {border:none; margin:0; padding:0; background:none}
table.v4acp tr.v4acp_head td.v4title {padding:0; background:none!important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:none}
.v4acp_mid {border:none; background:none}

/* KATEGORIEN */
div.lcat {width:100%}
/* ALLE KATEGORIEN */
.lcat .ttl {border-bottom:1px dotted #ccc}
.lcat .ttl a {font-family: 'Open Sans', serif; color:#555; text-decoration: none; font-weight:700; font-size:14px; text-align:left; margin:0; padding:0 0 0 20px; background:none; display:block; padding:10px 0 10px 20px}
/* KATEGORIEN #1 & #2 */
.lcat ul.lev1 li, .lcat ul.lev2 li {border-bottom:1px dotted #ccc}
.lcat ul.lev1 li, .lcat ul.lev2 li {margin:0; padding:5px 0; background:none; list-style-type:none}
.lcat ul.lev1 li a, .lcat ul.lev2 li a, .lcat ul.lev1 li span, .lcat ul.lev2 li span {font-family: 'Open Sans', serif; color:#555; text-decoration: none; font-weight:700; font-size:14px; text-align:left; margin:0; padding:0 0 0 20px; background:none; display:block}
.lcat ul.lev1 li a:hover, .lcat ul.lev2 li a:hover {background:none; color:#c8a15c!important}

span.cnt {display:none!important}
.all_cats {font-family: 'Open Sans', serif; font-style:normal!important; font-size: 14px; color:#555!important; margin-top:10px}
.v4mid, .v4acp_mid, .v4midBox, .v4acpcont {background:none; border:none!important}
table.v4midBox tr.v4acp_mid td.v4mid {padding:0; border:none!important}
.lcat .link {display:none}

/* ANGEBOTE-GRID */
#CentralArea {border:none; padding-top:16px!important}
#CentralArea, table.r3.c.gy-br {background:#fff; padding:10px; width:910px!important}
td#CentralArea > div > table, td#CentralArea > div > table > tbody {border:none!important}
td#CentralArea div.v4stabl, td#CentralArea div.v4stabl a {font-family: 'Open Sans', serif!important; font-size:14px; font-weight:400!important; color:#555}
span.smuy > *, span.smuy {font-family: 'Open Sans', serif!important; font-size:14px!important}
span.pdmt .cur {color:#555!important}

span.bin.g-b {width:100%; text-align:center; font-size:14px; font-family: 'Open Sans', serif; color:#555; font-weight:bold;}
table.grid {margin-bottom:1px}
table.gallery {background:#fff; border:none;}
div.mi {display:none}
td.details a {color:#555; font-family: 'Open Sans', serif; text-decoration:none;}
td.details a:hover {color:#c8a15c;}
div.ttl.g-std {text-align:left; font-family: 'Open Sans', serif; font-size:14px}
td.picture.camera {padding:0!important; margin:0!important; border-spacing:0px; border-collapse: collapse}
td.gallery.left {padding-left:20px}

table.grid {border-spacing:20px; border-collapse: separate;}
a.enabled {color:#333!important}

/* TOPDETAILS  */
div.v4stabl {font-family: 'Open Sans', serif;!important;}
span.countClass {color:#333!important}
span.smuy {font-family: 'Open Sans', serif;!important;}
span.label {color:#555}

/* RAHMEN */
.r3_t, .r3_bl {display:none}
.r3_c {border:none!important}

/* ANGEBOTE GRAFIKEN GRID*/
table.gallery img {-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}

/* NO BOOTSTRAP */
.container-nb {margin-right:auto;margin-left:auto; width:1170px; padding:0}

/* BORDER-RADIUS-ANGEBOTE */
.pagecontainer > table:nth-child(5) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) > table:nth-child(2) {border-collapse: separate; border:1px solid #ececec; box-shadow:2px 2px 0px #444; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #fafafa; background: -moz-radial-gradient(center, ellipse cover,  #fafafa 0%, #fbfbfb 100%); background: -webkit-radial-gradient(center, ellipse cover,  #fafafa 0%,#fbfbfb 100%); background: radial-gradient(ellipse at center,  #fafafa 0%,#fbfbfb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#fbfbfb',GradientType=1 ); margin:0; padding:0}
.pagecontainer > table:nth-child(5) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(1) {display:none}