/* Klassen */ .float-left {float:left;margin-top:5px;margin-right:15px;margin-left:0px;margin-bottom:5px;} .float-right {float:right;margin-top:5px;margin-right:0px;margin-left:15px;margin-bottom:5px;} .float-clear {clear:both;} .nobr {white-space:nowrap;} /* Objekte zentrieren*/ .center {margin:auto;text-align:center;} /* Objekte zentrieren, enth. Text nicht:*/ /* äußere Box, für IE*/ .center_a {text-align:center;} /* innere Boxen, für andere Browser*/ /* enthaltenen Text wieder wie gewünscht ausrichten */ .center_i{margin:auto;text-align:left;} .strike {text-decoration:line-through;} .price {font-size:120%;font-weight:bold;} .sprice {font-size:120%;font-weight:bold;color:#FF0000;} .angprice {font-weight:bold;font-size:175%;color:#FFFFFF;background-color:#FF0000;padding:2px;} .marke {font-weight:bold;text-decoration:none;} /* .hinweis {font-size:8pt;text-align:left;} */ .Durchwahl {font-weight:bold;color:#FF0000;} .big {font-size:12pt;} .middle {font-size:11pt;} .medium {font-size:9pt;} .small {font-size:8pt;} .verysmall {font-size:7pt;} .black {color:#000000;} .white {color:#FFFFFF;} .red {color:#FF0000;} .yellow {color:#FFFF00;} .color {color:#2063C2;} .pdf {display:inline;background:url(/images/pdf.gif);background-repeat:no-repeat;padding-left:22px;} #logos, .logos {position:static;margin-left:5px; width:120px;text-align:center;float:left;} .logo {margin:auto;margin-bottom:20px;} h1.angebot {background:#cc0000;color:#ffffff;padding:10px;font-size:36px;font-family:Arial, Sans-Serif;text-align:center} img.markenname {float:right;} .angebot h2 {clear:right;} div.beschreibung {font-family:Arial, Sans-Serif;padding-left:170px;} * {margin:0;padding:0;border:none;} body {background:#f7f7ff url(/theme/images/dp_body-y.gif) center top repeat-y;text-align:center;font-family:Helvetica, Arial, Geneva, Sans-Serif;font-size:100.01%;lline-height:1.35em;} /* Allgemeine Definitionen ----------------------------------------------------------- */ h3 {margin:0 25px 1em 0;font-weight:bold;font-size:1.2em;} h4 {margin:0 25px 1em 0;font-weight:bold;font-size:1.1em;} p, td {margin:0 25px 1em 0;font-size:0.8em;text-align:left;} strong {font-weight:bold;color:#000000;} // ul {font-size:0.8em;text-align:left;} a:link, a:visited {color:#333399;font-weight:bold;text-decoration:none;} a:link:hover, a:visited:hover {text-decoration:underline;} a.details {bbackground:#fff594 url(/images/layout/pfeil_normal.gif) center right no-repeat;font:bold 14px/14px Helvetica, Arial, Geneva, Sans-Serif;padding-right:16px;margin-bottom:2px;border:5px solid #fff594;} a.details:hover {bbackground:#ffed00 url(/images/layout/pfeil_over.gif) center right no-repeat;color:#000000;text-decoration:none;border:5px solid #ffed00;} img {margin-bottom:1em;} td {vertical-align:top;font-size:0.8em;} /* allgemeine Klassen --------------------------------------------------------------------------------------------------*/ .markiert {background:#ffed00;padding:0.3em;} .clearer {clear:both;margin:0;padding:0;} .leftclearer {clear:left;} .rightclearer {clear:right;} .center {margin:auto;text-align:center;} .small {font-size:8pt;} .verysmall {font-size:7pt;} .pdf {display:inline;background:url(../../images/pdf.gif);background-repeat:no-repeat;padding-left:22px;} .kkaercher {display:inline;background:url(../../images/symbol.jpg) top left no-repeat;padding:0;padding-left:22px;} /* Preise auf den Produktsübersichtsseiten, Sonderangebote, Restposten */ div.ehemals {background:#fffcdf;color:#666666;} div.preis strong, div.angebot strong, div.ehemals strong {/* Euro-Betrag */font:bold 18px "Helvetica Neue", Arial, Geneva, Helvetica, Sans-Serif;/*display:block;*/} div.ehemals strong {color:#999999;} /* verschiedene Bilderklassen --------------------------------------------------------- */ img.float-left {clear:left;float:left;display:inline;margin:0 1em 1em -1px;bborder:1px solid #ffed00;} img.float-right {clear:right;float:right;display:inline;margin:0 -1px 1em 1em;bborder:1px solid #ffed00;} img.float-left_frei {float:left;display:inline;margin:0 1em 1em;} img.float-right_frei {float:right;display:inline;margin:0 1em 1em;} img.ganze_breite {width:575px;} img.halb_links {float:left;display:inline;width:225px;margin-right:25px;} img.halb_rechts {float:right;display:inline;width:225px;margin-right:25px;margin-left:25px;} img.bild100, div.rahmen_zweispaltig img.bild100 {width:100px;height:100px;} img.bild255, div.rahmen_zweispaltig img.bild255 {width:255px;height:255px;} img.bild600, div.rahmen_zweispaltig img.bild600 {width:600px;height:600px;} #seitennavigation {/* zum Beispiel Aktuell, kann aber auch auf anderen Seiten Verwendung finden */clear:both;margin:1em 25px 1em 0;padding:0.3em;background:#fffbcc;font-size:0.75em;border-top:1em solid #ffffff;} #seitennavigation a {font-weight:normal;} #seitennavigation strong {color:#000000;font-weight:bold;} /* Teaserboxen mit Schatten --------------------------------------------------------- */ div.schatten, div.schatten_zweispaltig {float:left;display:inline;width:276px;margin-right:20px;border-bottom:3px solid #f2f2f2;} div.schatten_zweispaltig {width:575px;} div.rahmen, div.rahmen_zweispaltig {width:276px;margin-top:10px;border:1px solid #fff26c;font:normal 12px "Helvetica Neue", Arial, Geneva, Helvetica, Sans-Serif;} div.rahmen_zweispaltig {width:575px;} /* Texte und Bilder in den Teaserboxen */ div.rahmen h2, div.rahmen_zweispaltig h2 {font:bold 16px "Helvetica Neue", Arial, Geneva, Helvetica, Sans-Serif;background:#fffabf;padding:10px;margin-bottom:10px;display:block;} div.rahmen h2 a div.rahmen_zweispaltig h2 a {font:bold 16px "Helvetica Neue", Arial, Geneva, Helvetica, Sans-Serif;text-decoration:none;margin:0;} div.rahmen p, div.rahmen_zweispaltig p {font:normal 12px/1.4em "Helvetica Neue", Arial, Geneva, Helvetica, Sans-Serif;margin:1em 5px 1em 1em;} div.rahmen img.float-right {margin:0 -1px 1em 1em;border:1px solid #ffed00;} .preis_inkl {/* Preis für Endverbraucher (mit Preisschild) */width:116px;height:55px;bbackground:url(../images/layout/produktdetails/preisschild.gif) top right no-repeat;text-align:center;float:left;display:inline;} .preis_inkl h3 div.rahmen .preis_inkl h3, div.rahmen_zweispaltig .preis_inkl h3, #spalte_rechts .preis_inkl h3 {margin:0.3em 0 0.5em;font:bold 24px/1em Arial, Helvetica, Geneva, Sans-Serif;width:116px;text-align:center;} .preis_inkl p, div.rahmen .preis_inkl p, div.rahmen_zweispaltig .preis_inkl p, #spalte_rechts .preis_inkl p {margin:-0.9em 0 0;font:normal 13px/1em Arial, Helvetica, Geneva, Sans-Serif;width:116px;text-align:center;} .preis_zzgl {/* Preis für Firmenkunden (neutraler) */float:left;display:inline;width:116px;height:55px;//bbackground:url(../images/layout/produktdetails/preisschild.gif) top right no-repeat;background:#fefbd2;border:5px solid #fef8a6;text-align:center;} .preis_zzgl h3 {margin:0 0 1em;font:bold 18px/1em Arial, Helvetica, Geneva, Sans-Serif;width:116px;text-align:center;} .preis_zzgl p {margin:-1.5em 0 1.5em;font:normal 11px/1em Arial, Helvetica, Geneva, Sans-Serif;width:116px;text-align:center;} .infobox {clear:left;background:#d0dcf1;border-radius:3px;margin-top:10px;padding:10px;} .infobox * {margin-bottom:3px;} #inhalt_innen .infobox {margin-right:25px;} #breadcrumb {clear:right;background:#dddddd;font-size:0.7em;margin:0 0 0 200px;height:27px;} #breadcrumb * {font-size:1em;} #breadcrumb a {text-decoration:underline;} //#breadcrumb span {float:left;padding:6px 9px;width:70%;} #breadcrumb span {float:left;padding:6px 9px;width:600px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #suchformular.breadcrumb {float:right;margin:2px;} #suchformular.breadcrumb #suchfeld {height:22px;width:110px;text-indent:3px;margin:0;} #suchformular.breadcrumb #suchbutton {height:22px;width:60px;cursor:pointer;padding:0;margin:0;text-align:center;color:#ffffff;font-weight:bold;background:#bbbbbb;} div.kachel {width:243px;height:200px;margin:0 15px 15px 0;float:left;overflow:hidden;} div.kachel.border {width:239px;border:2px solid #0b4ead;} #zeile1 .kachel {height:125px;} #zeile2 .kachel {height:127px;} #zeile3 .kachel {height:120px;} div.zweikacheln {width:500px;margin-right:15px;float:left;overflow:hidden;} div.kachel.border h1 {background:#0b4ead;padding:2px 6px 4px;margin:0;color:#ffffff;font-size:1em;} div.kachel.border h1 a {color:#ffffff;font-size:1.1em;display:block;padding:0;} div.kachel .besonders_aktuell {width:240px;} div.kachel .besonders_aktuell a h2 {color:#0b4ead;font-size:0.8em;} div.kachel .besonders_aktuell p {color:#000000;font-size:0.8em;} div.kachel .besonders_aktuell a {color:#0b4ead;} a.filiallink, a.slide {display:block;width:800px;height:260px;background:url('/images/diashow/deterding0.jpg');} a.filiallink span {float:left;margin-top:230px;background:rgba(0,0,0,0.5);color:#ffffff;padding:6px 30px 6px 10px;} a.filiallink:hover, a.filiallink:hover * {text-decoration:none;} a.slidelink {cursor:pointer;} a.slidelink img {width:800px;height:260px;margin-bottom:-29px;cursor:pointer;} a.slidelink span {background:rgba(0,0,0,0.5);color:#ffffff;padding:6px 30px 6px 10px;cursor:pointer;} .cycle-slideshow {margin:-25px -25px 25px;} h2.hotline .small {font-size:0.7em;} div.oeffnungszeiten div.larger p {font-size:1em;font-weight:bold;} .infomaterial .button, .katalog .button {font-size:1.1em!important;width:auto!important;margin:0!important;} div#filter input {float:left;margin:21px 5px 0 0;} div#filter strong {float:left;margin:20px 15px 20px 0;} div#filter div#ausgeblendet {display:none;} a#alleanzeigen {float:right;font-size:0.85em;display:none;} p.keinetermine {display:none;} a.filiallink {display:block;width:800px;height:260px;background:url('/images/diashow/deterding0.jpg');} a.filiallink:hover, a.filiallink:hover * {text-decoration:none;} .bildteaser {border-radius:10px;float:left;width:234px;margin:0 20px 20px 0;height:180px;overflow:hidden;text-align:center;text-decoration:none;border:2px solid #0b4ead;background:#0b4ead;} .bildteaser:hover {text-decoration:none!important;} .bildteaser img {width:auto;height:160px;margin:0;position:relative;z-index:0;} .bildteaser span.bu {float:left;width:100%;padding:5px 0 30px;margin-top:-70px;background:rgba(0,0,0,0.65);color:#ffffff;position:relative;z-index:10;text-decoration:none;} .bildteaser:hover span.bu,.bildteaser a:hover span.bu {background:rgba(11,78,173,0.75);} .bildteaser a:hover {text-decoration:none;} .bildteaser span.h1 {display:block;background:none repeat scroll 0 0 #0b4ead;color:#ffffff;font-size:1em;margin:0;padding:2px 6px 4px;} .bildteaser.kaerchercenter {border-radius:10px;border:2px solid #f9f200;} .bildteaser.kaerchercenter span.h1 {background:#f9f200;color:#000000;} .bildteaser.kaerchercenter:hover span.bu,.bildteaser.kaerchercenter a:hover span.bu, .bildteaser.kaerchercenter span.bu {background:#f9f200;color:#000000;} div.checkbutton {float:left;margin:0 15px 20px 0;border-radius:6px;cursor:pointer;padding:4px 9px;font-weight:bold;color:#0b4ead;background:#d6deea;font-size:0.8em;border:1px solid #d6deea;} div.checkbutton:hover {background:#0b4ead;color:#ffffff;} div#filter div.checkbutton strong {float:none;color:#0b4ead;margin:0;} // div.checkbutton.aus {border-color:#999999;color:#999999;background:#eeeeee;} div.checkbutton.aus {border:1px solid #d6deea;color:#0b4ead;background:#ffffff;} div#filter div.checkbutton.aus strong {color:#0b4ead;} //div.checkbutton.aus:hover {background:#999999;color:#ffffff;} div.checkbutton.aus:hover {background:#d6deea;color:#0b4ead;} div#filter div.checkbutton:hover strong {color:#ffffff;} div#filter div.checkbutton.aus:hover strong {color:#0b4ead;} div.checkbutton .aktiv, div.checkbutton .inaktiv {font-size:0.8em;padding-right:5px;} div.checkbutton .aktiv {display:inline;color:#009900;} div.checkbutton .inaktiv {display:none;color:#d6deea;} div.checkbutton.aus .inaktiv {display:inline;} div.checkbutton.aus .aktiv {display:none;} div.checkbutton.aus:hover .inaktiv {display:none;} div.checkbutton.aus:hover .aktiv {display:inline;} #inhalt.neu a.checkbutton {float:left;margin:0 15px 20px 0;border-radius:6px;cursor:pointer;padding:4px 9px;font-weight:bold;color:#0b4ead;background:#d6deea;font-size:0.8em;border:1px solid #d6deea;} // #inhalt.neu a.checkbutton:hover {background:#0b4ead;color:#ffffff;text-decoration:none;} #inhalt.neu a.checkbutton:hover {text-decoration:none;} #inhalt.neu div#filter a.checkbutton strong {float:none;color:#0b4ead;margin:0;} #inhalt.neu a.checkbutton.aus {border:1px solid #d6deea;color:#0b4ead;background:#ffffff;text-decoration:none;} #inhalt.neu div#filter a.checkbutton.aus strong {color:#0b4ead;} #inhalt.neu a.checkbutton.aus:hover {background:#d6deea;color:#0b4ead;text-decoration:none;} #inhalt.neu div#filter a.checkbutton:hover strong {color:#ffffff;text-decoration:none;} #inhalt.neu div#filter a.checkbutton.aus:hover strong {color:#0b4ead;text-decoration:none;} #inhalt.neu a.checkbutton .aktiv, a.checkbutton .inaktiv {font-size:0.8em;padding-right:5px!important;} #inhalt.neu a.checkbutton .aktiv {display:inline;color:#009900;} #inhalt.neu a.checkbutton .inaktiv {display:none;color:#d6deea;} #inhalt.neu a.checkbutton.aus .inaktiv {display:inline;} #inhalt.neu a.checkbutton.aus .aktiv {display:none;} #inhalt.neu a.checkbutton.aus:hover .inaktiv {display:none;} #inhalt.neu a.checkbutton.aus:hover .aktiv {display:inline;} .ausgebucht p.anmeldung {display:none;} div#inhalt div.aktuelles {width:99%;height:auto;} div#inhalt div.aktuelles .infomaterial {border:none;float:right;margin:0 0 0 20px;height:auto;padding-bottom:20px;} div#inhalt div.aktuelles .infomaterial p {margin-left:15px;margin-right:15px;} div#grossansicht {max-width:80%;max-height:80%;} img#grossbild {width:100%;max-height:00%;} .slide.rechts260px span.button, .slide.rechts260px h2 {color:#e65600;} .bx-wrapper li img.slidebrand {float:right;margin:0 20px 10px;max-width:220px;max-height:50px;width:auto;height:auto;} span.infotext p {padding:0;margin-bottom:0.5em;} span.button {margin-top:10px!important;} ul.bxslider {margin:0;display:block;font-family:'Fira Sans',sans-serif;} ul.bxslider * {font-family:'Fira Sans',sans-serif;} ul.bxslider li.slide {width:1000px;height:300px;float:left;font-size:14px;} ul.bxslider li.slide a.slideimage {display:block;width:65%;height:100%;float:left;background-position:center center;background-size:cover;position:relative;} ul.bxslider li.slide .slidetext {width:35%;height:100%;float:left;background:#eeeff0;} ul.bxslider li.slide .slidetext .padding {padding:14px 42px 14px 14px;} ul.bxslider li.slide a.slideimage img.brand {width:auto;height:auto;max-width:175px;max-height:105px;padding:7px;background:rgba(255,255,255,0.77);position:absolute;top:0;right:0;} ul.bxslider li.slide a.slideimage img.brand.oben.rechts {top:0;right:0;bottom:auto;left:auto;} ul.bxslider li.slide a.slideimage img.brand.unten.rechts {bottom:0;right:0;top:auto;left:auto;} ul.bxslider li.slide a.slideimage img.brand.unten.links {bottom:0;left:0;top:auto;right:auto;} ul.bxslider li.slide a.slideimage img.brand.oben.links {top:0;left:0;bottom:auto;right:auto;} ul.bxslider li.slide h1 {font-size:1.5em;color:#33307e;margin:7px 0;background:transparent;text-indent:0;height:auto;padding:0;} ul.bxslider li.slide h2 {font-size:1em;color:#1a171b;margin:0 0 7px;} ul.bxslider li.slide p.info {font-size:1em;color:#1a171b;padding:0;line-height:1.35em;} .bx-controls .bx-pager {right:auto;left:10px;text-align:left!important;} a.cta {background:#c62516;float:left;display:block;padding:7px 21px 4px;border-top-left-radius:7px;border-bottom-right-radius:7px;color:#ffffff!important;margin:7px 14px 14px;} a.cta:hover {background:#33307e;text-decoration:none!important;} ul.bxslider li h1 {clear:none;} #subnavigation {margin-top:0;border-top:0px none;} span.preis {font-size:1.2em;line-height:1.5em;display:block;} div.slidecontent {margin:14px 42px 0 14px;height:236px;overflow:hidden;} #inhalt.neu iframe.video {width:100%;height:300px;} #fuss #fuss_innen .foot *, #fuss #fuss_innen .foot a {font-family:'Fira Sans',Sans-Serif;font-weight:normal!important;font-size:13px!important;line-height:21px!important;display:block;} #fuss #fuss_innen .foot {width:100%;padding:10px 0 50px;border-top:1px solid #0b4ead;font-weight:normal;} #fuss #fuss_innen .foot .spalte {width:20%;float:left;margin:0;} #fuss #fuss_innen .foot strong {font-weight:bold!important;text-transform:uppercase;} a.toplink {margin:10px;} #inhalt.neu .video .padding h2 {margin-top:0;} #inhalt.neu .logoliste li,#inhalt.neu #infospalte > li {list-style-type:none;} select {border:1px solid #CFCFCF;padding:3px;} select#marke {width:125px;} #inhalt.filterung select {margin:0 2em 0 1em;} .produktnavigation {float:left;width:100%;background:#D6DEEA;margin-bottom:20px;} .produktnavigation .links {float:left;text-align:left;width:30px;margin:10px 0 10px 10px;} .produktnavigation .mitte {display:block;text-align:right;width:80%;margin:10px auto;text-align:center;} .produktnavigation .rechts {float:right;text-align:right;width:30px;margin:10px 10px 10px 0;} .produktnavigation .linksneu {float:left;text-align:left;width:190px;padding-bottom:20px;} .produktnavigation .rechtsneu {float:right;text-align:right;width:190px;margin-right:25px;padding-bottom:20px;} .produktnavigation .mitte {ffloat:none;ftext-align:center;fdisplay:block;} .produktdetails .produktbild {float:left;width:379px;overflow:hidden;} .produktdetails img.produkt {float:left;width:375px;} .produktdetails .produktansichten {float:left;width:400px;margin:-10px 0 15px;} .produktdetails img.produktansicht, img.zubehoer {float:left;width:86px;margin-right:6px;border:2px solid #D6DEEA;cursor:pointer;} .produktdetails img.produktansicht1 {float:left;width:auto;height:100px;margin:0 6px 6px 0;border:2px solid #D6DEEA;cursor:pointer;} .produktdetails img.produktansicht.aktiv {border-color:#ffffff;} .produktdetails .produkttext {float:right;width:350px;margin:0 0 0 0;} .produktdetails h2 {ffloat:right;width:379px;margin:0 0 0 0;} .produktdetails .produkttext img {width:250px;margin:0 0 15px;} .produktdetails table.technische.daten {float:left;width:380px;margin-bottom:2em;margin-right:20px;} .produkttext table.technische.daten {float:left;width:357px;margin-bottom:7em;margin-right:20px;} #rechte_spalte.gebrauchtgeraet table.technische.daten {float:left;width:300px;margin:0 0 20px 0;} .produktdetails table.technische.daten td,#rechte_spalte.gebrauchtgeraet td {padding:3px;vertical-align:top;background:#eeeeee;} p.grau {color:#999999;} p.disclaimer {font-size:0.66em;line-height:1.2em;padding:25px 25px 25px 0 !important;} div#seitennavigation {float:right;width:255px;margin-right:20px;} .produkttext h2 {border-bottom:2px solid #D6DEEA;padding-bottom:20px;margin:10px 0px 20px 0;width:355px;} .produkttext h1 {font-size:1.3em;border-bottom:2px solid #D6DEEA;padding-bottom:20px;margin:10px 0px 20px 0;width:355px;} /* Allgemeine Definitionen ----------------------------------------------------------- */ h1 {clear:left;display:block;margin:0 25px 10px 0;font-weight:bold;font-size:1.4em;color:#0B4EAD} h2 {display:block;margin:0 0 0.75em;padding:0.0em;font-weight:bold;font-size:1.25em;color:#0B4EAD;} h3 {margin:2em 25px 0.5em 0;font-weight:bold;font-size:1.1em;} h4 {margin:0 25px 1em 0;font-weight:bold;font-size:1.1em;} p, td, li {margin:0 0 1em 0;font-size:0.8em;text-align:left;} td p {font-size:1em;} strong {font-weight:bold;color:#000000;} // ul {font-size:0.8em;text-align:left;} a:link, a:visited {color:#0B4EAD;font-weight:bold;text-decoration:none;} a:link:hover, a:visited:hover {text-decoration:underline;} a.details {font:bold 14px/14px "Helvetica Neue", Arial, Geneva, Helvetica, Sans-Serif;padding-right:16px;margin-bottom:2px;border:5px solid #fff594;} a.details:hover {bbackground:#ffed00 url(/images/layout/pfeil_over.gif) center right no-repeat;color:#000000;text-decoration:none;border:5px solid #ffed00;} img {margin-bottom:1em;} td {vertical-align:top;font-size:0.8em;} /* allgemeine Klassen --------------------------------------------------------------------------------------------------*/ .markiert {background:#ffed00;padding:0.3em;} .clearer {clear:both;margin:0;padding:0;} .leftclearer {clear:left;} .rightclearer {clear:right;} .aktuelles {margin:0 0 1em 0;border:2px solid #BCD7FF;width:100%;} .aktuelles h4 {clear:left;margin:0 25px 1em;font-weight:bold;font-size:1.1em;} .aktuelles p {margin:0 10px 1em;} .aktuelles li {margin-left:1em;} .aktuelles a {margin-top:-1em;height:1em;display:block;} .aktuelles a:link, .aktuelles a:visited {margin-top:0;display:inline;} .besonders_aktuell {border-bottom:1px dotted #BCD7FF;} .besonders_aktuell h2,.besonders_aktuell a {color:#ffffff;} .besonders_aktuell h2 {padding:0;margin:10px 10px 0;} .besonders_aktuell p {margin:0 10px 10px;color:#c1d5ed;} .center {margin:auto;text-align:center;} .pdf {display:inline;background:url(/images/pdf.gif);background-repeat:no-repeat;padding-left:22px;} .kkaercher {display:inline;background:url(../images/symbol.jpg) top left no-repeat;padding:0;padding-left:22px;} /* Preise auf den Produktsübersichtsseiten, Sonderangebote, Restposten */ div.ehemals {background:#fffcdf;color:#666666;} /* Euro-Betrag */ div.preis strong, div.angebot strong, div.ehemals strong {font:bold 18px "Helvetica Neue", Arial, Geneva, Helvetica, Sans-Serif;} div.ehemals strong {color:#999999;} /* verschiedene Bilderklassen --------------------------------------------------------- */ img.float-left {clear:left;float:left;display:inline;margin:0 10px 10px 0;bborder:1px solid #cccccc;} img.float-right {clear:right;float:right;display:inline;margin:0 0 10px 10px;bborder:1px solid #cccccc;} img.float-left_frei {float:left;display:inline;margin:0 1em 1em;} img.float-right_frei {float:right;display:inline;margin:0 1em 1em;} img.ganze_breite {width:575px;} img.halb_links {float:left;display:inline;width:225px;margin-right:25px;} img.halb_rechts {float:right;display:inline;width:225px;margin-right:25px;margin-left:25px;} img.bild100, div.rahmen_zweispaltig img.bild100 {width:100px;height:100px;} img.bild255, div.rahmen_zweispaltig img.bild255 {width:255px;height:255px;} img.bild600, div.rahmen_zweispaltig img.bild600 {width:600px;height:600px;} /* zum Beispiel Aktuell, kann aber auch auf anderen Seiten Verwendung finden */ #seitennavigation {clear:both;margin:1em 25px 1em 0;padding:0.3em;background:#BCD7FF;font-size:0.75em;border-top:1em solid #ffffff;} #seitennavigation a {font-weight:normal;} #seitennavigation strong {color:#000000;font-weight:bold;} /* Teaserboxen mit Schatten --------------------------------------------------------- */ div.schatten, div.schatten_zweispaltig {float:left;display:inline;width:276px;margin-right:20px;border-bottom:3px solid #f2f2f2;} div.schatten_zweispaltig {width:575px;} div.schatten_zweispaltig.innen {margin:-1px;overflow:hidden;} div.rahmen, div.rahmen_zweispaltig {width:276px;margin-top:10px;border:1px solid #fff26c;font:normal 12px "Helvetica Neue", Arial, Geneva, Helvetica, Sans-Serif;} div.rahmen_zweispaltig {width:575px;} /* Texte und Bilder in den Teaserboxen */ div.rahmen h2, div.rahmen_zweispaltig h2 {font:bold 16px "Helvetica Neue", Arial, Geneva, Helvetica, Sans-Serif;background:#fffabf;padding:10px;margin-bottom:10px;display:block;} div.rahmen h2 a div.rahmen_zweispaltig h2 a {font:bold 16px "Helvetica Neue", Arial, Geneva, Helvetica, Sans-Serif;text-decoration:none;margin:0;} div.rahmen p, div.rahmen_zweispaltig p {font:normal 12px/1.4em "Helvetica Neue", Arial, Geneva, Helvetica, Sans-Serif;margin:1em 5px 1em 1em;} div.rahmen img.float-right {margin:0 -1px 1em 1em;border:1px solid #ffed00;} .preis_inkl {/* Preis für Endverbraucher (mit Preisschild) */width:151px;height:55px;background:url(../images/layout/produktdetails/preisschild.gif) top right no-repeat;text-align:center;float:left;display:inline;} .preis_inkl.jubi {/* Preis für Endverbraucher (mit Jubiläumspreisschild) */float:right;display:inline;margin:5px;background:url(../images/jubilaeumspreis.jpg);padding:45px 0 15px;} .preis_inkl h3 div.rahmen .preis_inkl h3, div.rahmen_zweispaltig .preis_inkl h3, #spalte_rechts .preis_inkl h3 {margin:0.3em 0 0.5em;font:bold 24px/1em Arial, Helvetica, Geneva, Sans-Serif;width:116px;text-align:center;} .preis_inkl p, div.rahmen .preis_inkl p, div.rahmen_zweispaltig .preis_inkl p, #spalte_rechts .preis_inkl p {margin:-0.9em 0 0;font:normal 13px/1em Arial, Helvetica, Geneva, Sans-Serif;width:116px;text-align:center;} /* Preis für Firmenkunden (neutraler) */ .preis_zzgl {float:left;display:inline;width:116px;height:55px;background:#fefbd2;border:5px solid #fef8a6;text-align:center;} .preis_zzgl h3 {margin:0 0 1em;font:bold 18px/1em Arial, Helvetica, Geneva, Sans-Serif;width:116px;text-align:center;} .preis_zzgl p {margin:-1.5em 0 1.5em;font:normal 11px/1em Arial, Helvetica, Geneva, Sans-Serif;width:116px;text-align:center;} /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* Erweiterungen */ /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .padding {padding:10px;} div#pennigsehl.mitarbeiterliste {display:block;} div#nienburg.mitarbeiterliste {display:block;} div#garbsen.mitarbeiterliste {display:block;} .gartentechnik {display:block;} .forsttechnik {display:block;} .wassertechnik {display:block;} .reinigungstechnik {display:block;} .gartenmoebel {display:block;} .fahrraeder {display:block;} .pkw-anhaenger {display:block;} .werkzeuge {display:block;} .arbeitsschutz {display:block;} .schlosserei {display:block;} td.gartentechnik {display:table-cell;padding:10px;text-align:center;} td.forsttechnik {display:table-cell;padding:10px;text-align:center;} td.wassertechnik {display:table-cell;padding:10px;text-align:center;} td.reinigungstechnik {display:table-cell;padding:10px;text-align:center;} td.gartenmoebel {display:table-cell;padding:10px;text-align:center;} td.fahrraeder {display:table-cell;padding:10px;text-align:center;} td.pkw-anhaenger {display:table-cell;padding:10px;text-align:center;} td.werkzeuge {display:table-cell;padding:10px;text-align:center;} td.arbeitsschutz {display:table-cell;padding:10px;text-align:center;} td.schlosserei {display:table-cell;padding:10px;text-align:center;} .mitarbeiter, .kurzinfo, .zubehoer-zweispaltig {float:left;border:1px solid #D6DEEA;margin:0 20px 15px 0;width:378px;hheight:140px;overflow:hidden;} /* .mitarbeiter .padding.clearfix {display:none;} */ .mitarbeiter img, .kurzinfo img, .zubehoer-zweispaltig img {float:left;margin:0 10px 20px 0;width:100px;height:120px;} .mitarbeiter .abteilungen {float:right;margin-left:0;text-align:right;width:248px;} .zubehoer-zweispaltig {width:360px;} .filter h2 {clear:both;padding-bottom:15px;margin-top:15px;border-top:1px solid #dfdfdf;} .filter h2.name {clear:none;padding-bottom:0;margin-top:0;border:none;} .angebot {float:left;border:2px solid #D6DEEA;margin:0 16px 15px 0;width:378px;background:#ffffff;} .produkt {float:left;border:2px solid #D6DEEA;background:#ffffff;margin:0 16px 15px 0;width:235px;} .angebot.rechts, .produkt.rechts {float:right;margin-right:25px;} .angebot div.bild {float:left;width:170px;margin:0;border-right:1px solid #D6DEEA;} .angebot div.bild img.logo {display:block;width:150px;margin:10px;} .produkt div.bild {float:left;width:120px;margin:0;} .angebot div.bild img, .angebot div.bild p {width:150px;margin:10px;} .produkt div.bild img, .produkt div.bild p {width:100px;margin:10px;} .angebot div.text {float:right;width:207px;margin:0 0 0 -1px;padding-bottom:5em;border-left:1px solid #D6DEEA;} .produkt div._text {float:right;width:114px;margin:0 0 0 -1px;padding-bottom:5em;border-left:1px solid #D6DEEA;} .produkt div.text ul, .angebot div.text ul {margin:0 0 1em 0.25em;padding:0;list-style-type:square;} #inhalt .produkt div.text ul li, #inhalt .angebot div.text ul li {font-size:0.9em;color:#d6dfeb;color:#000000;margin:0 0 0 -20px;width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;list-style-position:inside;} .produkt div.text ul li span {color:#000000;} .angebot div.text ul {margin:0 0 1em 0.2em;padding:0;list-style-type:square;} .angebot div.text ul li {color:#D6DEEA;} .angebot div.text ul li span {color:#000000;} .angebot div.text h3, .produkt div.text h3 {clear:left;margin:-10px -10px 10px;padding:10px;background:#D6DEEA;} .produkt h3, .angebot h3 {clear:left;margin:0px;padding:10px;background:#D6DEEA;font-size:1.1em;} .angebot h4, .produkt h4 {clear:both;margin:0 0;padding:10px;color:#003382;background:#D6DEEA;} .angebot.quer div.bild {width:380px;height:140px;border-bottom:1px solid #D6DEEA;overflow:hidden;} .angebot.quer div.bild img {width:250px;margin:10px 65px;} .angebot.quer div.text {float:left;width:380px;} div.preis {clear:both;float:right;margin:-5em 0 10px;padding:0;text-align:left;font-size:1em;font-weight:bold;text-transform:uppercase;} div.preis.textfluss {margin:20px 0 0;float:left;} .restposten div.preis {border-top-color:#cc0000;} /* div.preisart, div.preis_inkl p {text-align:left;font-size:1em;font-size:0.8em;font-weight:bold;text-transform:uppercase;border:2px solid #484848;bborder-top:none;padding:2px 12px 2px 4px;background:#cc0000;display:block;color:#ffffff;width:125px;margin:0 0 -2px 3px;} */ div.preisart, div.preis_inkl p {text-align:left;font-size:1em;font-size:0.8em;font-weight:bold;text-transform:uppercase;padding:2px 12px 2px 4px;background:transparent;display:block;color:#000000;width:125px;margin:0 0 -2px 3px;} .preis.textfluss .preisart {margin-left:0;} div.preisart.restposten {border-color:#cc0000;} div.preisschild, .preis_inkl h3 {margin:-1px 3px 0;padding:2px 8px;text-align:left;border:2px solid #484848;bborder-top:none;color:#333333;font-size:1.6em;line-height:1em;background:#f4f4f0;float:right;width:125px;} .preis.textfluss .preisschild, .preis_inkl h3 {margin-left:0;} // .restposten div.preisschild {border-color:#cc0000;} div.preisschild .euro {padding:0 0 0 5px;color:#999999;font-size:0.7em;} .produkttext .preisschild {margin:-2px 0 0;} .produkttext .preis {margin:-2em 0 10px;} span.strikethrough {text-decoration:line-through;} img.service {float:left;display:inline;width:80px;height:80px;margin-right:20px;} div.info-box {border:1px solid #003382;padding:15px;float:right;display:inline;margin:0 0 20px 20px;background:#D6DEEA;width:315px;} table.service tr td {width:155px;text-align:center;vertical-align:top;} table.service tr td a {display:block;margin:10px 10px 0 0;} table.service tr td a img {border:1px solid #003382;padding:10px;margin:10px 0 5px 0;width:105px;} div.spalte {float:left;display:inline;width:250px;margin-right:14px;} p.restpostentext {background:transparent;color:#cc0000;padding:10px;font-weight:bold;margin:0;} .angebot div.bild p.restpostentext {margin:0 0 0 0;width:180px;font-size:1.1em;padding:10px;padding-top:9px;padding-bottom:9px;} // .angebot.restposten, .angebot.restposten .bild a {border:2px solid #cc0000;} .angebot .weitere.ansichten {margin:0px 0 0 -2px;float:left;display:inline;width:380px;border-top:2px solid #cc0000;} .angebot .weitere.ansichten a {border-left:2px solid #cc0000;width:61px;height:45px;margin:0px;float:left;display:inline;overflow:hidden;text-align:center;} .angebot .weitere.ansichten a img {width:51px;max-height:51px;margin:5;} #content a.button {float:right;background:#157900;color:#8abc7f;font-size:1.5em;line-height:1em;padding:8px 15px;} #content a.button:hover {background:#0b5900;color:#ffffff;text-decoration:none;} #aufmacher {margin:-2em 0 5em;width:819px;height:276px;overflow:hidden;} #aufmacher img {margin-top:-22em;} .funktionsweise p {padding:0 0 0 110px;} .funktionsweise img {float:left;margin-left:-110px;} .hersteller {float:left;margin-left:9px;} .hersteller.viertel {width:115px;} .hersteller.viertel a {float:left;border:1px solid #ffffff;} .hersteller.viertel a:hover {border:1px solid #157900;} .hersteller.viertel img {width:96px;margin:9px;} .dienstleistung {float:left;margin:0 16px 15px 0;width:245px;background:#ffffff;border:1px solid #157900;} .dienstleistung h2 {font-size:1em;padding:5px;margin:0;color:#ffffff;background:#157900;} .dienstleistung h2 span {float:right;} .dienstleistung li {color:#157900;} .dienstleistung li span {color:#000000;} .dienstleistung p.padding {padding:5px;} .produktliste.zwischenueberschrift {clear:left;} div#terminkalender {} div#terminkalender h1 {background:#d2181e;color:#ffffff;padding:3px 6px;margin-bottom:10px;} div#terminkalender span {background:#fff584;background:#D6DEEA;color:#333333;ppadding:10px;margin-bottom:8px;font-weight:bold;} div.terminkalender span {font-weight:bold;} div#terminkalender div .datum {display:block;font-weight:normal;} div#terminkalender div .ort, div.terminkalender .ort {float:right;margin-right:8px;color:#d2181e;} div#terminkalender div .ausgebucht {background:#d2181e;color:#ffffff;float:right;padding:0px 2px 2px;white-space:nowrap;transform:rotate(-3deg);-moz-transform:rotate(-3deg);-webkit-transform:rotate(-3deg);margin:-60px 0 0 0;} div.terminkalender .ausgebucht {background:#d2181e;color:#ffffff;float:right;padding:0px 2px 2px;white-space:nowrap;transform:rotate(-5deg);-moz-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);margin:-70px 407px 0;font-weight:bold;} div#terminkalender div.aktuell {display:none!important;} div#terminkalender h2 {font-size:1em;} div#terminkalender div.terminkalender {width:228px;margin-bottom:10px;padding:10px;} .produkt, .angebot {width:745px;} .produkt img, .angebot img {float:left;width:160px;margin:10px;} .produkt .bild, .angebot .bild {display:inline; float:left; margin:0; width:170px;} .produkt .text, .angebot .text {border:medium none; clear:none; display:inline; float:left; height:132px; margin:0; padding-bottom:0; width:245px;} .produkt.off, .zubehoer.off, .angebot.off, .angebot.restposten.off, .produktuebersicht.off, .off, .abgelaufen {display:none;} .produkt .name.marke, .zubehoer .name.marke, .angebot .name.marke {width:285px;overflow:hidden;float:left;display:inline;} .produkt .name.marke img, .zubehoer .name.marke img, .angebot .name.marke. img {width:160px;margin:10px;} .produkt div.bild, .angebot div.bild {width:170px;float:left;display:inline;margin:0 0 0 0;} .produkt div.bild a , .angebot div.bild a{float:left;display:inline;height:132px;overflow:hidden;bborder:2px solid #D6DEEA;margin:-2px 0;} .produkt div.bild a img, .angebot div.bild a img {margin:-20px 0;width:170px;} .produkt div.text, .angebot div.text {clear:none;float:left;display:inline;padding-bottom:0;margin:0 0 0;width:285px;height:132px;border:none;} .produkt div.text .padding ul, .angebot div.text .padding ul {clear:none;float:left;display:inline;padding-bottom:0;margin:0 0 0;width:auto;height:132px;border:none;wwidth:300px;woverflow:hidden;wtext-overflow:ellipsis;} .produkt div.text .preis, .angebot div.text .preis {mmargin:10px 0 0 10px;margin:-4.25em -16px 10px;} .text .padding a {float:right;} .angebot .preisschild {border-color:#0B4EAD;} .angebot h3 {background:#0B4EAD;} .angebot h3 a {color:#ffffff;} .restposten h3 a:before {content:'Restposten:'} .gebraucht h3 a:before {content:'Gebraucht:'} .aktuelles h2 {padding:25px 25px 0;} .aktuelles .float-left, .aktuelles .float-right {margin-bottom:0;border:none;} .bestellbutton {background-color:#D6DEEA;border:1px solid #CFCFCF;border-radius:3px 3px 3px 3px;color:#003382;font-size:1.1em;font-weight:bold;padding:3px 12px;cursor:pointer;} .bestellbutton.links {float:left;margin-left:25px;} .bestellbutton.rechts {float:right;margin-right:25px;} a.bestellbutton:hover {text-decoration:none;} .oeffnungszeiten p {margin-bottom:0.25em;} input.bestellbutton {font-family:'Arial';font-weight:bold;float:right;margin:20px 0;cursor:pointer;color:#0B4EAD;font-size:15px;padding:8px 12px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0px 1px 3px #bbb;-moz-box-shadow:0px 1px 3px #bbb;box-shadow:0px 1px 3px #bbb;-webkit-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.6);-moz-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.6);box-shadow:inset 0px 1px 0px rgba(255,255,255,0.6);text-shadow:0px 0px 4px rgba(255,255,255,0.5);border:solid #bbb 1px;background:-webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#bbb));background:-moz-linear-gradient(top, #eee, #bbb);} input.bestellbutton:hover {background:-webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#eee));background:-moz-linear-gradient(top, #eee, #eee)} /* div#inhalt {overflow:hidden;} */ div.filter {width:775px;} div.mitarbeiter img {background:-webkit-gradient(linear, 0 0, 0 100%, from(#144fa5), to(#032d7d));background:-moz-linear-gradient(top, #144fa5, #032d7d);background:url("/images/mitarbeiter/mitarbeiter_blau.png");} div.mitarbeiter, div.kurzinfo {width:363px;} div.mitarbeiter .abteilungen {width:233px;} .filter h2 {clear:both;padding:5px 0 5px;margin-top:15px;background:#D0DCF1;text-indent:5px;} .filter h2.name {background:transparent;text-indent:0;} .infomaterial, .katalog {float:left;width:235px;height:auto;margin:0 16px 16px 0;border:2px solid #BCD7FF;padding-bottom:20px;} .infomaterial:hover, .katalog:hover {border:2px solid #eef5ff;} .infomaterial p, .katalog p {display:block;margin:0 10px 10px;} .infomaterial img, .katalog img {display:block;margin:16px;border:1px solid #dddddd;width:200px;} .katalog a.button,.infomaterial a.button {float:right;} .angebot {width:363px;overflow:hidden;padding:0;background:transparent;height:340px;border:2px solid #D6DEEA;margin:0 16px 16px 0;} .angebot img.logo {width:100px;margin:5px;} .angebot div.bild {float:right;width:182px;height:182px;border-right:0;} .angebot div.bild {border:none;border-bottom:0px solid #D6DEEA;width:182px;height:182px;margin:0;} .angebot div.bild a img {max-width:182px;max-height:182px;width:auto!important;} #inhalt .angebot ul.text {width:170px;height:auto;margin:0 0 10px;} #inhalt div.angebot strong {font-size:1em;} .ansichten {width:180px;float:right;border:0px solid #d6deea;height:48px;overflow:hidden;border:2px solid #d6deea;border-width:0 0 2px 2px;margin-right:-2px;} .ansichten img {float:left;width:58px;margin:0 0 0 -2px;border:2px solid #d6deea;border-width:0 2px;height:auto;cursor:pointer;} .angebot .angebot_details, .angebot .angebot_kaufen {float:left;width:91px;height:54px;text-align:center;line-height:54px;} .angebot .angebot_details.breit {width:183px;} .angebot .angebot_details:hover, .angebot .angebot_kaufen:hover {text-decoration:none;background:#d6deea;} .angebot .angebot_links, .angebot .angebot_rechts {height:258px;float:left;overflow:hidden;} .angebot.nolink .angebot_links {height:310px;} .angebot.nolink .angebot_details {display:none;} .angebot.gebraucht .angebot_links, .angebot.gebraucht .angebot_rechts {height:228px;float:left;overflow:hidden;} .angebot .angebot_links {width:183px;border-right:0px solid #D6DEEA;overflow:hidden;background:url("/images/angebote/schatten.png") bottom left repeat-x;} .angebot .angebot_rechts {width:180px;} .angebot h3, .zustand {background:#D6DEEA;padding:5px 0;} .zustand {clear:both;} .angebot h3 a, .zustand p {background:#D6DEEA;color:#0B4EAD;font-size:0.8em;margin:0 5px;display:block;overflow:hidden;width:353px;height:20px;text-overflow:ellipsis;white-space:nowrap;} .angebot div.preis {clear:none;margin:-25px -2px 0 0;width:182px;overflow:hidden;} .angebot div.preis .preisart {margin:0;width:182px;float:left;padding:2px 0;text-align:left;border:none;text-indent:5px;} .angebot div.preis .preisschild {margin:0 0 0;width:178px;padding:2px 0;text-align:center;} .angebot .preisschild {border-color:#D6DEEA;border-top:none;margin-top:0;} div.preisart {margin-top:-21px;} .angebot.restposten, .restposten { display:block;} .angebot.restposten.zwischenueberschrift {width:100%;float:left;clear:both;height:auto;border:0;margin:0.75em 0 0;} div.zustand {clear:none;float:left;width:378px;margin-bottom:20px;} div.zustand p {overflow:visible;color:#000000;font-size:0.7em;width:348px;text-overflow:inherit;white-space:normal;float:none;height:auto;} .produktuebersicht {float:left;width:363px;overflow:hidden;padding:0;background:transparent;height:340px;border:2px solid #D6DEEA;margin:0 16px 16px 0;} .produktuebersicht img.logo {width:100px;margin:5px;} .produktuebersicht div.bild {float:right;width:182px;height:182px;border-right:0;} .produktuebersicht div.bild {border:none;border-bottom:0px solid #D6DEEA;width:182px;height:182px;margin:0;} .produktuebersicht div.bild a img {max-width:182px;max-height:182px;width:auto;} #inhalt .produktuebersicht ul.text {width:170px;height:auto;margin:0 0 10px;} #inhalt div.produktuebersicht strong {font-size:1em;} .ansichten {width:180px;float:right;border:0px solid #d6deea;height:48px;overflow:hidden;border:2px solid #d6deea;border-width:0 0 2px 2px;margin-right:-2px;} .ansichten img {float:left;width:58px;margin:0 0 0 -2px;border:2px solid #d6deea;border-width:0 2px;height:auto;cursor:pointer;} .produktuebersicht .angebot_details, .angebot .angebot_kaufen {float:left;width:91px;height:54px;text-align:center;line-height:54px;} .produktuebersicht .angebot_details.breit {width:183px;} .produktuebersicht .angebot_details:hover, .angebot .angebot_kaufen:hover {text-decoration:none;background:#d6deea;} .produktuebersicht .angebot_links, .produktuebersicht .angebot_rechts {height:258px;float:left;overflow:hidden;} .produktuebersicht.gebraucht .angebot_links, .produktuebersicht.gebraucht .angebot_rechts {height:228px;float:left;overflow:hidden;} .produktuebersicht .angebot_links {width:183px;border-right:0px solid #D6DEEA;overflow:hidden;background:url("/images/angebote/schatten.png") bottom left repeat-x;} .produktuebersicht .angebot_rechts {width:180px;} .produktuebersicht h3, .zustand {background:#D6DEEA;padding:5px 0;margin:0;} .zustand {clear:both;} .produktuebersicht h3 a, .zustand p {background:#D6DEEA;color:#0B4EAD;font-size:0.8em;margin:0 5px;display:block;overflow:hidden;width:353px;height:20px;text-overflow:ellipsis;white-space:nowrap;} .produktuebersicht div.preis {clear:none;margin:-15px -2px 0 0;width:182px;overflow:hidden;text-align:center;} .produktuebersicht div.preis .preisart {margin:0;width:182px;float:left;padding:2px 0;text-align:left;border:none;text-indent:5px;} .produktuebersicht div.preis .preisschild {margin:0 0 0!important;width:178px;padding:2px 0;text-align:center;} .produktuebersicht .preisschild {border-color:#D6DEEA;border-top:none;margin-top:0;} div.preisart {margin-top:-21px;} .produktuebersicht.restposten, .restposten { display:block;} .produktuebersicht.restposten.zwischenueberschrift {width:100%;float:left;clear:both;height:auto;border:0;margin:0.75em 0 0;} form#contact_form #formular-standardangaben {margin:0 -10px 10px;background:#f2f2fa;width:495px;padding:10px 0 0;} form#contact_form #formular-standardangaben {margin:0 -10px 10px;background:transparent;width:495px;padding:10px 0 0;} form#contact_form #formular-standardangaben input, form#contact_form #formular-standardangaben select {background:#ffffff;} form#contact_form #formular-standardangaben label {width:134px;} form#contact_form #formular-standardangaben input.text {width:318px;} form#contact_form #formular-standardangaben input.text.short {width:70px;} form#contact_form #formular-standardangaben select.short {width:78px;} form#contact_form #formular-standardangaben input.text.medium {width:221px;} // a.button, #rechte_spalte a.button {width:176px!important;} #inhalt_innen {width:775px;} .angebot_links {width:179px!important;overflow:hidden!important;} .angebot_rechts {width:180px!important;overflow:hidden!important;} .angebot_rechts .bild img {width:170px!important;overflow:hidden!important;} table.kalender {border:1px solid #cccccc;border-collapse:collapse;} table.kalender td {border:1px solid #cccccc;padding:10px 0 10px 10px;height:80px;} .wrapper {margin:-10px;padding:10px;width:100%;position:relative;z-index:90;} .ribbon-wrapper {width:120px;height:120px;overflow:hidden;position:absolute;top:0;right:0;} .ribbon {font:bold 13px Sans-Serif;color:#333;text-align:center;-webkit-transform:rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);position:relative;padding:7px 20px;left:0px;top:15px;width:120px;} .erwuenscht .ribbon {background-color:#1BAD2E;color:#ffffff;} .erwuenscht .ribbon:after {content:"Anmeldung erw\0000FCnscht";} .erforderlich .ribbon {background-color:#0B4EAD;color:#ffffff;} .erforderlich .ribbon:after {content:"Anmeldung erforderlich";} .ausgebucht .ribbon {background-color:#cc0000;color:#ffffff;top:25px;} .ausgebucht .ribbon:after {content:"ausgebucht";} .ausgebucht p.kosten, .ausgebucht p.anmeldung {display:none;} div.calendar {background:transparent;float:left;margin-right:10px;text-align:center;width:90px;} div.one.calendar {margin-left:45px;} div.termin div.calendar p {background:#ffffff;border-radius:4px;border:2px solid #333333;color:#000000;font-family:Arial, Helvetica, Sans-Serif;font-size:30px;line-height:40px;font-weight:bold;padding:5px 0 0!important;width:86px;text-align:center;margin:0 0 5px;} .calendar strong {display:block;text-transform:uppercase;font-size:10px;font-weight:bold;font-style:normal;} .calendar em, .calendar em a {background:#04599A;color:#FFFFFF;display:block;text-transform:uppercase;font-size:11px;line-height:20px;font-weight:bold;font-style:normal;} .calendar span {color:#000000;display:block;font-size:13px;line-height:20px;font-weight:bold;font-style:normal;} table.kalender td.ort {font-weight:bold;text-align:center;padding:10px;} .termin, .kalender {padding-bottom:10px;float:none;width:100%;height:auto;} /* .kalender .deterding:hover {border:2px solid #bcd7ff;} */ /* .kalender .deterding img {margin:0;border:0;} */ .termin p.ort {font-weight:bold;} .termin.pennigsehl p.ort span.pennigsehl:after {content:'Pennigsehl';} .termin.nienburg p.ort span.nienburg:after {content:'Nienburg';} .termin.garbsen p.ort span.garbsen:after {content:'Garbsen';} .termin.pennigsehl.nienburg p.ort span.dot1:after,.termin.pennigsehl.garbsen p.ort span.dot1:after,.termin.nienburg.garbsen p.ort span.dot2:after {content:' \0000B7\ ';} .termin a.bild {float:left;width:150px;height:100px;margin-right:10px;overflow:hidden;} .termin a.bild img {width:150px;} .termin div.text {padding-left:265px;} .termin div.text.zweidaten {padding-left:392px;} .termin div.text * {margin:0 0 5px;padding:0;} .termin .datum_bis, .termin .datum_und {width:122px;text-align:left;padding-top:40px;} .termin .datum_bis p, .termin .datum_und p {margin-top:-40px!important;} .termin .datum_und {width:127px;} .termin .datum_bis p, .termin .datum_und p {clear:right;float:right;width:86px;text-align:center;margin-top:-40px;} .datum_bis span.uhrzeit, .datum_und span.uhrzeit {clear:right;float:right;width:75px;text-align:center;} .termin .datum_bis:before {content:' bis ';} .termin .datum_und:before {content:' und ';} .termin a.ics {display:block;width:71px;background:url("/images/kalender/kalender-icon.gif") left top no-repeat;height:15px;font-weight:normal;font-size:10px;float:right;margin-top:5px;padding:1px 0 0 19px;} .calendar a:hover {text-decoration:none;} .markenaus, .produktgruppenaus, .markenan, .produktgruppenan {float:left;font-family:'Arial';font-size:0.7em!important;font-weight:bold;cursor:pointer;color:#0B4EAD;font-size:15px;padding:4px 6px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#D6DEEA;margin:1px 10px 0 0;} p.open {margin:0 2px -3px 0;padding:3px 9px;background:#E8F9E5;background:transparent;color:#333333;} p.closed {margin:0 2px -3px 0;padding:3px 9px;background:#e6e6e6;background:transparent;color:#333333;} .kachel a.button {width:100%;padding-left:0;padding-right:0;text-align:center;} .kachel h2.hotline, h2.hotline {color:#cc0000;font-size:2em;} .slide.rechts260px:hover {text-decoration:none;} .slide.rechts260px span.infotext {color:#ffffff;text-decoration:none;font-weight:normal;background:transparent;float:right;width:220px;margin:120px 20px 0 0;padding:0;} .slide.rechts260px span.button {color:#ee7100;text-decoration:none;background:#ffffff;clear:right;float:right;margin:20px 20px 0 0;padding:5px 20px;font-size:0.85em;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;} .slide.rechts260px span.button:hover {color:#de3100;background:#fde0b5;} .bx-wrapper ul li a.slide.rechts260px img.logo {width:220px;margin:10px 20px 20px;float:right;} .bx-controls .bx-pager {position:absolute;bottom:5px;right:10px;text-align:right;width:630px;} ul.bxslider li {height:260px;overflow:hidden;} ul.bxslider li ul {padding-left:0;list-style-type:square;list-style-position:inside;} ul.bxslider li li {height:auto;font-size:1em;margin-bottom:0.1em;text-indent:-1em;padding-left:1em;} .infomaterial a img, .katalog a img {-moz-box-shadow:0 5px 10px rgba(0,0,0,0.5);-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.5);box-shadow:0 5px 10px rgba(0,0,0,0.5);} /*.infomaterial a:hover img, .katalog a:hover img {-moz-box-shadow:0 3px 6px rgba(0,0,0,0.5);-webkit-box-shadow:0 3px 6px rgba(0,0,0,0.5);box-shadow:0 3px 6px rgba(0,0,0,0.5);} */ .oi.lupe {float:right;margin:-40px 0 0;font-size:16px;background:rgba(0,0,0,0.5);padding:10px;color:#ffffff;position:relative;z-index:50;} a:hover .oi.lupe {background:rgba(0,0,0,0.25);} img.zoom {cursor:pointer;} #logos {float:left;margin:0 0 0;width:775px;} #logos .logo {width:233px;height:233px;border:1px solid #dddddd;float:left;margin:0 23px 23px 0;text-align:center;} #logos .logo img {width:auto;max-width:168px;height:auto;max-height:168px;vertical-align:middle;} .helper {display:inline-block;height:100%;vertical-align:middle;} #logos .logo.width80 a img {width:80px;} #logos .logo.width100 a img {width:100px;} #logos .logo.width110 a img {width:110px;} #logos .logo.width120 a img {width:120px;} #logos .logo.width140 a img {width:140px;} #logos .logo.width200 a img {width:200px;} div.aktuelles {float:left;padding:0;} div.aktuelles:hover {border:2px solid #bcd7ff;} div.aktuelles a.img {float:left;height:auto;margin:-2px 25px -2px -2px;border:2px solid #bcd7ff;line-height:0;outline:0px none;} div.aktuelles a.img img {margin:0;padding:0;border:0px none;width:200px;} div.aktuelles p {padding-left:202px;} div.aktuelles.korrigiert p {padding-left:0;} div.aktuelles.rechts a.img {float:right;height:auto;margin:-2px -2px -2px 25px;border:2px solid #bcd7ff;line-height:0;} div.aktuelles.rechts p {padding-left:15px;padding-right:202px;} a.calltoaction {background-color:#D6DEEA;border:1px solid #CFCFCF;border-radius:3px 3px 3px 3px;color:#003382;font-size:1.1em;font-weight:bold;padding:3px 12px;cursor:pointer;} a.calltoaction:hover {background-color:#C0C8D4;text-decoration:none;} .slide.rechts260px span.infotext {clear:right;margin-top:0px;} .slide.rechts260px strong {color:#ffffff;} .slide.rechts260px span.button {color:#dc0f0b;text-align:center;float:left;margin-left:560px;font-size:1.1em;} .slide.rechts260px span.button:hover {background:#eeeeee;} .slide.rechts260px img.logo {float:right;width:220px!important;height:auto!important;margin:20px 20px 10px;} .slide.rechts260px h2 {margin-bottom:0.25em;} .mitarbeiter {height:165px;overflow:hidden;} h2.name {margin-bottom:0.25em;} p.filiale, p.funktion, p.telefon, p.aufgaben {margin:0;} p.abteilung {color:#ffffff;background:#0B4EAD;padding:3px 9px;font-weight:bold;float:right;margin:-10px -10px 10px 0;} h2.name {clear:right;} #top #inhalt p.navi {text-align:center;margin:20px 0 20px;padding:0;} p.navi a {background:#D6DEEA;border-radius:5px;padding:5px 15px;margin:0 10px 0 0;} p.navi a.inaktiv, p.navi a.inaktiv:hover {background:#f6f6f6;color:#f6f6f6;opacity:0;} p.navi a:hover {background:#C0C8D4;text-decoration:none;} p.navi span {background:#eeeeee;border-radius:5px;padding:5px 15px;margin:0 10px 0 0;} #produktnavigation {float:left;width:100%;background:#dddddd;margin-bottom:20px;} #produktnavigation a:link, .produktnavigation a:visited {color:#333333;} #produktnavigation a.inaktiv {opacity:0.25!important;pointer-events:none;} #produktnavigation #links {clear:none;float:left;text-align:left;width:30px;margin:10px 0 10px 10px;} #produktnavigation #mitte {display:block;text-align:right;width:60%;margin:10px auto;text-align:center;} #produktnavigation #rechts {clear:none;float:right;text-align:right;width:30px;margin:10px 10px 10px 0;} #inhalt.produktdetails .lupe {margin:-40px 0 0 -20px;} #inhalt.produktdetails a.bild {width:370px;float:left;} #inhalt.produktdetails a.bild img {width:370px;} .produktdetails table.technische.daten {float:left;width:373px;margin:3px 0 2em;} .produktdetails table.technische.daten tr.dunkel {background:#dddddd;} .produktdetails table.technische.daten tr.hell {background:#eeeeee;} .produktdetails table.technische.daten td {padding:2px 8px;border-left:3px solid #ffffff;border-bottom:3px solid #ffffff;font-size:0.7em;width:40%;} .produktdetails table.technische.daten td.wert {width:60%;} .produktdetails .produkttext .mitarbeiter {height:auto;padding-bottom:10px;width:348px;} .produktdetails .produkttext .mitarbeiter img {width:auto;margin:0 10px 0 0;} .produktdetails .produkttext .mitarbeiter h2 {padding:0;border:0px none;width:auto;} div#linke_spalte.gebrauchtgeraet {width:444px;margin:20px;} div#linke_spalte.gebrauchtgeraet #hauptbild {width:444px;height:379px;margin-bottom:20px;text-align:center;background:#f7f7ff;} div#rechte_spalte.gebrauchtgeraet {width:308px;margin:20px 8px 20px 0;} div#linke_spalte.gebrauchtgeraet img.produkt {max-width:444px;max-height:375px;width:auto;height:auto;margin:0;float:none;} #subnavigation {padding-bottom:300px;} a.ansichtsfeld {width:142px;height:auto;float:left;margin:0 12px 10px 0;text-align:center;background:#f7f7ff;} a.ansichtsfeld img {max-width:142px;max-height:142px;margin:0;cursor:pointer;} img.produktansicht.aktiv {opacity:0.5;} div#linke_spalte.gebrauchtgeraet img.logo {width:180px;margin-right:10px;float:none;} div#linke_spalte.gebrauchtgeraet p,div#linke_spalte.gebrauchtgeraet h2 {clear:right;} div#linke_spalte.gebrauchtgeraet div.preis {float:right;margin:31px 0 13px;} div.mitarbeiter {width:300px;height:auto;margin-top:20px;overflow:hidden;} div.mitarbeiter p {white-space:nowrap;} div.mitarbeiter .abteilung, div.mitarbeiter .aufgaben, div.mitarbeiter .filiale {display:none;} div.mitarbeiter img {margin-bottom:0;} .gebrauchtgeraet .button {float:right;margin:20px 0;} .gebrauchtgeraet .button {float:left;margin:0px 0;} .gebrauchtgeraet h3 {margin-top:10px;} // div.produktbeschreibung {min-height:177px;} .infobox.small {font-size:0.8em;} .mitarbeiter h2 {font-size:0.8em;margin-bottom:1em;} .mitarbeiter p {font-size:0.7em;margin-bottom:0.7em;} //.mitarbeiter.maennlich h2:before {content:'Ihr Ansprechpartner:';} //.mitarbeiter.weiblich h2:before {content:'Ihre Ansprechpartnerin:';} .infobox strong {font-size:1.05em;} .gebrauchtgeraet_typ {float:left;padding:25px 0 0 25px;width:750px;} .gebrauchtgeraet_typ .logo {float:right;width:200px;max-height:200px;} .gebrauchtgeraet_typ h2 {font-size:1.5em;} .infobox.lieferumfang {clear:none;float:left;width:255px;} .infobox.lieferumfang p {width:auto;} h3.technische.daten {clear:left;padding-top:15px;} .angebot div.bild {border:2px solid #D6DEEA;border:0;margin-bottom:-2px;overflow:visible;} // .angebot.restposten, .restposten {display:none;} .angebot div.bild a {float:none;height:auto;overflow:visible;} .angebot div.bild a img {margin:0!important;} #inhalt .angebot ul.text {height:auto;width:180px;} #inhalt .angebot ul.text li {overflow:visible;text-overflow:auto;white-space:normal;width:auto;margin:0 0 0 1.5em!important;} #inhalt .angebot ul.text strong {font-size:inherit;} #inhalt .angebot ul.text .preis {margin:0 -16px -12px;} #inhalt .text .padding a {float:none;} .angebot .angebot_links {height:258px;} .angebot .angebot_links p {margin:0 10px;} .angebot img.logo {max-height:50px;max-width:150px;width:auto;} /* #inhalt {overflow:hidden;} */ #inhalt_innen {width:775px;} #inhalt .angebot ul.text {width:165px;} .angebot div.bild {width:184px;} div.zustand {margin:0;font-weight:bold;font-size:12px;text-indent:10px;} .angebot.gebraucht .angebot_links, .angebot.gebraucht .angebot_rechts {height:234px;} body div.angebot_rechts div.bild a img {width:auto!important;height:auto;max-width:186px;max-height:300px!important;} .angebot.gebraucht .angebot_rechts {float:right;width:184px;} .angebot {height:364px;} .angebot .angebot_rechts {float:right;width:184px!important;} #inhalt_innen p {padding-right:25px;} .bx-wrapper {height:300px;} #inhalt div.preisschild {width:auto;height:auto;min-width:100px;background:url('/images/preisschild.svg') center top no-repeat;background-size:contain;text-align:center;font-size:1.2em;font-weight:bold;padding:0.5em 0;float:right;margin:2em 0.5em 0 0;ttransform:rotate(-5deg);color:#ffffff;border:0px none;} #inhalt div.preisschild span {display:block;font-weight:normal;font-size:0.7em;margin:-0.3em 0 0;} #inhalt div.preisschild span.statt {margin:-2em 0 0.35em;color:#333333;} #inhalt .produktuebersicht .preisschild span, #inhalt .angebot div.preisschild span {display:inline;} #inhalt .produktuebersicht .preisschild span.euro, #inhalt .angebot div.preisschild span.euro {color:#ffffff;} #inhalt .produktuebersicht .preisschild, #inhalt .angebot div.preisschild {clear:both;float:none;margin:0;} #inhalt .produktuebersicht .preisart, #inhalt .angebot .preisart {text-align:center;padding:0;margin-bottom:-3.5px;} /* fira-sans-regular - latin */ @font-face { font-family:'Fira Sans'; font-style:normal; font-weight:400; src:url('fonts/fira-sans-v8-latin-regular.eot');/* IE9 Compat Modes */ src:local('Fira Sans Regular'), local('FiraSans-Regular'), url('fonts/fira-sans-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/fira-sans-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/fira-sans-v8-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/fira-sans-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/fira-sans-v8-latin-regular.svg#FiraSans') format('svg');/* Legacy iOS */ } /* fira-sans-italic - latin */ @font-face { font-family:'Fira Sans'; font-style:italic; font-weight:400; src:url('fonts/fira-sans-v8-latin-italic.eot');/* IE9 Compat Modes */ src:local('Fira Sans Italic'), local('FiraSans-Italic'), url('fonts/fira-sans-v8-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/fira-sans-v8-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/fira-sans-v8-latin-italic.woff') format('woff'), /* Modern Browsers */ url('fonts/fira-sans-v8-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/fira-sans-v8-latin-italic.svg#FiraSans') format('svg');/* Legacy iOS */ } /* fira-sans-700 - latin */ @font-face { font-family:'Fira Sans'; font-style:normal; font-weight:700; src:url('fonts/fira-sans-v8-latin-700.eot');/* IE9 Compat Modes */ src:local('Fira Sans Bold'), local('FiraSans-Bold'), url('fonts/fira-sans-v8-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/fira-sans-v8-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/fira-sans-v8-latin-700.woff') format('woff'), /* Modern Browsers */ url('fonts/fira-sans-v8-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/fira-sans-v8-latin-700.svg#FiraSans') format('svg');/* Legacy iOS */ } #inhalt.neu {width:750px;} #inhalt.neu p, #inhalt.neu a,#inhalt.neu h1,#inhalt.neu h2,#inhalt.neu h3,#inhalt.neu button {font-family:'Fira Sans', Sans-Serif;} #inhalt ul#slideshow * {font-family:'Fira Sans', Sans-Serif;} #inhalt.neu h1 {font-size:21px;margin:0 0 14px;color:#33307e;} #inhalt.neu p, #inhalt.neu li {font-size:14px;margin:0 0 7px;} #inhalt.neu a {color:#33307e;} #inhalt.neu span.nobr {white-space:nowrap;} /* FAQ */ dl#deterding-faqs {margin:0 0 28px;} #deterding-faqs dt {font-size:14px;color:#9d9d9d;cursor:pointer;line-height:21px;margin:7px 0 0 0;} #deterding-faqs dd {font-size:14px;margin:0 0 0 0;padding:7px 7px 14px 21px;background:#eeeeee;-webkit-border-bottom-right-radius:7px;-moz-border-radius-bottomright:7px;border-bottom-right-radius:7px;-webkit-border-bottom-left-radius:7px;-moz-border-radius-bottomleft:7px;border-bottom-left-radius:7px;} #deterding-faqs dt {background:transparent url(/theme/style/fonts/svg/chevron-right.svg) no-repeat 7px 14px;text-decoration:none;background-size:10.5px;padding:7px 7px 7px 21px;border-radius:7px;} #deterding-faqs dt:hover, #deterding-faqs .expanded {color:#000000;background:#eeeeee url(/theme/style/fonts/svg/chevron-bottom.svg) no-repeat 7px 14px;background-size:10.5px;} #deterding-faqs .expanded {-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomright:0;border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0;} /* FAQ Ende */ #inhalt.neu #linke_spalte {clear:none;float:left;width:525px;margin:0;} #inhalt.neu h2 {margin-top:28px;} #inhalt.neu .post h2,#inhalt.neu .aktuelles h2 {margin-top:0;} /* Infospalte, Boxen */ #inhalt.neu #infospalte {clear:none;float:right;width:200px;margin:0;} #inhalt.neu .box {clear:both;background:#eeeff0;margin:0 0 14px;-webkit-border-bottom-right-radius:14px;-moz-border-radius-bottomright:14px;border-bottom-right-radius:14px;} #inhalt.neu .box .padding {padding:14px 14px 21px;} #inhalt.neu .box h2 {background:#ccd0d3;color:#33307e;font-weight:bold;font-size:14px;padding:7px;margin:0;} #inhalt.neu .box p {font-size:14px;margin:0 0 7px;} #inhalt.neu .box.small.text p {font-size:1.05em;text-align:justify;} #inhalt.neu div#infospalte .box {clear:both;background:#eeeff0;margin:0 0 21px;-webkit-border-bottom-right-radius:14px;-moz-border-radius-bottomright:14px;border-bottom-right-radius:14px;} #inhalt.neu div#infospalte .box .padding {padding:14px 14px 21px;} #inhalt.neu div#infospalte .box h2 {background:#ccd0d3;color:#33307e;font-weight:bold;font-size:14px;padding:7px;margin:0;} #inhalt.neu div#infospalte .box p {margin:0 0 7px;} #inhalt.neu #infospalte img {width:100%;} #inhalt.neu h3.name {font-size:14px;color:#33307e;} #inhalt.neu a.button, #inhalt.neu input[type="submit"], #inhalt.neu a.calltoaction, button {font-size:14px;background-color:#ccd0d3;color:#33307e;font-weight:bold;font-size:14px;padding:7px 14px;margin:0 0 2px;border:0px none;clear:left;float:left;display:inline-block;width:auto;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-border-top-left-radius:7px;-moz-border-radius-topleft:7px;border-top-left-radius:7px;-webkit-border-bottom-right-radius:7px;-moz-border-radius-bottomright:7px;border-bottom-right-radius:7px;height:auto;} #inhalt.neu input[type="submit"] {width:auto;margin-left:77px;} #inhalt.neu a.button.active, #inhalt.neu a.button:hover, #inhalt.neu input[type="submit"]:hover, #inhalt.neu a.calltoaction:hover, button:hover {background-color:#33307e!important;color:#ffffff;} #inhalt.neu div.padding a.button {margin:7px 0 0 14px;} #inhalt.neu div.video a.button {width:140px;margin:-7px 14px 0 0;font-size:10.5px;} #inhalt.neu p.buttons {margin:10px -10px;} #inhalt.neu p.buttons a.button {margin:0!important;} #inhalt.neu p.buttons a.button.left {float:left;margin:0 5px 0 0!important;} #inhalt.neu a.button.right {float:right;margin:0 0 0 7px;} #inhalt.neu .aktuelles a.calltoaction {font-size:14px;background:#ccd0d3!important;color:#33307e!important;font-weight:bold;font-size:14px;padding:7px;margin:0 0 21px;border:0px none;clear:none;float:left;display:block;width:auto;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-border-top-left-radius:7px;-moz-border-radius-topleft:7px;border-top-left-radius:7px;-webkit-border-bottom-right-radius:7px;-moz-border-radius-bottomright:7px;border-bottom-right-radius:7px;} #inhalt.neu .aktuelles a.calltoaction:hover {background:#33307e!important;color:#ffffff!important;} #inhalt.neu div.mitarbeiterbild {height:120px;text-align:center;background:#ccd0d3;margin:0 0 7px;padding:0;width:100%;} #inhalt.neu div.mitarbeiterbild img {height:120px;width:auto;} #inhalt.neu div.box a {color:#33307e;} #inhalt.neu div.box a img, #inhalt.neu div.box img {width:100%;} #inhalt.neu div.box .oi.lupe {margin-top:-70px;} #inhalt.neu div.box ul {margin:0;padding:0;} #inhalt.neu div.box li {margin:0 0 0.25em 0.9em;padding:0;} /* Infospalte, Boxen Ende */ /* Slideshow Aktionspreis */ div.aktionspreis {display:block;width:100px;height:50px;background:transparent url('/images/slider/preisschild.png');background-size:contain;text-align:center;-ms-transform:rotate(-6deg);-webkit-transform:rotate(-6deg);transform:rotate(-6deg);margin:-50px 14px 0 0;font-family:'Fira Sans';font-weight:bold;float:right;} div.aktionspreis span.preisart {display:block;padding:5px 0 0;color:#f9f200;font-size:14px;font-family:'Fira Sans';font-weight:bold;} div.aktionspreis span.preis {color:#ffffff;font-size:24px;padding:0;margin-top:-7px;font-family:'Fira Sans';font-weight:bold;} div.aktionspreis span.euro {font-size:11px;display:inline;} /* Slideshow Aktionspreis Ende */ form #formular-standardangaben {clear:left;float:left;width:345px;} form #formular-standardangaben label {clear:left;float:left;width:70px;padding:0;font-size:14px;color:#33307e;} form #formular-standardangaben label {clear:left;float:left;width:70px;padding:0;font-size:14px;color:#000000;} form.short_form textarea {width:250px;height:80px;margin:0 0 14px 77px;padding:7px;} div#formular-standardangaben div {margin:0 0 14px;} div#formular-standardangaben.small div input.text {margin:0 0 0 7px;font-size:14px;color:#333333;width:252px;padding:7px;} #inhalt.neu div.mitarbeiter {width:363px;margin-top:0;hheight:184px!important;border:2px solid #dddfe1;float:left;margin:0 21px 21px 0;-webkit-border-bottom-right-radius:14px;-moz-border-radius-bottomright:14px;border-bottom-right-radius:14px;} #inhalt.neu div.mitarbeiter .name {font-size:1.25em;font-weight:bold;margin:0 0 0.75em;color:#af1a16;} #inhalt.neu div.mitarbeiter .titel {color:#af1a16;} #inhalt.neu div.mitarbeiter p {margin:0px;} #inhalt.neu fieldset {width:530px;margin:0 21px 21px 0;padding:14px 0 0 0;background:#eeeff0;-webkit-border-bottom-right-radius:21px;-moz-border-radius-bottomright:21px;border-bottom-right-radius:21px;border:none;} #inhalt.neu legend {font-size:21px;color:#33307e;margin:0 0 0 14px;padding:0;} #inhalt.neu .infomaterial, #inhalt.neu .katalog, div#inhalt.neu div.aktuelles .infomaterial {font-family:'Fira Sans',Sans-Serif;border:2px solid #dddfe1;width:200px;height:450px;margin:0 21px 21px 0;-webkit-border-bottom-right-radius:14px;-moz-border-radius-bottomright:14px;border-bottom-right-radius:14px;} #inhalt.neu .infomaterial:hover, #inhalt.neu .katalog:hover {border:2px solid #dddfe1;} div#inhalt.neu div.aktuelles .infomaterial, div#inhalt.neu div.aktuelles .infomaterial:hover {margin:-2px 21px -2px -2px;} div#inhalt.neu div.aktuelles.rechts .infomaterial, div#inhalt.neu div.aktuelles.rechts .infomaterial:hover {margin:-2px -2px -2px 21px;} .infomaterial a img, .katalog a img {width:200px;border:0px none;border-bottom:2px solid #dddfe1;margin:0;box-shadow:0 0 0 rgba(0, 0, 0, 0);} #inhalt.neu .infomaterial a .oi.lupe, #inhalt.neu .katalog a .oi.lupe {margin:-43px 0 0 0;} #inhalt.neu .infomaterial a.button, #inhalt.neu .katalog a.button, button {clear:none;float:left;width:35%;margin:0 7px 0 0!important;} #inhalt.neu .infomaterial a.button:hover, #inhalt.neu .katalog a.button:hover, button:hover {text-decoration:none;} #inhalt.neu .infomaterial p {padding:0!important;} #inhalt.neu div.video {font-family:'Fira Sans',Sans-Serif;border:2px solid #dddfe1;float:left;width:360px;height:313px;margin:0 21px 21px 0;-webkit-border-bottom-right-radius:14px;-moz-border-radius-bottomright:14px;border-bottom-right-radius:14px;overflow:hidden;} #inhalt.neu div.video.einzel {width:95%;height:auto;margin:21px 0;} #inhalt.neu div.video.einzel iframe {height:420px!important;} /* #inhalt.neu .video:hover,#inhalt.neu .video:hover p.beschreibung {height:auto!important;} */ #inhalt.neu div.video video, #inhalt.neu div.video iframe {margin:0;width:100%;height:204px;} #inhalt.neu div.video p.beschreibung {height:100px;overflow:hidden;} #inhalt.neu div.video h2 {font-size:14px;height:3em;overflow:hidden;} #inhalt.neu div.video p.kategorie {float:right;display:block;background:#33307e;color:#ccd0d3;font-weight:bold;font-size:14px;padding:7px 21px;margin:-18px -14px;} #inhalt.neu div.video p.video.sortiment {font-size:14px;padding:0;margin:0;} #inhalt.neu div.video a.video.vorschau {display:block;padding:0;margin:0;line-height:0px;font-size:0px;} #inhalt.neu div.video iframe {margin:0 0 -12px;} #inhalt.neu div.video.einzel video {height:auto;} #inhalt.neu #inhalt_innen {width:777px;} #inhalt.neu p {padding:0;} #inhalt.neu fieldset #formular-standardangaben {margin:0 0 14px;} #inhalt.neu input[type="submit"]:disabled {opacity:0.5;cursor:auto!important;} #inhalt.neu input[type="submit"]:disabled {background:#ccd0d3!important;color:#33307e!important;} #inhalt.neu form#contact_form #formular-standardangaben {width:100%!important;} #inhalt.neu .aktuelles {font-family:'Fira Sans',Sans-Serif;border:2px solid #dddfe1;float:left;width:100%;margin:0 21px 21px 0;-webkit-border-bottom-right-radius:14px;-moz-border-radius-bottomright:14px;border-bottom-right-radius:14px;overflow:hidden;} div.aktuelles a.img {border:2px solid #dddfe1!important;} #inhalt div.aktuelles p, #inhalt div.aktuelles ul {padding-left:217px;margin:0 10px 1em;} #inhalt div.aktuelles.termin p, #inhalt div.aktuelles.termin ul {padding-left:0;margin:0;} #inhalt div.aktuelles.rechts p, #inhalt div.aktuelles.rechts ul {padding-right:217px;padding-left:10px;margin:0 10px 1em;} #inhalt.neu .post {border:2px solid #dddfe1;width:93%;padding:3%;margin:21px 21px 21px 0;-webkit-border-bottom-right-radius:14px;-moz-border-radius-bottomright:14px;border-bottom-right-radius:14px;overflow:hidden;} #inhalt.neu .banner {background:#dddfe1;width:94%;padding:3%;margin:0 21px 21px 0;-webkit-border-bottom-right-radius:14px;-moz-border-radius-bottomright:14px;border-bottom-right-radius:14px;overflow:hidden;} #inhalt.neu .post.half {float:left;width:41%;margin:0 4% 21px 0;} #inhalt.neu .post.half.right {float:right;margin-right:0;} #inhalt.neu .post.half h3 {margin-right:0;} #inhalt.neu .angebot, #inhalt.neu .produktuebersicht {font-family:'Fira Sans',Sans-Serif;border:2px solid #dddfe1;float:left;width:363px;height:363px;margin:0 21px 21px 0;-webkit-border-bottom-right-radius:14px;-moz-border-radius-bottomright:14px;border-bottom-right-radius:14px;overflow:hidden;} #inhalt.neu .angebot h3, #inhalt.neu .angebot h3 a, #inhalt.neu .produktuebersicht h3, #inhalt.neu .produktuebersicht h3 a {background:#dddfe1;} #inhalt.neu .angebot .angebot_links, #inhalt.neu .produktuebersicht .angebot_links {background:#ffffff;} #inhalt.neu .angebot .angebot_rechts, #inhalt.neu .produktuebersicht .angebot_rechts {height:281px;} #inhalt.neu .angebot_details.breit {background:#ccd0d3!important;color:#33307e!important;font-weight:bold;font-size:14px;padding:0;} #inhalt.neu .angebot_details.breit:hover {background:#33307e!important;color:#ffffff!important;} #subnavigation {padding:0;margin:0 0 21px;} #inhalt.neu a.button, #inhalt.neu input[type="submit"] {clear:none;margin:0 7px 21px 0;} form#contact_form div {width:100%;} form#contact_form div.padding {width:calc(100% - 28px);} #inhalt.neu .padding {padding:14px;} #inhalt.neu div.mitarbeiter .padding {padding:14px 0 14px 126px;} #inhalt.neu div.mitarbeiter .padding img {margin:0 0 0 -112px;} #inhalt.neu div.mitarbeiter p.abteilung {padding:3px 7px;margin:-14px 0 7px 0;} #inhalt.neu div.mitarbeiter .abteilung, #inhalt.neu div.mitarbeiter .aufgaben, #inhalt.neu div.mitarbeiter .filiale {display:block;} #inhalt.neu video {outline:0px none;margin:7px 0 21px;} #inhalt.neu #linke_spalte video {width:535px;} #inhalt.neu div.aktuelles {margin-right:28px;width:97%;} #inhalt.neu div.aktuelles h2 {padding:20px 20px 0;} div.aktuelles a.vollbild {background:#ffffff;} div.aktuelles a.vollbild img {margin:2%;width:96%;} div.aktuelles.video a.img {float:left;width:50%;height:auto;margin:-2px 2% -10px -2px;} div.aktuelles.video a.img img {width:100%;height:auto;} #inhalt div.aktuelles.video p, #inhalt div.aktuelles.video h2 {padding-left:52%;padding-right:0;margin-left:0;} #inhalt div.aktuelles.video h2 {font-size:1.25em;height:auto;overflow:visible;} div.aktuelles.hinweis {background:rgb(221,223,225);float:none;border:none;} div.aktuelles.hinweis h2 {text-align:left;} div.aktuelles.hinweis p,#inhalt div.aktuelles.hinweis p {padding:0 20px 20px;margin: 0 0 1em;} #inhalt.neu .infobox {clear:both;background:#eeeff0;margin:0 0 4px;-webkit-border-bottom-right-radius:14px;-moz-border-radius-bottomright:14px;border-bottom-right-radius:14px;} #inhalt.neu .infobox {margin-right:21px;} #inhalt.neu #infospalte .infobox {margin:0 0 7px;} #inhalt.neu #infospalte .infobox .padding {padding:0;} #inhalt.neu.formular #linke_spalte {width:530px;} #inhalt.neu.formular #linke_spalte form {width:530px;} #inhalt.neu #infospalte .box span.langform {display:none;} #inhalt.neu .aktuelles .box {width:200px;float:left;margin:0 21px 0 0;} #inhalt.neu .aktuelles.rechts .box {float:right;margin:0 0 0 21px;} #inhalt.neu .aktuelles .box h2 {padding:7px;} #inhalt.neu .aktuelles .box p {margin:0 0 7px;padding:0;} #inhalt.neu table.kalender {border:1px solid #cccccc;border-collapse:collapse;} #inhalt.neu table.kalender td {border:1px solid #cccccc;padding:10px 0 10px 10px;height:80px;} #inhalt.neu .wrapper {margin:-14px;padding:14px;width:100%;position:relative;z-index:90;} #inhalt.neu .ribbon-wrapper {width:120px;height:120px;overflow:hidden;position:absolute;top:0;right:0;} #inhalt.neu .ribbon {font-size:14px;color:#333;text-align:center;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);position:relative;padding:7px 20px;left:-13px;top:13px;width:150px;} #inhalt.neu .erwuenscht .ribbon {background-color:#1BAD2E;color:#ffffff;} #inhalt.neu .erwuenscht .ribbon:after {content:"Anmeldung erw\0000FCnscht";} #inhalt.neu .erforderlich .ribbon {background-color:#0B4EAD;color:#ffffff;} #inhalt.neu .erforderlich .ribbon:after {content:"Anmeldung erforderlich";} #inhalt.neu .ausgebucht .ribbon {background-color:#cc0000;color:#ffffff;top:25px;} #inhalt.neu .ausgebucht .ribbon:after {content:"ausgebucht";} #inhalt.neu .ausgebucht p.kosten, .ausgebucht p.anmeldung {display:none;} #inhalt.neu .abgesagt .ribbon {background-color:#ddd;color:#000;top:25px;} #inhalt.neu .abgesagt .ribbon:after {content:"abgesagt";} #inhalt.neu .abgesagt p.kosten, .abgesagt p.anmeldung, #inhalt.neu .termin.abgesagt a.ics {display:none;} #inhalt.neu div.calendar {background:transparent;float:left;margin-right:10px;text-align:center;width:91px;font-family:'Fira Sans'!important;} #inhalt.neu div.calendar p,#inhalt.neu div.calendar strong {font-family:'Fira Sans'!important;} #inhalt.neu div.one.calendar {margin-left:45px;} #inhalt.neu div.termin div.calendar p {background:#ffffff;border-radius:4px;border:2px solid #333333;color:#000000;font-size:35px;line-height:40px;font-weight:bold;padding:5px 0 0!important;width:91px;text-align:center;margin:0 0 5px;} #inhalt.neu .calendar strong {display:block;text-transform:uppercase;font-size:14px;font-weight:bold;font-style:normal;} #inhalt.neu .calendar em, .calendar em a {background:#04599A;color:#FFFFFF;display:block;text-transform:uppercase;font-size:14px;line-height:21px;font-weight:bold;font-style:normal;} #inhalt.neu .calendar span {color:#000000;display:block;font-size:17.5px;line-height:20px;font-weight:bold;font-style:normal;} #inhalt.neu table.kalender td.ort {font-weight:bold;text-align:center;padding:10px;} #inhalt.neu .termin, .kalender {padding-bottom:10px;float:none;width:100%;height:auto;} #inhalt.neu .termin p.ort {font-weight:bold;} #inhalt.neu .termin.pennigsehl p.ort span.pennigsehl:after {content:'Pennigsehl';} #inhalt.neu .termin.nienburg p.ort span.nienburg:after {content:'Nienburg';} #inhalt.neu .termin.garbsen p.ort span.garbsen:after {content:'Garbsen';} #inhalt.neu .termin.pennigsehl.nienburg p.ort span.dot1:after,.termin.pennigsehl.garbsen p.ort span.dot1:after,.termin.nienburg.garbsen p.ort span.dot2:after {content:' \0000B7\ ';} #inhalt.neu .termin a.bild {float:left;width:150px;height:100px;margin-right:10px;overflow:hidden;} #inhalt.neu .termin a.bild img {width:150px;} #inhalt.neu .termin div.text {padding-left:280px;} #inhalt.neu .termin div.text.zweidaten {padding-left:392px;} #inhalt.neu .termin div.text * {margin:0 0 5px;padding:0;} #inhalt.neu .termin div.text h2 {padding-right:2em;} #inhalt.neu .termin .datum_bis, .termin .datum_und {width:121px;text-align:left;padding-top:40px;margin-right:7px;} #inhalt.neu .termin .datum_bis p, .termin .datum_und p {margin-top:-40px!important;} #inhalt.neu .termin .datum_und {width:127px;} #inhalt.neu .termin .datum_bis p, .termin .datum_und p {clear:right;float:right;width:86px;text-align:center;margin-top:-40px;} #inhalt.neu .datum_bis span.uhrzeit, .datum_und span.uhrzeit {clear:right;float:right;width:75px;text-align:center;} #inhalt.neu .termin .datum_bis:before {content:' bis ';} #inhalt.neu .termin .datum_und:before {content:' und ';} #inhalt.neu .termin a.ics {display:block;width:71px;background:url("/images/kalender/kalender-icon.gif") left top no-repeat;height:15px;font-weight:normal;font-size:9px;float:right;margin-top:5px;padding:1px 0 0 19px;} #inhalt.neu .calendar a:hover {text-decoration:none;} #inhalt.neu .mitarbeiter p {white-space:normal;} #inhalt.neu div#qmf.box {float:left;width:203px;margin:0 21px 21px 0;} #inhalt.neu div#qmf.box a {font-size:1px;} #inhalt.neu div#qmf.box p {font-size:10.5px;padding:0 14px 14px;} #inhalt.neu .kachel h1 {margin:0;} #inhalt.neu #infospalte div.box.ansprechpartner img {width:100px;height:120px;padding:0 35px;background:#ffffff;} #inhalt.neu #infospalte div.box.ansprechpartner p {width:170px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} div#fuss div.foot p#impressum {clear:both;text-align:center;padding:49px 0 0;margin-bottom:-44px;} div#fuss div.foot p#impressum span {display:inline;background:#dedfe1;padding:21px 63px 14px;} div#fuss div.foot p#impressum span a {display:inline;padding:0 7px;} /* Scrollbar */ #inhalt.neu .scroll-img { border:0px none; border-left:1px solid #bcd7ff; border-right:1px solid #bcd7ff; height:85px;width:91%;margin:20px 0; overflow:hidden; font-size:0;} #inhalt.neu .scroll-img ul { height:85px; margin:0; padding:0; width:3500px; display:table;} #inhalt.neu .scroll-img ul li { display:inline-block; margin:0 5px 0 0; vertical-align:middle; width:225px; text-align:center; bborder:1px solid orange; } #inhalt.neu .scroll-img ul li a { display:block; width:225px; text-align:center; padding:0; display:table-cell; bborder:1px solid green; } #inhalt.neu .scroll-img ul li a img {float:none;height:auto;width:auto;max-height:85px!important;max-width:175px;margin:0 auto;} #inhalt.neu .scroll-img ul li img {float:none;height:auto;width:auto;max-height:85px!important;max-width:175px;margin:0 auto;} #inhalt.neu .logobox-direction {margin:60px 0 0;width:4%;cursor:pointer;} #inhalt.neu .logobox-direction.zurueck {float:left;text-align:left;} #inhalt.neu .logobox-direction.vor {float:right;text-align:right;} #inhalt.neu label.termin {width:12%;float:left;margin-right:3%;font-family:'Fira Sans';} #inhalt.neu select.termin {width:85%;} .box li.logo.item {list-style-type:none;} div.logoliste li.logo.item {float:left;width:25%;min-height:210px;text-align:center;} div.logoliste li.logo.item img,div.logoliste li.logo.item a img {max-width:95%;max-height:190px;} #inhalt.neu .scroll-img.unterzeile {height:130px;} #inhalt.neu .scroll-img.unterzeile ul li {width:225px;text-align:center;hheight:175px;} #inhalt.neu .scroll-img.unterzeile ul li a img {display:block;float:none;height:auto;width:auto;max-height:85px!important;max-width:175px;margin:0 auto 10px;} #inhalt.neu .scroll-img ul.mitarbeiterbox li {width:132px;height:160px;overflow:hidden;margin-bottom:7px;} #inhalt.neu .scroll-img ul li.terminbox {width:680px;height:160px;overflow:hidden;margin-bottom:7px;} #inhalt.neu div.terminbox {height:175px;} #inhalt.neu .logospalte a {display:block;width:100%;text-align:center;} #inhalt.neu .logospalte img {max-height:200px;max-width:100%;width:auto!important;height:auto;} #inhalt.neu div.mitarbeiterbild.neu {float:left;width:100px;height:120px;background-color:#ccd0d3;background-size:contain;margin-left:-110px;} li.logo.item {list-style-type:none;} div.post.half h3 {margin:0 0 0.5em;} span.filter {display:none;} #filter {padding-bottom:28px;} #filter button {width:auto;cursor:pointer;padding:7px 14px;text-align:center;} #filter button.disabled {opacity:0.5;} #filter button:first-letter {text-transform:uppercase;} #filter label {margin:21px 14px 0 0;} #filter select {border:1px solid #dddddd;margin:21px 21px 0 0;} .ausgeblendet {visibility:collapse;opacity:0;width:0!important;border:0!important;margin:0!important;padding:0!important;transition:all 0s linear;} .eingeblendet {visibility:visible;opacity:1;transition:visibility 0s,opacity 0s linear;} i.pfeil {border:solid black;border-width:0 3px 3px 0;display:inline-block;padding:3px;} i.pfeil.rechts {transform:rotate(-45deg);-webkit-transform:rotate(-45deg);} i.pfeil.links {transform:rotate(135deg);-webkit-transform:rotate(135deg);margin-left:2px;} i.pfeil.oben {transform:rotate(-135deg);-webkit-transform:rotate(-135deg);} i.pfeil.unten {transform:rotate(45deg);-webkit-transform:rotate(45deg);} .tooltip {position:relative;} .tooltip__item {position:absolute;min-width:100px;padding:20px!important;visibility:hidden;opacity:0;background:rgba(25,25,25,0.9);transition:all 0.25s cubic-bezier(0, 0, 0.2, 1);color:#484848;border:1px solid #cecece;border:0px none;border-radius:3px;font-weight:500;box-shadow:0 2px 1px #bcbcbc;z-index:4;color:#ffffff;} .tooltip__item:after {content:"";display:block;position:absolute;width:0;height:0;border-style:solid;} .tooltip__initiator {cursor:pointer;z-index:5;} .tooltip[data-direction="left"] .tooltip__initiator:hover ~ .tooltip__item {transform:translate3d(0, -50%, 0);visibility:visible;opacity:1;} .tooltip[data-direction="left"] .tooltip__item {top:50%;right:calc(100% + 1em);transform:translate3d(15px, -50%, 0);} .tooltip[data-direction="left"] .tooltip__item:after {top:50%;right:-0.5em;transform:translate3d(0,-50%,0);border-width:0.5em 0 0.5em 0.5em;border-color:transparent transparent transparent rgba(25,25,25,0.9);-webkit-filter:drop-shadow(1px 2px 1px #bcbcbc);filter:drop-shadow(1px 2px 1px #bcbcbc);} .tooltip[data-direction="bottom"] .tooltip__initiator:hover ~ .tooltip__item {transform:translate3d(-50%, 0, 0);visibility:visible;opacity:1;} .tooltip[data-direction="bottom"] .tooltip__item {top:calc(100% - 0.5em);left:50%;transform:translate3d(-50%, -15px, 0);} .tooltip[data-direction="bottom"] .tooltip__item:after {top:-0.5em;left:50%;transform:translate3d(-50%, 0, 0);border-width:0 0.5em 0.5em 0.5em;border-color:transparent transparent rgba(0,0,0,0.7) transparent;-webkit-filter:drop-shadow(1px 2px 1px #bcbcbc);filter:drop-shadow(1px -1px 1px #bcbcbc);} div.centered.infomaterial {margin:0 35.3%!important;}