/****************************************************************************************************************
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.jpg) no-repeat center top #e1e1e1;}
#arbeitsbereich-inhalt {padding: 10px 0px 10px 0px; margin: 0px; text-align: center;}
#template {text-align: center; margin: 0px auto; width: 990px;}
#template-inhalt {font-family: Arial; text-align: left; padding: 0px 0px 0px 0px;}




/** Header **/
#kopfzeile {background: url(gfx/kopfzeile.png) no-repeat; width: 990px; height: 155px; position: relative;}

a.logolink {display: block; height: 104px; left: 10px; position: absolute; top: 1px; width: 300px;}
a.homelink {display: block; height: 40px; left: 0; position: absolute; top: 105px; width: 50px;}

#headermail {width: 300px; position: absolute; top: 116px; top: 117px\9; left: 95px; font-family: Arial; font-size: 14px; font-weight: bold; color: #bbbadf;}
@media screen and (-webkit-min-device-pixel-ratio:0) {#headermail {top: 116px;}}
#headermail a:link, #headermail a:visited {color: #ffffff; font-weight: normal; text-decoration: none; margin-left: 8px;}
#headermail a:hover, #headermail a:active {color: #bbbadf;}

#suche {height: 22px; left: 629px; position: absolute; top: 115px;}
#suche {left: 629px\9; top: 115px\9;}
@media screen and (-webkit-min-device-pixel-ratio:0) {#suche {left: 629px; top: 113px;}}
#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:#656578; width: 260px; font-size: 14px;}
#los_btn {display: block; height: 27px; left: 278px; position: absolute; top: -4px; width: 73px;}




/** Content **/
#content {width: 990px; background: url(gfx/content-bg.png) repeat-y;}
#content-inhalt {padding: 0px 10px 0px 10px;}
#con-lsp {float: left; width: 190px;}
#con-lsp-inhalt {padding: 0px 0px 0px 0px;}
#con-rsp {float: left; width: 780px;}
#con-rsp-inhalt {padding: 0px 0px 0px 10px;}




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

.mainnavi ul {list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left;}
.level1 a {font-family: Arial; font-size: 12px; color: #0d0e0e; padding: 7px 10px 7px 10px; width: 170px; text-decoration: none; display: block;}
.level1 a:link, .level1 a:visited, .level1 a:active {font-family: Arial; font-size: 12px; color: #3d3d3d; text-decoration: none; background: #dfdfdf; border-bottom: 1px solid #ffffff;}
.level1 a:hover {background: #2c2b74; color: #ffffff !important;}
.level1 .aktiv {background: #2c2b74 !important; font-family: Arial; font-size: 12px; width: 170px; text-decoration: none; display: block; color: #ffffff !important; border-bottom: 1px solid #ffffff;}

.level2 a {font-family: Arial; font-size: 12px; color: #586369; padding: 7px 10px 7px 10px; width: 170px; text-decoration: none; display: block; border-bottom: 1px solid #ffffff;}
.level2 a:link, .level2 a:visited, .level2 a:active {background: #f0f0f0; font-family: Arial; font-size: 12px; color: #656578; text-decoration: none; border-bottom: 1px solid #ffffff;}
.level2 a:hover {background: #656578; color: #ffffff !important;}
.level2 .aktiv, .aktiv2 {background: #656578; font-family: Arial; font-size: 12px; width: 170px; text-decoration: none; display: block; color: #ffffff !important; border-bottom: 1px solid #ffffff;}

.sub_sub_cat {padding: 0px !important; background: url(gfx/sskat-bg.png) no-repeat; font-size: 0px;}
.sub_cat {display: none;}

.level3 {padding: 0px !important;}
.level3 a {font-family: Arial; font-size: 12px; color: #656578; padding: 7px 5px 7px 25px; width: 157px; text-decoration: none; display: block; background: none; border-left: 2px solid #e1e1e1; border-right: 1px solid #e1e1e1;}
.level3 a:link, .level3 a:visited, .level3 a:active {font-family: Arial; font-size: 12px; color: #656578 !important; text-decoration: none; background: none; border-left: 2px solid #e1e1e1; border-right: 1px solid #e1e1e1;}
.level3 a:hover {color: #2c2b74 !important; background: #f8f8f8; border-left: 2px solid #2c2b74;}

#lsp-infobox01 {background: url(gfx/infobox01_01.png) no-repeat; width: 190px; height: 215px; position: relative;}
a.lsp-infoboxlink01 {display: block; height: 258px; position: absolute; top: 19px; width: 190px;}

#lsp-infobox02 {background: url(gfx/infobox02.png) no-repeat; width: 190px; height: 180px; position: relative;}
a.lsp-infoboxlink02 {display: block; height: 135px; position: absolute; top: 20px; width: 190px;}

#lsp-infobox03 {background: url(gfx/infobox03.png) no-repeat; width: 190px; height: 160px; position: relative;}
a.lsp-infoboxlink03 {display: block; height: 120px; position: absolute; top: 19px; width: 190px;}




/** Rechte Spalte **/
#artikelbeschreibung {width: 740px; padding: 0px 0px 40px 0px;}

#artdesc-titel {font-family: Arial; font-size: 18px; color: #404040; line-height: 24px; font-weight: normal; margin: 0px; padding: 0px 0px 10px 0px;}

#artdesc-lsp {float: left; width: 320px;}
#artdesc-rsp {float: left; width: 420px;}
#artdesc-rsp-inhalt {padding: 0px 0px 0px 20px;}

#artikelbild-box {width: 320px; height: 320px; position: relative; z-index: 1000 !important; text-align: center;}
#pic {width: 318px; border: 1px solid #eeecec;}

#favlinkbox {position: absolute; bottom: 1px; right: -416px; width: 396px; text-align: left !important;}
#favlinkbox a {display: block; float: left; width: 192px; height: 26px; background: url(gfx/favlinks-bg.png) no-repeat; text-decoration: none;}

#favlinkbox a:link span, #favlinkbox a:visited span {font-family: Arial; font-size: 12px; color: #656578; padding: 0px 0px 0px 37px; line-height: 26px;}
#favlinkbox a:hover span, #favlinkbox a:active span {color: #2c2b74;}

a.favlink01 {background-position: 0px 0px !important; margin: 0px 12px 3px 0px;}
a.favlink02 {background-position: 0px -26px !important; margin: 0px px 3px 0px;}
a.favlink03 {background-position: 0px -52px !important; margin: 0px 12px 0px 0px;}
a.favlink04 {background-position: 0px -78px !important;}

a.favlink01:hover {background-position: -192px 0px !important;}
a.favlink02:hover {background-position: -192px -26px !important;}
a.favlink03:hover {background-position: -192px -52px !important;}
a.favlink04:hover {background-position: -192px -78px !important;}

#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;}
a.zoom {display: block; position: absolute; z-index: 2; background: url(gfx/zoom.png) no-repeat; bottom: 5px; right: 5px; width: 14px; height: 14px;}

#art-thumbs {width: 320px; position: relative;}
#art-thumbs-inhalt {padding: 0px 0px 0px 2px;}
.thumbpic {width: 68px; border: 1px solid #ffffff; margin: 0px 3px 0px 0px;}
.thumb_aktiv {width: 68px; border: 1px solid #eeecec; margin: 0px 3px 0px 0px;}

#aview_picscroll {padding: 10px 0px 0px 0px;}
.imagegalery_scroll_left {width: 14px; height: 70px; cursor:pointer; background:url(gfx/scroll-left.png) no-repeat 0px 0px;}
.imagegalery_scroll_left:hover {width: 14px; height: 70px; cursor:pointer; background:url(gfx/scroll-left.png) no-repeat -14px 0px;}
.add_img_box {float:left; width: 290px; overflow: hidden; padding: 0px 1px 0px 1px;}
.imagegalery_scroll_right {width: 14px; height: 70px; cursor:pointer; background:url(gfx/scroll-right.png) no-repeat 0px 0px;}
.imagegalery_scroll_right:hover {width: 14px; height: 70px; cursor:pointer; background:url(gfx/scroll-right.png) no-repeat -14px 0px;}
#previewtray {background:none;}
.imaga-space {width: 14px; height: 70px;}

#artdesckurz-lsp {float: left; width: 220px;}
#artdesckurz-lsp-inhalt {padding: 0px 20px 0px 0px;}
#artdesckurz-rsp {float: left; width: 180px;}
#artdesckurz-rsp-inhalt {padding: 0px 0px 0px 0px; text-align: right;}

#markenlogo {margin: 0px 0px 33px 0px; height: 60px; font-family: Arial; font-size: 12px; color: #7f7f7f;}
#markenlogo img {width: 150px; height: 45px;}
#markenlogo a:link, #markenlogo a:visited {font-family: Arial; font-size: 12px; color: #7f7f7f;}
#markenlogo a:hover, #markenlogo a:active {text-decoration: none;}

#lieferzeit {width: 200px; padding: 0px 0px 20px 0px;}
#lz-lsp {float: left; background: url(gfx/ampel.png) no-repeat 0 0; width: 50px; height: 20px;}
#lz-rsp {float: left; width: 150px; font-family: Arial; font-size: 12px; color: #7f7f7f; line-height: 16px;}
#lz-rsp strong {color: #000000;}

#artnummer {font-family: Arial; font-size: 12px; color: #7f7f7f;}
#artnummer strong {color: #000000;}

#rabatt-lsp {float: left; width: 115px; font-family: Arial; font-size: 12px; color: #2e2e2e; line-height: 24px; margin-right: 5px;}
#rabatt-rsp {float: left; width: 55px; font-family: Arial; font-size: 16px; font-weight: bold; padding: 0px 5px 0px 0px; height: 24px; line-height: 24px; color: #ffffff; text-align: right; background: url(gfx/rabatt.png) no-repeat;}
#uvp {padding: 10px 0px 10px 0px; text-align: right; font-family: Arial; font-size: 12px; color: #2e2e2e; text-decoration: line-through;}
#preis {font-family: Arial; font-size: 28px; font-weight: bold; color: #2e2e2e; text-align: right;}
#mwst {font-family: Arial; font-size: 11px; color: #2e2e2e; text-align: right; padding: 5px 0px 15px 0px;}
#mwst a:link, #mwst a:visited {color: #2e2e2e;}
#mwst a:hover, #mwst a:active {text-decoration: none;}
a.sofortkaufen {display: block; background: url(gfx/sofortkaufen.png) no-repeat; width: 180px; height: 32px;}


#produktbeschreibung {width: 770px; padding: 0px 0px 20px 0px;}
#prodbesch-titel {border: 1px solid #eeecec; border-radius: 2px; -moz-border-radius: 1px; border-bottom-left-radius: 0px; -moz-border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; -moz-border-bottom-right-radius: 0px; border-bottom: 0px none; float: left; margin-bottom: -1px;}
#prodbesch-titel-inhalt {background: #ffffff; font-family: Arial; font-size: 16px; color: #0d0e0e; padding: 10px 20px 10px 20px;}
#prodbesch-box {border: 1px solid #eeecec; border-radius: 2px; -moz-border-radius: 1px; border-top-left-radius: 0px; -moz-border-top-left-radius: 0px;}
#prodbesch-box-inhalt {padding: 20px 30px 20px 20px; font-family: Arial; font-size: 12px; color: #656578; line-height: 18px;}

#pat-galerie {width: 770px; padding: 0px 0px 20px 0px;}
#pat-titel {font-family: Arial; font-size: 16px; color: #0d0e0e; padding: 3px 0px 5px 6px;}
#pat-box {padding: 0px 0px 0px 0px;}
#pag_flashgallery_290303 {margin-left: -5px; position: relative;}




/** Footer **/
#fusszeile {background: url(gfx/fusszeile.png) no-repeat; width: 990px; height: 101px; position: relative;}

a.foologolink {display: block; height: 50px; position: absolute; right: 0; top: 21px; width: 150px;}

#foonavigation {width: 540px; position: absolute; top: 35px; left: 303px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {#foonavigation {top: 27px; line-height:19px;}}
#foonavigation ul {list-style: none; padding: 0px; margin: 0px;}
#foonavigation ul li {float: left; margin: 0px 11px;}
#foonavigation ul li a:link, #foonavigation ul li a:visited {font-family: Arial; font-size: 12px; color: #656578; text-decoration: none;}
#foonavigation ul li a:hover, #foonavigation ul li a:active {color: #0d0e0e;}

#copyright {width: 350px; position: absolute; top: 82px; left: 0px; font-family: Arial; font-size: 11px; color: #656578;}
#sellis {width: 150px; position: absolute; top: 82px; right: 0px; font-family: Arial; font-size: 11px; color: #656578; text-align: right;}
#sellis a:link, #sellis a:visited {font-family: Arial; font-size: 11px; color: #656578; text-decoration: none;}
#sellis a:hover, #sellis a:active {text-decoration: underline;}