#empix {background:#FFFFFF; margin:0 auto; font: 1em "Open Sans", Arial, Helvetica, sans-serif; color:#333333; text-shadow:none; width: 290px;} #empix img {max-width:100%} #empix h1 {font-size:2em; padding:0; margin:0; color:#333; font-weight:normal} #empix h3 {font-size:1.4em; padding:0; margin:0; color:#333; font-weight:normal} #empix .eheader {} #empix .eheaderwrap {padding: 15px 0 0; margin:auto; width:95%; min-height:230px} #empix .eheaderwrap ul {list-style:none; padding:0; margin:0;} #empix .eheaderwrap li {float: left; padding:0; margin-right:15px;} #empix .eheaderwrap li a, #empix .eheaderwrap div div.ehinweis a {color:#333; text-decoration:none;} #empix .eheaderwrap li a:hover, #empix .eheaderwrap div div.ehinweis a:hover {color:#3aaa17;} #empix .eheaderwrap div div.ehinweis {width:100%; text-align:center; margin:1% auto 10px; background:#eee; border-radius:3px} #empix .elogo {width:100%; padding:10px 0 20px;} #empix .elogo div {float:right; text-align:right;} #empix .elogo div.slogan, #empix .elogo div {text-align: center; width:100%} #empix .elogo div + div {text-align: center; padding:10px 0} #empix .eheaderwrap form {border:0px solid red; margin:0; width:100%; text-align:center; clear:both; float:right; padding-top:10px; } #empix .eheaderwrap form input.suchfeld {border:1px solid #D6D5D5; width:80%; margin:0; height:37px !important; padding:0 10px; border-top-left-radius:4px; border-bottom-left-radius:4px; border-right:none; box-shadow:inset 0 2px 5px 0 #ddd; vertical-align: bottom !important} #empix .eheaderwrap form input.suchbutton {border:1px solid #000; width:10%; margin:0 0 0 -10px; padding:0; background:#333 url(../pix/lupe.png) center center no-repeat; border-top-right-radius:4px; border-bottom-right-radius:4px; height:37px !important; border-left:none; transition: background-color 1.0s ease; vertical-align: bottom !important} #empix .eheaderwrap form input.suchbutton:hover {background-color:#3aaa17; border-color:#2C980A; cursor:pointer;} #empix .eheaderwrap form a {background-color: #3aaa17; clear:both; width:88%; margin:10px auto; padding:3px; color:#fff; height:31px; text-align:center; font-size:1.2em; text-decoration:none; border-radius:4px; transition: background-color 1.0s ease;} #empix .eheaderwrap form a:hover {background-color: #2C980A;} #empix #eangebote {display:none} /* Sofort-Box */ div.sofortbox {background:#ccc; border-radius:3px; border:1px solid #999 !important; padding:5px 15px 15px 10px; margin:10px 0 10px 10px; width:100%; max-width:250px; text-align:left; color:#333} div.sofortbox { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #DDDDDD), color-stop(1, #EEEEEE)); background-image: -o-linear-gradient(bottom, #DDDDDD 0%, #EEEEEE 100%); background-image: -moz-linear-gradient(bottom, #DDDDDD 0%, #EEEEEE 100%); background-image: -webkit-linear-gradient(bottom, #DDDDDD 0%, #EEEEEE 100%); background-image: -ms-linear-gradient(bottom, #DDDDDD 0%, #EEEEEE 100%); background-image: linear-gradient(to bottom, #DDDDDD 0%, #EEEEEE 100%); } div.sofortbox .sofortpreis {color:#333; text-align:right} div.sofortbox .sofortpreis>span {float:left; font-size:12px; padding-top:14px; display:inline} div.sofortbox .sofortpreis>h1 {display:inline} div.sofortbox .sofortpreis+span {font-size:12px; display:block; text-align:right; padding:0} div.sofortbox .soforttext {display:block; padding:5px 10px; border-bottom:1px solid #666;} div.sofortbox .soforttext ul {padding-left:15px} div.sofortbox a.sofortbutton {color:#fff !important; background:#0079BC; border:1px solid #00509D; border-radius:3px; padding:7px 15px; text-decoration:none; font:16px Arial, Helvetica, sans-serif; font-weight: normal; margin-top:15px; display:inline-block; float:right} div.sofortbox a.sofortbutton { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0079BC), color-stop(1, #00509D)); background-image: -o-linear-gradient(bottom, #0079BC 0%, #00509D 100%); background-image: -moz-linear-gradient(bottom, #0079BC 0%, #00509D 100%); background-image: -webkit-linear-gradient(bottom, #0079BC 0%, #00509D 100%); background-image: -ms-linear-gradient(bottom, #0079BC 0%, #00509D 100%); background-image: linear-gradient(to bottom, #0079BC 0%, #00509D 100%); } div.sofortbox a.sofortbutton:hover {background:#00509D; text-decoration:none} span.last-line { margin-top:10px; line-height:18px; float:left} span.last-line a {font-size:12px; text-decoration:none; color:#666; padding-top:2px; } span.last-line a:hover {color:#333; text-decoration:underline;} span.last-line a + a {float:left} /* // */ #empix .ebody {margin:0; padding:0 0 10px; background:url(../pix/bg_body.png) 0 8px repeat-x; width:100%; border:0px solid red; clear:both} #empix .ebodywrap {margin:auto; border:0px solid red; width:95%;} #empix .emenu {border:0px solid black; width:100%; margin-top:15px; position:relative; float:left;} #empix .emenu h3 {color:#fff; background:#3AAA17; margin:0; padding:10px; border-bottom:4px solid #2C980A;} #empix .emenu h3 {border-top-left-radius:5px; border-top-right-radius:5px;} #empix .emenu ul {list-style:none; background:#FFF url(../pix/bg_menu.jpg) repeat-x; padding:0; margin:0 auto 25px} #empix .emenu li {padding:10px; border:1px solid #D6D5D5; border-top:none; color:#333} #empix .emenu li:first-child {border-top:1px solid #D6D5D5;} #empix .emenu li a {font-size:1em; color:#333; text-decoration:none; display:block;} #empix .emenu li:hover {background:#FFF} #empix .emenu li:hover a {color:#3aaa17;} #empix .emenu li img {/*margin-right:5px;*/ vertical-align:bottom} /* #empix .emenu li img.icon_shipping {margin-left:-3px;} #empix .emenu li img.icon_payment {margin-left:-3px;} */ #empix ul.kategorien h3 {color:#fff; background:#3AAA17; margin:0; padding:10px; border-bottom:4px solid #2C980A;} #empix ul.kategorien h3 {border-top-left-radius:5px; border-top-right-radius:5px;} #empix ul.kategorien {list-style:none; background:#FFF url(../pix/bg_menu.jpg) repeat-x; padding:0; margin:0 auto 25px} #empix ul.kategorien ul {padding:0; margin:0; list-style:none; background:none} #empix ul.kategorien li {padding:0; border:none} #empix ul.kategorien li:first-child {border:none} #empix ul.kategorien li:hover a {background:#FFF; color:inherit} #empix ul.kategorien li a {font-size:1em; color:#333; text-decoration:none; display:block; padding:10px; border:1px solid #D6D5D5; border-top:none; color:#333} #empix ul.kategorien li a:hover {color:#3aaa17;} #empix ul.kategorien ul a {padding-left:20px;} #empix ul.kategorien ul a:before{content:'› '} #empix ul.kategorien ul ul a {padding-left:35px;} #empix ul.kategorien ul ul a:before{content:'›› '} #empix ul.kategorien ul ul ul a {padding-left:50px;} #empix ul.kategorien ul ul ul a:before{content:'››› '} #empix ul.kategorien li img {margin-right:5px; vertical-align:bottom} #empix img.icon_shipping {width:95px; height:auto} #empix img.icon_payment {width:95px; height:auto} #empix .econtent {border:0px solid yellow; padding-left:0; float:right; width: 100%; padding-top:30px; font-family: Arial, Helvetica, sans-serif Arial, Helvetica, sans-serif} #empix .econtent img, #empix .econtent object {max-width:100%} #empix .econtent h1, #empix .econtent h2, #empix .econtent h3 {font-family:"Open Sans"} #empix .econtent table {border-collapse:collapse;} #empix .econtent table td{padding:4px; margin:0} #empix .econtent table tr:nth-of-type(odd) td {background-color: #F1F1F1;} #empix #enavi {display:block} #empix .nachoben {padding:5px; margin: 15px 0 !important; background:#CCC; text-decoration:none; color:#FFF; display:block} #empix .efeatures {border:3px solid #3AAA17; background:#FFF url(../pix/bg_menu.jpg) 40px 0 repeat-x; border-radius:5px; width:40%; min-width:150px; padding:0; margin:0 0 25px 25px; float:right; text-align:left;} #empix .efeatures h3 {color:#fff; background:#3AAA17; margin:0; padding:7px 10px 9px;} #empix .efeatures ul {padding:10px 40px 0; margin:0;} #empix .efeatures .epreis {border-top:1px dotted #666666; font-size:18px; margin:5px 20px 10px; padding:5px 0 0} #empix .estern {width:110px; height:110px; text-align:center; color:#990000; /* background:url(../pix/stern.png) no-repeat; */ padding:40px; margin:-200px 20px 0; display:none} #empix .estern .fa {color:inherit; font-size:2.5em} #empix .efooter {background:#cccccc; padding:20px; margin-top:0} #empix .efooterwrap {border:0px solid red; margin:auto; width:95%;} #empix .efooterwrap div {width:100%; float:left} #empix .efooterwrap div a, #empix .efooterwrap div a:visited {text-decoration:none; color:#333} #empix .efooterwrap form input.newsletterfeld {border:1px solid #D6D5D5; margin:0 0 5px 0; padding:5px; height:25px; width:245px; font-size:1em; border-top-left-radius:4px; border-bottom-left-radius:4px; border-right:none; box-shadow:inset 0 2px 5px 0 #ddd} #empix .efooterwrap form input.newsletterbutton {border:1px solid #000; margin:0; padding:0 0 0 30px; color:#FFF; background:#333 url(../pix/go.png) 15px center no-repeat; height:37px; width:165px; font-size:1em; text-align:left; border-radius:4px; transition: background-color 1.0s ease;} #empix .efooterwrap form input.newsletterbutton:hover {background-color:#3aaa17; border-color:#2C980A; cursor:pointer;} #empix .ecolor {color:#3aaa17} #empix .ered {color:#990000} #empix .ewhite {color:#FFF} #empix .egrey {color:#D6D5D5} #empix .edarkgrey {color:#777777} #empix .eclear {clear:both} #empix .fa {margin-right:0;} /* Galerie */ #empix #egal {display:none} #empix #egal_smart {white-space:nowrap; width:100%; overflow:auto; display:block} #empix #egal_smart img {max-width:100%; vertical-align:bottom; margin-right:10%} /* // Galerie */ #empix h3.weitereAngebote {text-align:center} #empix h3.weitereAngebote span {float:none} #empix div.weitereAngebote {white-space:nowrap; height:240px; text-align:center; max-width:100% !important; overflow:scroll; overflow-y:hidden; background:#eee; border:5px solid #ccc; border-left:none; border-right:none; padding:15px 0; margin:30px 0 0; display:block} #empix div.weitereAngebote div {vertical-align:top; display: inline-block; padding:0 40px; border-right:1px dotted #ccc; max-width:390px; height:100%} #empix div.weitereAngebote a {padding:0; margin:0 10px 0; float:left} #empix div.weitereAngebote div span {width:auto; font-size:0.8em; white-space:normal; text-align:left !important} @media (min-width: 800px) { /* Tablet */ #empix {font-size:0.9em; width: 750px} #empix #eangebote {display:block} #empix #enavi, #empix .nachoben {display:none} #empix .eheaderwrap {width:720px;} #empix .eheaderwrap div.ehinweiswrap {padding-bottom:30px; border-bottom:1px solid #D6D5D5;} #empix .eheaderwrap ul {border:0px solid red; float:left} #empix .eheaderwrap div div.ehinweis {float: right; text-align:right; background:none; display:inline; border:0px solid red; width:auto; margin:0; background:none} #empix .elogo {padding:20px 0;} #empix .elogo div {float:right; text-align:right; width:auto; padding-top:5px;} #empix .elogo div + div {float:left; width:auto; text-align:left; padding-top:20px;} #empix .eheaderwrap form {width:513px; text-align:left} #empix .eheaderwrap form input.suchfeld { width:180px;} #empix .eheaderwrap form input.suchbutton {width:45px;} #empix .eheaderwrap form a {float:right; width:250px; margin:0; padding:3px 0 4px;} #empix .ebodywrap {width:740px;} #empix .econtent {width: 513px} #empix #egal {display:none} #empix #egal_smart {display:block} #empix .efeatures {width:180px;} #empix .efeatures .epreis {font-size:18px; } #empix .emenu, #empix .kategorien { width:200px; margin-top:-39px} #empix .estern {display:none} #empix .efooterwrap {border:0 solid red; width:740px;} #empix .efooterwrap div {width:33%; } div.sofortbox {max-width:290px; float:right} /* Galerie */ #empix #egal {margin:0; width:513px; overflow:hidden; border:none; display: none} #empix #egal #eleinwand { width:20000px; float:left; position:relative; left:0; -moz-transition: 1s; -o-transition: 1s; -webkit-transition: 1s;} #empix #egal #eleinwand span {width:513px; float:left; border:0px solid red; text-align:center} #empix #egal #eleinwand span img {max-width: 513px; margin:auto} #empix #egal a img { width:76px; height:auto !important; margin: 5px 5px 15px 0; border:1px solid #D6D5D5} #empix #egal a + a:hover ~ #eleinwand , #empix #egal a + a:focus ~ #eleinwand {left:-513px;} #empix #egal a + a + a:hover ~ #eleinwand , #empix #egal a + a + a:focus ~ #eleinwand { position:relative; left:-1026px;} #empix #egal a + a + a + a:hover ~ #eleinwand , #empix #egal a + a + a + a:focus ~ #eleinwand { position:relative;left:-1539px;} #empix #egal a + a + a + a + a:hover ~ #eleinwand , #empix #egal a + a + a + a + a:focus ~ #eleinwand { position:relative; left:-2052px; } #empix #egal a + a + a + a + a + a:hover ~ #eleinwand , #empix #egal a + a + a + a + a + a:focus ~ #eleinwand { position:relative; left:-2565px; } #empix #egal_smart {display:block} /* // Galerie */ } @media (min-width: 1150px){ /* Desktop */ #empix {font-size:1em; } #empix #eangebote {display:block;} #empix #enavi, #empix .nachoben {display:none} #empix .eheaderwrap div.ehinweiswrap {padding-bottom:30px; border-bottom:1px solid #D6D5D5;} #empix .eheaderwrap {width:980px;} #empix .eheaderwrap ul {border:0px solid red; float:left} #empix .eheaderwrap div div.ehinweis {float: right; text-align:right; background:none; display:inline; border:0px solid red; width:auto; margin:0} #empix .elogo {padding:20px 0;} #empix .elogo div {float:right; text-align:right; width:auto; padding-top:5px;} #empix .elogo div + div {float:left; width:auto; text-align:left; padding-top:20px;} #empix span.slogan {position:absolute} #empix .eheaderwrap form {width:730px; text-align:left} #empix .eheaderwrap form input.suchfeld { width:300px;} #empix .eheaderwrap form input.suchbutton {width:65px;} #empix .eheaderwrap form a {float:right; width:310px; margin:0; } #empix .ebodywrap {width:980px;} #empix .econtent {width: 730px} #empix #egal {display:block} #empix #egal_smart {display:none;} #empix .efeatures {width:220px;} #empix .efeatures .epreis {font-size:2em; } #empix .emenu, #empix .kategorien { width:220px; margin-top:-42px} #empix .efooterwrap {border:0 solid red; width:980px;} div.sofortbox {max-width:290px; float:right;} /* Galerie */ #empix #egal {margin:25px 0; width:730px; overflow:hidden; border:none; display:block} #empix #egal #eleinwand { width:20000px; float:left; position:relative; left:0; -moz-transition: 1s; -o-transition: 1s; -webkit-transition: 1s;} #empix #egal a { position:relative; float:left;} #empix #egal #eleinwand span {display:inline-block; width:730px; float:left; border:0px solid red; text-align:center} #empix #egal #eleinwand span img {max-width: 730px; margin:auto} #empix #egal a img { width:112px; height:auto !important; margin: 5px 9px 30px 0; border:1px solid #D6D5D5} #empix #egal > a + a + a + a + a + a img {margin-right:0} #empix #egal a:focus img {border-color:#999;} #empix #egal a:hover ~ #eleinwand , #empix #egal a:focus ~ #eleinwand {left:0;} #empix #egal a + a:hover ~ #eleinwand , #empix #egal a + a:focus ~ #eleinwand {left:-730px;} #empix #egal a + a + a:hover ~ #eleinwand , #empix #egal a + a + a:focus ~ #eleinwand { position:relative; left:-1460px;} #empix #egal a + a + a + a:hover ~ #eleinwand , #empix #egal a + a + a + a:focus ~ #eleinwand { position:relative;left:-2190px;} #empix #egal a + a + a + a + a:hover ~ #eleinwand , #empix #egal a + a + a + a + a:focus ~ #eleinwand { position:relative; left:-2920px; } #empix #egal a + a + a + a + a + a:hover ~ #eleinwand , #empix #egal a + a + a + a + a + a:focus ~ #eleinwand { position:relative; left:-3650px; } #empix #egal_smart {display:none} /* // Galerie */ } @media(min-width:350px){ .econtainer{width:325px}}@media(min-width:400px){.econtainer{width:375px}}@media(min-width:450px){.econtainer{width:425px}}@media(min-width:500px){.econtainer{width:475px}}@media(min-width:550px){.econtainer{width:525px}}@media(min-width:600px){.econtainer{width:575px}}@media(min-width:650px){.econtainer{width:625px}}@media(min-width:700px){.econtainer{width:675px}}@media(min-width:750px){.econtainer{width:725px}}@media(min-width:800px){ .econtainer{width:775px}}@media(min-width:850px){.econtainer{width:825px}}@media(min-width:900px){.econtainer{width:875px}}@media(min-width:950px){.econtainer{width:925px}}@media(min-width:1000px){.econtainer{width:975px}}@media(min-width:1050px){.econtainer{width:1025px}}@media(min-width:1100px){.econtainer{width:1075px}}@media(min-width:1150px){.econtainer{width:1125px}}@media(min-width:1200px){.econtainer{width:1175px}}@media(min-width:1250px){ .econtainer{width:1225px}}@media(min-width:1300px){.econtainer{width:1275px}}@media(min-width:1350px){.econtainer{width:1325px}}@media(min-width:1400px){.econtainer{width:1375px} } /* ########################################### Shop-Styles ###################################################### /* /* Reset */ .pagecontainer .stBadge-accent {background:#2C980A} .pagecontainer .stBadge-accent td {background:#3BB614} /* .pagecontainer a:link, .pagecontainer a.visited {color:#1A5808; text-decoration:none} .pagecontainer a:hover {color:#2C980A} */ /* Headerframe */ .pagelayout {background:url(../pix/bg_body.png) 0 424px repeat-x;} .pagecontainer {width:980px; border:0px dotted green; margin:auto} .pagecontainer > table {border:0px solid blue;} .pagecontainer table table #empix {width:980px; font-size:16px; margin-top:50px} .pagecontainer table table #empix .eheaderwrap form input.suchfeld {height:35px !important} .pagecontainer table table + table { border:0px solid red; margin-top:-83px } .pagecontainer table table + table table {margin-top:0} .pagecontainer #CentralArea { padding-top:80px; padding-left:25px; } .pagecontainer #TopPromoArea {padding:80px 0 0 25px; margin:0 auto; border:0px solid red;} .pagecontainer #TopPromoArea table.v4thldr td {font: 14px "Open Sans", Arial, Helvetica, sans-serif; color:#333; text-shadow:none;} /* Leftframe */ .pagecontainer #LeftPanel {padding-top:20px} /* Kategorie Kopf */ .pagecontainer #LeftPanel table.v4acp * {background:none; padding:0;} .pagecontainer #LeftPanel .v4accent, .pagecontainer #LeftPanel .v4hspacer {display:none} .pagecontainer #LeftPanel table.v4acp{ background:#3AAA17; margin:0; padding:10px; border-bottom:4px solid #2C980A; border-top-left-radius:5px; border-top-right-radius:5px; } .pagecontainer #LeftPanel .v4title h2 { font: 22px "Open Sans", Arial, Helvetica, sans-serif; color:#fff; } .pagecontainer #LeftPanel .v4title { font: 16px "Open Sans", Arial, Helvetica, sans-serif; color:#fff; } /* Kategorie Body */ .pagecontainer #LeftPanel table.v4acpcont {border:0px solid red; width:210px;} .pagecontainer #LeftPanel table.v4nfc * {background:none; padding:0; margin:0 } .pagecontainer #LeftPanel table.v4midBox{border:none} .pagecontainer #LeftPanel table.v4nfc { background:#FFF url(../pix/bg_menu.jpg) repeat-x; } .pagecontainer #LeftPanel table.v4nfc .lcat, .pagecontainer #LeftPanel table.v4nfc table { /* Kategorien */ border:1px solid #D6D5D5; border-top:none; color:#333; border-bottom:none; width:208px; } .pagecontainer #LeftPanel table.v4nfc table.v4clp { /* Zusatzboxen */ width:210px; } .pagecontainer #LeftPanel table.v4nfc table.v4clp .pagecontainer #LeftPanel .lcat div.ttl, .pagecontainer #LeftPanel .lcat ul.lev1, .pagecontainer #LeftPanel .lcat .all_cats, .pagecontainer #LeftPanel table.v4clp td.oc li { font: 16px "Open Sans", Arial, Helvetica, sans-serif; color:#333; list-style:none; margin:0; padding:10px; border-bottom:1px solid #D6D5D5; } .pagecontainer #LeftPanel li span {color:#3BB614; font-weight:normal} .pagecontainer #LeftPanel a:link, .pagecontainer #LeftPanel a.visited {color:#333; text-decoration:none; font-weight:normal} .pagecontainer #LeftPanel a:hover {color:#3BB614} .pagecontainer #LeftPanel .lcat > *:hover, .pagecontainer #LeftPanel .v4clp td:hover { background:#fff; } .pagecontainer #LeftPanel .lcat ul.lev2 {padding-left:20px} .pagecontainer #LeftPanel .lcat .all_cats {font-size:11px; font-style:normal} @media (min-width: 350px) {#empix {width: 325px;}} @media (min-width: 400px) {#empix {width: 375px;}} @media (min-width: 450px) {#empix {width: 425px}} @media (min-width: 500px) {#empix {width: 475px}} @media (min-width: 550px) {#empix {width: 525px}} @media (min-width: 600px) {#empix {width: 575px}} @media (min-width: 650px) {#empix {width: 625px}} @media (min-width: 700px) {#empix {width: 675px}} @media (min-width: 750px) {#empix {width: 725px}} @media (min-width: 800px) {#empix {width: 775px}} @media (min-width: 850px) {#empix {width: 825px}} @media (min-width: 900px) {#empix {width: 875px}} @media (min-width: 950px) {#empix {width: 925px}} @media (min-width: 1000px) {#empix {width: 975px}} @media (min-width: 1050px) {#empix {width: 1025px}} @media (min-width: 1100px) {#empix {width: 1075px}} @media (min-width: 1150px) {#empix {width: 1125px}} @media (min-width: 1200px) {#empix {width: 1175px}} @media (min-width: 1250px) {#empix {width: 1225px}} @media (min-width: 1300px) {#empix {width: 1275px}} @media (min-width: 1350px) {#empix {width: 1325px}} @media (min-width: 1400px) {#empix {width: 1375px}}