/* OXID look&feel generated CSS */ /* Base */ html,body {height: 100%;} body,table,input,select,textarea,tt {font:12px Arial,Helvetica,sans-serif;color: #707070; } body {margin:0;padding:0;background:#ffffff url(bg/bg_streifen.gif);} h1 {font-size: 13px;} h2 {font-size: 11px;} h3 {font-size: 10px;} strong.h2 {font-size: 12px;} strong.h3 {font-size: 10px;} img {border:none;} ul {padding:0 0 0 2em;} hr {margin:4px 0;height:1px;text-align:center;color:#cbcbcb;background-color:#cbcbcb;border: 0;} hr.line{background-color:#EEEFF0;border:none;color:#EEEFF0;height:1px;margin:4px 0} /* Typography */ a{text-decoration:none; color: #CC0019} a:hover{text-decoration:underline;} .hl {color:#F90 !important;} .note{color:#CC0019;} .req {} .err {color:#CC0019;} .done {color:#00B910;} .red, .red a {color: #CC0019 !important;;} .link {background: url(bg/oxid_ee_.gif) no-repeat 0 -385px;padding-left:14px;font-size:10px;text-decoration:none;color:#555555 !important; line-height:1.1em;} .link2 {padding-left:0;font-size:10px;text-decoration:none;color:#757C83 !important; line-height:1.1em;} .link:hover, .link2:hover {text-decoration: underline;} .def_color_1 {color:#757C83;} .fs12 {font-size: 12px !important;} .fs11 {font-size: 11px !important;} .fs10 {font-size: 10px !important;} .nobrd {border: none !important;} .nobold {font-weight: normal !important;} .ta_right {text-align: right !important;} div.right, span.right {float:right;} div.left, span.left {float:left;} a.black_link {color: #000 !important;} a.black_link:hover {color: #f90 !important;} .clear_left {clear: left;} .clear_right {clear: right;} .clear_both {clear: both;} lastinrow{margin-right: 0px !important} /* Forms */ form{margin-top:0px;margin-bottom:0px;} input, select {color: #000000;} .overlib {display: none;} /* Scroller*/ .scrollerlinks img {width: 30px; height: 100px;} a.mouseover_left {position: absolute; left:0px; top: 0px; width: 30px; height: 100px;display: block;cursor: default; z-index: 1000} a.mouseover_right {position: absolute; right:0px; top: 0px; width: 30px; height: 100px;display: block;cursor: default; z-index: 1000} span.btn{background: transparent url(bg/buttons_ee_.gif) left -150px no-repeat;padding: 0 0px 0 3px;height:18px;line-height:18px;display:-moz-inline-stack;display:inline-block;margin:0;outline:0;} span.btn input, span.btn a{font-size: 11px;border:none;height:18px;line-height:11px;outline:0;position:relative;display:block;padding:0px 24px 2px 3px;margin:0;color:#ffffff;font-weight: bold;cursor:pointer;background: transparent url(bg/buttons_ee_.gif) no-repeat right -150px;} .arrowleft span.btn{background: transparent url(bg/buttons_ee_.gif) right -315px no-repeat;padding: 0;height:18px;line-height:18px;display:-moz-inline-stack;display:inline-block;margin:0;outline:0;} .arrowleft span.btn input {font-size: 11px;border:none;height:18px;line-height:11px;outline:0;position:relative;display:block;padding:0px 5px 2px 22px;margin:0;color:#ffffff;font-weight: bold;cursor:pointer;background: transparent url(bg/buttons_ee_.gif) no-repeat left -315px;} span.btn a{padding:3px 24px 2px 3px; position:relative;} span.btn a:hover {text-decoration: none !important;} span.btn.backtotop {float: right;} span.btn.backtotop a {color: #ffffff !important;} p.backtotop {clear: both; padding-top: 5px;} span.btn.white {background-position: left -50px;} span.btn.white input, span.btn.white a{color:#3A3A3A !important;background-position: right -50px;} input.btn.hl {border-color:#f90;color:#f90;} input.chbox {vertical-align:middle; margin-top: 0px;} input.chk {margin: 1px 5px 1px 0px !important; padding: 0 !important;} input.txt, select {height: 17px; padding-top: 1px; border: 2px solid #CDCDCD;} select {height: 22px;} textarea {border: 2px solid #A0A0A0;color: #000000} textarea.fullsize {width: 100%;} input.openid {background: #fff url(bg/openid-icon-small.gif) no-repeat 0 50%; border:1px solid activeCaption; padding:2px 1px 2px 18px;} /* Styled Select Box */ .select {position: relative;} .select select {opacity:0; -moz-opacity:0; filter:alpha(opacity=0); height: 21px; position: absolute; top: 0px; left: 0px; width: 345px; } .select div {background: #FFFFFF url(bg/select.gif) right 0px no-repeat; color: #000000; height: 17px; width: 320px; border: 2px solid #CDCDCD; padding: 2px 20px 0px 2px; overflow: hidden; text-align: left;} .vmargin .select div {margin: 2px 0;} /* Tables .....*/ table {border-collapse: collapse;} table.min_width {width:auto} th {text-align: left;padding: 0 5px 0 0;font-weight: normal;} tr.row_sep td hr{display:none;} tr.row_sep td div{background: url(bg/sepatator_ee_.gif) no-repeat center center; margin: 0;height: 15px;} tr.sep td, tr.sep th {background: url(bg/dot_sep.gif) repeat-x center center;} /* Navigation - bars */ div.bar {vertical-align: middle;} div.bar .left {float:left;} div.bar .right {float:right;} /* Navigation - tree */ ul.tree {padding:0;margin:0 0 20px 0;} ul.tree ul {padding:0;margin:0 0 0 0px;} ul.tree li {padding:0;margin:0;list-style: none;} ul.tree li a{line-height: 100%;} /* Layout */ div#page { width:996px;margin:0px auto 0;padding:0 14px;position: relative;background:#ffffff url(bg/bg_page.gif) repeat-y;} div#header { clear:both;height: 204px;} div#path { margin:188px 0 0 185px;padding:0px;color:#555555;} div#content { clear:both;overflow:hidden;height: 100%; padding-bottom: 10px;} div#body { float:left; margin:0px;padding:0px;width: 825px;padding-bottom: 32768px; margin-bottom: -32768px;} div#left { float:left; margin-right: 18px; width:152px;background:#DFDFDF; padding-bottom: 32768px; margin-bottom: -32768px;} div#right { float:right; width:152px;background:#DFDFDF;color: #707070;padding-bottom: 32768px; margin-bottom: -32768px;} div#footer { clear:both; background:#ffffff;} div.clear {clear: both;} div#body.start { width: 843px;} div#body.filled { background: #BBB9BA;} div#body.filled.details_body {background: #BBB9BA url(bg/details_verlauf_oben.gif) 0px 0px repeat-x;} div#content.details_content {padding-bottom: 0px;} /* Blank pages, popups */ div#body.plain {margin: 0; padding: 0; width: 100%;} /* + layout - header */ #header div.bar .fixed {min-width:184px;border-right:1px solid #ffffff;float:left;} div.bar.oxid {background:url(bg/bg_header.jpg) left bottom no-repeat; height: 122px; position: relative;} div.bar.oxid .logo {width: 280px; height: 60px; position: absolute; top: 50px; left: 25px;} dl.box {position: absolute; text-align: left;padding: 0; margin: 0} dl.box dd {margin: 0px;} dl.bar.lang {float: left; margin: 0px; padding: 5px 0px 0px 0px;} dl.bar.lang dd {padding:0px;margin:0px} dl.bar.lang dd ul {padding:0px;margin:0px} dl.bar.lang dd ul li {list-style: none;margin: 0px;padding:1px 0;float: left;color:#8D9192;} dl.bar.lang dd ul li a{ display: block; color:#8D9192;text-decoration: none;padding: 0 10px;} dl.bar.lang dd ul li a.first {padding-left: 0px; padding-top: 1px} dl.bar.lang dd ul li a img {display:block; margin-top: 1px} dl.bar.lang dd ul li span {float: left} dl.bar.service {float: right; margin: 0px; padding: 5px 0px 0px 0px} dl.bar.service dd ul{padding:0;} dl.bar.service dd ul li{list-style: none;padding:1px 0;float: left;color:#8D9192;} dl.bar.service dd ul li a{color:#8D9192;text-decoration: none;padding: 0 10px;} dl.bar.service dd ul li a.last {padding-right: 0px;} dl.bar.service dd ul li a:hover {text-decoration: underline;} dl.box.account {top: 35px; color: #8D9192; padding: 0px; margin: 0px;} dl.box.account dd {line-height: 150%;} dl.box.search {width: 290px; left: 365px; top: 75px;} dl.box.search input.txt {border: none; width: 225px; padding-left: 5px;background: none;} dl.box.search input.submit {border: none; width: 30px; height: 20px; cursor: pointer; background: none;} dl.box.basket {width: 290px; left: 690px; top: 50px;} dl.box.basket dt a {display: block;} dl.box.basket dt a img {width: 210px; height: 20px;} dl.box.basket dd div {color: #ffffff; font-size: 16px; font-weight: bold; margin: 0px 0px 3px 0px; padding: 0px;} dl.box.basket dd div.deliveryinfo {font-size: 10px; font-weight: normal; margin: 7px 0px 0px 0px;} dl.box.basket dd a {color: #ffffff;} div.bar.links.single{background:#014d7f;} div.bar.links.single a{color:#ffffff;} div.bar.links.single a.act{color:#e2e2e2;} /* Navigation - menues */ ul.menue {padding:0; margin:0; list-style:none;} ul.menue li {margin:0; white-space:nowrap;} ul.menue li a {line-height: 100%;} ul.menue.horizontall li {float:left;} ul.menue.verticall li {float:none;height: 100%;} .dropdown { visibility: hidden; display:none; position:absolute; left:0;top:25px;padding:0;margin:0;z-index:1000;} .open .dropdown { visibility: visible; display: block;} div.bar.categories {margin-top: 10px; position: absolute; top: 140px; left: 14px} div.bar.categories li {padding: 2px 8px 4px 8px;} div.bar.categories li.trenner {padding: 3px 0px; color: red;} div.bar.categories li.trenner.wide {padding: 3px 0px;} div.bar.categories li.firstinline {padding-left: 0px; padding-right:5px} div.bar.categories li.lastinline {padding-right: 0px; padding-left:6px} div.bar.categories #secondline li.lastinline {padding-left:10px} div.bar.categories a { border-bottom: 3px solid; min-width:50px;text-align:center;line-height:1;color:#000000; text-transform: uppercase; display:block; padding: 0px 1px 3px 1px;font-weight: normal;font-size:15px;} div.bar.categories li.firstinline a {padding-left: 0px;} div.bar.categories li.lastinline a {padding-right: 0px;} div.bar.categories a:hover {text-decoration: none !important;} div.bar.categories li.open a { text-decoration: none; border-bottom: 5px solid;} div.bar.categories li a.exp{ color: #000000;text-decoration: none;border: none;} div.bar.categories li.open a.exp {border-bottom: 5px solid;} div.bar.categories a#root9.exp {color: #ffffff;} div.bar.categories a#root11.exp {color: #ffffff;} div.bar.categories a#root12.exp {color: #ffffff;} div.bar.categories a#root15.exp {color: #ffffff;} div.bar.categories a#root16.exp {color: #ffffff;} #firstline {position: absolute; left:0px; top: -15px; width:995px;height: 20px;} #secondline {position: absolute; left:0px; top: 10px;width:995px } div.bar.categories ul.menue.verticall li {float:none;padding:0px;} div.bar.categories ul.menue.verticall li a, div.bar.categories ul.menue.verticall li.open a {float: none; border: none; margin: 0;text-transform: none;text-align:left;padding: 3px 3px; color:#000000; font-size: 12px;font-weight: normal;} div.bar.categories ul.menue.verticall li a:hover, div.bar.categories ul.menue.verticall li.open a:hover { color:#ffffff !important;} div.bar.categories ul.menue.verticall li strong a { font-weight:bold; margin: 5px 0px 10px 0px;} div.bar.categories ul.menue.verticall li strong.empty {display: block; height: 33px; cursor: default} div.bar.categories ul.menue table {width: 995px;} div.bar.categories ul.menue table td {vertical-align: top; padding: 0px 5px;} div.bar.categories ul.menue table tr.last {height: 10px;} div.bar.categories ul.menue table td.border {background: url(bg/strichel-vertikal-weiss.gif) 0px 40px repeat-y;} div.bar.categories ul.menue table tr.border td {height: 5px;} /* + layout - footer*/ #footer a{text-decoration: none;} #footer a:hover{text-decoration: underline;} #footer .shopicons {padding: 0 150px;} #footer .footertext {text-align: center; font-size: 12px; padding: 30px 0 20px 0; clear: both;color:#555555} div.bar.copy{ height:13px;text-align: center;padding:5px 0px 20px 0px;color: #5D5B5B} div.bar.copy a {color: #5D5B5B} div.bar.shop{ border-top: 1px solid #1A171B; margin-top: 15px;color:#5D5B5B;padding:8px 0px;text-align: center;} div.bar.shop a {color: #5D5B5B} div.bar.icons{text-align: center; } div.bar.icons a {margin: 0 5px; vertical-align: middle} /* minibasket */ .box.minibasket .hr {background: url(bg/sepatator_ee_.gif) no-repeat center center; height: 15px;} .box.minibasket .tocart { height:18px; line-height:18px; width: 149px; background: transparent url(bg/buttons_ee_.gif) no-repeat right 0; margin-left:auto; border: 0 none;padding:0 1px 0 0;} .box.minibasket .tocart input{ width: 149px; height:18px;text-align:center; background: transparent url(bg/buttons_ee_.gif) no-repeat left 0; margin:0; border:0;color:#ffffff;padding:2px 0 0 23px;cursor:pointer;font-weight: bold;} /* + layout - left */ #left strong.h2{display: block;} #left strong.h2{background: #D70112 url(bg/e_headline.png) no-repeat;padding:3px 5px 2px 27px;margin: 0px;color:#ffffff; text-transform: uppercase; height: 15px;overflow: hidden} #left strong.h2 a {text-decoration: none; color: #ffffff} #left strong.h2 a:hover {text-decoration: underline;} #left p{padding: 4px 0px 5px 5px;margin: 0px} #left form.search{padding:5px 0;} #left .search input.txt {width:122px;margin-top:2px;padding:1px 0;} #left .search select {width:126px;margin-top:2px;padding:1px 0;} #left .search span.btn input {font-weight: bold;width:28px;text-align: center;} #left .info {margin-bottom: 10px;} #left hr {margin: 3px 10px;} /* left minibasket */ #left .box.minibasket {padding:7px 10px;} /* information list */ #left ul.info {margin:0;padding:0 0 10px 0;} #left ul.info li {list-style: none; padding: 0; margin: 0;} #left ul.info li a {background:url(bg/icons_ee_.gif) no-repeat right -49px; color: #555555;display: block;padding:4px 20px 4px 5px; } /* news list */ #left dl.news {margin: 7px 0; padding-left: 10px;} #left dl.news dt {margin-bottom: 9px;} #left dl.news dt a {color: #555555; text-decoration: none;} #left dl.news dt a:hover {text-decoration: underline;} #left dl.news dd {margin: 0 0 9px 0;} /* partners list */ #left .partners {margin: 7px 0;} #left .partners .logo {text-align: center; margin-top: 20px;} ul.tree li a {background:#ffffff url(bg/oxid_ee_.gif) no-repeat right 500px;color:#555555;display:block;padding:5px 3px 4px 4px;margin: 1px 0 2px 0} ul.tree li a.has{} ul.tree li a.root{color: #ffffff;padding:7px 0;background-image: none; background-position:0 0;font-weight: bold;font-size:13px;text-transform: uppercase;text-align: center;height: 13px;white-space:nowrap} ul.tree li li a {background-color: #686868; color: #ffffff; border-left: 6px solid;} ul.tree li li a.exp, ul.tree li li a.act{border: none;padding-left: 10px} ul.tree li li li a {border: none; background: none; color: #505153;padding-left: 10px} ul.tree li li li a.act{border-left: 6px solid;background: none;padding-left: 4px} /* Bestellhilfe */ #left .bestellhilfe strong.header {background:url(bg/headlines/4C4C4C.gif) no-repeat;font-size:13px;color: #FFFFFF;text-align: center;height: 18px;whitespace:nowrap; display: block;padding:5px 3px 4px 4px;margin: 1px 0 2px 0} #left .bestellhilfe ul {padding:0;margin:0 0 10px 0;} #left .bestellhilfe ul ul {padding:0;margin:0 0 0 0px;} #left .bestellhilfe ul li {padding:0;margin:0;list-style: none;} #left .bestellhilfe ul li a {line-height: 100%;} #left .bestellhilfe ul li a {background: #7F7E7E; color: #ffffff; border-left: 6px solid #4C4C4C;display:block;padding:5px 3px 4px 4px;margin: 1px 0 2px 0;} .bestellhilfe_link {border-left: 1px solid #817F82; border-bottom: 1px solid #817F82;position: relative; padding-top: 10px; width: 330px;} .bestellhilfe_link .ecke {display: block; position: absolute; top:0px; left: 0px; background: url(bg/rahmen/ecke_overlib.gif) no-repeat;height: 11px; width: 10px} .bestellhilfe_link .close {background: url(bg/buttons/close.gif) no-repeat; height: 14px; width: 15px; position: absolute; top: 0px; right: 0px;} .bestellhilfe_link div {border-top: 1px solid #817F82; border-right: 1px solid #817F82; color: #3A3A3A;background: #EDEDED; position: relative;padding: 30px 10px 20px 10px;} .bestellhilfe_link div p {margin: 0px; padding: 0px 0px 5px 0px} /* Finanzierungsrechner*/ #left .finanzierungsrechner strong.header {background:url(bg/verlauf_rot.gif) repeat;font-size:13px;color: #FFFFFF;text-align: center;height: 18px;whitespace:nowrap; display: block;padding:5px 3px 4px 4px;margin: 1px 0 0px 0} #left .finanzierungsrechner div.body {background-color:#EFEEEE;margin:0 0 10px 0;height:90px;width:150px;border-left:1px solid #838383;border-right:1px solid #838383;border-bottom:1px solid #838383;border-top:0px solid #838383;} #left .finanzierungsrechner div.txt {padding-left:8px;padding-top:6px;font-weight:bold;font-size:11px;float:left;} #left .finanzierungsrechner span.button {background-position:left -319px;margin-top:3px;} #left .finanzierungsrechner input.button {background-position:right -319px;} /* hotline_rueckruf*/ #left .hotline_rueckruf strong.header {background:url(bg/verlauf_rot.gif) repeat;font-size:13px;color: #FFFFFF;text-align: center;height: 18px;whitespace:nowrap; display: block;padding:5px 3px 4px 4px;margin: 1px 0 0px 0} #left .hotline_rueckruf div.body {background-color:#EFEEEE;margin:0 0 107px 0;height:190px;width:150px;border:1px solid #838383;} #left .hotline_rueckruf div.txt {text-align:center;font-size:18px;font-weight:bold;color:#3A3A3A} #left .hotline_rueckruf div.txt2 {width:160px;font-size:10px;padding-left:0px;margin-left:0px;} #left .hotline_rueckruf span.button {margin-left:10px;margin-top:5px;background-position:left -345px:} #left .hotline_rueckruf a.button {padding-right:25px;padding-left:5px;background-position:right -345px;} /* + layout - right */ #right strong.h2{display: block;} #right strong.h2{background: #D70112 url(bg/e_headline.png) no-repeat;padding:3px 3px 2px 29px;margin:0;color:#ffffff; text-transform: uppercase; height: 15px;overflow: hidden; white-space:nowrap;} #right strong.h2 a {text-decoration: none; color: #ffffff} #right strong.h2 a:hover {text-decoration: underline;} #right div.box {padding:7px 10px;} #right div.box p{padding:7px 10px;} #right .form label {color:#555555;display:block;margin:0 0 3px;} #right .form input.txt {width: 140px; margin:0 0 3px;} #right .form span.btn input {} #right .form a.link {display:block;margin:0 0 3px;} #right .form input.txt.xs {width: 75px; margin:4px 0 0px 24px} #right .form input.txt.xss {width: 75px; margin:4px 0px 3px 3px} #right .info {margin-bottom: 10px;} #right .info p{padding: 4px 0px 5px 5px;margin: 0px} #right .info.hotline em {color: #D70112; font-size: 20px; font-style: normal; font-weight: bold;letter-spacing: 1px;} #right .zertifikate {text-align: center} #right .zertifikate img {margin: 5px 0px;} .form span.laenge {margin: 5px 0px 5px 53px;} #right div.forms div.box{} #left .info.hotline em {color: #D70112; font-size: 20px; font-style: normal; font-weight: bold;letter-spacing: 1px;} #left .form input.txt.s {width: 140px; margin:0px 0 0px 4px;} #left .form a.link {display:block;margin:0 0 3px;} /* information list */ #right ul.info {margin:0;padding:0 0 10px 0;} #right ul.info div.pos {padding: 4px 20px 4px 5px;} #right div.pos_logo {padding: 4px 6px 4px 6px;} #right ul.info li {list-style: none; padding: 0; margin: 0;} #right ul.info li a {background:url(bg/icons_ee_.gif) no-repeat right -49px; color: #555555;display: block;padding:4px 20px 2px 5px; } #right .listitem {margin: 2px 0 7px; padding-left: 66px; position: relative; min-height: 45px; height:auto; color: #555555; width: 114px;} #right .listitem .picture{position: absolute; display: block; left: 0; top: 0; width: 56px; height: 42px; text-align:center; background: #ffffff; border: 1px solid #e2e2e2;} #right .listitem a.title{overflow:hidden;width:108px;display:block;} #right .listitem a {text-decoration: none; color: #555555;} #right .listitem a:hover {text-decoration: underline;} #right .listitem tt {display: block;} #right .actions {margin: 3px 0 5px;} #right .actions a {display: block;} #right .listitem.bargain a.link {color: #555555;} #right .listitem.rightlist {border-bottom: 1px solid #e2e2e2; height:auto;} #right .listitem.rightlist.lastinlist {border: none; margin-bottom: 3px;} #right .listitem.rightlist .price{font-size: 14px; font-weight: bold; color: #555555; margin: 16px 24px 9px 0; width: 90px; position: relative;} #right .listitem.rightlist .price a {font-weight: normal; color: #555555;} #right .listitem.rightlist .price a:hover {color: #555555;} #right .listitem.rightlist .price .tocart{ width: 18px; height: 16px; position: absolute; left: 92px; top: 0;} #right .listitem.rightlist .price .btn{ width: 20px; height: 18px; margin:0; border:0;background: transparent url(bg/buttons_ee_.gif) 0 0 no-repeat;padding: 0;cursor:pointer;} #right .listitem.rightlist .link {background: url(bg/oxid_ee_.gif) no-repeat 0 -385px;padding-left:14px;font-size:10px;text-decoration:none;color: #555555 !important; line-height:1.1em;} #right .listitem.rightlist .link:hover {text-decoration: underline;} /* right minibasket */ #right .box.minibasket {color: #555555;} #right .box.minibasket .tocart{ width: 149px; height: 18px; line-height: 18px;} #right .box.minibasket .tocart input{ width: 149px; height: 18px; text-align:center; margin:0; border:0;color:#ffffff;padding:2px 0 0 23px;cursor:pointer;font-weight: bold;line-height: 1.1em;} #right .recommlist .btn{border:1px solid #555555;background: #555555;color:#ffffff;font-weight: bold;width:30px;text-align: center;line-height: 100%;} #right dl.actionslist {color: #555555; margin-bottom: 5px;} #right dl.actionslist dt {background: url(bg/sepatator_ee_.gif) no-repeat top center; font-weight: bold; padding-top: 5px;} #right dl.actionslist dd {margin: 0; height: 12px;} #right dl.actionslist dd tt {width: 80px; float: left;} #right dl.actionslist dd span {float: left;} #right dl.actionslist .link {background:url(bg/oxid_ee_.gif) no-repeat 0 -385px;padding-left:14px;font-size:10px;text-decoration:none;color:#555555 !important; line-height:1.1em; float: right;} #right dl.actionslist .link:hover {text-decoration: underline;} #right .recommlistsearch .btn {width: auto;} #right .recommlistsearch .search_input {width: 120px;} /* RSS */ #right .box {position:relative;} a.rss{display:block;position:absolute;right:0;bottom:0; width:14px;height:14px; background: transparent url(bg/rss.gif) 0 0 no-repeat;text-decoration: none;bottom:5px;right:6px;} #body strong.head a.rss, #body strong.head2 a.rss, #body .product strong.h4 a.rss, #body .boxhead a.rss {bottom:8px;} #body strong.head, #body strong.head2 {position:relative; display: block;} /* Path */ #path{ position:absolute; top: 0px; left: 0px;font-size: 10px;color:#9F9F9F;} #path a{color:#555555; text-decoration: none;} #path a:hover{text-decoration: underline;} /* Content */ #body .trenner {background: url(bg/trenner.gif) repeat-x; height: 5px; line-height: 5px;} #body a{ text-decoration: none; color: #555555;} #body a:hover{text-decoration: underline;} #body, #body td, #body th {} #body strong.head, #body h1.head{margin:0 5px;background: #ffffff;color:#555555;font-size:14px;font-weight: bold;padding:8px .5em;border-left:8px solid #555555;border-top:1px solid #555555;border-right:1px solid #555555;position:relative;} #body strong.head2 {margin:0 5px 10px 5px;background: #ffffff;color:#555555;border:1px solid #555555;border-left-width:8px;float:left; width:549px;padding:8px 6px;} #body .boxhead {clear:both;display: block;margin:15px 9px 0px 9px;background:url(bg/headline_rounded.gif) 0 0 no-repeat; padding:6px 5px 6px 7px;height:17px;border-bottom:2px solid #808080;line-height:20px; font-size: 14px;font-weight: bold;color:#555555;position:relative;} #body strong.head em, #body h1.head em, #body .boxhead em{font-weight: normal;font-style:normal;font-size:11px;line-height: 11px;} #body strong.head small, #body h1.head small, #body .boxhead small{font-weight: bold;font-size:11px;line-height: 11px;display:block;position:absolute;top:9px;right:3.5em;} #body .boxhead small{top:12px;} #body strong.head h1, #body .boxhead h1{margin:0; padding: 0; display: inline;} #body .box{border:2px solid #808080;border-top:none;border-bottom: none; padding:15px 10px 8px 10px;margin:0px 9px 0px 9px;background:#EEEEF0;} #body .boxfoot{background: url(bg/box_bottom.gif) 0px bottom no-repeat; height: 5px;line-height: 5px;padding:0px;margin:0px 9px 0px 9px;} #body .empty{padding:0 6px !important; height: 0px; overflow: hidden;} #body .box img{border:none;padding:0;margin:0;} #body .box p {margin:0 0 1em 0;} #body .box ul.list{margin:0;padding:0;} #body .box ul.list li{background:url(bg/oxid_ee_.gif) no-repeat 0 -675px;display:inline;padding-left:8px;margin-right:10px;} #body .box ul.list li a{text-decoration: none;color:#555555;} #body .box ul.list li a:hover{text-decoration: underline;color:#014d7f;} #body .box.info {padding: 10px 10px 10px 15px; } #body .box.notice {padding: 5px 0 0; width:568px; border: none;} #body .box .catfilter {margin: 5px 5px 10px 0;} #body .box .catfilter label {margin-right: 7px;} #body .box .catfilter select {margin: 3px;} #body.plain h1.boxhead {background: #DDDDDD url(bg/bg_headline_plain.gif) left bottom repeat-x; border: 2px solid #7F7F7F; margin: 10px 9px 0px 9px; float:none;display:block;} #body.plain .box {width: auto; float:none;border: 2px solid #7F7F7F;border-top: none; background: #EEEEF0; margin-bottom: 10px;} #body.plain .boxfoot {display: none} #body .form th {text-align: left;padding: 7px 0;font-weight: bold;font-size:11px; } #body .form th.mid {/*border-top:1px dotted #000;*/padding-top:3em;} #body .form th small{font-weight: normal; font-size: 10px;} #body .form td{padding: 3px 0;} #body small{font-weight: inherit; font-size:69% ;} /* Other */ #body .dot_sep{border:0px none;height:10px;margin:0px;} #body .dot_sep.mid {margin: 5px 0;} #body .errorbox{font-weight:bold;color:#ffffff; background:#CC0019; padding: 5px; margin:3px 10px 10px;} #body.start .errorbox{font-weight:bold;color:#ffffff; background:#CC0019; padding: 5px; margin:3px 10px 10px 0px;} #body .errorbox p{margin: 0;} #body .errorbox.inbox {width: 528px; margin: 5px 0; float: none;} /* Plain errors*/ #body.plain .errorbox {width: auto; font-size:10px; font-weight:bold; color:#D81F01; margin: 20px; padding: 0; border: none; width: 500px;} #body.plain .errorbox a {color:#D81F01; text-decoration: underline;} #body.plain .errorbox a:hover {color:#666;} #body.plain .errorbox .errhead {background: #D81F01; color: #fff; padding: 5px 15px;} #body.plain .errorbox .errbody {border: 1px solid #D81F01; padding: 15px;} /* Locator */ #body .locator {color: #E9E9E9;} #body .locator .lochead {background: #E9E9E9; color: #555555; padding: 8px .6em; height: 1.1em;} #body .locator .lochead strong.h4 {margin: 0; padding: 0; font-weight: bold; float: left;} #body .locator .locbody {padding: 5px 0.6em; text-align: right; height: 1.3em; overflow: visible;} #body .locator .locbody, #body .locator .locbody a {} #body .locator .arrow {font-size: 10px; font-weight: bold;} #body .locator a.active {font-weight: bold; color: #CC0019;} #body .locator .sep {padding: 0 2px; color: inherit;} #body .locator.catlist {} #body .locator.catlist .lochead {height: 40px;background:url(bg/listlocator.gif) 0px 0px repeat-x; padding: 10px 10px 10px 5px} #body .locator.catlist .lochead .h4 {font-size: 18px; color: #A3A4A5; font-weight: bold;margin-top: 9px;} #body .locator.catlist .locbody {height: 55px;background:url(bg/listlocatorbody.gif) 0px 0px repeat-x; padding: 10px 10px 0px 5px} #body .locator.catlist .locbody .h4 {display: block; font-size: 18px; color: #A3A4A5; font-weight: bold;margin-top: 2px;} #body .locator .lochead a {font-weight: bold; text-align: center; padding-top: 9px; display: block; float: left; color:#ffffff;height: 27px; } #body .locator .lochead a.active {color: #CC0019;} #body .locator.catlist span {font-weight: bold; text-align: center; padding-top: 8px; display: block; float: left; color:#BBBBBB;height: 27px; } #body .locator.catlist .next {background:url(bg/rahmen/button_next.gif) right 0px no-repeat; width: 87px; padding-right: 20px; color:#5B5C5E} #body .locator.catlist .prev {background:url(bg/rahmen/button_prev.gif) 0px 0px no-repeat; width: 92px; padding-left: 15px; color:#5B5C5E;} #body .locator.catlist a.next:hover {text-decoration: none} #body .locator.catlist a.prev:hover {text-decoration: none} #body .locator .pages {float:left;background:url(bg/rahmen/bg_page_navigation.gif) 0px 0px repeat-x;padding:0px 10px} #body .locator a.pageno {background:url(bg/rahmen/hell_quadrats.gif) -7px 0px no-repeat; height: 25px;padding: 10px 7px 0px 7px;border-right: 1px solid #B4B4B4; color:#5B5C5E} #body .locator a.pageno.first {padding-left: 8px; } #body .locator a.pageno.last {padding-right: 6px;border-right: none;} #body .locator span.pageno {display: block; background:url(bg/rahmen/hell_quadrats.gif) -7px 0px no-repeat; height: 25px;padding: 10px 7px 0px 7px;color:#5B5C5E}} #body .locator span.pageno.first {border-right: 1px solid #B4B4B4;} #body .locator span.pageno.last {border-left: 1px solid #B4B4B4;} #body .locator.catlist .locbody .right a {font-weight: bold; font-size: 11px; display: block; float: left; background: url(bg/listlocatorindent.gif) center no-repeat; height: 18px; border-right: 1px solid #B4B4B4;text-align: center; padding: 5px 5px 0px 5px;} #body .locator.catlist .locbody .right a.first {background-position: left top;padding-left:7px} #body .locator.catlist .locbody .right a.last {background-position: right top; border: none} #body .locator.catlist .locbody .right span {display: block; float: left;color: #5B5C5E;padding: 5px 5px 0px 15px; font-weight: bold;} #body .search_head {font-size: 18px;background:#EBEBEB; padding: 5px 0px 0px 5px; font-weight: bold} #body .locator .sort_row a.none {background:url(bg/oxid_ee_.gif) no-repeat right -750px; padding-right: 20px;} #body .locator .sort_row a.asc {background:url(bg/oxid_ee_.gif) no-repeat right -775px; padding-right: 20px;} #body .locator .sort_row a.desc {background:url(bg/oxid_ee_.gif) no-repeat right -800px; padding-right: 20px;} #body .locator .btn {margin-bottom: 6px;} #body .locator.compare .locbody {height: auto;} #body .locator.detailslocator {background: url(bg/rahmen/bg_details_locator.gif) no-repeat;height: 50px;} #body .locator.detailslocator .locbody {background: none; float: right;} #body .locator.detailslocator .lochead {background: none; float: left;position: relative;} #body .locator.detailslocator .lochead strong.h4 {font-size: 12px; padding: 12px 0px 0px 10px; color: #3A3A3A;} #body .locator.detailslocator .lochead .rating {position: absolute; top: 16px; left: 228px;} #body .locator.detailslocator .lochead .rating_text {padding:0px; position: absolute; top: 20px; left: 120px;color: #3A3A3A; white-space: nowrap;} #body .locator.detailslocator .lochead .rating a {height: 20px; padding: 0px; margin: 0px;} #body .locator.detailslocator .locbody a {display: block; float: left; font-weight: bold; color: #FFFFFF; padding-top: 6px;} #body .locator.detailslocator .locbody a:hover {text-decoration: none} #body .locator.detailslocator .locbody span {display: block; float: left; font-weight: bold; color: #BBBBBB; padding-top: 6px;} #body .locator.detailslocator .next {padding-right: 32px;padding-left: 24px;} #body .locator.detailslocator .prev {padding-right: 12px;} /* Products */ #body .product{border:1px solid #555555;float:left;width:143px;height:147px;margin:0 5px 10px 5px;padding:5px 5px 5px 130px;position:relative;background:#ffffff;} #body .product.lastinrow {margin-right: 0px !important;} #body .product .picture{display:block;width: 115px;text-align: center;position:absolute;top:8px;left:8px;overflow: hidden;} #body .product strong.h3 {margin:0;height: 40px; display: block;} #body .product strong.h3 a{font-size: 10px;color:#3C3A3E;} #body .product tt {color:#555555;display:block;} #body .product .flag {background: url(bg/icon-lieferung.gif) no-repeat; width:61px;height: 13px;float:left;margin:3px 8px 0 0;} #body .product .flag.red{background-color:#DF001A;} #body .product .flag.orange{background-color:#F7C508;} #body .product .flag.green{background-color:#2CA333;} #body .product .desc {color:#555555;font-size: 10px;} #body .product .actions a{text-decoration: none; color: #555555; padding-left: 12px; background: url(bg/oxid_ee_.gif) no-repeat 0 -300px;font-size: 10px;display:block;width: 1%; white-space: nowrap;} #body .product .actions a:hover{text-decoration: underline;} #body .product .variants {height: 35px;} #body .product .variants label{display:block;color:#555555;font-size: 9px;padding-bottom:3px;} #body .product .variants select{width: 136px;} #body .product .amprice {clear: left;} #body .product .amount {padding-top:.5em;} #body .product .amount label{margin-right:.5em;color:#555555;font-size: 10px;} #body .product .price {margin-bottom:4px;} #body .product .price big {font-size: 18px;line-height: 100%; font-weight: bold;white-space:nowrap;} #body .product .ersparnisflag {display: block; position: absolute; top: 1px; right: 2px; width:32px; height: 48px; background:url(bg/e_sale.png) no-repeat;cursor: pointer;} #body .product .ersparnisflag.hot {background-image: url(bg/e_hot.png);} #body .product .ersparnisflag.new {background-image: url(bg/e_new.png);} /* #body .product .price sup.dinfo {vertical-align:super;margin:0;padding:0;} #body .product .price sup.dinfo a{color: inherit;text-decoration: none;font-weight: bold;font-size: 13px;} #body .product .price sup.dinfo a:hover{text-decoration: underline;color: inherit;} */ #body .product .price sup {display: none} #body .product .price small {font-weight: inherit; font-size:69% ;} #body .product span.btn a { width: 135px; line-height: 19px; padding: 0px; margin-top: 0px; font-size: 10px; text-align: center; color:#ffffff; display: block;} #body .product span.btn a:hover { text-decoration: none; } #body .product .price .pricefrom {line-height: 9px;} #body .product .tocart { height:18px;line-height: 1;width: 134px; background: transparent url(bg/buttons_ee_.gif) no-repeat right 0; margin:0; border: 0 none;padding:0 1px 0 0;clear:left;} #body .product .tocart input, #body .product .tocart a{ height:18px;line-height: 1;width: 134px; background: transparent url(bg/buttons_ee_.gif) no-repeat 0 0; border:0;color:#ffffff;padding:0 0 0 23px;cursor:pointer;font-weight: bold;} #body .product .tocart a:hover {text-decoration: none} #body .product.head {margin-top:30px;border-top:none;border-color:#555555;} #body .product.head strong.h4{display: block;margin:0;background:#ffffff; padding:8px 5px 1px 7px;height:20px; position:absolute;top:-30px;left:-1px;border-top:1px solid #555555;border-left:8px solid #555555;border-right:1px solid #555555;width:259px;line-height:20px; font-size: 11px;font-weight: bold;color:#555555;} #body .product.head strong.h4 small{display:block;position:absolute;top:8px;left:49%;color:#555555;font-size:10px;font-weight: normal;} #body .product.head strong.h4.big{width: 549px;} #body .product.head.topshop strong.h4{color:#555555;border-color:#014d7f;} #body .product.head.topshop{border-color:#014d7f} #body .catlist {clear: both} #body .catlist .product{border:1px solid #808080;width:193px;height:290px;margin:0 15px 15px 0px;padding:0px;position:relative;background:#ffffff;} #body .catlist .product .picture{display:block;width: 193px;height: 179px; line-height: 170px; text-align: center;position: relative;top:0px;left:0px;overflow: hidden;} #body .catlist .product .picture img {vertical-align:middle} #body .catlist .product strong.h3 {position:absolute; bottom: 0px; left: 0px; text-align:center; margin:0;height: 108px; width: 193px; padding-top: 2px;display: block; border-top: 1px dotted #808080;background: url(bg/verlauf_product.gif) repeat-x;} #body .catlist .product strong.h3 a {display: block; height: 33px; overflow: hidden; font-size: 12px; font-weight: normal} #body .catlist .product .actions {display: none} #body .catlist .product .tocart {height: 15px;position: absolute; bottom: 5px; right: 6px; background-position: left -206px; padding: 0 0 0 3px;} #body .catlist .product .tocart input, #body .catlist .product .tocart a {height: 15px; line-height: 15px; padding: 0px 20px 0px 0px; margin: 0px;background-position: right -206px; color: #000000; text-transform: uppercase;font-size: 9px;} #body .catlist .product .tocart a {display: block; padding: 1px 20px 0px 8px; width: 95px;} #body .catlist .product .tocart.moreinfo {width: auto;} #body .catlist .product tt {display: none} #body .catlist .product .variants {display: none} #body .catlist .product .price {position: absolute; bottom: 18px; text-align: center; line-height: 10px; font-size:9px; width: 193px; color: #3C3A3E;} #body .catlist .product .price big {font-size: 15px; font-weight: normal; line-height: 15px;} #body .catlist .product .price big.sale {color:#CC0019; font-weight: bold;} #body .catlist .product .price big.sale .only {display: none} #body .catlist .product .price .ersparnis {font-size: 13px; color:#CC0019;line-height: 15px;} #body .catlist .product .price del {display: inline; font-size: 11px;} #body .catlist .product .price .pperunit {margin-top: 2px;} #body .catlist.toplevel .product{background: #808080;width:403px;height:179px;} #body .catlist.toplevel .product .picture{background: #ffffff; width: 195px;height: 179px; line-height: 135px;} #body .catlist.toplevel .product strong.h3 {position:absolute; top:10px; left: 207px; text-align:left; margin:0;height: 60px; width: 180px; border-top: none;background: none;overflow: hidden} #body .catlist.toplevel .product strong.h3 a {height: 57px; color: #ffffff; font-size: 16px;} #body .catlist.toplevel .product .actions {display: none} #body .catlist.toplevel .product .variants {display: none} #body .catlist.toplevel .product .price {position: absolute; bottom: 25px; right: 8px; width: 190px; text-align: right; color: #ffffff; } #body .catlist.toplevel .product .price .ersparnis {display: none} #body .catlist.toplevel .product .price big.sale {font-weight: normal; background: #ffffff; padding-right: 3px; padding-left:10px;} #body .catlist.toplevel .product .price del {padding-top: 2px;display: block; font-size: 15px; float: left;} #body .catlist.toplevel .product .price big.sale .only {font-weight: normal;font-size: 13px;} #body .catlist.toplevel .product .tocart {bottom: 7px; right: 8px;} #body .catlist.toplevel .product .price a {color: #ffffff;} #body .variantlist .product{border:2px solid #CFCFCF;border-top: 2px solid #323035; border-left: 2px solid #323035;width:490px;height:110px;margin:0px 0px 15px 0px;padding:0px;position:relative;background:#ffffff;float: none;} #body .variantlist .product .picture{display:block;width: 100px;height: 100px; line-height: 100px; text-align: center;position: relative;top:5px;left:5px;overflow: hidden;} #body .variantlist .product .picture img {vertical-align:middle} #body .variantlist .product strong.h3 {position:absolute; bottom: 0px; left: 100px; text-align:left; margin:0;height: 105px; width: 385px; padding: 5px 0px 0px 5px;display: block; background: url(bg/verlauf_product.gif) repeat-x;} #body .variantlist .product strong.h3 a {display: block; height: auto; overflow: hidden; font-size: 12px; font-weight: normal;} #body .variantlist .product .actions {display: none} #body .variantlist .product .tocart {height: 15px;position: absolute; bottom: 5px; right: 6px; background-position: left -206px; padding: 0 0 0 3px;} #body .variantlist .product .tocart input {height: 15px; line-height: 15px; padding: 0px 20px 0px 0px; margin: 0px;background-position: right -206px; color: #000000; text-transform: uppercase;font-size: 9px;} #body .variantlist .product tt {display: inline; } #body .variantlist .product .variants {display: none} #body .variantlist .product .price {position: absolute; right: 10px; bottom: 18px; text-align: right; line-height: 10px; font-size:9px; width: 193px; color: #3C3A3E;} #body .variantlist .product .price big {font-size: 15px; font-weight: normal; line-height: 15px;} #body .variantlist .product .price big.sale {color:#CC0019; font-weight: bold;} #body .variantlist .product .price big.sale .only {display: none} #body .variantlist .product .price .ersparnis {font-size: 13px; color:#CC0019;line-height: 15px;} #body .variantlist .product .price del {padding-top: 2px;display: block; font-size: 15px; float: left;} #body .variantlist .product .price .pperunit {margin-top: 2px;} #body .noticelist .product{border: none;width:379px;height:110px;margin:0px 15px 15px 0px;padding:0px;position:relative;background:#808080;float: left; color: #ffffff;} #body .noticelist .product .picture{display:block;width: 108px;height: 108px; line-height: 108px; text-align: center;position: relative;top:1px;left:1px;overflow: hidden;} #body .noticelist .product .picture img {vertical-align:middle} #body .noticelist .product strong.h3 {position:absolute; bottom: 0px; left: 108px; text-align:left; margin:0;height: 105px; width: 185px; padding: 5px 0px 0px 5px;display: block;background: none;color: #ffffff;} #body .noticelist .product strong.h3 a {display: block; height: 30px; overflow: hidden; font-size: 12px; font-weight: normal; color: #ffffff} #body .noticelist .product .actions {display: none} #body .noticelist .product .tocart {height: 15px;position: absolute; bottom: 5px; right: 6px; background-position: left -206px; padding: 0 0 0 3px;} #body .noticelist .product .tocart input {height: 15px; line-height: 15px; padding: 0px 20px 0px 0px; margin: 0px;background-position: right -206px; color: #000000; text-transform: uppercase;font-size: 9px;} #body .noticelist .product tt {display: none} #body .noticelist .product .variants {display: none} #body .noticelist .product .price {position: absolute; right: 10px; bottom: 18px; text-align: right; line-height: 10px; font-size:9px; width: 193px; color: #ffffff;} #body .noticelist .product .price big {font-size: 15px; font-weight: normal; line-height: 15px;} #body .noticelist .product .price big.sale {color:#CC0019; font-weight: bold;} #body .noticelist .product .price big.sale .only {display: none} #body .noticelist .product .price .ersparnis {font-size: 13px; color:#CC0019;line-height: 15px;} #body .noticelist .product .price del {padding-top: 2px;display: block; font-size: 15px; float: left;} #body .noticelist .product .price .pperunit {margin-top: 2px;} #body .noticelist .product .price a {color: #ffffff;} #body .crosselling {width: 269px; float:right;text-align: center} #body .crosselling strong.titel {display: block; text-align:center; padding-bottom: 15px; position: relative;margin-bottom: 0px;} #body .crosselling .scrollinks {position: absolute; right: 0px; bottom: 0px;} #body .crosselling .scrollinks img {width: 12px; height: 10px;background: url(bg/icons_ee_.gif) 0px -173px no-repeat;margin: 0px 3px;} #body .crosselling .scrollinks img.prev {background-position: 0px -244px;} #body .quadro {background: url(bg/rahmen/bg_crosselling_dark.gif) no-repeat;height: 269px; width: 269px;margin: 5px 0px 20px 0px} #body .quadro .scroller {position: relative; height: 269px; width: 269px;overflow: hidden} #body .quadro div.inner {height: 135px;} #body .quadro div.outer {height: 135px;} #body .quadro .product {width:133px;height:135px;padding:0px;margin:0px;position: relative; overflow:hidden; border: none; background: none} #body .quadro .product .actions {display: none} #body .quadro .product tt {display: none} #body .quadro .product .variants {display: none} #body .quadro .product .price .pperunit {display: none} #body .quadro .product .tocart {display: none} #body .quadro .product .price .delivery_hint {display: none} #body .quadro .product .price {position: absolute; right: 5px;} #body .quadro .product .price big {font-weight: normal; color: #4E4E4E;font-size: 12px;} #body .quadro .product .price big.sale {color: red} #body .quadro .product .price big.sale .only{display: none} #body .quadro .product .price .ersparnis {display: none} #body .quadro .product .price del {display: block; font-size: 12px; float: left; color: red;margin-right: 10px;} #body .quadro .product.pos_top .price {top: 119px; } #body .quadro .product.pos_bottom .price {top: 78px;} #body .quadro .product .picture {position: absolute; left: 10px; width: 110px; height: 75px; line-height: 75px; overflow:hidden} #body .quadro .product.pos_top .picture {top: 45px; } #body .quadro .product.pos_bottom .picture {top: 3px;} #body .quadro .product strong.h3 {position:absolute; left: 5px; text-align:left; margin:0;height: 37px; width: 125px; padding-right: 5px; border-top: none;background: none;overflow: hidden} #body .quadro .product strong.h3 a {height: 57px; color: #ffffff; } #body .quadro .product.pos_top strong.h3 {top: 3px; } #body .quadro .product.pos_bottom strong.h3 {top: 95px;} #body .crosselling_basket {background: url(bg/rahmen/crosselling_basket.jpg) left bottom no-repeat; height: 163px; margin: 10px 8px 10px 10px;position: relative;} #body .crosselling_basket .quadro {width: 410px; height: 95px; position: absolute; top: 50px; left: 15px; margin: 0px; padding: 0px; overflow:hidden;} #body .crosselling_basket .quadro .product {height: 90px; width: 103px; } #body .crosselling_basket .quadro .product .price {display: none;} #body .crosselling_basket .quadro .product strong.h3 {display: none;} #body .crosselling_basket .quadro .product .picture {position: relative; top: 0px; left: 0px; border: 1px solid #808080; height: 83px; width: 97px; line-height: 83px;} #body .crosselling_basket .quadro .product .picture img {vertical-align:middle;} /* Reiter und Tabs */ #body .crosselling_basket ul.reiterleiste {margin:0px; padding: 0px;} #body .crosselling_basket ul.reiterleiste li { display: block; float:left; list-item:none; background: url(bg/rahmen/reiter-basket-links.gif) -1px 0px no-repeat; margin:0px 0px 0px 0px;} #body .crosselling_basket ul.reiterleiste li a {color: #3A3A3A; display: block; float:left; padding: 7px 14px 0px 10px;background: url(bg/rahmen/reiter-basket-rechts.gif) right top no-repeat;height: 22px;font-weight: bold} #body .crosselling_basket ul.reiterleiste li a:hover {text-decoration: none} #body .crosselling_basket ul.reiterleiste li.active {background-image: url(bg/rahmen/reiter-basket-links-active.gif)} #body .crosselling_basket ul.reiterleiste li.active a {color: #ffffff; background-image: url(bg/rahmen/reiter-basket-rechts-active.gif)} #body .crosselling_basket .infobox {color: #ffffff; width: 150px; height: 80px; overflow:hidden; padding: 10px;margin-top: 40px;} #body .crosselling_basket .infobox p {margin: 0px; padding: 0px;} #body .crosselling_basket .infobox strong {font-weight: normal; font-size: 15px;} #body .crosselling_basket .infobox.rechts {text-align:right;margin-right: 15px;background: url(bg/paeckchen.gif) 20px 40px no-repeat;} #body .crosselling_basket .infobox.links {padding-right: 0px;width: 160px;} #body .product.small{width:123px;height:147px;padding-left:5px;padding-top:125px;} #body .product.small .variants {height: 3em; margin-bottom:2px;} #body .product.small .picture {height: 118px;} #body .product.small .price {white-space:nowrap;} #body .product.small .tocart {width:121px;} #body .product.small .tocart input{width:121px;} #body .product.small .variants select{width: 123px;} #body .product.small span.btn a { width: 121px;} #body .product.thin{width:433px;height:130px; border-color: #555555;} #body .product.head strong.h4{margin:0;background:#ffffff; padding:8px 5px 1px 7px;height:20px; position:absolute;top:-30px;left:-1px;border-top:1px solid #555555;border-left:8px solid #555555;border-right:1px solid #555555;width:259px;line-height:20px; font-size: 11px;font-weight: bold;color:#555555;} #body .product.head strong.h4.thin{width: 549px;border-color:#555555;;color:#555555;background:#e2e2e2;padding:1px 5px 8px 7px;} #body .product.thin .price {position:absolute; top:5px; right:5px;} #body .product.thin .amount {position:absolute; bottom:25px; right:5px;} #body .product.thin .tocart {position:absolute; bottom:5px; right:5px;} #body .product.thin .moreinfo {position:absolute; bottom:5px; right:100px;} #body .product.thin .moreinfo a {width: 135px;} #body .product.thin .variants {position:absolute; bottom:25px; right:100px;} #body .product.thin .actions {margin-top:2em;} #body .product.thin tt {float: left;} #body .product.thin .flag {float: left;margin-left:4px;} #body .product.thinest{ width:479px;height:50px; padding-left: 72px; margin: 0; border: none;} #body .product.thinest .picture {left: 0; height: 42px; width: 56px;border:1px solid #CBCBCB;} #body .product.thinest strong.h3 {height: 26px; margin-top: 3px; display: block;} #body .product.head strong.h4.thinest{width: 556px;border-color:#555555;color:#555555;background:#e2e2e2;padding:1px 5px 8px 7px;} #body .product.thinest .price {position:absolute; top:15px; right:5px;} #body .product.thinest .price big {font-size: 14px;line-height: 100%;} #body .product.thinest .price sup.dinfo a{font-size: 11px;} #body .product.thinest .amount {position:absolute; bottom:5px; right:170px;} #body .product.thinest .tocart {position:absolute; bottom:5px; right:5px;} #body .product.thinest .actions {margin-top:0em; clear: left;} #body .product.thinest tt {float: left;} #body .product.thinest .flag {float: left;margin-left:4px;} #body .product.thinest .variants {height: auto;} #body .product.firstinlist {border-bottom:none;margin-bottom:0;} #body .product.inlist {border-top:none;border-bottom:none;margin-bottom:0;} #body .product.lastinlist {border-top:none;} #body .separator {height: 10px;background:transparent url(bg/sepatator_ee_.gif) no-repeat center center;margin:0 5px;float:left;width: 568px;border:1px solid #555555;border-top:none;border-bottom: none;} #body .separator.inbox {width: 555px; border: none; margin: 0;} #body .txtseparator {height: 10px; margin:0 5px;float:left;width: 568px;border:1px solid #555555;border-top:none;border-bottom: none;} #body .txtseparator.inbox {margin:0; width: 555px; border: none; border-bottom:1px solid #555555} #body .product.details {background: none; height:auto;min-height: 420px; width: 305px; padding: 0px 0px 0px 500px; margin: 0px 10px; border-bottom: none; border: none;} #body .product.details .productname {margin:8px 0 0 0;padding:0; font-size:14px} #body .product.details tt {margin:3px 0 0 0;font-size: 11px; color:#373A3A;} #body .product.details .desc {margin:3px 0 0 0;font-size: 11px;color:#555555;} #body .product.details .picture {top: 0px; left: 0px; text-align:left;height: 390px; line-height: 390px;width:463px;background-color: #FFFFFF; border: 3px solid #6E7071; text-align:center} #body .product.details .picture img {vertical-align:middle} #body .product.details .infobox {background: url(bg/rahmen/bg_details_infobox_oben.gif) no-repeat; margin-bottom: 10px;} #body .product.details .infobox .body {padding: 10px 10px 0px 10px;color:#373A3A;} #body .product.details .infobox .footer {clear:both; background: url(bg/rahmen/bg_details_infobox_unten.gif) left bottom no-repeat; height: 6px;} #body .product.details .exturls {position:absolute;top:395px;left:220px; width: 250px;} #body .product.details .exturls a{color:#555555;font-size:12px;margin-right:0px;} #body .product.details .cats {margin:5px 0;font-size:10px;color:#555555;} #body .product.details .cats a{font-size:10px;color:#555555;} #body .product.details .cats img{margin-left:10px;float: right} #body .product.details .status {clear:both; font-size:10px;color:#555555;margin-top: 5px;} #body .product.details .status span {display: block; padding-top: 2px} #body .product.details .selectlists {margin: 10px 0px} #body .product.details .selectlists .body {padding: 10px 10px 0px 10px; width: 291px; background: url(bg/rahmen/bg_details_auswahllisten_oben.gif) no-repeat;} #body .product.details .selectlists .footer {background: url(bg/rahmen/bg_details_auswahllisten_unten.gif) no-repeat; height: 6px;width: 306px;} #body .product.details .variants {padding:0px;} #body .product.details .variants label {float: left; padding: 4px 0px 0px 0px; font-size: 11px} #body .product.details .variants .select {float: right; margin: 0px;} #body .product.details .actions {position: absolute; bottom: 75px;clear:left;padding: 0px;margin: 0px;background: url(bg/rahmen/bg_details_aktionen.gif) no-repeat;width: 307px; height: 29px;} #body .product.details .actions a{width: auto;display:block;color:#555555;background: none; padding: none; margin: none; font-size:12px;font-weight: bold;} #body .product.details .actions a.noticelist {position: absolute; right: 35px; top: 6px;} #body .product.details .actions div#suggest {height: 13px; padding: 6px 0px; width: 150px; overflow: hidden;} #body .product.details .actions div#suggest div {margin: 6px 0px 0px 1px;border: 1px solid #9C9B9B; border-top: none; width: 147px; background: #E6E6E6; padding: 5px 0px} #body .product.details .price {margin: 15px 0px 0px 0px;} #body .product.details .price .ersparnis {font-size: 18px; color:#CC0019;font-weight: bold;} #body .product.details .price .ersparnis .desc {font-size: 15px;font-weight: normal;color:#CC0019;} #body .product.details .price .ersparnis .desc .old {font-weight: normal; color: #000000; text-transform: lowercase} #body .product.details .packing{clear:left;padding-top:.5em;font-size:10px;color:#757C83;} #body .product.details .pperunit{clear:left;padding-top:.5em;font-size:10px;color:#000;} #body .product.details .amprice {margin: 5px 0px} #body .product.details .amprice th{font-size: 10px; font-weight: bold;color:#373A3A;} #body .product.details .amprice td{font-size: 10px; padding: 0;color:#373A3A;} #body .product.details .amprice .am{} #body .product.details .amprice .pr{font-weight: bold;} #body .product.details .pricealarm {float: left; margin-top: 2px;} #body .product.details .pricealarm a {font-size: 10px;} #body .product.details .persparam {clear: left; padding-top: 7px;} #body .product.details .persparam label {font-size: 10px; margin-right: 10px; color: #555555;} #body .product.details .basketbox {clear:both; background: url(bg/buttons/basket-details.gif) no-repeat; height: 38px;position: absolute; bottom: 25px; width: 306px} #body .product.details .amount {padding: 0px;float:left;margin-left:0px;padding:0px;} #body .product.details .amount input {margin: 2px 7px 0px 53px; padding-top: 9px; height: 21px; width: 29px; text-align: center; font-weight: bold; border: none;background: none;} #body .product.details .basketbox input.submit {border: none; background: none;height: 38px; width: 213px;cursor: pointer;} #body .product.details #button_variants {clear:both; background: url(bg/buttons/varianten-details.gif) no-repeat; height: 31px;padding-top: 7px;position: absolute; bottom: 25px; width: 306px; color: #ffffff; font-size: 18px; font-weight: bold; text-align: center} #body .product.details #button_variants:hover {text-decoration: none;} #body .product.details #button_avor {clear:both; background: url(bg/buttons/avor-details.gif) no-repeat; height: 36px;padding-top: 4px; padding-left: 8px; position: absolute; bottom: 25px; width: 306px; font-size: 12px; font-weight: bold; text-align: left} #body .product.details #button_avor:hover {text-decoration: none;} #body .product.details #button_avor a { color: #ffffff; } #body .product.details #button_avor a:hover {text-decoration: none;} #button_avor .avor_txt { width: 260px; } #body .product.details .socialbookmarks {padding-top:1em;} #body .product.details a.sbookmarks {border-right:1px solid #e2e2e2; height: 20px; display:block; float:left; padding: 0px 3px 0px 3px; margin: 0px;} #body .product.details a.sbookmarks.noborder {border:none; height: 20px; display:block; float:left; padding: 0px 3px 0px 3px; margin: 0px;} #body .product.moredetails {margin:0px; height: auto; padding: 20px 10px 5px 10px; width: 803px;background:#4E4E4E; color: #ffffff} #body .product.moredetails .tabcontent {width: 490px; margin: 0px 3px; } #body .product.details strong.morepics {color: #000000; font-size: 10px; padding: 0px 0px 5px 3px; display: block} #body .product.details div.morepics {width: 295px; height: 65px; padding:0px 5px; background: url(bg/rahmen/bg_details_morepics.gif) no-repeat; margin-bottom: 10px;} #body .product.details div.morepics div.scroller {width: 295px; height: 65px; position:relative; overflow: hidden;} #body .product.details div.morepics a {display: block; border-top: 1px solid #5D5D5D; border-left: 1px solid #5D5D5D; border-right: 1px solid #AEAEAE; border-bottom: 1px solid #AEAEAE; background: #FFFFFF; width: 56px; height: 56px; line-height: 56px; margin: 3px 8px 0 0px; float: left;text-align:center; overflow: hidden} #body .product.details div.morepics a.last {margin-right: 0px;} #body .product.details div.morepics a img {display: inline;vertical-align: middle;} #body .product.details div.morepics a.scrollerlinks img {width: 20px; height: 65px;} #body .product.details div.morepics #morepics_links a {background: transparent; width:20px; height: 65px; margin: 0px; padding: 0px; border: none;} #body .product.details div.morepics #morepics_links a.mouseover_left {left: -5px;} #body .product.details div.morepics div.inner {height: 65px;} #body .product.details div.morepics div.outer {height: 65px;} #body .product.moredetails .longdesc { line-height: normal;} #body .product.moredetails .longdesc strong.h3 {font-size: 14px; height: auto; margin: 0px; padding-bottom: 20px; font-weight: bold; display: block;} #body .product.moredetails .longdesc p{margin: 0; padding:7px 0px;} #body .product.moredetails .longdesc .question {margin: 10px 0px} #body .product.moredetails .longdesc .question a {background:url(bg/icons_ee_.gif) no-repeat right -107px; font-size:12px; color: #ffffff;padding:4px 25px 4px 5px; font-weight: bold;} #body .product.moredetails .variantheader a {display:block; background: url(bg/icons_ee_.gif) 0px -240px no-repeat; padding-left: 20px; font-weight: bold; margin-bottom: 10px;} #body .product.moredetails .variantheader strong {font-size: 15px;display: block; margin: 10px 0px;} /* Reiter und Tabs */ #body ul.reiterleiste {margin:0px 10px; padding: 0px;} #body ul.reiterleiste li { display: block; float:left; list-item:none; background: url(bg/rahmen/reiter-grau-mitte.gif) repeat-x; margin:0px 1px 0px 0px;} #body ul.reiterleiste li a {display: block; float:left; color: #ffffff; padding: 5px 14px 0px 10px;background: url(bg/rahmen/reiter-rechts.gif) right top no-repeat;height: 21px;font-weight: bold} #body ul.reiterleiste li a:hover {text-decoration: none} #body ul.reiterleiste li span {display: block; float:left; padding-left: 3px;background: url(bg/rahmen/reiter-links.gif) no-repeat;} #body ul.reiterleiste li.active {background-image: url(bg/rahmen/reiter-mitte-active.gif)} #body ul.reiterleiste li#reiter_service {background-image: url(bg/rahmen/reiter-rot-mitte.gif)} #body ul.reiterleiste li#reiter_service.active {background-image: url(bg/rahmen/reiter-mitte-active.gif)} #body ul.reiterleiste li#reiter_win {float: right;} #body .double_product {width: 195px;padding:1px; float: left; margin: 0px 15px 15px 0px; overflow:hidden;} #body .double_product.lastinrow {margin-right: 0px;} #body .double_product strong.headline {display: block; text-align: center; height: 30px; color: #FFFFFF; text-transform: uppercase; font-size: 16px;} #body .double_product strong.headline img {margin-top: 3px;} #body .double_product strong.headline span {display: block; padding-top: 6px;} #body .double_product .product {width:195px; height: 168px; padding:0; margin: 1px 0 0 0; border: none;position: relative} #body .double_product .product strong.h3 {position: absolute; bottom: 0px;left: 0px; background: transparent url(bg/weiss_80_prozent.png); width: 185px; height: 35px; padding: 5px; border-top: 1px solid} #body .double_product .product strong.h3 a {font-size: 12px; line-height: 15px;display: block; padding-right: 50px; height: 33px; overflow: hidden} #body .double_product .product strong.h3 a:first-line {font-size: 12px; padding-right: 0px;} #body .double_product .product .price big {font-size: 12px; position: absolute; right: 5px; bottom: 5px; color: #000000;} #body .double_product .product .price sup {display: none;} #body .double_product .product .price .delivery_hint {display: none} #body .double_product .product .price .pperunit {display: none} #body .double_product .product .picture {top:0px; left: 0px; width: 195px; height: 168px; overflow: hidden} #body .double_product .product .variants {display: none;} #body .double_product .product .flag {display: none;} #body .double_product .product .tocart {display: none;} #body .double_product .product .actions {display: none;} #body .double_product .product tt {display: none;} #body .double_product .footer {clear:both;height: 15px; text-align: right; padding: 5px 5px 5px 0;} #body .double_product .footer .btn { background-position: left -207px;} #body .double_product .footer .btn a {height: 13px; line-height: 13px; padding: 1px 20px 0px 0px; background-position: right -207px; color: #000000; text-transform: uppercase;font-size: 9px;} #body .double_product .footer .btn.rot a {background-position: right -267px;} #body .subcats {background: #EBECEC;} #body .subcats .title {padding: 5px; color: #5B5C5E; font-size: 15px} #body .subcats .column {float: left;width:190px; margin-right: 15px; padding: 0px 0px 0px 5px;} #body .subcats .column.c4 {margin:0px;} #body .subcats .column a {font-size: 12px; background:url(bg/subcats.gif) no-repeat left top;display:block;margin: 5px 0px; padding-left: 18px;} #body .catlongdesc {clear:both} #body .catlongdesc a {display: block; float: left;margin-right: 15px;width: 265px; position: relative} #body .catlongdesc a:hover {text-decoration: none} #body .catlongdesc a.last {margin-right: 0px;} #body .catlongdesc a p {margin: 0px; position: absolute; bottom: 10px; left: 5px; width:255px; color: #ffffff;font-size: 15px; background: url(bg/buttons/pfeil_icon_weiss.gif) right bottom no-repeat; cursor:pointer;} #body .catlongdesc a p strong{font-size: 14px; display:block; padding-top: 2px} #body .catpic {position: relative; height:295px; width:825px;} #body .catpic div {position: absolute; right: 0px; top: 0px; height: 255px; width: 231px;color: #ffffff; font-size: 15px; text-align: center; padding: 30px 15px 10px 15px; overflow: hidden} #body .catpic div strong {text-transform: uppercase; font-size: 21px; display: block; margin-bottom: 20px} #body .box .attributes td{border-bottom:1px solid #e2e2e2;font-size:10px;padding:.5em 0} #body .box .attributes .last td {border-bottom:none} #body .box .pricealarm {border-top:1px solid #e2e2e2;} #body .box .pricealarm th {padding-top:.5em;} #body .box .pricealarm th label{font-weight: bold;font-size: 10px;color:#555555;} #body.start p {margin: 0; padding: 0} #body .welcome {margin:0 0px 15px 0px;padding:0px;} #body .startbanner img {margin:0 0px 15px 0px;padding:0px;} #body .links a {display: block; float: left; margin: 0px 15px 15px 0;} #body .links a.lastinrow {margin-right: 0px} #body .box .guestbook {margin-top: 9px;} #body .box .guestbook .head td {border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; padding: 5px 0; color: #555555;} #body .box .guestbook .head td.name {color: #555555;} #body .box .guestbook .body td {font-size: 10px; padding: 5px 0;} /* Links */ #body .box dl.links {margin: 0;} #body .box dl.links dt {margin: 0 0 12px;} #body .box dl.links dt a {color: #555555;} #body .box dl.links dt a:hover {color: #555555;} #body .box dl.links dd {background: url(bg/sepatator_ee_.gif) no-repeat bottom center; padding-bottom: 10px; margin: 0 0 10px; } #body .box dl.links dd.last {background: none; margin: 0; padding: 0; } /* News list */ #body dl.news {margin: 0;} #body dl.news dt {margin-bottom: 12px;} #body dl.news dt a {font-weight: bold; color: #555555;} #body dl.news dt a:hover {text-decoration: none;} #body dl.news dd {margin: 0 0 15px 0;} /* Compare */ #body .box.compare {margin-bottom: 20px;} #body .box.compare .reorder {margin-bottom: 5px; height: 10px; clear: both;} #body .box.compare .reorder a {font-size: 10px; font-weight: bold; border: 1px solid #555555; padding-left: 2px; line-height: 10px; width: 11px; color: #555555; display: block;} #body .box.compare .reorder a:hover {text-decoration: none; color: #555555;} #body .box.compare .product{border: none; float: none; display: block;} #body .box.compare .product .picture{display:block; width: 115px; text-align: center; position:absolute; top:8px; left:4px;} #body .box.compare .product.small {width:123px;height:147px;margin: 0 auto; padding: 125px 0 0 0;} #body .box.compare .actions {padding-top:1em; margin-bottom: 5px; width:123px;text-align:left;} #body .box.compare .actions a{text-decoration: none; color: #555555; padding-left: 12px; background: url(bg/oxid_ee_.gif) no-repeat 0 -300px;font-size: 10px;display:block;width: 1%; white-space: nowrap;} #body .box.compare .actions a:hover{text-decoration: underline;} #body .box.compare .fromcompare {height:18px;line-height:1; width: 121px; background: transparent url(bg/buttons_ee_.gif) no-repeat right -50px; margin: 0; border: 0 none;padding:0 1px 0 0;clear:left;} #body .box.compare .fromcompare input {height:18px;line-height:1;width: 121px; background: transparent url(bg/buttons_ee_.gif) no-repeat 0 -50px; margin:0; border:0;color:#ffffff;padding:0 0 0 23px;cursor:pointer;font-weight: bold;} #body .box.compare table.cmp_tbl {margin-left: auto; margin-right: auto; width: 97%;} #body .box.compare table.cmp_tbl td, #body .box.compare table.cmp_tbl th {font-size: 10px; padding: 3px 6px 3px 6px; border-left:1px dotted #e2e2e2; border-bottom:1px dotted #e2e2e2;} #body .box.compare table.cmp_tbl th {font-weight: bold;} #body .box.compare .no_left_brd {border-left: none !important;} #body .box.compare .no_bot_brd td, #body .box.compare .no_bot_brd th {border-bottom: none !important;} #body.plain .box.compare table.cmp_tbl {margin: 0; width: auto;} #body.plain .box.compare .product.small {height: auto;} #body.plain .box.compare .actions {display: none;} #body.plain .box.compare .tocart {display: none;} #body.plain .box.compare table.cmp_tbl th {width: 121px;} /* ORDER */ /* Order steps */ #body .ordersteps {clear: both; margin: 15px 0px 10px 9px; background: url(bg/steps/background.gif) no-repeat; height:34px;} #body .ordersteps dl {width: 161px; height: 26px; margin:0px;padding: 8px 0px 0px 0px; float:left; background: url(bg/steps/off.gif) right top no-repeat; color: #555555; text-align: center} #body .ordersteps dt {padding:0; margin: 0;} #body .ordersteps dt, #body .ordersteps dt a {font-size: 14px; font-weight: normal;} #body .ordersteps dl big {font-size:14px;} #body .ordersteps dt a:hover big {text-decoration: underline;} #body .ordersteps dd, #body .ordersteps dd a {display: none;} #body .ordersteps .lastinrow {background: none;} #body .ordersteps dl.active {background:url(bg/steps/active.gif) right top no-repeat;} #body .ordersteps dl.active.firstinrow {background: url(bg/steps/active-first.gif) left top no-repeat;} #body .ordersteps dl.active.lastinrow {background: url(bg/steps/active-last.gif) right top no-repeat;} #body .ordersteps dl.active dt, #body .ordersteps dl.active dt a {color: #ffffff;} #body .ordersteps dl.on {background:url(bg/steps/on.gif) -10px top no-repeat;} #body .ordersteps dl.on.firstinrow {background-position: left top;} #body .ordersteps dl.on.lastinrow {background-position: right top;} #body .ordersteps dl.on dt, #body .ordersteps dl.on dt a {color: #ffffff;} #body .ordersteps.nofinalstep dl {width: 126px;} #body .ordersteps.nofinalstep .lastinrow {width: 128px;} #body label.nextstep {color: #ffffff; font-weight: bold;padding: 1px 10px 0px 0px;float: left} /* Order back/next step button */ /* #body div.bar.prevnext .arrowdown input {background: url(bg/oxid_ee_.gif) no-repeat 15px -342px; background-color: #014d7f; padding-left: 38px; padding-right: 25px;} #body div.bar.prevnext .arrowright input {background: url(bg/oxid_ee_.gif) no-repeat 15px -318px; background-color: #014d7f;} */ #body div.bar.prevnext {height: 35px; margin:15px 9px 0px 9px;padding:0;} #body div.bar.prevnext.bottom {margin-bottom:15px;} #body div.bar.prevnext label.title {display: block; font-size: 17px; color: #3A3A3A} #body div.bar.prevnext .minorderprice {font-size: 12px; font-weight: bold; line-height: 27px; text-align: center; width: auto;} #body div.bar.prevnext .termsconfirm {float: left;margin-top: 3px;margin-left: 10px} #body div.bar.prevnext .termsconfirm td {font-size: 12px; color: #808080; padding: 3px 3px 3px 0;} #body div.bar.prevnext .termsconfirm a {font-size: 12px; color: #555555; text-decoration: underline;} #body div.bar.prevnext .termsconfirm a:hover {color: #3A3A3A;} #body div.bar.prevnext .termsconfirm .chkbox {background: none; border: none; vertical-align: middle; margin: 0px; padding: 0;} #body div.bar.prevnext.terms { height: 55px; padding: 0px; margin-top: 5px; border: none; background: none; float: none; position: relative} #body div.bar.prevnext.terms.bottom {margin-top:0px;} #body div.bar.prevnext.terms .termbox { margin: 0px; padding: 5px; border: 2px solid #808080; background: #D4D4D6; height: 30px;} #body div.bar.prevnext.terms .termbox.top {margin-left: 10px; top: 10px;width: 600px;position: absolute; right: 0px;} #body div.bar.prevnext.terms .right { margin-top: 5px;} #body div.bar.prevnext.terms label {padding: 20px 10px 0px 0px} /* Basket */ #body .basket {background:url(bg/headline_rounded.gif) 0px 0px no-repeat;margin:0px 9px 0px 9px;color: #3A3A3A; width: 807px;empty-cells:show} #body .basket td {padding-top: 10px;background: #EEEEF0;} #body .basket th {background: none;border-bottom:2px solid #808080;font-weight: bold; height: 25px; padding-left: 6px;} #body .basket th.brd {} #body .basket th .brd_line {width: 7px;} #body .basket th.lastcol {padding-left: 0;} #body .basket td.firstinrow {background: #EEEEF0 url(bg/border_basket.gif) repeat-y;} /*border-Bug in FF -> background statt border! */ #body .basket td.lastinrow {background: #EEEEF0 url(bg/border_basket.gif) right top repeat-y;} /*border-Bug in FF -> background statt border! */ #body .basket .bsk_sep td {height: 9px; padding-top: 0;} #body .basket .bsk_sep .line {background: #EEEEF0 url(bg/basket_dot_sep.gif) left bottom no-repeat;} #body .basket .bsk_sep .bigline {border-bottom: 4px solid #e2e2e2;} #body .basket .picture {border: 1px solid #888888; background: #ffffff; text-align: center; display: block; height: 89px; line-height: 89px;width: 105px;overflow:hidden} #body .basket .picture img {vertical-align:middle} #body .basket .art_title a {font-weight: bold;} #body .basket .art_title a:hover {color: #000000;} #body .basket .art_num {color: #555555;} #body .basket .btn, #body .basket .amount {margin-bottom: 7px;} #body .basket .upd {color: #ffffff; width: 91px; cursor: pointer; padding: 1px;} #body .basket .price {padding-left: 10px; text-align: right;} #body .basket .orderprice {text-align: right;} #body .basket .vat {padding-left: 20px;} #body .basket .vat_order {padding-left: 15px;} #body .basket .amount {text-align:right; } #body .basket .totalprice {text-align: right;padding-left: 10px;} #body .basket .notice td {padding-top: 5px; font-size: 10px; color: #ff0000;} #body .basket .sumrow td {padding-top: 3px;} #body .basket .sumrow.total td {padding: 7px 0 4px;} #body .basket .sumdesc {text-align: right;padding-right:10px;} #body .basket .sumrow.total td.sumdesc {padding-right:10px;} #body .basket .discount, #body .basket .coupon {color: #555555; font-size: 10px;} #body .basket .bottrow {height: 14px;} #body .basket a.remove {display: block; width: 97px; height: 17px; line-height: 17px; border: 1px solid #555555; color: #ffffff; background: #555555;text-align: center; font-weight: bold; font-size: 10px; text-decoration: none;} #body .basket a.wrapremove {width: 70px;} #body .basket .wrapmod { display:block;height:18px;line-height:1;width: 85px; background: transparent url(bg/buttons_ee_.gif) no-repeat right -100px; margin:0; border: 0 none; padding:0 1px 0 0;float: left} #body .basket .wrapmod a {font-size: 10px; text-align: center; text-decoration: none; display: block; height:14px;line-height:1;width: 62px; background: transparent url(bg/buttons_ee_.gif) no-repeat 0 -100px; margin:0; border:0;color:#ffffff;padding:4px 0 0 23px;font-weight: bold; } #body .basket .frombasket { height:18px;line-height:1;width: 100px; background: transparent url(bg/buttons_ee_.gif) no-repeat right -50px; margin:0; border: 0 none; padding:0 1px 0 0;float: left} #body .basket .frombasket input{ height:18px;line-height:1;width: 100px; background: transparent url(bg/buttons_ee_.gif) no-repeat 0 -50px; margin:0; border:0;color:#ffffff;padding:0 0 0 23px;cursor:pointer;font-weight: bold;} #body .basket .frombasket a { width: 77px; height: 16px; background: transparent url(bg/buttons_ee_.gif) no-repeat 0 -50px; margin:0; border:0; color:#ffffff; padding:4px 0 0 23px; font-weight: bold; font-size: 10px; text-align: center; text-decoration: none; display: block;} #body .basket.order {background: none;} #body .basket.order th {border: none; background: #EEEEF0;height: auto; padding-top:5px; color: #878787} #body .basket.order th.firstinrow {background: #EEEEF0 url(bg/border_basket.gif) repeat-y;} /*border-Bug in FF -> background statt border! */ #body .basket.order th.lastinrow {background: #EEEEF0 url(bg/border_basket.gif) right top repeat-y;} /*border-Bug in FF -> background statt border! */ #body .voucher input {float: left; margin: 0px 5px;} #body .voucher label {float: left;padding-top: 2px} #body .voucher input.txt {width: 250px;} /* user options step */ #body .user .optbox {padding-bottom: 30px;} #body .user strong.boxhead .small {position: relative; font-weight: normal; font-size: 10px;} #body .user strong.boxhead.opt2 {background-image:url(bg/headline_rounded_dark.gif)} #body .user strong.boxhead.opt3 {color: #ffffff; background-image:url(bg/headline_rounded_red.gif)} #body .user .optbox span.btn {float:right} #body .user .optbox .link {font-size: 10px; background: none; font-style: italic;} #body .user .optbox .txt {margin: 0px 10px 10px 0px; } #body .user b {font-size: 14px;} #body div.form .txt {width: 250px; margin: 0px 0px 5px 0px; } #body div.form .tr {margin-bottom: 5px;} #body div.form textarea {width: 340px;} #body div.form .select div {margin: 0px 0px 10px 0px;} #body div.form .txt {width: 340px;} #body div.form .txt.xs {width: 100px;} #body div.form .txt.s {width: 231px;} #body div.form .txt.m {width: 122px;} #body div.form .txt.half {width: 165px;} #body div.form .txt.xxs {width: 40px;} #body .label_short {margin-left:187px;} #body .label_long {margin-left:71px;} span.abstand {margin-right:16px} /*Katalog*/ #body div.form .katalog_txt{float:left;margin-top:7px;margin-left:5px;font-weight:bold;color:#333333;} #body div.form .grau_balken{background-color:#CCCCCC;height:30px;} #body div.form .absende_button{padding-top:2px;padding-right:16px;} #body .billingaddress {float: left; border-right: 2px solid #808080; width: 360px; padding-right: 20px;} #body .deliveryaddress {float: left; padding-left: 20px;width: 360px;} /* payment step */ #body .paymentboxhead, #body .thankyouboxhead {margin-top: 5px;} #body .payment input.txt {width: 250px;} /* order step */ #body dl.orderinfocol {margin: 0 5px; width: 257px; float:left;} #body dl.orderinfocol dt {padding:0; margin: 0 0 5px 0; height: 23px; font-weight: bold; border: none;} #body dl.orderinfocol dt span {font-weight: normal; } #body dl.orderinfocol dd {padding:0; margin: 0;} #body .giftwrap {height:18px;width: 20px; background: transparent url(bg/buttons_ee_.gif) 0 -100px no-repeat; margin:0; border: 0 none; padding:0; display: block;} #body .etrustlogocol {float: left; width: 100px;} #body .etrustdescocol {float: left; width: 443px;} /* Wrapping */ #body .wrapping {float: left; margin: 0 5px 10px 6px; border: 1px solid #555555; border-left:none; empty-cells: show;} #body .wrapping tbody td {padding-top: 10px;} #body .wrapping th {background: #ffffff; color: #555555; font-weight: bold; height: 25px; padding-left: 6px;} #body .wrapping th.brd {padding: 0;border-left: 1px solid #555555;} #body .wrapping th .brd_line {background: #555555; width: 7px; height: 25px;} #body .wrapping td.brd {border-left: 1px solid #555555;} #body .wrapping .wrp_sep td {height: 9px; padding-top: 0;} #body .wrapping .wrp_sep .line {border-bottom: 1px solid #e2e2e2;} #body .wrapping .picture {border: 1px solid #e2e2e2; background: #ffffff; text-align: center; display: block; height: 42px; width: 56px; margin-left: 5px;} #body .wrapping .art_title a {font-size: 10px; font-weight: bold; color: #000000;} #body .wrapping .art_title a:hover {color: #000000;} #body .wrapping .art_num {font-size: 10px; color: #555555;} #body .wrapping .wrapping_items td {padding-top: 0;} #body .wrapptop {margin-top: 10px;} #body .giftbigimg {padding-right: 12px;} #body dl.orderinfocol.greetingcard {width: 540px; margin: 0;} #body .cardbox {width: 257px; float: left; margin: 0 10px 5px 0;} #body .cardbox .card_title {} #body .cardbox .card_body {padding: 5px 0 5px 25px;} #body .card_sep {clear: both;} #body .giftmessage {width: 100%; height: 100px;} /* More categories */ #body .morecats {margin: 0 5px; width: 569px; float: left;} #body .morecats dl {margin: 0 0 25px;} #body .morecats dt {background: #e2e2e2; border-bottom: 1px solid #ffffff;} #body .morecats dd {background: #e2e2e2; border-bottom: 1px solid #ffffff; margin: 0; padding: 0;} #body .morecats dl a {color:#555555; padding: 4px 10px; display: block;font-weight:normal;} #body .morecats dl dt a{font-weight:bold;} #body .morecats dl a:hover {color:#555555;} #body .morecats dd a {background: url(bg/oxid_ee_.gif) no-repeat 10px -650px; padding-left: 22px;} /* Account header */ #body .account_header dl{background: url(bg/dot_sep.gif) left bottom repeat-x; margin: 2px 0px 5px 0px; padding-bottom: 5px; width: 97%;} #body .account_header dl.lastInCol{background: none; margin: 0; padding-bottom: 0px;} #body .account_header dt a{font-weight: bold; background: url(bg/icons_ee_.gif) left -111px no-repeat; padding-left: 18px; text-decoration: none; color: #555555; } #body .account_header dt a:hover{text-decoration: underline; color: #CC0019;} #body .account_header dt a.active{color: #CC0019;} #body .account_header dd{margin: 2px 0; font-size: 10px; color: #555555; padding-left: 18px;} /* Account pages */ #body .account strong.h4 {font-size: 11px; font-weight: bold; margin: 0; padding: 0; display: block;} #body .account small{font-size: 10px;} /* Account remove from list button */ #body .product .fromlist {height: 15px; line-height: 15px; position: absolute; bottom: 5px; right: 170px; background: transparent url(bg/buttons_ee_.gif) no-repeat left -206px; padding: 0px 0px 0px 3px;} #body .product .fromlist input {width: 90px; height: 15px; line-height: 15px; padding: 0px 20px 0px 0px; margin: 0px;background: transparent url(bg/buttons_ee_.gif) no-repeat right -207px; color: #000000; text-transform: uppercase;font-size: 9px;border: none; cursor: pointer} /* Account wishlist */ #body .wishlist .product {padding: 5px 0 5px 130px; margin: 0; border: none;} #body .wishlist .product.thin {width: 413px;} #body .wishlist .separator {margin: 0; width: 541px; border: none;} #body .wishlist .dot_sep {clear: both;} /* Account wishlist search results */ #body .wishsearchresults .searchitem {background: url(bg/wishlist.jpg) no-repeat; line-height: 50px; margin: 5px 0;} #body .wishsearchresults .searchitem a {padding-left: 60px; line-height: 50px; font-weight: bold; color: #000; display: block; width: 1%; white-space: nowrap;} #body .wishsearchresults .searchitem a:hover {color: #000;} /* Account order history */ #body .form.orderhistory td {font-size: 10px; padding: 2px 0; vertical-align: top} #body .form.orderhistory th {font-weight: bold; font-size: 10px; border: none; background: none; padding: 2px 0;} #body .form.orderhistory tr.headrow td, #body .form.orderhistory tr.headrow th {font-size: 11px;} #body .form.orderhistory a.tocart {height:18px; width: 20px; background: transparent url(bg/buttons_ee_.gif) 0 0 no-repeat; margin:0; border: none; padding:0; display: block;} #body .form.orderhistory a.artlink {margin-right: 7px; color: #000; font-size: 10px;} #body .form.orderhistory a.artlink:hover {color: #000;} #body .form.orderhistory .amount {padding-right: 7px;} /* Account reccomend list */ #body .recommendlist .product {padding: 5px 0 5px 130px; margin: 0; border: none;} #body .recommendlist .product.thin {width: 413px;} #body .recommendlist .separator {margin: 0; width: 541px; border: none;} #body .recommendlist .dot_sep {clear: both;} /* Suggest */ #body ul.suggest {margin: 0;} /* Mall shops start page */ #body .mallbox {width: 980px; margin: 15px auto;} #body .mallbox .mallhead {position: relative; clear: both; height: 75px;} #body .mallbox .mallhead .mallmenu {position: absolute; right: 7px; top: 55px; margin: 0; padding: 0; list-style-type: none;} #body .mallbox .mallhead .mallmenu li {float: left; margin: 0 5px; padding-right: 10px; border-right: 1px solid #999;} #body .mallbox .mallhead .mallmenu li.last {border: none;} #body .mallbox .mallhead .mallmenu li a {font-size: 10px;} #body .mallbox .langbox {background:#24316E; border-bottom: 1px solid #fff; padding: 8px 7px; color: #fff;} #body .mallbox .langbox a {font-size: 10px; color: #fff;} #body .mallbox .langbox a.lang_active {font-weight: bold;} #body .mallbox .locationbox {padding: 15px 0 2px 0; margin: 0 0 15px 15px; font-size: 10px; color: #A7A7A7; border-bottom: 1px solid #CBCBCB;} #body .mallbox .welcomebox {position: relative; margin-left: 15px; width: 480px;} #body .mallbox .welcomebox .shopselectbox {position: absolute; left: 510px; top: 7px; width: 400px; font-size: 10px;} #body .mallbox .mallfooter {margin: 55px 0 0; position: relative;} #body .mallbox .mallfooter .copyright {background: #24316E; color:#fff; height: 15px; margin: 2px; padding: 6px 0px; text-align:right;} #body .mallbox .mallfooter a {font-size: 10px; color: #fff;} /* Basket popup */ #mask{visibility: hidden;display:none;} #mask iframe{visibility: hidden;border:none;} #mask.on {visibility: visible;display:block;position:fixed;opacity:0.7;top:0;left:0;width:100%;height: 100%;background:#000;z-index: 1500;} div.popup{visibility: hidden;display:none;} div.popup strong{display: block; margin: 9px 0; font-size: 11px;} div.on.popup{visibility: visible;display:block;position:fixed;top:50%;left:50%;width:270px;height: 150px;background: #ffffff;z-index: 2000;margin-top:-75px;margin-left:-135px;border:1px solid #000000;padding:10px;} div.on.popup.load {background: #fff url(bg/ajax-loader.gif) center center no-repeat;} div.on.popup table {width:100%;} div.on.popup input {color:#555555;background:#e2e2e2;border:1px solid #555555;font-weight: bold;padding:2px;width:130px;} div.on.popup input.disabled {color:#cbcbcb;background:#fff;border:1px solid #cbcbcb;font-weight: bold;padding:2px;width:130px;} div.on.popup input.bl{position:absolute;bottom:10px;left:10px;} div.on.popup input.br{position:absolute;bottom:10px;right:10px;} #zoom {padding:0;overflow:auto;min-width:250px;min-height: 150px;background:#e2e2e2;border-color:#000000;} #zoom ul.tabs{padding:0;margin:0;background:#ffffff;height: 28px;width:100%;} #zoom ul.tabs li{list-style: none;margin:1px;float:left;} #zoom a{display:block;padding:5px;background:#e2e2e2;width:20px;text-align: center;border:1px solid #555555;color:#555555;font-weight: bold;} #zoom ul.tabs li.close{float:right;} /* Message boxes */ #body .msg{ float:left;width:548px;color: #000000;background: #ffffff;border: 1px solid #e2e2e2;margin: 0 5px 10px 5px;padding: 5px 10px;} #body .msg .err{color: #ffffff;background: #CC0019; font-weight: bold;} /* Tags */ #body .box .tags {text-align: center;} #body .box .tags a{line-height: 100%;padding:0 .2em;cursor: pointer;color:#000;} #body .box .tags a.sel{color:green;font-weight: bold;} /* Ratings */ #write_review {display: none; margin: 20px 0px; float: left;} #body td.rating { width:104px; height:20px; margin:0; padding:0; background: url(bg/stars.gif) no-repeat 0 0;} #body td.rating.s1 {background-position:-84px -42px;} #body td.rating.s2 {background-position:-63px -42px;} #body td.rating.s3 {background-position:-42px -42px;} #body td.rating.s4 {background-position:-21px -42px;} #body td.rating.s5 {background-position:0 -42px;} #body ul.rating {width:104px; height:20px; margin:0 0 3px; padding:0; list-style:none; clear:both; position:relative; background: url(bg/stars.gif) no-repeat left top;} #body ul.rating li {cursor: pointer; float:left;} #body ul.rating li a {position:absolute; left:0; top:0; width:20px; height:20px; text-decoration:none; z-index: 200;} #body ul.rating li span {cursor: default; position:absolute; left:0; top:0; width:20px; height:20px; text-decoration:none; z-index: 200;} #body ul.rating li a b, #body ul.rating li span b {display: none;} #body ul.rating li.s1 a, #body ul.rating li.s1 span {left:0;} #body ul.rating li.s2 a, #body ul.rating li.s2 span {left:21px;} #body ul.rating li.s3 a, #body ul.rating li.s3 span {left:42px;} #body ul.rating li.s4 a, #body ul.rating li.s4 span {left:63px;} #body ul.rating li.s5 a, #body ul.rating li.s5 span {left:84px;} #body ul.rating li a:hover {z-index:2; width:104px; height:20px; overflow:hidden; left:0; background: url(bg/stars.gif) no-repeat 0 -21px;} #body ul.rating li.s1 a:hover {background-position: -84px -21px;} #body ul.rating li.s2 a:hover {background-position: -63px -21px;} #body ul.rating li.s3 a:hover {background-position: -42px -21px;} #body ul.rating li.s4 a:hover {background-position: -21px -21px;} #body ul.rating li.s5 a:hover {background-position: 0 -21px;} #body .rating_review_input {margin:0; height:20px;} #body .rating li.current_rate{background: url(bg/stars.gif) left bottom; position: absolute; height: 20px; z-index: 1;} #body .reviews_header {background: url(bg/rahmen/reviews.jpg) no-repeat; width:490px; height:80px; position: relative;} #body .reviews_header strong {display: block; color: #000000; font-size:15px;font-weight: normal; padding: 9px 15px} #body .reviews_header .rating {position: absolute; top: 20px; left:10px;} #body .reviews_header .rating_text {position: absolute; top: 37px; right:200px; color: #B2B2B2; font-size: 22px; } #body .reviews_header .rating_text .red {font-weight: bold; } #body .reviews_header .aktion a {position: absolute; top: 33px; right:10px; width:149px; height: 30px; padding: 3px;color: #ffffff} #body .reviews_header .aktion a:hover {text-decoration:none} #body div.reviews {float:left; width: 490px;} #body div.reviews strong {display: block; font-size: 15px;font-weight:normal; padding: 20px 0px 10px 0px;} #body #newestreviews h2 {font-size:20px; font-weight: normal; padding: 30px 0px 10px 0px;color:#BFBFBF; margin: 0px} #body dl.review { margin: 5px 0; padding-top: 5px; border-top: 1px solid #ccc;} #body dl.review dt {margin-bottom: 7px; height: 1em;} #body dl.review dd {clear: both; margin: 10px 0px;} #body dl.review .param {margin-left: 20px; color: #BFBFBF;} /* Recommendation lists */ #body dl.recommlistdesc {margin: 0 0 10px;} #body dl.recommlistdesc dt {font-size: 10px; padding: 3px 0 7px; background: url(bg/sepatator_ee_.gif) no-repeat bottom center;} #body dl.recommlistdesc dt a {font-size: 10px;} #body dl.recommlistdesc dd {font-size: 10px; margin: 3px 0;} #body .recommitems .article {width: 125px; margin-right: 9px; float: left; color: #787F87; font-size: 10px;} #body .recommitems .article a {font-size: 10px;} #body .recommitems .article .picture {width: 56px; height: 42px; text-align: center; border:1px solid #CBCBCB; margin-bottom: 3px;} #body .recommitems input.btn {border:1px solid #555555;border-width: 1px 0;} #body .recomm_author {font-weight: normal;} #body .recomlistdesc {float: left; width: 415px;} .verification_code {border: 1px solid #000; color: #000; padding: 2px; text-align:center; width:80px;} #body #demoAdminLink {border: 1px solid; position:absolute; left:778px; top:160px; height: 80px; width: 200px; opacity:0.7;z-index:1000;} #body #demoAdminLink .closeAdminLink {display: block; width: 15px; height: 12px; border: none; margin-left: 185px;} #body #demoAdminLink .openAdminLink {display: block; width: 185px; height: 18px; border: none; margin-left: 7px; margin-top: 32px;} .pos_label {padding-left:21px;} /* paypal bar top start */ #body div.bar.prevnext.paypaltop {background-color:#f0f0f0; border:1px solid #969696;margin:5px;padding:0;height: 100%; float: left; width: 568px;} /* paypal bar top end */ /* paypal button style start */ #body div.bar.prevnext input[class=paypalbutton] {background-color:#f0f0f0;border:0px;padding:0px;margin-top:5px;} /* paypal button style end*/ /* paypal bar bottom start */ #body div.bar.prevnext.paypalbottom {margin-bottom:15px;height: 100%;} /* paypal bar bottom end */ /* JQuery Mainnav */ div.bar.jqnav {margin-top: 10px; position: absolute; top: 118px; left: 14px} #navi1 { width: 1000px; padding: 0; margin: 0 auto; overflow:hidden; position: absolute; left:0px; top: 0; } #navi2 { width: 1000px; padding: 0; margin: 0 auto; overflow:hidden; position: absolute; left:0px; top: 20px; } ul#topnav { margin: 0; padding: 0; float:left; width: 100%; list-style: none; font-size: 1.1em; } ul#topnav li { float: left; margin: 0; padding: 0; position: relative; } ul#topnav li a { float: left; height: 18px; border-bottom: 3px solid gray; text-decoration: none; display: block; padding-top: 5px; padding-bottom:2px; padding-left: 0px; padding-right: 0px; color: #707070; background-color: #fff; text-transform: uppercase; margin-left:0px; /*margin-right:20px;*/ margin-right:16px; text-align: center; font-size: 1.1em; } .nav2 ul#topnav li a { /*margin-right:16px;*/ margin-right:11px; } ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; text-decoration: none; } ul#topnav a { z-index: 9999; } ul#topnav li .sub { position: absolute; top: 28px; left: 0; padding: 10px 0px 10px 3px; float: left; width: 100%; display: none; background-color: #344c00; } ul#topnav li .sub.topmargin { margin-top: 28px; } ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px; height: auto;} ul#topnav li .sub ul{ list-style: none; margin: 0; padding: 0; float: left; border-left: 1px dotted white; padding-left: 2px; } ul#topnav li .sub ul:first-child{ border-left: none; padding-left: 0px; } ul#topnav .sub ul li { /*width: 100%;*/ width: inherit; color: #000; clear: both; float: left; display: block; } ul#topnav .sub ul li h2, ul#topnav .sub.whitelinks ul li h2{ padding: 0; margin: 0; font-size: 1.0em; } ul#topnav .sub ul li h2 a, ul#topnav .sub.whitelinks ul li h2 a { padding: 5px 0; background-image: none; color: #000; font-weight: bold; } ul#topnav .sub.whitelinks ul li h2 a { color: #fff; } ul#topnav .sub ul li a { border: 0; text-decoration: none; float: none; height: auto; padding: 1px 1px 1px 0px; display: block; text-decoration: none; color: #fff; text-transform: none; text-align: left; font-size: 1.0em; background-color:transparent; color: #000; font-weight: normal; } ul#topnav .sub ul li a:hover {color: #fff; background-position: 5px 12px ;} ul#topnav .sub.whitelinks ul li a { font-weight: normal; color:#fff; } ul#topnav .sub.whitelinks ul li a:hover { color:#999999; } #navclose { float: right; } #navclose { border: 0; text-decoration: none; height: auto; padding: 1px 1px 1px 0px; display: block; text-decoration: none; color: #fff; text-transform: none; text-align: right; font-size: 1.0em; background-color:transparent; font-weight: normal; } #navclose:hover { text-decoration: underline; }