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

body {margin: 0px; padding: 0px;}
#arbeitsbereich {background: url(../images/body-bg.gif) repeat-x center top; font-family: arial; font-size: 12px; font-weight: normal;}
#template {color: #333333; font-family: arial; margin: 0px auto; padding: 0px; text-align: left; width: 1010px;}
#kopfzeile {background: url(../images/kopf-bg.jpg) no-repeat center top; height: 157px; position: relative; width: 1010px;}
#content {background: url(../images/shop-bg.gif) repeat-y center top; width: 1010px;}

#item-desc-hidden {display: none;}

a.logolink {display: block; height: 48px; left: 30px; position: absolute; top: 36px; width: 259px;}
a.shiplink {display: block; height: 23px; left: 319px; position: absolute; top: 29px; width: 251px;}
a.kauflink {display: block; height: 148px; left: 814px; position: absolute; top: 14px; width: 150px;}
a.shiplink2 {display: block; height: 96px; left: 814px; position: absolute; top: 167px; width: 150px;}

#suche {left: 328px; position: absolute; top: 70px;}
#los_btn {display: block; height: 23px; left: 240px; position: absolute; top: -4px; width: 67px;}
#suche-eingabe {background: none; border: none; color: #005eb3; font-size: 11px; margin-right: 5px; width: 235px;}
#col_left {float: left; width: 180px; margin-left: 10px;}
#col_right {float: left; margin-left: 20px; width: 790px;}
.cf {clear: both;}

#kats {width: 100%;}

.kat-kopf {background: url(../images/kat-kopf.gif) no-repeat; color: #005eb3; font-size: 12px; font-weight: bold; height: 32px; line-height: 33px; padding: 0px 0px 0px 18px;}
.kat-fuss {background: url(../images/kat-fuss.gif) no-repeat; font-size: 0px; height: 20px;}

#blindbox-kopf {height: 10px; background: url(../images/blind-kopf.gif) no-repeat; font-size: 0px;}
#blindbox-fuss {height: 30px; background: url(../images/blind-fuss.gif) no-repeat; font-size: 0px; left: 10px; position: absolute; top: -30px; width: 180px;}

#itemdesc h1 {color: #1362b1; font-size: 18px; font-weight: bold; margin: 0px; padding: 0px 0px 10px 0px;}
#itempic {float: left; position: relative; width: 380px;}
#iteminfo {float: left; margin: 0px 20px 0px 20px; width: 370px;}
#sub-logo {width: 370px; text-align: right; padding: 0px 0px 20px 0px;}
#item-widgets {padding: 30px 0px 0px 0px;}
#item-widgets-left {float: left; width: 182px;}
#item-widgets-right {float: left; width: 182px; margin: 0px 0px 0px 6px;}
#item-price {text-align: right; color: #1362b1; font-size: 37px; font-weight: bold; font-style: italic;}
#item-tax {text-align: right; color: #989898; font-size: 11px; font-weight: normal;}
#item-tax a {color: #989898; font-size: 11px; font-weight: normal; text-decoration: underline;}
#item-tax a:hover {text-decoration: none;}
#item-skb {text-align: right;}
#item-nr {color: #989898; font-size: 12px; font-weight: normal;}
#item-dhl {height: 100px;}
#item-price, #item-tax {height: 50px;}
#item-nr, #item-skb {height: 60px;}
.item-favnews {height: 36px;}
#shortdesc {height: 94px; border: 1px #efefef solid; overflow: auto; padding: 4px; background: url(../images/shortdesc-bg.gif) repeat-x center bottom;}
#shortdesc ul {margin: 0px 0px 0px 0px; padding: 0px; list-style-type: none;}
#shortdesc ul li {line-height: 19px; background: url(../images/bullet.png) no-repeat left top; padding-left: 20px;}
@media screen and (min-width:0\0) {#shortdesc ul li {background: url(../images/bullet_ie.png) no-repeat left top;}}


.mainnavi ul {list-style: none; margin: 0px; padding: 0px; text-align: left;}
.level1 a {font-family: Arial; font-size: 12px; color: #586369; padding: 7px 10px 5px 18px; width: 152px; width:180px\9; 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: url(../images/kat-bg1.gif) no-repeat 0px 0px;}
.level1 a:hover {background: url(../images/kat-bg1-hover.gif) no-repeat; color: #333333 !important;}
.level1 .aktiv {background: url(../images/kat-bg1-hover.gif) no-repeat !important;}

.level2 a {font-family: Arial; font-size: 12px; color: #333333; padding: 5px 10px 4px 25px; width: 145px; width: 180px\9; text-decoration: none; display: block;}
.level2 a:link, .level2 a:visited, .level2 a:active {background: url(../images/kat-bg2.gif) no-repeat 0px 0px; font-family: Arial; font-size: 12px; color: #333333; text-decoration: none;}
.level2 a:hover {background: url(../images/kat-bg2-hover.gif) no-repeat; color: #333333 !important;}
.level2 .aktiv, .aktiv2 {background: url(../images/kat-bg2-hover.gif) no-repeat !important; color: #333333 !important;}

.level3 {padding: 0px !important; background: url(../images/kat-bg3.gif) no-repeat; font-size: 0px;}
.level3 a {font-family: Arial; font-size: 12px; color: #333333; padding: 5px 10px 4px 30px; width: 140px; width: 180px\9; text-decoration: none; display: block;}
.level3 a:link, .level3 a:visited, .level3 a:active {background: url(../images/kat-bg3.gif) repeat-y; font-family: Arial; font-size: 12px; color: #333333 !important; text-decoration: none;}
.level3 a:hover {color: #333333 !important; text-decoration: underline;}

#fusszeile {position: relative; width: 1010px; height: 321px; background: url(../images/fuss-bg.gif) no-repeat center top;}
#fussnavi1 {width: 200px; position: absolute; top: 15px; left: 45px;}
#fussnavi1 ul {margin:0px; padding: 0px 0px 0px 15px; width: 200px;list-style-image: url(../images/fuss-list.gif);}
#fussnavi1 ul li {line-height: 21px;}
#fussnavi1 ul li a {font-size: 13px; color: #333333; text-decoration: none;}
#fussnavi1 ul li a:hover {text-decoration: underline;}
.fuss-top {color: #1160b3; font-size: 13px; font-weight: bold; height: 21px;}
#fussnavi2 {width: 200px; position: absolute; top: 15px; left: 264px; font-size: 13px;}
#fussnavi3 {width: 200px; position: absolute; top: 15px; left: 504px; font-size: 13px;}

#copyright {position: absolute; width: 600px; bottom: 25px; left: 46px; font-size: 11px; color: #989898;}
#copydesign {color: #989898; font-size: 11px; position: absolute; right: 118px; bottom: 25px;}
a.sellis {background: url(../images/sellis.gif) no-repeat; display: block; height: 12px; position: absolute; right: 45px; bottom: 26px; width: 69px;}

#artikelbild-box {width: 380px; position: relative; z-index: 1000 !important; text-align: center;}
#pic {max-width: 380px; max-height: 300px;}
#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(../images/lb/oben_links.png) no-repeat;}
#oben_rechts {background:url(../images/lb/oben_rechts.png) no-repeat;}
#unten_links {background:url(../images/lb/unten_links.png) no-repeat;}
#unten_rechts {background:url(../images/lb/unten_rechts.png) no-repeat;}
#lb_breite_oben {background:url(../images/lb/breite_oben.png) repeat-x;}
#lb_breite_unten {background:url(../images/lb/breite_unten.png) repeat-x;}
.lb_hoehe_links span, .lb_hoehe_rechts span {width:12px; display: block;}
.lb_hoehe_links {background:url(../images/lb/hoehe_links.png) repeat-y;}
.lb_hoehe_rechts {background:url(../images/lb/hoehe_rechts.png) repeat-y;}
#lb_inhalt td {padding: 0px;}
#closer {background: url(../images/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;}
#bild_big {display: block; width: 380px; height: 300px; display: table-cell; vertical-align: middle;}
#art-thumbs {width: 380px; position: relative; margin-top: 10px;}
#art-thumbs-inhalt {padding: 0px 0px 0px 2px;}
.thumbpic {height: 66px; overflow: hidden; border: 1px solid #ffffff; margin: 5px 10px 5px 10px; max-width: 150px;}
.thumb_aktiv {height: 66px; overflow: hidden; border: 1px solid #c0d1dd; margin: 5px 10px 5px 10px; max-width: 150px;}
.cf {clear: both; height: 0px; font-size: 0px;}
#aview_picscroll {padding: 10px 0px 0px 0px;}
.imagegalery_scroll_left {width: 15px; height: 80px; cursor:pointer; background:url(../images/scroll-left.gif) no-repeat 0px 0px;}
.add_img_box {float:left; width: 346px; overflow: hidden; border-top: 1px #c0d1dd solid; border-bottom: 1px #c0d1dd solid;}
.imagegalery_scroll_right {width: 15px; height: 80px; cursor:pointer; background:url(../images/scroll-right.gif) no-repeat 0px 0px;}
#previewtray {background:none;}
.imaga-space {width: 14px; height: 70px;}

#pat_galerie_kopf {font-size: 15px; font-weight: bold; color: #0060b7; line-height: 32px;}
#pat_galerie {width: 770px;}
#pat_galerie_fuss {height: 20px; background: none;}

#item-desc {width: 770px; padding: 20px 0px 20px 0px;}
#item-desc-navi {width: 770px; position: relative; text-align: left;}
#item-desc-navi ol {margin:0; padding:0; list-style: none inside; border: 0 none transparent;}
#item-desc-navi ol li {float:left; margin: 0px; text-align: center; font-size: 15px; color: #0060b7; font-weight: bold; line-height: 32px;}
#item-desc-navi ol li a {white-space:nowrap\9; line-height: 32px;}
.reiter_link, .reiter_link:visited {display: block; font-size: 15px; color: #59a5e0; text-decoration: none; font-weight: bold;}
.reiter_link:hover {color: #0060b7;}
.reiter_link_aktiv {display: block; font-size: 15px; color: #0060b7; text-decoration: none; font-weight: bold;}
.tabinhalt {padding: 40px 0px 0px 0px; font-family: Arial; font-size: 12px; color: #333333;}

#topnavi_01 {width: 119px;}
#topnavi_02 {width: 117px;}
#topnavi_03 {width: 158px;}
#topnavi_04 {width: 72px;}
#topnavi_05 {width: 63px;}
#topnavi_06 {width: 91px;}
#topnavi_07 {width: 82px;}
#topnavi_08 {width: 108px;}
#topnavi_09 {width: 70px;}
#topnavi_10 {width: 110px;}

#topnavigation {position: absolute; top: 110px; left: 10px; z-index: 3000;}
#topnavigation ul {padding: 0px; margin: 0px;}
#topnavigation ul li {list-style: none; float: left; position: relative;}
#topnavigation ul li a {background: none;}
#topnavigation a {color: #FFFFFF; cursor: pointer; text-decoration: none; display: block; position: static;}

#topnavigation a span {color: #005eb3; display: block; font-size: 12px; font-weight: bold; height: 32px; line-height: 32px; margin: 0; text-align: center; background: url(../images/topnavi-bg.gif) no-repeat left top;}
.active span {background: url(../images/topnavi-bg-hover.gif) no-repeat left top !important;}
#topnavi_10 .active span {border-right: 1px solid #353840 !important;}

#topnavigation ul li.mainframe {position: relative; z-index: 3000 !important;}

#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 {}

#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: #e8eff7 !important; display: block; margin: 0px !important; margin: 0px\9 !important; z-index: 500 !important; padding: 10px 0 10px 0 !important; position: absolute; width: 199px; text-align: left !important; border: 1px solid #7f8180; border-top: 0px none;}

#topnavigation ul li div.flyouts ul li {margin: 0px !important; border-bottom: none !important; float: none !important; position: relative !important; padding: 0px;}
#topnavigation ul li div.flyouts ul li a {display:block; background: #e8eff7 !important; border-top: 1px #e8eff7 solid !important; border-bottom: 1px #e8eff7 solid !important; font-family: Arial !important; font-size: 12px !important; color: #333333 !important; padding: 5px 0px 5px 20px !important;}
#topnavigation ul li div.flyouts ul li a:hover {color: #353840 !important; border-top: 1px #808080 solid !important; border-bottom: 1px #808080 solid !important; background: #ffffff !important;}
#topnavigation ul li div.flyouts ul li a.active {color: #353840 !important; border-top: 1px #808080 solid !important; border-bottom: 1px #808080 solid !important; background: #ffffff !important;}

#topnavigation ul li div.flyouts_sub ul {position: absolute !important; left: 199px; margin-top: -37px !important; background: #ffffff !important; border-top: 1px solid #7f8180 !important;}
#topnavigation ul li div.flyouts_sub ul {margin-top: -35px\9 !important;}
#topnavigation ul li div.flyouts_sub ul li {padding:0 !important; border-bottom: 0px none !important; float: none !important; position: relative !important;}
#topnavigation ul li div.flyouts_sub ul li a {display:block; background: #ffffff !important; border: none !important; font-family: Arial !important; font-size: 12px !important; color: #333333 !important; padding: 5px 0px 5px 20px !important; border-color: none !Important;}
#topnavigation ul li div.flyouts_sub ul li a:hover {color: #333333 !important; border: none !important; text-decoration: underline;}

#topnavigation ul li div.flyouts_sub ul li.firstsubkat a {border-left: 1px solid #ffffff !important; margin-left: -1px !important; margin-top: -1px\9;}

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

#topnavigation ul li div.flyouts_sub .fistfly {border-top: none !important;}

#flyout_special1 {left: -122px;}
#flyout_special2 {left: -93px;}

#topnavi_07 ul li div.flyouts_sub ul, #topnavi_08 ul li div.flyouts_sub ul {left: -201px;}
#topnavi_07 ul li div.flyouts_sub ul li.firstsubkat a, #topnavi_08 ul li div.flyouts_sub ul li.firstsubkat a {border-left: 1px solid #353840 !important; border-right: 1px solid #ffffff !important; margin-right: -1px !important;;}

#subsearch {max-width: 400px; max-height: 40px;}