/* ------ Main ------- */ .plentyErrorBox { width:98%; background-image:url(/images/admin/error_background.gif); background-repeat:repeat-y; margin: 0px 0px 4px 0px; padding:8px; text-align:left; vertical-align:middle; color: #FFFFFF } .plentyErrorBoxTitle { margin-top:4px; margin-bottom:6px; padding-left:26px; color:#FFFFFF; font-size:16px; font-weight:bold; background-image:url(/images/icons/warning_onred.gif);background-repeat:no-repeat; } .plentyMessageBox { width:98%; background-image:url(/images/admin/message_background.gif); background-repeat:repeat-y; border:0px; margin: 0px 0px 4px 0px; padding:8px; text-align:left; vertical-align:middle; color: #FFFFFF } .plentyMessageBoxTitle { margin-top:4px; margin-bottom:6px; padding-left:26px; color:#FFFFFF; font-size:16px; font-weight:bold; background-image:url(/images/icons/idea_ongreen.gif); background-repeat:no-repeat; } .plentyWarningBox { width:98%; background-image:url(/images/admin/message_background.gif); background-repeat:repeat-y; border:0px; margin: 0px 0px 4px 0px; padding:8px; text-align:left; vertical-align:middle; color: #FFFFFF } .plentyWarningBoxTitle { margin-top:4px; margin-bottom:6px; padding-left:26px; color:#FFFFFF; font-size:16px; font-weight:bold; background-image:url(/images/icons/idea_ongreen.gif); background-repeat:no-repeat; } /* ------ Base ------- */ /* ------ Content ------- */ /* GENERAL STYLES */ html { width: 100%;height: 100%;} body { width: 100%;height: 100%;line-height: 1.5;margin: 0;padding: 0;text-align: center;font-family: "Trebuchet MS", sans-serif;font-size: 82%;color: #000000;} ul { padding: 0 0 0 15px;margin: 0 0 0 0;} ul li { padding: 0 0 0 0;margin: 0 0 0 15px;list-style-type: square;} ol { padding: 0 0 0 22px; margin: 0 0 0 0;} ol li { padding: 0 0 0 0; margin: 0 0 0 0;} pre , #PlentyOrderPayPalExpressPanel{ background: #eee; border: solid 1px #ccc;padding: 10px 10px 10px 10px;font-size:120%;color:#444} a img {border:0} .clearer { clear: both;} .wrapper { width: 990px; margin: 0 auto 0 auto; text-align: left;} textarea { resize: none;} table { border-collapse:collapse; margin:20px 0;} table td { border-bottom: 1px solid #CCCCCC;} /* TYPO */ a { color: #333; text-decoration: none;} a:link, a:visited { color: #666;} a:hover, a:link:hover, a:visited:hover { color: #999;} h1 { font-size: 140%; padding: 0 0 0 0; margin: 0 0 0 0;} .singlearticleheader h1{ width: 640px; margin: 0 0 10px 90px;} h2 { font-size: 125%; padding: 10px 0 0 0; margin: 10px 0 0 0; border-top: solid 1px #c2c2c2;} h2.extra { margin: 0 0 0 0; } h1.extra { margin: 0 0 0 0; } h3 { font-size: 120%; padding: 0 0 0 0; margin: 0 0 0 0;} h4 { font-size: 115%; padding: 0 0 0 0; margin: 0 0 0 0;} h5 { font-size: 110%; padding: 0 0 0 0; margin: 0 0 0 0;} h6 { font-size: 105%; padding: 0 0 0 0; margin: 0 0 0 0;} span.mini { font-size: 60%; line-height: 1.1;} span.strike { text-decoration: line-through;} /* FORMS */ .btn { border: solid 1px #949494; height: 34px; padding: 3px 5px 3px 5px; background-image: url("/layout/machart-studios/images/btn_shadow.png") repeat-x bottom; background: #434343; color: #fff; line-height: 30px;} .btn:hover { color: #cacaca;} .btn_small { border: solid 1px #cacaca; padding: 3px 5px 3px 5px; background-image: url("/layout/machart-studios/images/btn_shadow.png") repeat-x bottom; background: #434343; color: #fff; line-height: 1.5;} .btn_small:hover { color: #cacaca;} .btnsearch { border: solid 1px #949494; height: 34px; width: 25px; padding: 0 5px 0 3px; background-image: url("/layout/machart-studios/images/btn_shadow.png") repeat-x bottom; background: #434343; color: #fff; font-size: 18px; margin: 0 0 0 -5px; line-height: 30px; float: left;} .btnsearch:hover { color: #cacaca;} .btnlogin { border: solid 1px #949494; height: 34px; padding:0; background-image: url("/layout/machart-studios/images/btn_shadow.png") repeat-x bottom; background: #434343; color: #fff; font-size: 14px;width:229px;text-align:center; margin: 0 0 5px 0; line-height: 30px; } .btnlogin:hover { color: #cacaca;} input[type=text], input[type=password], textarea { border: solid 1px #ccc; height: 32px; color: #404040; line-height: 30px; } input:hover, textarea:hover { border: solid 1px #666; color: #666666; } input:focus, textarea:focus { border: solid 1px #888; color: #666666; } .inputsearch { float: left; border: solid 1px #ccc; height: 32px; padding: 0 6px 0 6px; color: #cacaca; line-height: 30px; width: 195px; margin: 0 0 0 0;} .inputloginemail { border: solid 1px #ccc; height: 32px; padding: 0 6px 0 6px; color: #404040; line-height: 30px; width: 215px; margin: 0 0px 0 0;} .inputloginpass { border: solid 1px #ccc; height: 32px; padding: 0 6px 0 6px; color: #404040; line-height: 30px; width: 215px; margin: 0 0 0 0;} .nl_nachname { height: 32px; width: 63px; border: solid 1px #ccc; line-height: 30px; margin-right:-1px; padding: 0 6px 0 6px; color: #404040; float: left;} .nl_nachname:hover, .nl_nachname:focus { position:relative;z-index:25} .nl_email { height: 32px; width: 138px; border: solid 1px #ccc; line-height: 30px; padding: 0 6px 0 6px; color: #404040; float: left;} .PlentySubmitButton{ background: none repeat scroll 0 0 #434343; border: 1px solid #949494; color: #fff; height: 34px; line-height: 30px; padding: 0 6px; width: 108px; float: left;} .PlentySubmitButton:hover{ color: #cacaca;} .nl_submit { background: none repeat scroll 0 0 #434343; border: 1px solid #949494; color: #fff; height: 34px; line-height: 30px; padding: 0 6px; width: 108px; float: left;} .nl_submit:hover { color: #cacaca;} #deckel { background: none repeat scroll 0 0 #FFFFFF; clear: both; height: 40px; margin: -19px 0 0 304px; opacity: 0.75; position: absolute; width: 120px;} .checker{width:auto;float:left;padding:0; margin:4px 4px 0 0; border:0; background:none transparent} .checker:focus{border:none !important;} .checker:hover{border:none !important;} .infolink{background: none repeat scroll 0 0 #434343; border: 1px solid #CACACA; color: #FFFFFF !important; line-height: 1.4; margin: 10px 3px 0 0; padding: 1px 8px;} /* OVERRIDE Hubba-Bubba Checkout */ #PlentyOrderCheckoutAccordion .AccordionPane{box-shadow: none !important; border:1px solid #ccc !important; border-bottom-left-radius:0 !important; border-bottom-right-radius:0 !important } #PlentyBasketWebBasket .PlentyWebBasketContainerContent{box-shadow: none !important; border:1px solid #ccc !important; border-bottom-left-radius:0 !important; border-bottom-right-radius:0 !important } #PlentyBasketWebBasket input[type=text], #PlentyOrderCheckoutAccordion input[type=text], #PlentyBasketWebBasket input[type=password], #PlentyOrderCheckoutAccordion input[type=password] {height:22px !important; line-height:22px !important} #PlentyWebBasketContainerTitle{background:#fff !important} /* SLIDER */ .slider {margin: 0 0 20px 0;overflow: hidden;} .slider p {float:left;width:258px;padding-top:200px;font-size: 32px; line-height: 1;} .slider ul, .slider li { margin: 0; padding: 0; list-style: none;overflow: hidden;} .slider li { width: 730px; height: 369px; overflow: hidden;} .slider img {max-width: 730px;} #prevBtn { margin: -61px 0 0 656px;} #nextBtn { margin: -61px 0 0 686px;} #prevBtn a, #nextBtn a { z-index: 10000; display: block; text-align: center; color: #000; text-decoration: none; position: absolute; width: 26px; height: 26px; background: #ffffff no-repeat 0 0; margin: 0;} #prevBtn, #nextBtn {display: block;height: 26px; width: 26px; position: absolute; z-index: 9999; padding: 0 auto 0 auto;} #prevBtn a:hover, #nextBtn a:hover { background: #ededed;} /* MESSAGE */ .message { position:absolute; border:3px solid #ccc; background: #fff; width:340px; margin:-100px 0 0 -190px; top:50%; left:50%; padding:20px; z-index:500; } .message, .zoomoptions { -moz-box-shadow: 1px 2px 6px 1px rgba(38, 43, 55, 0.3); -webkit-box-shadow: 1px 2px 6px 1px rgba(38, 43, 55, 0.3); box-shadow: 1px 2px 6px 1px rgba(38, 43, 55, 0.3); } .message:hover { -moz-box-shadow: 1px 3px 10px 1px rgba(38, 43, 55, 0.45); -webkit-box-shadow: 1px 3px 10px 1px rgba(38, 43, 55, 0.45); box-shadow: 1px 3px 10px 1px rgba(38, 43, 55, 0.45); } .message h1{line-height:1.2;margin-bottom:10px;} .message .close{top:10px; right:10px; position:absolute;cursor:pointer} .message a{background: none repeat scroll 0 0 #434343; border: 1px solid #CACACA; color: #FFFFFF; line-height: 1.4; margin: 0px 0px 0 0px; padding: 1px 5px;} /* HEADER */ .header { border-bottom: solid 1px #c2c2c2; width: 100%; position: absolute; top: 0;} .header .wrapper { padding: 10px 0 5px 0;} .logo { margin: 0 0 0 0; width: 230px; float: left; height: 60px; position: relative; font-size: 170%;} .logo span { position: absolute; bottom: 0;} .kontlogos { border: none; float: left; height: 55px; width: 55px; margin: 0 5px 0 0;} .kontlogos a{ height:55px; overflow:hidden; display:block } .topnavigationcontainer { position: relative; width: 490px; float: left; height: 60px; font-size: 125%; margin: 0 0 0 20px;} .topnavigation { position: absolute; bottom: 0; padding-left:0} .topnavigation ul { margin: 0 0 0 -5px; padding: 0 0 0 0;} .topnavigation li { float: left; margin: 0 0 0 0; padding: 0 20px 0 0; list-style-type: none;} .topnavigation li a:hover {color:#333} .tabmsbox { width: 230px; height: 68px; float: left; padding: 0 0 2px 0; font-size: 90%;} .tabmsbox ul { padding: 0 0 0 0;} .tabmsbtns { position: absolute; margin: 0 0 0 0; padding: 0 0 0 0;} .tabmsbtns li { float: left; padding: 3px 10px 0; margin: 5px 0 0 0; height: 20px; list-style-type: none;} .tabmsbtns li.active { background: #ededed;} .tabmsbtns li.active a:link, .tabmsbtns li.active a:visited { color: #333333; cursor: default !important; } .tabms_cart { position: relative; margin: 27px 0 0 0; padding: 3px 5px 3px 5px; background: #ededed; height: 35px; width: 230px;display:none} .tabms_login { position: relative; margin: 27px 0 0 0; padding: 3px 5px 3px 5px; background: #ededed; height: 35px; width: 230px;display:none} .tabms_search {position: relative; margin: 27px 0 0 0; padding: 3px 5px 3px 5px; background: #ededed; height: 35px; width: 230px;display:none} .tabms_cart.active {display:block} .tabms_search.active {display:block} /* ARTIKELSEITE/KATEGORIESEITE */ .articlenav { margin: -24px 15px 0 0; float: right; padding: 0 0 0 0;} .articlenav span { float:left;margin:0 0 0 5px} .articlenav select { float:left;margin:0 0 0 5px} .articlenav form {display:inline} .pagebtns{float:right;margin:-30px 0 0 0 ;} .pagebtns a { float: left; height: 14px; margin: 2px 2px 2px 0; width: 14px;} .pagenavbottom { padding: 0 0 0 0;border-top: 1px solid #C2C2C2;} .pagenavbottom .articlenav{ margin:10px 15px 0 0;padding: 0 0 0 0;} .pagenavbottom { width: 730px;} .pagenavtop { width: 730px;} .catname{width:265px;display:block} .catimage img{max-width:730px; max-height:600px} .backlink { font-size: 100%; float:left;margin:3px 0 0 0} .previewimages { margin: 0; width: 85px;} .anzahlinput { width: 23px; height: 32px; border: none !important; background: none; color: #ffffff !important; text-align: center; } .producerlogo{max-width:220px; max-height:100px} .actions { border-top: solid 1px #c2c2c2; border-bottom: solid 1px #c2c2c2; margin: 10px 0 10px 0; padding: 10px 0 10px 0; font-size: 90%;} .actionsbtn { padding:0;border: none; background: none; color: #333333; text-decoration: underline; font-size: 120%; cursor: pointer;} .actionsbtn:hover { color: #999999;} .articledescwrapper table td{border-bottom:1px dotted #555} .newarticle_picture { width: 110px;} a.newarticle_img { float: left; margin: 0 10px 0 0; width: 110px; overflow:hidden} a.newarticle_img { width: 110px; } a.newarticle_img img { max-width: 110px;} .newarticle_info { float: left; width: 110px; font-size: 95%;} .newarticle_info a { color: #ffffff;} .articleinfo input:hover, .articleinfo input:focus{ color:#999;border:0} .articleinfo { float: left; width: 240px; border-top: solid 1px #c2c2c2;} .articledescription {background: #fff;border:1px solid #ccc; padding: 20px;display:none} .articletechnical { background: #fff;border:1px solid #ccc; padding: 20px;display:none} .articledescription.active {display:block} .articletechnical.active { display:block} .articleratings { background: #ededed; width: 730px; padding: 20px;} .articlepic_big {text-align:center;margin: 10px 5px 0 0;float:left} .articlepicswrapper{float:left; margin:-1px 0 0 10px} .articlepicswrapper a { border: 1px solid #C2C2C2; margin: 0 0 5px;width:85px;display:block} .articlepicswrapper a:hover { border: 1px solid #888;} .articledescription { position: relative; margin: 30px 0 0 0; padding: 5px 10px 20px 10px; } .articletechnical { position: relative; margin: 30px 0 0 0; padding: 5px 10px 20px 10px; } .articleratings { position: relative; margin: 28px 0 0 0; padding: 5px 10px 20px 10px; background: #ededed; width: 690px} .articledesc { width: 730px; float: left; margin: 20px 0 20px 0; text-align: left; font-size: 100%;} .articledesc ul { padding: 0 0 0 0;} .articlenav a {margin: 2px 2px 2px 0px; width: 14px; height: 14px; float: left;} .articlenav a.articlePages_activeLink {background:#ccc} .articlePages { float: left; height: auto;} .articlePages a { display:inline-block;line-height:14px;width:14px; height:14px;text-align:center; background:#eee} .detailinfo{font-size:90%} .detailinfo .inforow{clear:both;} .ArticleAttrTable{margin: 0px 0 9px !important; padding: 0; width: 240px;} .detailinfo .infokey{float:left;width:100px} .detailinfo .infovalue{float:left;width:140px} .singlearticleoverview { float: left; width: 480px; margin: 0 10px 0 0; border-top: solid 1px #c2c2c2;} .singlekaufen { height: 32px; width: 130px; color: #ffffff; border: 0; background: none; cursor:pointer} .shippinginfo { font-size: 75%; margin: 0 0 0 20px; width: 100px;} .singleartprice .shippinginfo { font-size: 75%; margin: 5px 0 0; width: 114px;float:left} .singlecurrency { font-size: 155%; /*font-weight: bold;*/ float: left; margin: 5px 6px 16px 0; } /*20120515*/ .singleprice { font-size: 190%; /*font-weight: bold*/; float: left;margin:0px 7px 0px 0px; letter-spacing:-0.2px } /*20120515*/ .tabmsdescbtns { position: absolute; margin: 0 0 0 0;} .tabmsdescbtns li { float: left; padding: 5px 10px 0 10px; height: 25px; text-align: center; list-style-type: none;margin-left:0; border:1px solid #eee;border-bottom:0;} .tabmsdescbtns li:hover { padding: 10px 10px 0 10px; margin-top:-5px} .tabmsdescbtns li.active { background: #fff;border:1px solid #ccc;border-bottom:0;position:relative;z-index:25;} /* SOCIAL */ .socialbutton.socialtwitter { margin: 10px 0 8px 0; border: none; overflow: hidden; width: 105px !important; height: 20px;} .socialbutton {margin: 10px 0 8px 0; border: none; overflow: hidden; width: 110px; height: 20px;} .socialfacebook{float: right; margin-top: 10px;/*width:110px*/} .socialfacebook .fb_iframe_widget iframe {position:static} .socialplus{float: right; margin-top: 10px; width:105px;} /* BRANDS SLIDER*/ .content_brandlist { position:relative; width:684px ; float:left; overflow:hidden ; } .content_brandlistwrap { width:8000px !important ; overflow:hidden ; } .content_brandlist{border-bottom: 1px solid #C2C2C2; border-top: 1px solid #C2C2C2;margin: 9px 0; clear:both; width:100%; float:left;} .content_brandlist .content_brandlistwrap{padding:10px;margin:0; height:70px;float: left; width: 100%;} .content_brandlist ul li{padding:0;margin:0; float:left; height:100%;} .content_brandlist li a img { max-width: 130px; opacity: 0.5; margin-right:5px; max-height:60px} .content_brandlist li a { display:block; width:140px; height:60px; text-align:center} .content_brandlist li a:hover img { opacity: 1;} .content_brandlist li img { border:none; } .content_brandlist li{position:relative ; display:block ; float:left ; list-style:none} #brandlist_right, #brandlist_left { float:left; cursor:pointer; background: #FFF; color: #000; display: block; height: 90px; line-height:90px; margin: 0; text-align: center; text-decoration: none; width:26px; z-index: 10000; } #brandlist_right { float:right; } #brandlist_right:hover, #brandlist_left:hover { background-color: #EDEDED; } /* CONTENT */ .main { width: 730px;} .content { margin: 140px 0 0 0;} .leftcolumn { width: 230px; padding: 0 20px 0 0; float: left;} .rightcolumn {width: 740px; float: left;} .rightcolumn.order {margin-top:-30px} .crossselling{width:738px} .level1active{margin-bottom:10px} .uvpsing{background: #eee; border: solid 1px #ccc;padding: 10px 10px 10px 40px;font-size:120%;color:#444; float:left;width:188px;margin-bottom:10px;} .uvpimage { position: absolute; margin: -10px 0 0 185px;z-index:100} .singleartprice .uvpimage { position: absolute; margin: -3px 0 0 -33px;z-index:9;width: 29px;} .certlink { display: block;} .certificates { border-top: solid 1px #c2c2c2; border-bottom: solid 1px #c2c2c2; width: 216px; margin: 0 10px 10px 0px; padding: 10px 10px 10px 10px; float: left;} .signet { width: 54px; height: 56px; float: left;} .certtext { font-size: 100%; float: left; margin: 0 0 0 10px; width: 136px;line-height:1.4} .content_infos { width: 741px;} .content_social { text-align: right; border-top: solid 1px #c2c2c2; clear:both;} .content_highlights { width: 740px;} .produkt { height: 225px; width: 236px; margin: 10px 10px 20px 0; border-top: solid 1px #c2c2c2; float: left; } .produkt_picture { width: 236px; height: 150px; text-align: center; margin: 5px 0 5px 0; position: relative; overflow: hidden; } .produkt_picture a{position:absolute;bottom:0; display:block;width:236px; text-align:center } .produkt_info { width: 236px; height: 60px;} .produkt_info .produkt_name{ font-size: 105%; height: 40px; overflow: hidden; padding: 3px 0 0;} .produkt_info .produkt_price .currency{float: left; padding-right: 5px;} .produkt_info .produkt_price .Price_single_art{float:left; padding-right:10px} .produkt_info .produkt_price .mini{float:left; } .produkt_info .produkt_price {float: left; font-size: 125%; padding-top: 5px;} .cattext{overflow:auto;max-height:200px;border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; margin-bottom: 12px;} .box_categorynavigation { margin: -30px 0 30px; text-align: left;font-size:120%;} .box_categorynavigation .menu_level2{ font-size:80%;} .box_categorynavigation ul { padding: 0 0 0 0;} .box_categorynavigation ul ul{ padding: 0 0 0 10px;} .box_categorynavigation ul li {margin:0;padding:0; list-style-type: none;display:block;f} .box_categorynavigation ul li a{ color: #282828;padding-right:15px;display: block;} .box_categorynavigation ul li a:hover{color: #686868;} .box_categorynavigation ul a:hover { background: url("/layout/machart_studios/images/arrow_down.png") no-repeat center right;} .box_categorynavigation ul li.level1active a.level1active_link { padding: 0 0 0 10px; color: #686868; background: url("/layout/machart_studios/images/arrow_right.png") no-repeat center left;} .box_categorynavigation ul li.level2active a.level2active_link { padding: 0 0 0 10px; color: #686868; background: url("/layout/machart_studios/images/arrow_right.png") no-repeat center left;} .box_categorynavigation ul li.level3active a.level3active_link { padding: 0 0 0 10px; color: #686868; background: url("/layout/machart_studios/images/arrow_right.png") no-repeat center left;} .box_categorynavigation ul li.level4active a.level4active_link { padding: 0 0 0 10px; color: #686868; background: url("/layout/machart_studios/images/arrow_right.png") no-repeat center left;} .box_categorynavigation ul li.level5active a.level5active_link { padding: 0 0 0 10px; color: #686868; background: url("/layout/machart_studios/images/arrow_right.png") no-repeat center left;} .box_categorynavigation ul li.level6active a.level6active_link { padding: 0 0 0 10px; color: #686868; background: url("/layout/machart_studios/images/arrow_right.png") no-repeat center left;} .box_categorynavigation ul li.level1active {padding-bottom:7px} .box_categorynavigation ul li.level1active .level6 a{background: none;} .box_ts.box input{height:auto} .box_ts{background:#fff;padding:5px 10px 10px 10px ; border:1px solid #eee; margin:5px 0 25px 0} .box_newarticle { border-top: solid 1px #c2c2c2; padding: 20px 0 0 0; margin: 0 0 20px 0;} .box_newarticle h4 {font-weight:normal;margin-bottom:30px;} .box_newarticle .clearer.spacer {height:20px;} .box h3 {padding:5px 0;margin:7px 0} .box_brands { border-top: solid 1px #c2c2c2; padding: 40px 0 0 0; margin: 0 0 40px 0;} .box_contact { margin: 10px 0 30px 0;background: none repeat scroll 0 0 #EEEEEE; border: 1px solid #CCCCCC; color: #444444; margin-bottom: 10px; padding: 10px 10px 15px 40px; } .box_contact .telicon{margin: -3px 0 0 -33px; position: absolute; width: 29px; z-index: 9;} .box_contact h3{padding:0 0 7px 0;margin:0 0 0 -30px;} .box_lastseen.box h3{padding-bottom:0px; margin-bottom:0} .lastseen{padding:5px 0} .lastseen a img{width:70px;} .lastseen a{opacity:0.7;width:70px;height:70px;float:left;margin:0 5px 5px 0;border:1px dotted #ccc; overflow:hidden} .lastseen a:hover{opacity:1;border:1px solid #aaa} .bread{height: 20px;overflow: hidden;color: #BBBBBB; position: absolute; top: 112px;width: 728px;} .bread a{color:#bbb} #PlentyWebItemWishListItemsMain{border:4px solid #DDDDDD; padding:20px 0 20px 2px; float:left;} #PlentyWebItemWishListItemsMain .ItemsRow{ border-bottom: 1px solid #ccc; float:left;width:199px; padding:0 20px 30px;margin-bottom:35px;height:284px;} #PlentyWebItemWishListItemsMain .ItemsImage{height:100px;position:relative;overflow:hidden; margin:10px 0;} #PlentyWebItemWishListItemsMain .ItemsImage img{position:absolute; bottom:0;left:0; max-height:100px;max-width:200px;} #PlentyWebItemWishListItemsMain .PlentyWebMyAccountItemContainerHeaderTitle{height: 20px; overflow: hidden;margin-bottom:10px;} .produkt.lastseen { height: auto; } /* WARENKORB */ .wkvorschau { background: none repeat scroll 0 0 #EDEDED; margin: 7px 0 0 -5px; padding: 0 5px 0 5px; position: absolute; width: 230px; z-index: 2000; display: none; } .loginvorschau { background: none repeat scroll 0 0 #EDEDED; margin: -1px 0 0 -5px; padding: 0 5px 0 5px; position: absolute; width: 230px; z-index: 2000; display: none; } .wkvorschauartikel { width: 230px; margin: 0 0 5px 0; min-height: 60px; padding: 5px 0; border-style: none none solid; border-width: 1px; border-color: #ffffff; } .wkvorschauartikel:first-child { border-top-style: solid; } .wkimage { width: 55px;} .wklink { display: block; margin: 6px 0 0 5px; font-size: 11px; line-height: 2.2; } .wklink span { display: block; margin: -2px 3px 0 0;float:right;color: #fff;background: none repeat scroll 0 0 #434343; border: 1px solid #CACACA; padding: 1px 4px; margin-right: 2px; } .wkanzahl { font-size: 80%;} /* WARENKORBBUTTON */ .addtocart { height: 32px; border: solid 1px #c2c2c2; width: 180px; background: url("/layout/machart_studios/images/cartbg.gif") repeat-x;} .cartmenge { float: left; width: 27px; height: 32px;} .cartmengebtn { float: left; width: 27px; height: 16px;display: block;} .cartanzahl { height: 32px; width: 23px; float: left;} .cartanzahl input:hover, .cartanzahl input:focus{ color:#fff;border:0} .cartkaufen { height: 32px; width: 130px;float: left;} /* FOOTER */ .footer { border-top: solid 1px #c2c2c2; margin: 40px 0 0 0; padding: 20px 0 0 0px; font-size: 90%; color: #848484;} .footer ul { padding: 0 0 80px 0;margin: 0 30px 0px 0;} .footer ul ul{ padding: 0 0 80px 0;margin: 0 0px 0px 0;} .footertitle { font-weight: bold;color: #666666;} .footer ul li { padding: 0; margin: 0; list-style-type: none;} .footer a { color: #848484;} .footer a:hover { color: #000000;} .footer_title { font-weight: bold;} .footer_brands { float: left;} .footer_categories {float: left;} .footer_credit li {float: left;display:inline; margin-right:15px} .footer_credit li a{font-size:90%; color:#bbb;margin-right:15px} .footer_categories ul li ul {display: none;} .footer_categories ul li a {padding: 0 0 0 0;background: none; color: #848484;} .footer_categories ul li a:hover { padding: 0 0 0 0; background: none; color: #000000;} .footer_categories ul li a.level1active_link { padding: 0 0 0 0; background: none; color: #848484;} .footer_about { float: left;} .footer_shopinfo { float: left;} .footer_shopinfo li {} .footer_newsletter { float: right; width: 418px;} .footer_newsletter input[type=text] { color: #999999; } .footer_newsletter input[type=text]:hover, .footer_newsletter input[type=text]:focus { color: #404040; } /*ZOOM*/ .zoomPad { position:relative; float:left; z-index:99; cursor:crosshair;} .zoomPreload { -moz-opacity:0.8; opacity: 0.8; filter: alpha(opacity = 80); color: #333; font-size: 12px; text-decoration: none; border: 1px solid #CCC; background-color: white; padding: 8px; text-align:center; background-image: url(../images/zoomloader.gif); background-repeat: no-repeat;background-position: 43px 30px; z-index:110; width:90px; height:43px; position:absolute; top:0px; left:0px;* width:100px;* height:49px;} .zoomPup { overflow:hidden; background-color: #FFF; -moz-opacity:0.6; opacity: 0.6; filter: alpha(opacity = 60); z-index:120; position:absolute; border:1px solid #CCC; z-index:101; cursor:crosshair;} .zoomOverlay { position:absolute; left:0px; top:0px; background:#FFF; /*opacity:0.5;*/ z-index:5000; width:100%; height:100%; display:none; z-index:101;} .zoomWindow { position:absolute; left:110%;top:39px;background:#FFF; z-index:6000; height:auto; z-index:10000; z-index:110;} .zoomWrapper { position:relative; border:1px solid #999; z-index:110;} .zoomWrapperTitle { display:block; background:#999; color:#FFF; height:18px; line-height:18px; width:100%; overflow:hidden; text-align:center; font-size:10px; position:absolute; top:0px; left:0px; z-index:120; -moz-opacity:0.6; opacity: 0.6; filter: alpha(opacity = 60);} .zoomWrapperImage { display:block; position:relative; overflow:hidden; z-index:110;} .zoomWrapperImage img { border:0px; display:block; position:absolute; z-index:101;} .zoomIframe { z-index: -1; filter:alpha(opacity=0); -moz-opacity: 0.80; opacity: 0.80; position:absolute;display:block;} .zoomoptions h3, .zoomoptions h4{width:auto} .zoomoptions .producerlogo{max-width:190px; max-height:50px} .zoomoptions{background: none repeat scroll 0 0 #FFFFFF; border: 4px solid #DDDDDD; display: none; margin: -14px 0 0 0; padding: 10px; position: absolute; text-align: center; width: 208px; z-index: 110;} .zoomoptions .zoomimages img{width:50px; margin:5px; } .zoomoptions #mainimg{display:block; text-align:center } .zoomoptions .produkt_picture a{width: 208px;} .zoomoptions .zoomimages {padding:5px; border-top:1px dotted #ccc; display:block;} .zoomdesc{display: block; height: 79px; margin-bottom: 10px; overflow: hidden;} .zoomoptions p{margin:0;padding:0} .zoomdesc h1, .zoomdesc h2, .zoomdesc h3{display:none} .jqzoom{margin:0 auto; display:block;float:left} /*UPDATE*/ .produkt_price .plenty-base-price { display: block; clear: both; font-size: 60%; line-height: 80%; color: #999999; } .wkvorschauartikel .plenty-base-price { display: block; font-size: 80%; color: #666666; } /* NEW ATTRIBUTE SELECT */ /* clear */ .clear { clear: both; } /* wrapper */ .plentyAttributeSelectWrapper { margin-bottom: 5px; } /* wrapper title */ .plentyAttributeSelectWrapperTitle { } /* wrapper content */ .plentyAttributeSelectWrapperContent { display: inline-block; } /* ul (all) */ /* ul */ .plentyAttributeSelectWrapperContent ul { padding-left: 0; } /* li */ .plentyAttributeSelectWrapperContent ul > li { list-style: none; margin-left: 0; overflow: hidden; } /* disabled */ li.plentyAttributeSelectDisabled { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; cursor: default !important; } li.plentyAttributeSelectDisabled a { cursor: default !important; } /* DROPDOWN */ /* dropdown container */ .plentyAttributeSelectHasDropdown { position: relative; } /* height if dropdown closed */ .plentyAttributeSelectHasDropdown, .plentyAttributeSelectHasDropdown > div, .plentyAttributeSelectHasDropdown > .plentyAttributeSelectWrapperInnerClosed:hover { height: 18px; } /* openable container */ .plentyAttributeSelectHasDropdown > div { position: absolute; /*width: 100%;*/ /*has conflict with parent clearfix*/ overflow: hidden; background: #ffffff; border: 1px solid #cccccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* open dropdown if hovered */ .plentyAttributeSelectHasDropdown:hover > div { height: auto; z-index: 10000; -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3); } /* selectet item */ /* value (all) */ .plentyAttributeSelectedValue, .plentyAttributeSelectValue > a { padding: 0 0 0 7px; white-space: nowrap; } /* value selected */ .plentyAttributeSelectHasDropdown .plentyAttributeSelectedValue { position: relative; padding-right: 20px; } /* arrow container */ .plentyAttributeSelectHasDropdown .plentyAttributeSelectedValue > .plentyAttributeSelectedArrow { position: absolute; right: 2px; top: 2px; width: 12px; height: 12px; } /* arrow inner */ .plentyAttributeSelectHasDropdown .plentyAttributeSelectedValue > .plentyAttributeSelectedArrow > span { display: inline-block; border-style: solid; border-width: 5px; border-color: #999999 transparent transparent; } /* arrow hover */ .plentyAttributeSelectHasDropdown > div:hover .plentyAttributeSelectedValue > .plentyAttributeSelectedArrow > span { border-color: #777777 transparent transparent; } /* list */ /* list wrapper */ .plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper { max-height: 108px; /*adapt to height of li*/ overflow-y: auto; overflow-x: hidden; } /* ul */ .plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul { } /* li */ .plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li { height: 18px; } /* a */ .plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li a { display: block; padding-right: 20px; white-space: nowrap; } /* li hover / a focus */ .plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li:hover a, .plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li a:focus { background: #eeeeee; color: #000000; cursor: pointer; } /* reset li hover / a focus if disabled */ .plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li.plentyAttributeSelectDisabled:hover a, .plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li.plentyAttributeSelectDisabled a:focus { background: transparent; color: #000000; } /* li / a selected */ .plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li.plentyAttributeSelectSelected a { background: #eeeeee; } /* value & markup */ .plentyAttributeSelectValueName { /*float: left;*/ } .plentyAttributeSelectValueMarkup { padding-left: 5px; /*float: right;*/ } /* IMAGE GALLERY / TEXT BOX */ /* ul */ .plentyAttributeSelectHasImageGallery ul, .plentyAttributeSelectHasTextList ul { margin: 0 -5px -5px 0; } /* ul image gallery / text boxes */ .plentyAttributeSelectHasImageGallery ul, .plentyAttributeSelectHasTextList ul { line-height: 0; } /* ul text boxes */ .plentyAttributeSelectHasTextList ul > li { line-height: 1.5em; } /* image box size */ .plentyAttributeSelectHasImageGallery ul > li, .plentyAttributeSelectHasImageGallery ul > li > a { width: 60px; /*adapt box dimension to image dimension*/ height: 60px; } /* li */ .plentyAttributeSelectHasImageGallery ul > li, .plentyAttributeSelectHasTextList ul > li, .plentyAttributeSelectHasImageGallery ul > li.plentyAttributeSelectDisabled:hover, .plentyAttributeSelectHasTextList ul > li.plentyAttributeSelectDisabled:hover { display: inline-block; margin: 0 5px 5px 0; border: 1px solid #DDDDDD; border-radius: 3px; padding: 3px; } /* li hover / selected */ .plentyAttributeSelectHasImageGallery ul > li:hover, .plentyAttributeSelectHasTextList ul > li:hover, .plentyAttributeSelectHasImageGallery ul > li.plentyAttributeSelectSelected, .plentyAttributeSelectHasTextList ul > li.plentyAttributeSelectSelected { border-color: #999999; cursor: pointer; -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); } /* li selected image gallery */ .plentyAttributeSelectHasImageGallery ul > li.plentyAttributeSelectSelected { background: #DDDDDD; } /* li selected text box */ .plentyAttributeSelectHasTextList ul > li.plentyAttributeSelectSelected { background: #eeeeee; } /* reset li hover / selected if selected */ .plentyAttributeSelectHasImageGallery ul > li.plentyAttributeSelectDisabled:hover, .plentyAttributeSelectHasTextList ul > li.plentyAttributeSelectDisabled:hover { border-color: #DDDDDD; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* a */ .plentyAttributeSelectHasImageGallery ul > li > a { display: block; overflow: hidden; } /* img */ .plentyAttributeSelectHasImageGallery ul > li > a > img { border: none; } /* a hover / a focus text box */ .plentyAttributeSelectHasTextList ul > li a:hover, .plentyAttributeSelectHasTextList ul > li a:focus { color: #000000; } /* value text boxes */ .plentyAttributeSelectHasTextList .plentyAttributeSelectValue { padding-left: 5px; } /* value text boxes */ .plentyAttributeSelectHasTextList .plentyAttributeSelectValue { padding-left: 5px; padding-right: 5px; } Mitglied im Händlerbund