/****************************************************************************************************************
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.
****************************************************************************************************************/



/** Basis **/
#EBdescription, #ds_div {text-align: center !important;}
html, body {margin: 0px !important; padding: 0px !important;}
.cf {clear: both; height: 0px; font-size: 0px;}

#arbeitsbereich {background: url(gfx/bg.png) no-repeat center top;}
#arbeitsbereich-inhalt {padding: 0px; margin: 0px; text-align: center;}
#template {text-align: center; margin: 0px auto; width: 1020px; background: url(gfx/temp-bg.png) repeat-y;}
#template-inhalt {font-family: Arial; text-align: left; padding: 0px 0px 0px 0px;}



/** Header **/
#kopfzeile {background: url(gfx/kopfzeile.jpg) no-repeat; width: 1020px; height: 210px; position: relative; z-index: 2000;}
a.logolink {display: block; height: 122px; left: 16px; position: absolute; top: 0; width: 308px;}

#suche {height: 22px; left: 375px; position: absolute; top: 85px;}
#suche {left: 375px\9; top: 85px\9;}
#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;}
#suche-eingabe {background: none; border: 0px none; font-family: Arial; color:#6d6e72; width: 255px; font-size:14px;}
#los_btn {display: block; height: 38px; left: 266px; position: absolute; top: -9px; width: 114px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {#suche {left: 375px; top: 85px;}}

#favnews {width: 350px; position: absolute; top: 0px; left: 413px;}
#favnews a:link, #favnews a:visited {text-decoration: none; color: #586369; font-family: 'Chivo', sans-serif; font-size: 12px; font-weight: normal; height: 34px; line-height: 32px; position: absolute; text-shadow: 1px 1px 0 #FFFFFF;}
#favnews a:hover, #favnews a:active {color: #0063AE;}
a.favlink01 {top: 0px; left: 20px;}
a.favlink02 {top: 0px; left: 198px;}

#ebayinfo {display: none; background: url(gfx/ebayinfo.gif) no-repeat; width: 224px; height: 33px; position: absolute; top: 0px; right: 25px;}
a.eblink01 {display: block; height: 30px; left: 0; position: absolute; top: 0; width: 84px;}
a.eblink02 {display: block; height: 30px; left: 92px; position: absolute; top: 0; width: 58px;}
a.eblink03 {display: block; height: 30px; left: 172px; position: absolute; top: 0; width: 30px;}
a.eblink04 {display: block; height: 30px; left: 206px; position: absolute; top: 0; width: 21px;}

a.homelink {display: block; height: 48px; left: 16px; position: absolute; top: 150px; width: 33px;}

#topnavigation {position: absolute; top: 150px; left: 51px; z-index: 3000;}
#topnavigation ul {padding: 0px; margin: 0px;}
#topnavigation ul li {list-style: none outside none; border-bottom: 3px solid; float: left; height: 46px; position: relative;}
#topnavigation ul li a {background: url(gfx/mainnav_sprite.png) no-repeat scroll 0 0 transparent; transition: background-position 0.5s ease 0s;}
#topnavigation a {border-left: 1px solid #FAFAFA; border-right: 1px solid #D0D0D0; color: #FFFFFF; cursor: pointer; text-decoration: none; display: block; height: 46px; height: 49px\9; padding: 0 11px 0 42px; position: static;}

#topnavigation a span {background: none repeat scroll 0 0 transparent; color: #000000; display: block; font-family: 'Chivo',sans-serif; font-size: 14px; font-weight: normal; height: 49px; line-height: 50px; margin: 0; text-shadow: 1px 1px 0 #FFFFFF;}

#topnavigation ul li.video {border-color: #074B7E; width: 124px\9; position: relative; z-index: 3000 !important;}
#topnavigation ul li.video a {background-position: 0 0;}
#topnavigation ul li.video a:hover, #topnavigation ul li.video a.active {background-position: 0 -50px;}

#topnavigation ul li.computer {border-color: #d11539; width: 120px\9; position: relative; z-index: 3000 !important;}
#topnavigation ul li.computer a {background-position: 0 -100px;}
#topnavigation ul li.computer a:hover, #topnavigation ul li.computer a.active {background-position: 0 -150px;}

#topnavigation ul li.audio {border-color: #f5d000; width: 131px\9; position: relative; z-index: 3000 !important;}
#topnavigation ul li.audio a {background-position: 0 -200px;}
#topnavigation ul li.audio a:hover, #topnavigation ul li.audio a.active {background-position: 0 -250px;}

#topnavigation ul li.foto {border-color: #57b000; width: 83px\9; position: relative; z-index: 3000 !important;}
#topnavigation ul li.foto a {background-position: 0 -300px;}
#topnavigation ul li.foto a:hover, #topnavigation ul li.foto a.active {background-position: 0 -350px;}

#topnavigation ul li.telefon {border-color: #a80587; width: 112px\9; position: relative; z-index: 3000 !important;}
#topnavigation ul li.telefon a {background-position: 0 -400px;}
#topnavigation ul li.telefon a:hover, #topnavigation ul li.telefon a.active {background-position: 0 -450px;}

#topnavigation ul li.haus {border-color: #5f3a26; width: 151px\9; position: relative; z-index: 3000 !important;}
#topnavigation ul li.haus a {background-position: 0 -500px;}
#topnavigation ul li.haus a:hover, #topnavigation ul li.haus a.active {background-position: 0 -550px;}

#topnavigation ul li.lager {border-color: #00a8ff; width: 148px\9; position: relative; z-index: 3000 !important;}
#topnavigation ul li.lager a {background-position: 0 -600px;}
#topnavigation ul li.lager a:hover, #topnavigation ul li.lager a.active {background-position: 0 -650px;}

#topnavigation ul li.auto {border-color: #2f2f2f; width: 85px\9; position: relative; z-index: 3000 !important;}
#topnavigation ul li.auto a {background-position: 0 -700px;}
#topnavigation ul li.auto a:hover, #topnavigation ul li.auto a.active {background-position: 0 -750px;}

#topnavigation ul li ul li a:hover, #topnavigation ul li ul li a.active {background-position: 0 0 !important; transition: none !important;}
#topnavigation ul li ul li a { height: 24px !important; padding: 5px 0px 5px 0px !important; line-height: 24px !important;}



#topnavigation ul li div.flyouts {visibility:visible;}
#topnavigation ul li div.flyouts {text-align: left !important; z-index: 5000 !important;}
#topnavigation ul li div.flyouts ul {list-style-type:none; background: url(gfx/dropdown_bg.gif) repeat-x scroll center bottom #F9F9F9 !important; border: 1px solid #D0D0D0; border-radius: 0 0 3px 3px; display: block; margin: 3px 0 0 0 !important; margin: 0px 0 0 0\9 !important; z-index: 500 !important; padding: 0px 0 20px !important; position: absolute; width: 199px; text-align: left !important; box-shadow: 0 4px 10px #cccccc;}

#topnavigation ul li div.flyouts ul li {margin: 5px 0 0 0 !important; padding:0 !important; border-bottom: 0px none !important; float: none !important; position: relative !important; height: 24px !important;}
#topnavigation ul li div.flyouts ul li a {display:block; background: url(gfx/flyout-bg.png) no-repeat center bottom !important; border: 0px none !important; line-height: 28px !important; font-family: Arial !important; font-size: 12px !important; color: #999999 !important; text-shadow: 1px 1px 0 #FFFFFF; padding: 5px 0px 5px 20px !important; border-color: none !Important;}
#topnavigation ul li div.flyouts ul li a:hover {color: #353840 !important;}
#topnavigation ul li div.flyouts ul li a.active {color: #353840 !important;}

#topnavigation ul li div.flyouts_sub ul {position: absolute !important; left: 199px; margin-top: -40px !important; background: url(gfx/dropdown_a_bg.png) repeat-x scroll center bottom #F9F9F9; box-shadow: 0 4px 10px #cccccc;}
#topnavigation ul li div.flyouts_sub ul li {margin: 5px 0 0 0 !important; padding:0 !important; border-bottom: 0px none !important; float: none !important; position: relative !important; height: 24px !important;}
#topnavigation ul li div.flyouts_sub ul li a {display:block; background: url(gfx/flyout-bg2.png) no-repeat center bottom !important; border: 0px none !important; line-height: 28px !important; font-family: Arial !important; font-size: 12px !important; color: #999999 !important; text-shadow: 1px 1px 0 #FFFFFF; padding: 5px 0px 5px 20px !important; border-color: none !Important;}
#topnavigation ul li div.flyouts_sub ul li a:hover {color: #353840 !important;}

#topnavigation ul li.auto div.flyouts ul {right: 0 !important;}
#topnavigation ul li.auto div.flyouts_sub ul {left: -201px !important;}


/** Content **/
#content {width: 1020px;}
#content-inhalt {padding: 0px 25px 0px 25px;}
#con-lsp {float: left; width: 180px;}
#con-lsp-inhalt {padding: 0px 0px 0px 0px;}
#con-rsp {float: left; width: 790px;}
#con-rsp-inhalt {padding: 0px 25px 0px 20px;}



/** Linke Spalte **/
#kategorien {width: 180px;}

.mainnavi ul {list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left;}
.level1 a {font-family: 'Chivo',sans-serif; font-size: 13px; color: #586369; padding: 8px 10px 6px 10px; width: 160px; width:180px\9; text-decoration: none; display: block;}
.level1 a:link, .level1 a:visited, .level1 a:active {font-family: 'Chivo',sans-serif; font-size: 13px; color: #3d3d3d; text-decoration: none; background: url(gfx/kathg.png) no-repeat 0px 0px;}
.level1 a:hover {background: url(gfx/kathg.png) no-repeat -220px 0px; color: #ffffff !important; text-shadow: 1px 1px 0 #0063ae;}
.level1 .aktiv {background: url(gfx/kathg.png) no-repeat -220px 0px !important; font-family: 'Chivo',sans-serif; font-size: 13px; width: 160px; width:180px\9; text-decoration: none; display: block; color: #ffffff !important; text-shadow: 1px 1px 0 #0063ae;}

.level2 a {font-family: 'Chivo',sans-serif; font-size: 12px; color: #586369; padding: 8px 10px 6px 10px; width: 160px; width: 180px\9; text-decoration: none; display: block;}
.level2 a:link, .level2 a:visited, .level2 a:active {background: url(gfx/subkathg.png) no-repeat 0px 0px; font-family: 'Chivo',sans-serif; font-size: 12px; color: #586369; text-decoration: none;}
.level2 a:hover {background: url(gfx/subkathg.png) no-repeat -220px 0px; color: #333333 !important; text-shadow: 1px 1px 0 #ffffff;}
.level2 .aktiv, .aktiv2 {background: url(gfx/subkathg.png) no-repeat -220px 0px !important; font-family: 'Chivo',sans-serif; font-size: 12px; width: 160px; width: 180px\9; text-decoration: none; display: block; color: #333333 !important; text-shadow: 1px 1px 0 #ffffff;}

.level3 {padding: 6px 0px 0px 0px !important; background: url(gfx/sskat-hg.png) no-repeat; font-size: 0px;}
.level3 a {font-family: 'Chivo',sans-serif; font-size: 12px; color: #586369; padding: 8px 10px 6px 30px; width: 140px; width: 180px\9; text-decoration: none; display: block;}
.level3 a:link, .level3 a:visited, .level3 a:active {background: url(gfx/subsubkathg.png) repeat-y; font-family: 'Chivo',sans-serif; font-size: 12px; color: #586369 !important; text-decoration: none;}
.level3 a:hover {color: #0063ae !important;}

#lsp-kundenservice {background: url(gfx/lsp-kundenservice.jpg) no-repeat; width: 180px; height: 311px;}

#lsp-zahlungversand {background: url(gfx/lsp-zahlungversand.jpg) no-repeat; width: 180px; height: 164px; position: relative;}
a.lsp-zahlung {display: block; width: 180px; height: 88px; position: absolute; top: 0px; left: 0px;}
a.lsp-versand {display: block; width: 180px; height: 52px; position: absolute; top: 90px; left: 0px;}

#lsp-info {background: url(gfx/lsp-info.jpg) no-repeat; width: 180px; height: 247px; position: relative;}
a.lsp-info {display: block; width: 180px; height: 227px;}

#lsp-facebook {background: url(gfx/lsp-facebook.jpg) no-repeat; width: 180px; height: 127px; position: relative;}
a.lsp-facebook {display: block; width: 180px; height: 107px;}



/** Rechte Spalte **/
#artikelbeschreibungsbox {width: 745px; text-align: left;}
.artdesc-zeile {padding: 0px 0px 10px 0px;}
.artdesc-lsp {float: left; width: 325px;}
.artdesc-lsp-inhalt {padding: 0px 0px 0px 0px;}
.artdesc-rsp {float: left; width: 420px;}
.artdesc-rsp-inhalt {padding: 0px 0px 0px 30px;}

#artikelbild_gr {width: 325px; height: 325px;}
#artikelbild_gr-inhalt {padding: 5px 0px 0px 0px;}

#artikelbild-box {width: 325px; height: 354px; position: relative; z-index: 1000 !important;}
#pic {width: 325px;}
#m_lb {position:absolute; font-size:0px; z-index: 100000 !important; width:100%; text-align: center; cursor: pointer; left: 0px; top: 0px; height:100%;}
#lb_inhalt {margin: 0 auto 0 auto; z-index: 100000 !important;}
.lb_ecke {width:12px; height:12px;}
#oben_links {background:url(gfx/lb/oben_links.png) no-repeat;}
#oben_rechts {background:url(gfx/lb/oben_rechts.png) no-repeat;}
#unten_links {background:url(gfx/lb/unten_links.png) no-repeat;}
#unten_rechts {background:url(gfx/lb/unten_rechts.png) no-repeat;}
#lb_breite_oben {background:url(gfx/lb/breite_oben.png) repeat-x;}
#lb_breite_unten {background:url(gfx/lb/breite_unten.png) repeat-x;}
.lb_hoehe_links span, .lb_hoehe_rechts span {width:12px; display: block;}
.lb_hoehe_links {background:url(gfx/lb/hoehe_links.png) repeat-y;}
.lb_hoehe_rechts {background:url(gfx/lb/hoehe_rechts.png) repeat-y;}
#lb_inhalt td {padding: 0px;}
#closer {background: url(gfx/lb/close.png) no-repeat scroll 0 0 transparent; display: block; height: 22px; margin-left: -28px; margin-top: 11px; position: absolute; width: 22px; z-index: 2000;}
#lb_pic {width: 600px; border: 23px solid #ffffff;}
a.bild_big {display: block; background-repeat: no-repeat; background-position: center center;}
a.zoom {display: block; position: absolute; z-index: 2; background: url(gfx/lb/zoom.png) no-repeat; top: 0px; top: 0px\9; right: -5px; width: 37px; height: 37px;}
#lbcloser {position: absolute; display: block; height:100%; width:100%;}

#art-thumbs {width: 325px; position: relative; z-index: 2;}
#art-thumbs-inhalt {padding: 0px 0px 0px 2px;}
.thumb {width: 58px; width: 58px\9; height: 58px; height: 58px\9; overflow: hidden; border: 1px solid #dfdfdf; margin: 0px 4px 0px 1px; float: left;}
.thumb_aktiv {width: 58px; width: 58px\9; height: 58px; height: 58px\9; overflow: hidden; border: 1px solid #0063ae; margin: 0px 4px 0px 1px; float: left;}
.thumbpic {width: 60px;}
#thumb4 {margin: 0px 0px 0px 1px;}



#arttitel {width: 390px; padding: 5px 0px 10px 0px; border-bottom: 1px solid #dfdfdf;}
#arttitel h1 {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-family: Arial; font-size: 20px; color: #313131; font-weight: normal; line-height: 26px;}

.artdesc-kurz-zeile {width: 390px; padding: 20px 0px 20px 0px;}
.artdesc-kurz-lsp {float: left; width: 182px;}
.artdesc-kurz-rsp {float: left; width: 208px; text-align: right; position: relative;}

#artikelnummer {font-family: Arial; font-size: 12px; color: #353840;}
#artikelnummer span {color: #999999;}

#lagerbestand {font-family: Arial; font-size: 12px; color: #586369; padding: 10px 0px 0px 0px;}
#lager01 {width: 116px; height: 16px; background: url(gfx/lagerampel_sprite.jpg) no-repeat 0 0; margin-top: 5px;}
#lager02 {width: 116px; height: 16px; background: url(gfx/lagerampel_sprite.jpg) no-repeat 0 -16px; margin-top: 5px;}
#lager03 {width: 116px; height: 16px; background: url(gfx/lagerampel_sprite.jpg) no-repeat 0 -32px; margin-top: 5px;}

a.hersteller {display: none; border: 1px solid #d0d0d0; position: absolute; right: 0px;}

#grundpreis {display: none; text-align: right; font-family: Arial; font-size: 12px; color: #2e2e2e;}

#ihrpreis {font-family: Arial; font-size: 14px; color: #333333; padding: 0px 0px px 10px;}
#preis {font-family: Arial; font-size: 34px; font-weight: bold; color: #000000;}
#mwst {font-family: Arial; font-size: 11px; font-weight: normal; color: #2e2e2e;}
#mwst a:link, #mwst a:visited {color: #2e2e2e;}
#mwst a:hover, #mwst a:active {color: #0063ae;}

#sofortkaufen {padding: 10px 0px 0px 28px;}
a.sofortkaufenlink {background: url(gfx/sofortkaufen.gif) no-repeat; width: 180px; height: 32px; display: block;}

#viddatenzeile {width: 386px;}
#video {float: left; width: 182px; margin: 0px 22px 0px 0px;}
a.video {display: block; background: url(gfx/butt-video.gif) no-repeat; width: 182px; height: 30px;}

#m_lb_vid {position:absolute; font-size:0px; z-index: 100000; width:100%; text-align: center; cursor: pointer; left: 0px; top: 40px; height:100%;}
#lb_inhalt_vid {margin: 0 auto 0 auto; z-index: 100000;}
#oben_links_vid {background:url(gfx/lb/oben_links.png) no-repeat;}
#oben_rechts_vid {background:url(gfx/lb/oben_rechts.png) no-repeat;}
#unten_links_vid {background:url(gfx/lb/unten_links.png) no-repeat;}
#unten_rechts_vid {background:url(gfx/lb/unten_rechts.png) no-repeat;}
#lb_breite_oben_vid {background:url(gfx/lb/breite_oben.png) repeat-x;}
#lb_breite_unten_vid {background:url(gfx/lb/breite_unten.png) repeat-x;}
#lb_inhalt_vid td {padding: 0px;}
#lb_bild_vid {padding: 10px !important; background: #ffffff;}
#closer_vid {background: url(gfx/lb/close.png) no-repeat scroll 0 0 transparent; display: block; height: 22px; margin-left: -15px; margin-top: -7px; position: absolute; width: 22px; z-index: 2000;}
#lbcloser_vid {position: absolute; display: block; width: 100%; height: 90%;}


#datenblatt {float: left; padding: 0px 0px 0px 0px; width: 182px;}
a.datenblatt {display: block; background: url(gfx/butt-datenblatt.gif) no-repeat; width: 182px; height: 30px;}

#datenblatt01 {margin: 0px 0px 0px 0px;}
#datenblatt02 {margin: 5px 0px 0px 0px; background: url(gfx/butt-datenblatt2.gif) no-repeat;}
#datenblatt03 {margin: 5px 0px 0px 0px; background: url(gfx/butt-datenblatt3.gif) no-repeat;}

#infolinks {background: url(gfx/favnews.gif) no-repeat; width: 386px; height: 55px; position: relative; margin-top: 3px;}
a.infolink01 {position: absolute; top: 0px; left: 0px; width: 180px; height: 26px;}
a.infolink02 {position: absolute; top: 0px; left: 203px; width: 180px; height: 26px;}
a.infolink03 {position: absolute; top: 30px; left: 0px; width: 180px; height: 26px;}
a.infolink04 {position: absolute; top: 30px; left: 203px; width: 180px; height: 26px;}

#beschreibung {width: 770px; padding: 20px 0px; text-align: left;}
#beschreibung-titel {border: 1px solid #dfdfdf; border-bottom: 0px none; float: left;}
#beschreibung-titel-inhalt {font-family: Arial; font-size: 12px; color: #2f2f2f; background: #ffffff; position: relative; padding: 10px 25px; margin-bottom: -1px;}
#beschreibung-box {border: 1px solid #dfdfdf; border-radius: 4px; -moz-border-radius: 3px; border-top-left-radius: 0px; -moz-border-top-left-radius: 0px;}
#beschreibung-box-inhalt {font-family: Arial; font-size: 12px; padding: 10px 25px; color: #777777;}
#beschreibung-box-inhalt h1 {font-weight: normal; font-size: 16px; color: #2f2f2f; margin: 0px; padding: 10px 0px 20px 0px;}
#beschreibung-box-inhalt span {color: #2f2f2f;}
#beschreibung-box-inhalt ul {padding: 0px; margin: 0px 0px 20px 0px; list-style: none;}
#beschreibung-box-inhalt ul li {background: url(gfx/list01.gif) no-repeat; padding: 0px 0px 0px 10px;}

#aktionsbanner img {margin: 20px 0px 10px 0px;}

#pat-galerie {width: 770px; text-align: left;}
#pat-titel {font-family: Arial; font-size: 16px; color: #333333; padding: 0px 0px 5px 0px;}
#pag_flashgallery_719546 {position: relative; margin-left: -5px;}




/** Footer **/
#fusszeile-bg {background: url(gfx/fusszeile_bg.gif) repeat-x; height: 593px; text-align: center; position: relative;}
#fusszeile {width: 1020px; margin: 0 auto;}
#footerbanner {background: url(gfx/footerbanner.jpg) no-repeat; width: 1020px; height: 155px; position: relative;}
a.footerbannerlink {display: block; height: 133px; left: 25px; position: absolute; top: 10px; width: 970px;}
#footer-inhalt {background: url(gfx/fusszeile.png) no-repeat; width: 1020px; height: 438px; text-align: left; position: relative;}

#foopartner {position: absolute; text-align: center !important; width: 785px; height: 75px; top: 25px; left: 195px;}
#foopartner img {margin: 10px 20px 0px 20px;}

#foobox01 {position: absolute; top: 144px; left: 30px;}
#foobox02 {position: absolute; top: 144px; left: 260px;}
#foobox03 {position: absolute; top: 144px; left: 485px;}
#foobox04 {position: absolute; top: 144px; left: 740px;}

.fooboxtitel {font-family: 'Chivo', sans-serif; font-size: 16px; color: #ffffff; padding: 0px 0px 34px 10px;}
ul.foolinks {padding: 0px; margin: 0px; list-style: none;}
ul.foolinks li {background: url(gfx/footer-trenner.gif) no-repeat 0 top; width: 181px;}
ul.foolinks li a {padding: 7px 0px 6px 10px; display: block;}
ul.foolinks li a:link, ul.foolinks li a:visited {font-family: 'Chivo', sans-serif; font-size: 13px; color: #d0d0d0; text-decoration: none;}
ul.foolinks li a:hover, ul.foolinks li a:active {color: #0063AE;}

a.foobezahlung {display: block; height: 120px; left: 0; position: absolute; top: 53px; width: 210px;}

a.fooversand {display: block; height: 70px; left: 0; position: absolute; top: 53px; width: 230px;}

a.foologo {display: block; height: 70px; left: 0; position: absolute; top: 133px; width: 230px;}

#copyright {position: absolute; top: 414px; left: 25px; font-family: Arial; font-size: 11px; color: #d0d0d0;}

#sellisbox {position: absolute; top: 414px; right: 25px; font-family: Arial; font-size: 11px; color: #d0d0d0;}
a.sellis {background: url(gfx/sellislogo.png) no-repeat; width: 67px; height: 20px; display: block; float: right;}