body { margin: 0; padding: 0; }
.container { clear: both; width: 1020px; margin: 0 auto; }
.graphicListReset { list-style-type: none; padding: 0; margin: 0; }
.graphicListReset li { margin: 0; padding: 0; }
.defaultFont { font: 12px; Helvetica, Arial, sans-serif; color: #333333; }
.titleFont { font-size: 14px; text-align: center; line-height: 32px; }
.logoFont { font-size: 22px; line-height: 30px; color: #2671b3; }
.cornersRoundedAll { border-radius: 5px; }
.cornersRoundedTop { border-radius: 5px 5px 0 0; }
.cornersRoundedBtm { border-radius: 0 0 5px 5px; }
.curved-shadow { position: relative; }
.curved-shadow:before { content: " "; position: absolute; z-index: -1; box-shadow: 0 0 15px rgba(0, 0, 0, 0.7); border-radius: 5px; bottom: 0; left: 100px; right: 100px; top: 25%; }
.shadow220 { position: relative; }
.shadow220:before { margin: 0; display: block; content: " "; position: absolute; bottom: -10px; left: 0; height: 10px; }
.shadow220:before { width: 220px; background: url(https://yonix.de/Bilder/ebay/bg_shadow_220.png) no-repeat center top; }
.shadow720 { position: relative; }
.shadow720:before { margin: 0; display: block; content: " "; position: absolute; bottom: -10px; left: 0; height: 10px; }
.shadow720:before { width: 720px; background: url(https://yonix.de/Bilder/ebay/bg_shadow_720.png) no-repeat center top; }
.shadow1020 { position: relative; }
.shadow1020:before { margin: 0; display: block; content: " "; position: absolute; bottom: -10px; left: 0; height: 10px; }
.shadow1020:before { width: 1020px; background: url(https://yonix.de/Bilder/ebay/bg_shadow_1020.png) no-repeat center top; }
.shadow1020grey { position: relative; }
.shadow1020grey:before { margin: 0; display: block; content: " "; position: absolute; bottom: -10px; left: 0; height: 10px; }
.shadow1020grey:before { width: 1020px; background: url(https://yonix.de/Bilder/ebay/bg_shadow_1020_grey.png) no-repeat center top; }
.shadow-image { position: relative; }
.shadow-image:before { margin: 0; display: block; content: " "; position: absolute; bottom: -10px; left: 0; height: 10px; }
.gradientWhite { background: #f5f5f5; background: -moz-linear-gradient(top, #f5f5f5 0%, #d7d7d7 100%); /* Old browsers */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #d7d7d7)); /* FF3.6+ */ background: -webkit-linear-gradient(top, #f5f5f5 0%, #d7d7d7 100%); /* Chrome,Safari4+ */ background: -o-linear-gradient(top, #f5f5f5 0%, #d7d7d7 100%); /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(top, #f5f5f5 0%, #d7d7d7 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #f5f5f5 0%, #d7d7d7 100%); /* IE10+ */ /* W3C */ }
.gradientBlue { box-shadow: inset 0 1px 0px #32b3dc; background: #258bca; background: -moz-linear-gradient(top, #258bca 0%, #2671b3 100%); /* Old browsers */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #258bca), color-stop(100%, #2671b3)); /* FF3.6+ */ background: -webkit-linear-gradient(top, #258bca 0%, #2671b3 100%); /* Chrome,Safari4+ */ background: -o-linear-gradient(top, #258bca 0%, #2671b3 100%); /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(top, #258bca 0%, #2671b3 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #258bca 0%, #2671b3 100%); /* IE10+ */ /* W3C */ }
.gradientBlack { background: #393939; background: -moz-linear-gradient(top, #393939 0%, #202020 100%); /* Old browsers */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #393939), color-stop(100%, #202020)); /* FF3.6+ */ background: -webkit-linear-gradient(top, #393939 0%, #202020 100%); /* Chrome,Safari4+ */ background: -o-linear-gradient(top, #393939 0%, #202020 100%); /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(top, #393939 0%, #202020 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #393939 0%, #202020 100%); /* IE10+ */ /* W3C */ }
.gradientBlack2 { background: #212121; background: -moz-linear-gradient(top, #212121 0%, #000000 100%); /* Old browsers */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #212121), color-stop(100%, #000000)); /* FF3.6+ */ background: -webkit-linear-gradient(top, #212121 0%, #000000 100%); /* Chrome,Safari4+ */ background: -o-linear-gradient(top, #212121 0%, #000000 100%); /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(top, #212121 0%, #000000 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #212121 0%, #000000 100%); /* IE10+ */ /* W3C */ }
.gradientFooter { background: #393939; background: -moz-linear-gradient(top, #393939 0%, #1f1f1f 100%); /* Old browsers */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #393939), color-stop(100%, #1f1f1f)); /* FF3.6+ */ background: -webkit-linear-gradient(top, #393939 0%, #1f1f1f 100%); /* Chrome,Safari4+ */ background: -o-linear-gradient(top, #393939 0%, #1f1f1f 100%); /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(top, #393939 0%, #1f1f1f 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #393939 0%, #1f1f1f 100%); /* IE10+ */ /* W3C */ }
.hide { position: absolute !important; left: -9999em !important; }
.clearfix:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; }
hr { display: none; }
.graphic-list { list-style-type: none; padding: 0; margin: 0; }
.graphic-list li { padding: 0; margin: 0; }
.page-wrapper { font-family:Arial; font-size:12px; sans-serif; color: #333333; background: #e8e8e8; }
.page-wrapper a { color: #2671b3; text-decoration: none; }
.page-wrapper a:hover { color: #333333; }
#master-header { padding-top: 50px; background: #373737; }
#master-header > .header-container { position: relative; border-top: 3px solid #2671b3; min-height: 100px; background: #f5f5f5; background: -moz-linear-gradient(top, #f5f5f5 0%, #d7d7d7 100%); /* Old browsers */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #d7d7d7)); /* FF3.6+ */ background: -webkit-linear-gradient(top, #f5f5f5 0%, #d7d7d7 100%); /* Chrome,Safari4+ */ background: -o-linear-gradient(top, #f5f5f5 0%, #d7d7d7 100%); /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(top, #f5f5f5 0%, #d7d7d7 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #f5f5f5 0%, #d7d7d7 100%); /* IE10+ */ /* W3C */ }
#master-header .site-title { margin: 35px 20px; float: left; font-size: 22px; line-height: 30px; color: #2671b3; }
#master-header .slogan { position: relative; float: left; margin: 25px 10px; padding: 10px 7px; font-size: 12px; font-weight: normal; border-left: 2px solid #d7d7d7; }
#master-header .slogan:before { content: " "; display: block; height: 100%; width: 1px; background: #ffffff; position: absolute; left: -2px; top: 0; }
#master-header:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; }
#master-nav { min-height: 49px; border-bottom: 1px solid #2671b3; position: relative; background: #393939; background: -moz-linear-gradient(top, #393939 0%, #202020 100%); /* Old browsers */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #393939), color-stop(100%, #202020)); /* FF3.6+ */ background: -webkit-linear-gradient(top, #393939 0%, #202020 100%); /* Chrome,Safari4+ */ background: -o-linear-gradient(top, #393939 0%, #202020 100%); /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(top, #393939 0%, #202020 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #393939 0%, #202020 100%); /* IE10+ */ /* W3C */ }
#master-nav ul { list-style-type: none; padding: 0; margin: 0; }
#master-nav ul li { margin: 0; padding: 0; }
#master-nav ul:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; }
#master-nav ul li { float: left; border-right: 1px solid #222222; }
#master-nav ul a { display: block; position: relative; padding: 0 30px; min-width: 70px; text-align: center; font-size: 13px; line-height: 49px; text-transform: none; font-weight: bold; color: #ffffff; border: 1px solid transparent; border-top: 1px solid #616161; border-radius: 1px 0; outline: none; }
#master-nav ul .active a,
#master-nav ul li:hover > a { border: 1px solid #2671b3; box-shadow: inset 0 1px 0px #32b3dc; background: #258bca; background: -moz-linear-gradient(top, #258bca 0%, #2671b3 100%); /* Old browsers */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #258bca), color-stop(100%, #2671b3)); /* FF3.6+ */ background: -webkit-linear-gradient(top, #258bca 0%, #2671b3 100%); /* Chrome,Safari4+ */ background: -o-linear-gradient(top, #258bca 0%, #2671b3 100%); /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(top, #258bca 0%, #2671b3 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #258bca 0%, #2671b3 100%); /* IE10+ */ /* W3C */ }
.menu-bar { min-height: 37px; color: #c3c3c3; line-height: 37px; background: #212121; background: -moz-linear-gradient(top, #212121 0%, #000000 100%); /* Old browsers */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #212121), color-stop(100%, #000000)); /* FF3.6+ */ background: -webkit-linear-gradient(top, #212121 0%, #000000 100%); /* Chrome,Safari4+ */ background: -o-linear-gradient(top, #212121 0%, #000000 100%); /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(top, #212121 0%, #000000 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #212121 0%, #000000 100%); /* IE10+ */ position: relative; /* W3C */ }
.menu-bar .arrow { display: inline-block; padding: 0 37px 0 20px; margin-right: 25px; line-height: 37px; color: #ffffff; font-size: 13px; font-weight: bold; text-transform: uppercase; background: url(https://yonix.de/Bilder/ebay/bg_services_arrow.png) no-repeat right center; }
.menu-bar:before { margin: 0; display: block; content: " "; position: absolute; bottom: -10px; left: 0; height: 10px; }
.menu-bar:before { width: 1020px; background: url(https://yonix.de/Bilder/ebay/bg_shadow_1020.png) no-repeat center top; }
#master-footer { padding: 30px 0; color: #c3c3c3; margin-bottom: 50px; border-radius: 0 0 5px 5px; background: #393939; background: -moz-linear-gradient(top, #393939 0%, #1f1f1f 100%); /* Old browsers */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #393939), color-stop(100%, #1f1f1f)); /* FF3.6+ */ background: -webkit-linear-gradient(top, #393939 0%, #1f1f1f 100%); /* Chrome,Safari4+ */ background: -o-linear-gradient(top, #393939 0%, #1f1f1f 100%); /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(top, #393939 0%, #1f1f1f 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #393939 0%, #1f1f1f 100%); /* IE10+ */ position: relative; /* W3C */ }
#master-footer a { color: #c3c3c3; }
#master-footer a:hover { color: #2671b3; }
#master-footer .copyrights { float: left; margin: 0 0 0 25px; }
#master-footer .nav-text { float: right; margin-right: 25px; }
#master-footer:before { margin: 0; display: block; content: " "; position: absolute; bottom: -10px; left: 0; height: 10px; }
#master-footer:before { width: 1020px; background: url(https://yonix.de/Bilder/ebay/bg_shadow_1020_grey.png) no-repeat center top; }
#master-footer:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; }
#page-content { background: #ffffff; }
#page-content .padder { padding: 25px; }
#page-content .padder:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; }
.article .article-title { font-size: 14px; text-align: center; line-height: 32px; }
.col-left { float: left; width: 220px; }
.col-right { float: right; width: 720px; }
.textbox { padding: 8px; margin-bottom: 15px; min-height: 32px; border-radius: 5px; border: 1px solid #d7d7d7; position: relative; background: #f5f5f5; background: -moz-linear-gradient(top, #f5f5f5 0%, #d7d7d7 100%); /* Old browsers */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #d7d7d7)); /* FF3.6+ */ background: -webkit-linear-gradient(top, #f5f5f5 0%, #d7d7d7 100%); /* Chrome,Safari4+ */ background: -o-linear-gradient(top, #f5f5f5 0%, #d7d7d7 100%); /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(top, #f5f5f5 0%, #d7d7d7 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #f5f5f5 0%, #d7d7d7 100%); /* IE10+ */ /* W3C */ }
.textbox:before { margin: 0; display: block; content: " "; position: absolute; bottom: -11px; left: 0; height: 10px; }
.textbox:before { width: 720px; background: url(https://yonix.de/Bilder/ebay/bg_shadow_720.png) no-repeat center top; }
.textbox-header:before { margin: 0; display: block; content: " "; position: absolute; bottom: -11px; left: 0; height: 10px; }
.textbox-header:before { width: 720px; background: url(https://yonix.de/Bilder/ebay/bg_shadow_720.png) no-repeat center top; }
.textbox.textbox-header{border-radius: 5px 5px 5px 5px; font-size: 14px; text-align: center; line-height: 42px; padding: 0; margin: 0; font-weight: bold;}
.textbox.white{padding: 15px 8px; margin: 0 0 15px; background: none transparent; border-radius: 0; border: none}
.textbox.white:before{display: none}
.sidebar .widget { margin-bottom: 35px; position: relative; }
.sidebar .widget:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; }
.sidebar .widget .widget-title { position: relative; border-radius: 5px 5px 0 0; font-size: 13px; text-align: center; line-height: 32px; color: #ffffff; margin: 0; border: 1px solid #2671b3; box-shadow: inset 0 1px 0px #32b3dc; background: #258bca; background: -moz-linear-gradient(top, #258bca 0%, #2671b3 100%); /* Old browsers */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #258bca), color-stop(100%, #2671b3)); /* FF3.6+ */ background: -webkit-linear-gradient(top, #258bca 0%, #2671b3 100%); /* Chrome,Safari4+ */ background: -o-linear-gradient(top, #258bca 0%, #2671b3 100%); /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(top, #258bca 0%, #2671b3 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #258bca 0%, #2671b3 100%); /* IE10+ */ /* W3C */ }
.sidebar .widget .widget-content { position: relative; border: 1px solid #d7d7d7; border-top: none; padding: 5px 8px; background: #f8f8f8; background: -moz-linear-gradient(top, #f8f8f8 0%, #f0f0f0 100%); /* Old browsers */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #f0f0f0)); /* FF3.6+ */ background: -webkit-linear-gradient(top, #f8f8f8 0%, #f0f0f0 100%); /* Chrome,Safari4+ */ background: -o-linear-gradient(top, #f8f8f8 0%, #f0f0f0 100%); /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(top, #f8f8f8 0%, #f0f0f0 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #f8f8f8 0%, #f0f0f0 100%); /* IE10+ */ /* W3C */ }
.sidebar .widget:before { margin: 0; display: block; content: " "; position: absolute; bottom: -10px; left: 0; height: 10px; }
.sidebar .widget:before { width: 220px; background: url(https://yonix.de/Bilder/ebay/bg_shadow_220.png) no-repeat center top; }
.sidebar .nav-widget ul { list-style-type: none; padding: 0; margin: 0; }
.sidebar .nav-widget ul li { margin: 0; padding: 0; }
.sidebar .nav-widget ul li { display: block; }
.sidebar .nav-widget ul li a { display: block; text-align: center; padding: 5px 0; font-weight: bold; }
.nav-text ul { list-style-type: none; padding: 0; margin: 0; }
.nav-text ul li { margin: 0; padding: 0; }
.nav-text ul li { float: left; border-left: 1px solid #c3c3c3; }
.nav-text ul li a { display: block; padding: 0 12px; }
.nav-text ul li:first-child { border-left: none; }
.site-title { margin: 0; }
.search-placeholder{float: right; margin: 18px 15px 0; width: 291px; height: 65px; background-color: red}
.header-search { float:right; width:325px; height:28px; margin:20px 20px 0px 0px;}
.header-search2 { float:left; width:265px; height:28px; background-image:url(https://yonix.de/Bilder/ebay/search_blue.png); background-repeat:no-repeat; background-position:bottom; margin: 20px 0px 0px 25px; border:none;}
.search {width:325px; height:28px; background-image:url(https://yonix.de/Bilder/ebay/search_blue.png); margin-top:18px; background-repeat:no-repeat; background-position:top;}
.search input {border:none;}
input.search_feld {background:none; color:#666; width:205px; height:20px; margin-top:5px; margin-left:40px;}
input.search_button {background:none; width:50px; height:30px; margin-left:250px; cursor:pointer; margin-top: -25px;}
.artikelbilder { position: relative; width:700px; border: none; float:left; background-repeat:no-repeat; background-position:top center; margin-bottom:20px;}
#template #content_2 #right #box_desc .box_content .bild_max { border:1px solid #ffffff; }
#template #content_2 #right #box_desc .box_content .bild_min { border:1px solid #ffffff; margin:2px; cursor:pointer; }
.thumbnail img { border: 5px solid #ffffff; margin-top: 410px;}
.thumbnail:link {text-decoration:none;}
.thumbnail:hover { background-color: transparent; text-decoration:none;}
.thumbnail span { position: absolute; left: -1000px; border: none; visibility: hidden; text-decoration:none;}
.thumbnail span img { padding:0px; border:none;}
.thumbnail:hover span { visibility: visible; top: -410px; left: 85px; z-index: 50;}
#lnk { margin-top: 2px;margin-left:1px; text-decoration: none;font-family: Verdana;font-size: 10px; color: #666666; }
#lnk a { font-family:arial,tahoma; font-size:11px;color:#666666; }
#lnk a:hover { font-family:arial,tahoma;font-size:11px;color:#000; }
.lnk { font-family:arial,tahoma;font-size:11px;color:#666666; text-shadow: #fff 2px 2px 2px; }
.lnk a { font-family:arial,tahoma; font-size:11px;color:#666666; }
.lnk a:hover {font-family:arial,tahoma; font-size:11px; color:#000; }
.rembus img{ margin-left: 1px; position: relative; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out !important; transition: all 0.3s ease-in-out; }
.rembus:hover img{ z-index: 2; -moz-transform: scale(1.7, 1.7); -webkit-transform: scale(1.7, 1.7); -ms-transform: scale(1.7, 1.7); -o-transform: scale(1.7, 1.7); transform: scale(1.7, 1.7); }
.plug img{ margin-left: 1px; position: relative; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out !important; transition: all 0.3s ease-in-out; }
.plug:hover img{ z-index: 2; -moz-transform: scale(1.3, 1.3); -webkit-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); -o-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }
.style1 {font-family:Arial; font-size:12px; sans-serif; color: #333333;}
.style4 {color: #FFFFFF; font-size: 10px;}
.style5 {font-size: 10px}
.auto-style1 {margin-left: 20px;}
.auto-style2 {font-family: Arial;}
.auto-style3 {text-align: center;}
.auto-style4 {font-size: 18px;}
.auto-style5 {font-size: 15px;}
.auto-style6 {border-width: 0px;}
.auto-style7 {font-size: 13px;}
.auto-style8 {font-size: 20px;}
.auto-style9 {font-family: Arial; text-align: center;}
.auto-style10 {color: #258BCA;}
.auto-style11 {font-size: 20px; color: #258BCA;}
.auto-style12 {font-size: 15px; color: #258BCA;}
.auto-style13 {text-align: center; font-size: 15px;}
.auto-style14 {color: #000000;}
.auto-style15 {font-size: 15px; color: #000000;}
.auto-style16 {text-decoration: underline;}
.auto-style17 {text-align: center; font-size: 13px;}
.auto-style18 {font-size: 13px; background-color: #E8E8E8; margin-left: 5px;}
.auto-style20 {background-color: #E8E8E8;}
.auto-style21 {text-align: center; background-color: #E8E8E8;}
.auto-style22 {margin-left: 5px;}
.auto-style23 {text-align: center; background-color: #E8E8E8; font-size: 13px;}
.auto-style24 {font-size: 18px; color: #258BCA; text-align: center;}
.auto-style25 {font-family: Arial; text-align: center; font-size: 16px;}
.auto-style26 {font-size: 14px;}
.auto-style27 {color: #FFFFFF; font-size: 8px;}
.auto-style28 {color: #FFFFFF;}
#menu { line-height:24px; width: 218px; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; }
#menu li a { height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; line-height:24px; text-decoration: none; }
#menu li a:link, #menu li a:visited { color: #333333; display: block; background: url('https://www.yonix.de/bilder/ebay/menu.gif'); padding: 8px 0 0 10px; }
#menu li a:hover { color: #FFF; background: url('https://www.yonix.de/bilder/ebay/menu.gif') 0 -32px; padding: 8px 0 0 10px; font-weight:bold; }
#menu ul { list-style: none; margin: 0; padding: 0;}
.gallery { width: 720px; position: relative; height: auto; padding-top: 70%; margin-top: 5px; }
.gallery>img { position: absolute; left: 60px; top: 0; bottom: 0; transition: all 0.5s; width: 600px; height:auto; }
.gallery input[name=gallery_switch] { display: none; }
.gallery label { margin: 0px 16px 0px 20px; float: left; cursor: pointer; transition: all 0.5s; opacity: 0.6; }
.gallery label img { display: block; }
.gallery input[name=gallery_switch]:checked + label { opacity: 1; }
.gallery input[name='gallery_switch'] ~ img { opacity: 0; transform: scale(1.1); }
.gallery input[name=gallery_switch]:checked + label + img { opacity: 1; transform: scale(1); }