/**************************************************************************************************************** Copyright 2013 Sell It Smart GmbH. Alle Rechte vorbehalten. Das Kopieren im Ganzen oder in Teilen ohne unsere vorherige ausdrückliche schriftliche Zustimmung ist untersagt. Jegliche Zuwiderhandlungen werden juristisch verfolgt. ****************************************************************************************************************/ /* +++++++++++++++++++++ Grund-Einstellungen ++++++++++++++++++++++ */ html, body {margin: 0px !important; padding: 0px !important;} .cf {clear: both; height: 0px; font-size: 0px;} #layout {margin: 0px auto; width: 990px;} #content_inhalt {padding: 0px; text-align: left;} #suchform, #send_form {float:left;} *html #suchform {position:relative; top:0px;} *+html #suchform {position:relative; top:0px;} *html #send_form {position:relative; top:0px;} *+html #send_form {position:relative; top:0px;} #rechte_sp_content {padding: 0px 0px 0px 15px;} #linke_sp {float: left; width: 220px;} .klbox-kopf {width: 220px;} .klbox-content {width: 220px;} .klbox-fuss {width: 220px; padding: 0px;} #rechte_sp {width: 770px; float:left;} .grbox-kopf {width: 755px;} .grbox-content {width: 755px;} .grbox-fuss {width: 755px; padding: 0px; position:relative;} .artikelinhalt {padding-left: 10px; padding-right: 10px;position:relative;z-index:6000;} #fusszeile {position:relative; width: 990px;} #fusszeile2 {position:relative; width: 990px;} #fussnavi_1 {position:absolute} #fussnavi_2 {position:absolute} /* +++++++++++++++++++++ Ende Grund-Einstellungen ++++++++++++++++++++++ */ #arbeitsbereich {padding: 0px; margin: 0px; text-align: center; background-color:#ffffff;} /* +++++++++++++++++++++ kopfzeile ++++++++++++++++++++++ */ #head_bg {display:none;} #kopfzeile {background:url(gfx/kopfzeile-bg.gif) no-repeat scroll 0 0 transparent; height:218px; width:990px; position: relative; text-align: left; z-index: 8000 !important;} /* ++++ Links +++++++ */ a.logolink {display: block; height: 120px; left: 0px; position: absolute; top: 17px; width: 360px;} a.versandlink {display: block; height: 70px; left: 378px; position: absolute; top: 20px; width: 235px;border: solid 1px #00000;} a.versandlink2 {display: block; height: 110px; left: 318px; position: absolute; top: 30px; width: 210px;border: solid 1px #00000;} /* ++++ Navigation +++++++ */ #topnavigation {position: absolute; top: 154px; height: 42px; left: 5px; left: 5px\9;z-index:20000;} @media screen and (-webkit-min-device-pixel-ratio:0) {#topnavigation {left: 5px;}} #topkats02 {text-align:left !important; float:left;} #topkats02 ol, #topkats02 ol li {height:auto; margin:0px; padding:0px; z-index: 1999 !important; list-style: none; position:relative; float:left;} #topkats02 ol li a:link, #topkats02 ol li a:visited {display:block; background-color:#BE0007; white-space: nowrap; height: 42px; height: 41px\9; padding: 0px 10px 0px 10px; line-height: 42px; line-height: 41px\9; font-family: 'Fjalla One', Arial; font-size: 18px; color: #ffffff; font-weight: normal; text-align: center; text-decoration: none;text-transform:uppercase; } #topkats02 ol li a:hover, #topkats02 ol li a:active { background-color:#BE0007;} .activ_link {background-color:#BE0007;} #topkats02 ol li ol {visibility:hidden; position:absolute; z-index: 2000 !important; height:auto; margin: 0px; left: 0px; margin-top:0px; padding: 0px 0px 0px 0px; text-align: left !important; width: 205px !important;} #topkats02 ol li ol {margin-top: 0px\9; margin-left: 0px; margin-left: 0px\9; background:url(gfx/topnav_bg.png) no-repeat bottom;padding-bottom:6px } @media screen and (-webkit-min-device-pixel-ratio:0) {#topkats02 ol li ol {margin-left: 0px;}} #topkats02 ol li:hover ol, #topkats02 ol li a:hover ol {visibility:visible;} #topkats02 ol li ol li:hover ol, #topkats02 ol li ol li a:hover ol {visibility:visible;} #topkats02 ol li ol li a:link, #topkats02 ol li ol li a:visited {display:block; background-color:#ffffff; padding: 0px 0px 0px 15px; line-height: 30px !important;text-transform:none !important; height: 30px !important;font-family: Arial !important; font-size: 12px; color: #BE0007; font-weight: normal !important; text-decoration: none; width: 182px !important; width: 199px\9 !important; text-align:left !important;border-left: solid 1px #BE0007; border-right: solid 1px #BE0007; border-bottom: solid 1px #BE0007;} #topkats02 ol li ol li a:hover, #topkats02 ol li ol li a:active {background-color:#BE0007;color: #ffffff;} #topkat01 {display:; width:91px !important\9;} #topkat02 {display:; width:114px !important\9;} #topkat06 {display:; width:155px !important\9;} #topkat11 {display:; width:116px !important\9;} #topkat19 {display:; width:180px !important\9;} #topkat22 {display:; width:79px !important\9;} /* ++++ Suche +++++++ */ #suche {height: 22px; left: 772px;left: 772px\9; position: absolute;top: 165px\9; top: 165px;} #suche-eingabe {background: none; border: 0px none; color: #565656; font-family: Arial, Helvetica, sans-serif; width:140px; font-size: 13px;} #los_btn {display: block; height: 26px; left: 147px; position: absolute; top: -4px; width: 60px;} @media screen and (-webkit-min-device-pixel-ratio:0) {#suche {left: 772px; top: 163px;}} /* +++++++++++++++++++++ Ende Kopfzeile ++++++++++++++++++++++ */ #content {width: 990px; background:url(gfx/con-bg.gif) no-repeat;} /* +++++++++++++++++++++ Content der kleinen Boxen ++++++++++++++++++++++ */ .klbox-kopf {height:40px; background: url(gfx/klbox_kopf.gif) no-repeat;} .klbox-kopf p {font-family:'Fjalla One'; font-size: 16px; font-weight:normal; color: #000000; padding: 6px 0 0 40px; padding: 9px 0 0 40px\9; text-transform: uppercase;margin:0px;} .klbox-fuss {height:18px; background-color:#ffffff;} #kategorien .klbox-fuss {height:14px; background: url(gfx/klbox_fuss_kats.gif) no-repeat;} .klbox-content {background-color:#ffffff;)} .klbox-content p, .klbox-content div.p1 {font-family:tahoma; font-size: 11px; font-weight: normal; color: #373b3d; padding: 0px 10px 10px 15px;} #info1 .klbox-content div.p1 {text-align: center; padding: 0px;} #info2 .klbox-content div.p1 {text-align: center; padding: 0px;} #info3 .klbox-content div.p1 {text-align: center; padding: 0px;} #info4 .klbox-content div.p1 {text-align: center; padding: 0px;} #kategorien {width: 203px; background: #ffffff;} .mainnavi ul {list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left;} .level1 a {font-family: Arial; font-weight: bold; font-size: 12px; line-height: 24px; color: #555555; padding: 0px 0px 0px 12px; width: 205px; width: 220px\9; text-decoration: none; display: block; background: url(gfx/leftnav-hg.gif) no-repeat 0px 0px;} .level1 a:link, .level1 a:visited, .level1 a:active {background: url(gfx/leftnav-hg.gif) no-repeat 0px 0px; font-family: Arial; font-size: 12px; line-height: 25px; color: #555555; font-weight: bold; padding: 1px 0px 0px 12px; text-decoration: none; } .level1 a:hover {background: url(gfx/leftnav-hg.gif) no-repeat 0px 0px; color: #BE0007;} .level1 .aktiv {background: url(gfx/leftnav-hg.gif) no-repeat 0px 0px !important; font-family: Arial; line-height: 26px; color: #555555; padding: 1px 0px 0px 12px; width: 208px; width: 220px\9; text-decoration: none; display: block; color: #BE0007 !important;} .level2 {margin-top: 1px !important;} .level2 a {font-family: Arial; font-size: 12px; line-height: 25px; color: #555555; font-weight: normal; padding: 0px 0px 0px 42px; width: 178px; width: 220px\9; text-decoration: none; display: block; background: url(gfx/leftsubnav-hg.png) no-repeat 0px -135px;} .level2 a:link, .level2 a:visited, .level2 a:active {background: url(gfx/leftsubnav-hg.png) no-repeat 0px -135px; font-family: Arial; font-size: 12px; color: #555555; font-weight: normal; padding: 0px 0px 0px 42px; text-decoration: none;} .level2 a:hover {background: url(gfx/leftsubnav-hg.png) no-repeat 0px 0px; color: #BE0007;} /* +++++++++++++++++++++ Content der grossen Boxen ++++++++++++++++++++++ */ /* ++++ Rechte Spalte Links+++++++ */ #rechte_sp_links {width:390px; float:left;background-color: #E6E6E6;} #artikelbild-gr {position: relative; z-index: 1000; margin-bottom: 10px;} #artikelinhalt {padding-left: 5px; padding-right: 0px; padding-top:5px; text-align:top;} #m_lb {position:absolute; font-size:0px; z-index:10000; width:100%; text-align:center; cursor: pointer; left:0px; top:0px; height:100%;} #lb_inhalt {margin: 0 auto 0 auto;} .lb_ecke {width:12px; height:12px;} #aview_picscroll {width:380px;} #oben_links {background:url(gfx/oben_links.png) no-repeat;} #oben_rechts {background:url(gfx/oben_rechts.png) no-repeat;} #unten_links {background:url(gfx/unten_links.png) no-repeat;} #unten_rechts {background:url(gfx/unten_rechts.png) no-repeat;} #lb_breite_oben {background:url(gfx/breite_oben.png) repeat-x;} #lb_breite_unten {background:url(gfx/breite_unten.png) repeat-x;} .lb_hoehe_links, .lb_hoehe_rechts {width:12px; padding:0px;} .lb_hoehe_links {background:url(gfx/hoehe_links.png) repeat-y;} .lb_hoehe_rechts {background:url(gfx/hoehe_rechts.png) repeat-y;} #lb_inhalt td {padding:0px;} #closer {display:block; position:absolute; background:url(gfx/close.png) no-repeat; width:24px; height:24px; margin-left:-25px; margin-top:11px;} #lb_pic {border:0px solid #ffffff; width: 650px;} #pic {width: 370px; margin: 0px; position: relative; z-index: 7000;} #bild_big {width:380px\9;} #pic_big {width:380px; margin-bottom:4px} .imagegalery_scroll_left {width:20px; height:100px; background-image:url(gfx/scroll_left.png); cursor:pointer;} .add_img_box {float:left; width:340px; height:100px; overflow:hidden} .imagegalery_scroll_right {width:20px; height:100px; background-image:url(gfx/scroll_right.png); cursor:pointer;} .img_slider img {height:80px; margin-right:0px;} #previewtray {background:#E6E6E6;} a#zoom {display:block; background:url(gfx/lupe.png) no-repeat; width: 20px; height: 30px; position: absolute; top: 5px; left: 353px;} .lb_hoehe_links span, .lb_hoehe_rechts span {width:12px; display:block} #m_lb_vid {position:absolute; font-size:0px; z-index: 8000 !important; text-align: center; cursor: pointer; left: -320px; top: 3px; height:100%;} #lb_inhalt_vid {margin: 0 auto 0 auto;} #oben_links_vid {background:url(gfx/oben_links.png) no-repeat;} #oben_rechts_vid {background:url(gfx/oben_rechts.png) no-repeat;} #unten_links_vid {background:url(gfx/unten_links.png) no-repeat;} #unten_rechts_vid {background:url(gfx/unten_rechts.png) no-repeat;} #lb_breite_oben_vid {background:url(gfx/breite_oben.png) repeat-x;} #lb_breite_unten_vid {background:url(gfx/breite_unten.png) repeat-x;} #lb_inhalt_vid td {padding: 0px;} #lb_bild_vid {padding: 10px !important; background: #ffffff;} #closer_vid {background: url(gfx/close2.png) no-repeat scroll 0 0 transparent; display: block; height: 30px; margin-left: -15px; margin-top: -7px; position: absolute; width: 30px; z-index: 2000;} #lbcloser_vid {position: absolute; display: block; width: 100%; height: 90%;} /* ++++ Rechte Spalte Rechts+++++++ */ #rechte_sp_rechts {width:360px; right:0; top:0; float:left;background-color: #E6E6E6;} .artikel-titel {width: 300px; width: 340px\9; padding-bottom:25px;padding-top:15px; padding-left:40px; font-family:'Fjalla One' ;font-size: 19px;color: #333333;background:url(gfx/title_bg.gif) no-repeat;} .artikel-preis { width: 340px; margin-top:0px; font-family: Arial;font-size: 24px; font-weight:bold;color: #3e4047;text-align:right; vertical-align:top;background:url(gfx/preis_bg.gif) no-repeat;} .mwst {font-family:Arial;font-size: 12px;font-weight:normal;color: #3e4047; height: 30px} .links_video {padding-bottom:6px;padding-bottom:0px\9;} .artikel-nummer {background:url(gfx/artikelnummer-bg.gif) no-repeat; width:340px; margin-top:0px; font-family: Arial ;font-size: 12px;font-weight:normal; color: #444444; text-align: right; padding-top:13px;padding-bottom:35px;} .lieferzeit {position: relative; height: 40px;} #lieferzeit {background: url(gfx/lieferzeit.gif) no-repeat; font-family: Arial; font-size: 13px; font-weight: bold; color: #444444; padding: 7px 0 5px 50px; position: absolute; right: 0px; text-align: left;} .ebay-button {width: 340px; text-align:right; vertical-align:top;text-align:right; height:50px;} .ebay-buttons2 {width: 340px; vertical-align:top; text-align: right;} #button_01 {float:left;width:166px;height:33px; margin: 0px} #button_02 {float:left;width:174px;height:33px; margin: 0px} #button_03 {float:left;width:166px;height:33px; margin: 0px} #button_04 {float:left;width:174px;height:33px; margin: 0px} /* ++++ Weitere Boxen +++++++ */ #beschreibung .grbox-kopf {height:52px; background:url(gfx/grbox-beschreibung-kopf.gif) no-repeat;font-size:0px !important} #beschreibung .grbox-kopf p {padding:28px 0px 0px 46px; font-family:'Fjalla One'; font-size: 16px; color: #000000;margin:0px;text-transform:uppercase;} #beschreibung .grbox-content {width:753px ;background-color:#ffffff; } #beschreibung .grbox-content div.p1 {padding:30px 30px 30px 30px; font-family: Arial; font-size:13px; color: #444444;background-color:#E6E6E6;margin:0px;} #beschreibung .grbox-fuss {height:20px; background-color:#ffffff;} #galerie_mitte .grbox-kopf {height:60px; background:url(gfx/grbox-galerie-kopf.gif) no-repeat; font-size:0px !important} #galerie_mitte .grbox-kopf p {padding:28px 0px 0px 46px; font-family:'Fjalla One'; font-size: 16px; color: #000000;margin:0px;text-transform:uppercase;} #galerie_mitte .grbox-content {width:754px !important; background-color:#E6E6E6;} #galerie_mitte .grbox-content div.p1 {padding-left: 0px; padding-left: 0px\9;margin:0px;} #topmarken .grbox-kopf {height:60px; background:url(gfx/grbox-galerie-kopf.gif) no-repeat; font-size:0px !important} #topmarken .grbox-kopf p {padding:28px 0px 0px 46px; font-family:'Fjalla One'; font-size: 16px; color: #000000;margin:0px;text-transform:uppercase;} #topmarken .grbox-content {width: 754px !important; background-color: #E6E6E6;height:75px;} #marken_slider {z-index: 1;width:746px;height:73px;margin-top:0px;margin-left: 4px;} #wrap {width: 744px !important; overflow: hidden; height: 73px; position: relative;border: 1px solid #E6E6E6;} ul#mycarousel, #mycarousel li {margin: 0px; padding: 0px; list-style: none;} #mycarousel li {float:left;} .jcarousel-skin-tango .jcarousel-container {background: #ffffff;} .jcarousel-skin-tango .jcarousel-direction-rtl {direction: rtl;} .jcarousel-skin-tango .jcarousel-container-horizontal {width: 746px !important; padding: 0px 0px 0px 0px;} .jcarousel-skin-tango .jcarousel-clip-horizontal {width: 746px !important; height: 73px; height: 71px\9; } .jcarousel-skin-tango .jcarousel-item {height: 73px;} .jcarousel-skin-tango .jcarousel-item-horizontal {margin-left: 20px;} .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {margin-left: 10px; margin-right: 10px;} .jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute; top: 0px; right: 2px; height: 70px; width: 18px !important; cursor: pointer; background:url(gfx/sliver-arrow.png) no-repeat right center;} .jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute; top: 0px; left: 0px; height: 70px; width: 18px !important; cursor: pointer; background:url(gfx/sliver-arrow.png) no-repeat left center;} /* +++++++++++++++++++++ Fusszeile ++++++++++++++++++++++ */ #fusszeile {height:197px;text-align:left; background:url(gfx/fusszeile-bg.gif) no-repeat; position:relative} #fusszeile2 {height:197px;text-align:left; background:url(gfx/fusszeile-bg.gif) no-repeat; position:relative} .fussnavi_1 {font-family:Tahoma, Helvetica, sans-serif; font-size: 12px; color: #000000; margin-left: 25px; margin-top: 75px; float:left;} .fussnavi_2 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; margin-left: 57px; margin-top: 76px; float:left;} .fussnavi_liste {} ul.fussnavi_liste {margin: 0; padding: 0; } ul.fussnavi_liste li {list-style-type: none; margin: 0;line-height:15px} ul.fussnavi_liste li a:link, ul.fussnavi_liste li a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #3F3F3F; text-decoration: none;line-height:18px;} ul.fussnavi_liste li a:hover, ul.fussnavi_liste li a:active {color: #BE0007; text-decoration:none;} .fussnavi_liste2 {} ul.fussnavi_liste2 {margin: 0; padding: 0; } ul.fussnavi_liste2 li {list-style-type: none; margin: 0;line-height:15px} ul.fussnavi_liste2 li a:link, ul.fussnavi_liste2 li a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #3F3F3F; text-decoration: none;line-height:18px;} ul.fussnavi_liste2 li a:hover, ul.fussnavi_liste li a:active {color: #BE0007; text-decoration:none;} a.logolink2 {display: block; height: 120px; left: 755px; position: absolute; top: 30px; width: 220px;} .copyright { color: #4f4f4f; font-family: arial; font-size: 11px; font-weight: normal ;left: 20px; padding-top: 23px; position: absolute; text-decoration: none; top: 151px;} a.sellis {display: block; height: 20px; left: 795px; position: absolute; top: 170px;width: 190px; }