html, body {margin: 0; padding: 0; border: 0;}
body {
margin: 0 auto;
padding: 0px 0px 10px 0px;
font-size: 11px;
font-family: Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif;
text-align: center;
}
.oldbrowsers {
display : none;
font: 12px/17px verdana, helvetica, sans-serif;
color:#f00;
}
p, b {
font-family: Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif;
color: #000;
margin: 0;
padding: 0;
}
.wrapper {
margin: 0 auto;
width: 980px; /*o. 697px*/
text-align: left;
}
/* get rid of nasty borders on linked images */
img, img a {
border:none;
}
/*** Below is the Tan hack, needed because the decorative side borders (thin black) on
.wrapper. It fixes the box model of IE5.x/win, making it display the same as other browsers. ***/
* html .wrapper {
width: 983px; /*700px*/
w\idth: 980px; /*697px*/
}
.outer {
border-left: 180px solid #fff; /*150*/
border-right: 180px solid #fff; /*130*/
}
/*** These are the visible side col BG's. The image BG is needed to replace a side border
on div.inner, which can't be used because of problems in Mozilla. The image substitutes
for the thin black divider between the right green col and the center col. If the black divider
is not wanted, the BG image may be removed. The Tan hack below feeds a IE a different
BG location, due to a BG placement variation.
***/
.inner {
margin-left: -1px; /*** This fixes a small overlap problem in IE6. ***/
width: 799px; /* o. 548px ** This width is for non-IE browsers. Mozilla makes this necessary. ***/
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout. It blows
my mind that all this hacking is being caused by the mighty Gecko engine! (shakes head ruefully)
***/
* html .inner {
width: 100%;
}
.float-wrap {
float: left;
width: 797px; /*o. 567px*/
margin-left: -180px; /* o. -150px ** Same length as left column width ***/
}
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left,
div.left is carried over into the proper position.
***/
.left {
float: left;
text-align: left;
width: 180px; /*147px*/
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
}
.right {
float: right;
width: 180px; /*130px*/
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
}
* html .right {
margin: 0 -180px 0 0; /* o. 130px** IE gets this margin. ***/
}
.center {
float: right;
width: 610px; /*415px*/
}
.center table {
font-size: 12px;
}
.center h1 {
font-size: 18px;
display: block;
color: #036;
margin: 10px 0 0 0px;
}
.center h2 {
text-align: left;
padding: 8px 0 10px 0px;
}
.center h3 {
font-size: 12px;
background: #036;
color: #fff;
padding: 3px;
margin-left: 10px;
margin-right: 10px;
}
.center .produktvorschau h2,
.center .produktvorschau h3,
.center .produktvorschau h4
{
font-weight: normal;
margin: 0;
padding: 0;
background: none;
color: #000;
}
.center p {
margin: 0;
padding-left: 0;
font-family: Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif;
}
.center ul.uebersicht, .center ul.uebersicht ul {
padding: 0 0 0 5px;
margin: 0 5px 0 0;
}
.center div.bildright {
float: right;
margin: 3px;
}
.einleitung {
padding: 6px 0 12px 0;
}
.einleitung h2, p {
text-align: left;
padding: 8px 0 0 10px;
}
.wide {
background-color: #ffc; /* header and footer colours */
width: 100%;
font-size: 1.4em;
font-weight: bold;
}
/* Speziell fuer die Staubsaugerbeutel-Seite */
.center div.beutel {
padding-bottom: 10px;
}
.center div.beutel ul li {
color: #3F3F3F;
}
.center div.beutel ul li {
padding: 0;
line-height: 1.5em;
margin-bottom: 2px;
}
/* Mozilla bug fixes */
html>body .inner, html>body .float-wrap {
border-bottom: 1px solid transparent;
}
.centerlink {
margin: 0;
padding:0;
text-align: center;
}
.centerlink p {
margin: 0;
padding: 10px 0 10px 0;
text-align: center;
}
.centerlink a, .centerlink a:link, .centerlink a:visited, .centerlink a:active, .centerlink a:hover{
text-align: center;
margin: 0;
padding: 0;
font-weight: bold;
}
/* AKTIONEN -BEREICH */
/* MENU BEREICH*/
#menuebereich {
float: left;
position: absolute;
top:165px;
width:180px;
}
/* hr element fuer alle boxen zum aufheben des floatens*/
hr, .center hr,.center div hr, .box1 hr, .box2 hr, .box3 hr, .box4 hr, .boxfunction hr, .boxproduct hr, .boxpromo hr, .boxpromo2 hr, .angebot hr, .topangebot hr{
clear:both;
visibility: hidden;
margin:0;
padding:0;
font-size:9px;
voice-family: "\"}\""; /* IE WERTE */
voice-family: inherit;
margin: -5px 0 0 0;
}
/* INHALTE */
.topangebot {
position:relative; /* ie float bug */
clear: both;
border:6px solid #c00;
padding: 5px;
margin: 35px 0 0 15px;
}
.topangebot h2{
position:relative; /* ie float bug */
top:-15px;
left:-15px;
display:block;
width:60px;
padding: 5px;
clear: both;
height:25px;
background: #c99;
border:6px solid #c00;
}
.topangebot p{
line-height:1.2em;
background: none;
}
.topangebot div.image {
float:left;
margin: 5px 15px 5px 0;
}
span.icon {
float:right;
margin: 0 0 5px 5px;
}
.stoerer {
display:block;
background: #c66;
color: #fff;
font: 18px Arial Black, Arial, Verdana, Helvetica, sans-serif;
text-align: center;
padding: 5px;
margin: 5px 0px 15px 0px;
clear: both;
}
.stoerer a, .stoerer a:link, .stoerer a:link, .stoerer a:visited, .stoerer a:hover, .stoerer a:active {
color: #fff;
font-size: 140%;
text-decoration: underline;
}
.stoerer span {
color: #fff;
font: 70% Arial Black, Arial, Verdana, Helvetica, sans-serif;
float:left;
padding: 5px 0 0 0;
}
html>body #content .angebot /* MOZILLA + OPERA WERTE */
{
float:left;
width:45%;
padding:5px;
}
.angebot p {
line-height:1.2em;
margin: 0;
}
.angebot div.image {
float:left;
margin: 2px 5px 5px 0;
}
.kontaktteaser h2 {
color: #fff;
background: #c00;
text-align: center;
font-size: 14px;
padding: 3px;
margin: 10px 10px 10px 0;
}
.kontaktteaser .kontaktbild {
float: left;
margin-right: 10px;
}
.kontaktteaser b {
font-size: 12px;
color: #000;
font-family: verdana, arial, sans-serife;
padding-bottom: 5px;
display: block;
}
.kontaktteaser div {
font-size: 12px;
color: #000;
font-family: verdana, arial, sans-serife;
margin: 0;
padding: 0;
}
.kontaktteaser b.telnummer {
color: #000;
font-family: verdana, arial, sans-serife;
padding: 0 0 10px 0;
display: block;
font-weight: normal;
font-size: 12px;
}
.kontaktteaser b.textzusatz {
font-size: 10px;
color: #000;
display: block;
font-family: verdana, arial, sans-serife;
font-weight: normal;
}
/*Boxes in den Navigationsspalten*/
/*Die MENUE-BOX */
/* - eine 2. zwischenebene einf?gen, da anders als homepage */
#boxmenu {
background:#f9f9f9;
font: 12px/20px Arial, verdana, helvetica, sans-serif;
margin:0;
padding:0 0 5px 0;
}
html>body #boxmenu {
background:#f9f9f9;
font: 12px/20px Arial, verdana, helvetica, sans-serif;
margin:0;
padding:0 0 20px 0;
}
/* ERSTE EBENE */
#boxmenu ul {
margin:0;
padding:0;
list-style-type: none;
}
#boxmenu li {
margin: 2px 0 1px 0;
padding: 0;
}
#boxmenu a{
color:#000;
text-decoration: none;
display: block;
width: 100%;
padding: 0 0 0 15px;
font-weight:bold;
background:#69c;
}
#boxmenu a:hover {
background:#9be;
margin:0;
display:block;
}
html>body #boxmenu ul li a { width: auto; }
/* ZWEITE EBENE */
#boxmenu ul ul{
margin:0 0 0 0;
padding: 0;
list-style-type: none;
}
#boxmenu ul ul li{
margin: 2px 0 1px 0;
padding: 0;
}
#boxmenu ul ul a, #boxmenu ul ul a:link,#boxmenu ul ul li a:visited, #boxmenu ul ul li a:hover, #boxmenu ul ul li a:active {
display: block;
color:#000;
background: #ccc;
margin:0 0 1px 0px;
padding: 0 0 0 15px;
background-image:url(/global/medien/bilder/rahmen/bullet_wg.gif);
background-repeat:no-repeat;
background-position: 2px 0px;
font-size:11px;
line-height:14px;
font-weight: normal;
}
#boxmenu ul ul a.active, #boxmenu ul ul a.active:link,#boxmenu ul ul li a.active:visited, #boxmenu ul ul li a.active:hover {
background-image:url(/global/medien/bilder/rahmen/bullet_hwg_act.gif);
background-repeat:no-repeat;
background-position: 2px 0px;
font-weight: bold;
color: #c00;
}
html>body #boxmenu ul ul li a { width: auto; }
#boxmenu ul ul li a:hover {
display: block;
color: #000;
background:#ddd;
margin:0 0 1px 0px;
padding: 0 0 0 15px;
background-image:url(/global/medien/bilder/rahmen/bullet_wg.gif);
background-repeat:no-repeat;
background-position: 2px 0px;
font-size:11px;
line-height:14px;
font-weight: normal;
}
html>body #boxmenu ul ul li a:hover { width: auto; }
/* DRITTE EBENE */
#boxmenu ul ul ul{
margin:0 0 0 5px;
padding: 0;
list-style-type: none;
}
#boxmenu ul ul ul li{
margin: 2px 0 1px 0;
padding: 0;
}
#boxmenu ul ul ul a, #boxmenu ul ul ul a:link,#boxmenu ul ul ul li a:visited, #boxmenu ul ul ul li a:hover {
display: block;
color:#000;
background:#ddd;
margin:0 0 1px 0px;
padding: 0 0 0 15px;
background-image:url(/global/medien/bilder/rahmen/bullet_wg.gif);
background-repeat:no-repeat;
background-position: 2px 0px;
font-size:11px;
line-height:14px;
font-weight:normal;
}
html>body #boxmenu ul ul ul li a { width: auto; }
#boxmenu ul ul ul li a:hover {
background-color:#ededed;
}
html>body #boxmenu ul ul ul li a:hover { width: auto; }
/* VIERTE EBENE */
#boxmenu ul ul ul ul ul{
margin:0 0 0 10px;
padding: 0;
list-style-type: none;
}
#boxmenu ul ul ul ul ul li{
margin: 2px 0 1px 0;
padding: 0;
}
#boxmenu ul ul ul ul ul a, #boxmenu ul ul ul ul ul a:link,#boxmenu ul ul ul ul ul li a:visited, #boxmenu ul ul ul ul ul li a:hover {
display: block;
color:#000;
background:#ddd;
margin:0 0 1px 0px;
padding: 0 0 0 18px;
background-image:url(/global/medien/bilder/rahmen/bullet_art.gif);
background-repeat:no-repeat;
background-position: 2px 0px;
font-size:11px;
line-height:14px;
font-weight:normal;
}
html>body #boxmenu ul ul ul ul ul li a { width: auto; }
#boxmenu ul ul ul ul ul li a:hover {
background-color:#ededed;
}
html>body #boxmenu ul ul ul ul ul li a:hover { width: auto; }
/*Aktiver Link auf der letzten Ebene*/
#boxmenu ul ul ul ul ul a.on, #boxmenu ul ul ul ul ul a.on:link,#boxmenu ul ul ul ul ul li a.on:visited, #boxmenu ul ul ul ul ul li a.on:hover {
display: block;
color:#c00;
background:#ededed;
margin:0 0 1px 0px;
padding: 0 0 0 18px;
background-image:url(/global/medien/bilder/rahmen/bullet_art_act.gif);
background-repeat:no-repeat;
background-position: 2px 0px;
font-size:11px;
line-height:14px;
font-weight:bold;
}
html>body #boxmenu ul ul ul ul ul li a.on { width: auto; }
#boxmenu ul ul ul ul ul li a.on:hover {
background-color:#ededed;
}
html>body #boxmenu ul ul ul ul ul li a.on:hover { width: auto; }
/* AKtionsboxen allgemeine Attribute*/
.box2, .box4, .boxfunction, .boxpromo, .boxpromo2{
background:#eee;
padding:2px;
margin-bottom:20px;
text-align:left;
}
hr.ruler {
border-top: 1px dotted #000;
clear:both;
visibility: visible;
margin: 5px auto 5px auto;
padding:0;
width:95%;
text-align: center;
}
/* mozilla mag die bilder ohne containerdiv nicht floaten :-( */
.box1 div.image, .boxpromo2 div.image, .boxproduct div.image {
float:left;
padding: 4px 4px;
}
.box3 div.image {
float:right; padding: 4px 4px;
}
/* AKtionsboxen spezielle Attribute*/
.box3, .boxmenu {
background:#dff;
padding:2px;
margin:0px;
text-align:left;
}
.box1 {
text-align:left;
background:#fec;
padding:2px;
text-align:left;
line-height: 1.2em;
margin-bottom:30px;
}
.box1 p {
text-align:left;
background:#fec;
margin: 0 0 2px 5px;
padding: 0 0 0px 25px;
text-align:left;
line-height: 1.2em;
background-image:url(/global/medien/bilder/rahmen/boxmenubullet.gif);
background-repeat:no-repeat;
background-position: 5px 0px;
}
.box1, .box1 a, .box1 ul, .box1 li, .box1 p a, .box1 p a:link, .box1 p a:visited, .box1 p a:hover, .box1 p a:active, .box1 p a:hover, .box1 p, .box1 h2 {
color:#036;
text-decoration:none;
line-height:1.1em;
}
.box1 p a:hover,.box1 p a:active, .box1 p a:hover, .box1 p a:active {
text-decoration:underline;
}
.box1 a.mwst, .box1 a.mwst:link, .box1 a.mwst:visited, .box1 a.mwst:hover {
display: block;
font-weight:bold;
padding: 0px 0px 0px 5px;
color:#036;
background: #ffd685;
margin-right: 5px;
}
.box2, .box2 a, .box2 ul, .box2 li, .box2 p a, .box2 p a:link,.box2 p a:visited,.box2 p a:hover,.box2 p a:active, .box2 p a:hover, .box2 p,.box2 h2 {
}
.box3{
background:#dff;
padding: 5px 0 0 0;
border: 1px solid #dff;
}
.box3 h2{
margin:1px;
padding: 0 0 0 20px;
background-image:url(/global/medien/bilder/rahmen/boxmenubullet.gif);
background-repeat:no-repeat;
background-position: 5px 0px;
}
.box3 p {
line-height:1.1em;;
}
.box3, .box3 a, .box3 ul, .box3 li, .box3 p a, .box3 p a:link,.box3 p a:visited,.box3 p a:hover,.box3 p a:active, .box3 p a:hover, .box3 p,.box3 h2 {
color:#069;
text-decoration:none;
line-height:1.1em;;
}
.box3 p a:hover{
text-decoration:underline;
line-height:1.1em;;
}
.box4 p{
margin:1px;
}
.boxfunction{
padding: 2px 4px 2px 10px;
}
.boxfunction, .boxfunction ul, .boxfunction li, .boxfunction p, .boxfunction b, .boxfunction h2{
background:#036;
color:#fff;
font-weight:bold;
text-align:left;
}
.boxfunction a#suche:link , a#suche:visited {color: #fff; text-decoration: none;}
.boxfunction a#suche :hover {color: #fff;}
.boxfunction a#suche:active {color: #fff;}
.boxfunction p{
padding: 0 0 5px ;
margin: 0;
}
/* Angebote rechte spalte */
.boxproduct{
background:#e9e9ee;
color:#000;
text-align:left;
padding:4px;
font-size:85%;
}
* html .boxproduct {
/* \*/
height: 0;
z-index: 10;
voice-family: "\"}\""; /* IE WERTE */
voice-family: inherit;
height: 100%;
}
/* */
.boxproduct h2{
font-weight:bold;
text-align:left;
font-size: 14px;
padding: 2px 0 2px 2px;
background: #fc0;
}
.boxproduct h3{
border-top: dotted #000 2px;
}
.boxproduct h3 a, .boxproduct h3 a:link,.boxproduct h3 a:visited,.boxproduct h3 a:hover,.boxproduct h3 a:active {
color:#000;
font-weight: bold;
text-align:left;
font-size:95%;
text-decoration:none;
margin: 0 ;
display:block;
padding:10px 2px 2px 2px;
}
.boxproduct h3 a:hover,.boxproduct h3 a:active {
color:#000;
text-decoration:underline;
}
.boxproduct p {
margin:2px 0 2px 0;
font-weight:bold;
line-height: 1.3em;
}
.boxproduct a,
.boxproduct p a,
.boxproduct p a:link,
.boxproduct p a:visited,
.boxproduct p a:hover,
.boxproduct p a:active
{
color:#000;
font-weight:normal;
text-align:left;
text-decoration:none;
line-height: 1.2em;
}
.boxproduct p a:hover,.boxproduct p a:active {
color:#000;
text-decoration:underline;
}
.boxproduct .image {
width: 83px;
height: 83px;
}
div.preis {
text-align: center;
width: 70px;
}
div.preis s {
font-family: arial;
text-decoration: none;
background: url(/global/medien/bilder/streichpreis_strich.gif) repeat;
}
html>body div.preis s {
font-family: arial;
text-decoration: line-through;
background: none;
}
div.rabattbild {
margin-top: 10px;
}
.alterpreis,
.bauteile .alterpreis {
text-decoration: none;
font-weight: bold;
font-family: Arial;
padding: 0 0 3px 0;
background: url(streichpreis_strich_home.gif) repeat;
}
.bauteile .alterpreis {
font-weight: normal;
white-space: nowrap;
}
html>body s.alterpreis {
text-decoration: line-through;
font-weight:bold;
font-family: Arial;
display: block;
padding: 0 0 3px 0;
}
div.boxproduct span.alterpreis {
text-decoration: none;
font-weight:bold;
font-family: Arial;
padding: 0 0 3px 0;
background: none;
background: url(/global/medien/bilder/streichpreis_strich_preishits.gif) repeat;
}
html>body div.boxproduct span.alterpreis {
text-decoration: line-through;
font-weight:bold;
font-family: Arial;
display: block;
background: none;
padding: 0 0 3px 0;
}
.boxproduct a.sonderpreis, .boxproduct a.sonderpreis:link, .boxproduct a.sonderpreis:visited, .boxproduct a.sonderpreis:hover {
font-weight:bold;
background:#fc0;
padding:1px;
margin:1px;
}
/* Diverse Boxenlayouts */
/* Diverse Boxenlayouts */
.boxpromo{
background:#036;
padding: 2px 0 2px 0;
}
.sofortbestell {
background:#eee;
border: 1px solid #fff;
padding: 0px;
margin: 0 10px 1px 10px;
width: 160px;
border: 5px solid #eee;
}
.sofortbestell input {
padding: 0;
margin: 0px 0 0 0;
}
.sofortbestell input.submit {
padding: 0;
margin: 3px 0 8px 0;
width: 145px;
display: block;
}
.sofortbestell b {
font-size: 10px;
}
.sofortbestell b.oder {
font-size: 11px;
}
.boxpromo p.katalog{
padding: 2px 10px 0 0;
}
.boxpromo p.katalog img{
margin-right: -10px;
}
.boxpromo2 b{
font-weight: bold;
font-size: 1.2em;
display: block;
padding-top: 5px;
padding-bottom: 2px;
margin-left: -16px;
margin-right: 0;
padding-right: 0;
font-family: Arial, Verdana;
color: #fff;
}
html>body .boxpromo2 b{
font-weight: bold;
font-size: 1.3em;
display: block;
padding-top: 5px;
padding-bottom: 2px;
margin-left: -16px;
font-family: Arial, Verdana;
width: 175px;
}
.boxpromo2 b.at{
font-weight: bold;
font-size: 1.2em;
display: block;
padding-top: 5px;
padding-bottom: 2px;
margin-left: -16px;
margin-right: 0;
padding-right: 0;
font-family: Arial, Verdana;
color: #fff;
}
html>body .boxpromo2 b.at{
font-weight: bold;
font-size: 1.3em;
display: block;
padding-top: 5px;
padding-bottom: 2px;
margin-left: -16px;
font-family: Arial, Verdana;
width: 175px;
}
.boxpromo2 b.uk{
font-weight: bold;
font-size: 15px;
display: block;
padding-top: 5px;
padding-bottom: 2px;
margin-left: -16px;
margin-right: 0;
padding-right: 0;
font-family: Arial, Verdana;
color: #fff;
}
html>body .boxpromo2 b.uk{
font-weight: bold;
font-size: 1.7em;
display: block;
padding-top: 5px;
padding-bottom: 2px;
margin-left: -16px;
font-family: Arial, Verdana;
width: 175px;
}
.boxpromo2 b.ch{
font-weight: bold;
font-size: 1.5em;
display: block;
padding-top: 5px;
padding-bottom: 2px;
margin-left: -16px;
margin-right: 0;
padding-right: 0;
font-family: Arial, Verdana;
color: #fff;
}
html>body .boxpromo2 b.ch{
font-weight: bold;
font-size: 1.6em;
display: block;
padding-top: 5px;
padding-bottom: 2px;
margin-left: -16px;
font-family: Arial, Verdana;
width: 175px;
}
.boxpromo2 b.textzusatz{
font-weight: normal;
font-size: 0.9em;
display: block;
padding-top: 0px;
font-family: Arial, Verdana;
}
.boxpromo .sofortbestell a.direkt {
color: #000;
text-decoration: underline;
margin: 0;
padding: 0 0 0 10px;
font-size: 10px;
display: block;
background: url(/global/medien/bilder/rahmen/boxmenupfeil.gif) no-repeat left top;
}
.boxpromo, .boxpromo a, .boxpromo ul, .boxpromo li, .boxpromo p a, .boxpromo p a:link,.boxpromo p a:visited, .boxpromo p a:hover, .boxpromo p a:active, .boxpromo p a:hover, .boxpromo p,.boxpromo h2 {
color:#fff;
font-weight:bold;
text-align:left;
text-decoration:none;
line-height: 1.2em;
background: #036;
}
.boxpromo2{
background:#8ac;
padding: 2px 8px 2px 2px;
margin: 0 0 5px 0;
}
.boxpromo2 h2 a{
color: #fff;
text-decoration: none;
}
.boxpromo2 h2{
background-image:url(/global/medien/bilder/rahmen/keil.gif);
background-repeat:no-repeat;
background-position: 0px 0px;
padding-left:21px;
border-bottom: solid 1px #f9f9f9;
}
.boxpromo2, .boxpromo2 a, .boxpromo2 ul, .boxpromo2 li, .boxpromo2 p a, .boxpromo2 p a:link,.boxpromo2 p a:visited,.boxpromo2 p a:hover,.boxpromo2 p a:active, .boxpromo2 p .boxpromo2 p a:hover, .boxpromo2 p,.boxpromo2 h2 {
color:#fff;
font-weight:bold;
text-align:left;
font-size:10px;
text-decoration:none;
line-height: 1.2em;
}
/*PLATZ F?R SEITENTITEL ODER LOGOGRAFIK*/
#headerkopf {
padding: 15px 0 0 0;
width:100%;
height:100px;
text-align:center;
voice-family: "\"}\"";
voice-family: inherit;
}
html>body #headerkopf {
padding: 15px 0 20px 0;
height: 140px;
text-align:center;
}
p,h1,pre {
margin:0px 10px 10px 10px;
}
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0 0 2px 0;
}
/* header menu */
#navcontainer {
clear:both;
width:980px;
padding: 0px;
line-height:normal;
display:block;
height:20px;
text-align: right;
position: relative;
}
html>body #navcontainer {
margin: 0px 1px 0px auto;
}
#navcontainer span {
font-size: 11px;
border-right: 1px solid #fff;
margin: 0;
}
#navcontainer a {
white-space:nowrap;
font-size: 12px;
text-decoration:none;
font-weight:bold;
color:#900;
background: #f6f6f6;
border-left: 1px solid #900;
padding: 0 0 0 5px;
margin: 0;
}
#navcontainer a:hover {
color:#900;
}
/* Commented Backslash Hack
fixes sliding door problem with Opera 7.11
hides rule from IE5-Mac \*/
#navcontainer a {float:none;}
/* End IE5-Mac hack */
#navcontainer a:hover {
color:#000;
background: #eee;
}
/* Karteireiter */
#tabs {
font-family : Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif;
width:980px;
line-height:normal;
margin: 5px auto 0 auto;
text-align:center;
display:block;
height:25px;
font-size:14px;
clear:both;
}
html>body #tabs {
height:29px;
}
#tabs ul {
margin:0;
padding:0 1px 0 2px ;
list-style:none;
}
#tabs li {
float:left;
margin:0;
padding:0 0px 0 2px;
}
#tabs a {
float:left;
display:block;
/*background:url("/global/medien/bilder/navigation/tab_right.gif") no-repeat right top;*/
padding:2px 7px 2px 3px;
margin:0 3px 0 3px;
text-decoration:none;
font-weight:bold;
color:#765;
font-family : Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif;
font-size:14px;
}
html>body #tabs a {
padding:2px 7px 2px 3px;
margin:0 3px 0 3px;
}
/* Die aktive Kategorie wird in den Tabs untestrichen */
/* Commented Backslash Hack
fixes sliding door problem with Opera 7.11
hides rule from IE5-Mac \*/
#tabs a {float:none;}
/* End IE5-Mac hack */
#werkzeug{
background:url("/global/medien/bilder/navigation/tab_left_werkzeug_now1.gif") no-repeat left top;
}
#tabs a.werkzeug {
color:#fff;
background:url("/global/medien/bilder/navigation/tab_right_werkzeug_now1.gif") no-repeat right top;
margin-top: 5px;
}
#tabs a:hover.werkzeug {
color:#9999CC;
}
/*Start aktiver Modus des Werkzeug Reiters*/
#werkzeugaktiv{
background:url("/global/medien/bilder/navigation/tab_left_werkzeug_now.gif") no-repeat left top;
}
#tabs a.werkzeugaktiv {
color:#000066;
background:url("/global/medien/bilder/navigation/tab_right_werkzeug_now.gif") no-repeat right top;
padding-top: 7px;
padding-bottom: 2px;
}
#tabs a:hover.werkzeugaktiv {
color:#000066;
}
/*Ende aktiver Modus des Werkzeug Reiters*/
#technica{
background:url("/global/medien/bilder/navigation/tab_left_technica_now1.gif") no-repeat left top;
}
#tabs a.technica {
color:#fff;
background:url("/global/medien/bilder/navigation/tab_right_technica_now1.gif") no-repeat right top;
margin-top: 5px;
}
#tabs a:hover.technica {
color:#FF9999;
}
/*Start aktiver Modus des Technica Reiters*/
#technicaaktiv{
background:url("/global/medien/bilder/navigation/tab_left_technica_now.gif") no-repeat left top;
}
#tabs a.technicaaktiv {
color:#cc0000;
background:url("/global/medien/bilder/navigation/tab_right_technica_now.gif") no-repeat right top;
padding-top: 7px;
padding-bottom: 2px;
}
#tabs a:hover.technicaaktiv {
color:#cc0000;
}
/*Ende aktiver Modus des Technica Reiters*/
#technik{
background:url("/global/medien/bilder/navigation/tab_left_technik_now1.gif") no-repeat left top;
}
#tabs a.technik {
color:#fff;
background:url("/global/medien/bilder/navigation/tab_right_technik_now1.gif") no-repeat right top;
margin-top: 5px;
}
#tabs a:hover.technik {
color:#FF9999;
}
/*Start aktiver Modus des Technik Reiters*/
#technikaktiv{
background:url("/global/medien/bilder/navigation/tab_left_technik_now.gif") no-repeat left top;
}
#tabs a.technikaktiv {
color:#cc0000;
background:url("/global/medien/bilder/navigation/tab_right_technik_now.gif") no-repeat right top;
padding-top: 7px;
padding-bottom: 2px;
}
#tabs a:hover.technikaktiv {
color:#cc0000;
}
/*Ende aktiver Modus des Technik Reiters*/
#haushalt{
background:url("/global/medien/bilder/navigation/tab_left_haushalt_now1.gif") no-repeat left top;
}
#tabs a.haushalt {
color:#fff;
background:url("/global/medien/bilder/navigation/tab_right_haushalt_now1.gif") no-repeat right top;
margin-top: 5px;
}
#tabs a:hover.haushalt {
color:#FFCC99;
}
/*Start aktiver Modus des Haushalt Reiters*/
#haushaltaktiv{
background:url("/global/medien/bilder/navigation/tab_left_haushalt_now.gif") no-repeat left top;
}
#tabs a.haushaltaktiv {
color:#f60;
background:url("/global/medien/bilder/navigation/tab_right_haushalt_now.gif") no-repeat right top;
padding-top: 7px;
padding-bottom: 2px;
}
#tabs a:hover.haushaltaktiv {
color: #f60;
}
/*Ende aktiver Modus des Haushalt Reiters*/
#aktivitalis{
background:url("/global/medien/bilder/navigation/tab_left_aktivitalis_now1.gif") no-repeat left top;
}
#tabs a.aktivitalis {
color:#fff;
background:url("/global/medien/bilder/navigation/tab_right_aktivitalis_now1.gif") no-repeat right top;
margin-top: 5px;
}
#tabs a:hover.aktivitalis {
color:#3cc;
}
/*Start aktiver Modus des Aktivitalis Reiters*/
#aktivitalisaktiv{
background:url("/global/medien/bilder/navigation/tab_left_aktivitalis_now.gif") no-repeat left top;
}
#tabs a.aktivitalisaktiv {
color:#099;
background:url("/global/medien/bilder/navigation/tab_right_aktivitalis_now.gif") no-repeat right top;
padding-top: 7px;
padding-bottom: 2px;
}
#tabs a:hover.aktivitalisaktiv {
color: #099;
}
/*Ende aktiver Modus des Aktivitalis Reiters*/
#gesundheit{
background:url("/global/medien/bilder/navigation/tab_left_gesundheit_now1.gif") no-repeat left top;
}
#tabs a.gesundheit {
color:#fff;
background:url("/global/medien/bilder/navigation/tab_right_gesundheit_now1.gif") no-repeat right top;
margin-top: 5px;
}
#tabs a:hover.gesundheit {
color:#3cc;
}
/*Start aktiver Modus des gesundheit Reiters*/
#gesundheitaktiv{
background:url("/global/medien/bilder/navigation/tab_left_gesundheit_now.gif") no-repeat left top;
}
#tabs a.gesundheitaktiv {
color:#099;
background:url("/global/medien/bilder/navigation/tab_right_gesundheit_now.gif") no-repeat right top;
padding-top: 7px;
padding-bottom: 2px;
}
#tabs a:hover.gesundheitaktiv {
color: #099;
}
/*Ende aktiver Modus des Gesundheit Reiters*/
#textil{
background:url("/global/medien/bilder/navigation/tab_left_textil_now1.gif") no-repeat left top;
}
#tabs a.textil {
color:#fff;
background:url("/global/medien/bilder/navigation/tab_right_textil_now1.gif") no-repeat right top;
margin-top: 5px;
}
#tabs a:hover.textil {
color:#CC99FF;
}
/*Start aktiver Modus des Textil Reiters*/
#textilaktiv{
background:url("/global/medien/bilder/navigation/tab_left_textil_now.gif") no-repeat left top;
}
#tabs a.textilaktiv {
color:#909;
background:url("/global/medien/bilder/navigation/tab_right_textil_now.gif") no-repeat right top;
padding-top: 7px;
padding-bottom: 2px;
}
#tabs a:hover.textilaktiv {
color: #909;
}
/*Ende aktiver Modus des Textil Reiters*/
#agrishop{
background:url("/global/medien/bilder/navigation/tab_left_agrishop_now1.gif") no-repeat left top;
}
#tabs a.agrishop {
color:#fff;
background:url("/global/medien/bilder/navigation/tab_right_agrishop_now1.gif") no-repeat right top;
margin-top: 5px;
}
#tabs a:hover.agrishop {
color:#c90;
}
/*Start aktiver Modus des Agrishop Reiters*/
#agrishopaktiv{
background:url("/global/medien/bilder/navigation/tab_left_agrishop_now.gif") no-repeat left top;
}
#tabs a.agrishopaktiv {
color:#960;
background:url("/global/medien/bilder/navigation/tab_right_agrishop_now.gif") no-repeat right top;
padding-top: 7px;
padding-bottom: 2px;
}
#tabs a:hover.agrishopaktiv {
color:#960;
}
/*Ende aktiver Modus des Agrishop Reiters*/
#garten{
background:url("/global/medien/bilder/navigation/tab_left_garten_now1.gif") no-repeat left top;
}
#tabs a.garten {
color:#fff;
background:url("/global/medien/bilder/navigation/tab_right_garten_now1.gif") no-repeat right top;
margin-top: 5px;
}
#tabs a:hover.garten {
color:#99CC99;
}
/*Start aktiver Modus des Garten Reiters*/
#gartenaktiv{
background:url("/global/medien/bilder/navigation/tab_left_garten_now.gif") no-repeat left top;
}
#tabs a.gartenaktiv {
color:#316300;
background:url("/global/medien/bilder/navigation/tab_right_garten_now.gif") no-repeat right top;
padding-top: 7px;
padding-bottom: 2px;
}
#tabs a:hover.gartenaktiv {
color:#316300;
}
/*Ende aktiver Modus des Garten Reiters*/
#akkubatterien{
background:url("/global/medien/bilder/navigation/tab_left_akkubatterien_now1.gif") no-repeat left top;
}
#tabs a.akkubatterien {
color:#fff;
background:url("/global/medien/bilder/navigation/tab_right_akkubatterien_now1.gif") no-repeat right top;
margin-top: 5px;
}
#tabs a:hover.akkubatterien {
color:#6699FF;
}
/*Start aktiver Modus des Akku Reiters*/
#akkubatterienaktiv{
background:url("/global/medien/bilder/navigation/tab_left_akkubatterien_now.gif") no-repeat left top;
}
#tabs a.akkubatterienaktiv {
color:#039;
background:url("/global/medien/bilder/navigation/tab_right_akkubatterien_now.gif") no-repeat right top;
padding-top: 7px;
padding-bottom: 2px;
}
#tabs a:hover.akkubatterienaktiv {
color:#039;
}
/*Ende aktiver Modus des Akku Reiters*/
#autozubehoer{
background:url("/global/medien/bilder/navigation/tab_left_autozubehoer_now1.gif") no-repeat left top;
}
#tabs a.autozubehoer {
color:#fff;
background:url("/global/medien/bilder/navigation/tab_right_autozubehoer_now1.gif") no-repeat right top;
margin-top: 5px;
}
#tabs a:hover.autozubehoer {
color:#CC7FCC;
}
/*Start aktiver Modus des Autozubehoer Reiters*/
#autozubehoeraktiv{
background:url("/global/medien/bilder/navigation/tab_left_autozubehoer_now.gif") no-repeat left top;
}
#tabs a.autozubehoeraktiv {
color:#606;
background:url("/global/medien/bilder/navigation/tab_right_autozubehoer_now.gif") no-repeat right top;
padding-top: 7px;
padding-bottom: 2px;
}
#tabs a:hover.autozubehoeraktiv {
color:#606;
}
/*Ende aktiver Modus des Autozubehoer Reiters*/
#fundgrube{
background:url("/global/medien/bilder/navigation/tab_left_fundgrube_now1.gif") no-repeat left top;
}
#tabs a.fundgrube {
color:#fff;
background:url("/global/medien/bilder/navigation/tab_right_fundgrube_now1.gif") no-repeat right top;
margin-top: 5px;
}
#tabs a:hover.fundgrube {
color:#FF9999;
}
/*Start aktiver Modus des Autozubehoer Reiters*/
#fundgrubeaktiv{
background:url("/global/medien/bilder/navigation/tab_left_fundgrube_now.gif") no-repeat left top;
}
#tabs a.fundgrubeaktiv {
color:#f00;
background:url("/global/medien/bilder/navigation/tab_right_fundgrube_now.gif") no-repeat right top;
padding-top: 7px;
padding-bottom: 2px;
}
#tabs a:hover.fundgrubeaktiv {
color:#f00;
}
/*Ende aktiver Modus des Autozubehoer Reiters*/
/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#tabs a {float:none;}
/* End IE5-Mac hack */
#tabs a:hover {
color:#fff;
}
#tabs #current {
}
#tabs #current a {
color:#333;
padding-bottom:5px;
}
#breadcrumb {
background: #036;
margin-bottom: 10px;
text-align: right;
padding-right: 10px;
color: #fff;
}
html>body #breadcrumb {
padding-bottom: 2px;
height: 17px;
}
#breadcrumb ul {
margin-left: 0;
padding: 0;
display: inline;
color: #fff;
}
#breadcrumb ul li{
margin-left: 0;
padding-left: 0;
border: none;
list-style: none;
display: inline;
color: #fff;
}
#breadcrumb ul li a{
text-decoration:none;
padding: 0 5px 0 0;
list-style: none;
display: inline;
font-size:10px;
font-weight:normal;
color: #fff;
font-family: arial;
}
#breadcrumb ul li a:hover{
text-decoration: underline;
}
/*?berschrift*/
h2 {
font: 12px Verdana, Arial, sans-serif;
font-weight: bold;
color: #000000;
}
h3 {
font: 12px Verdana, Arial, sans-serif;
font-weight: bold;
color: #000000;
}
/* unklar, warum das hier alles auf tahoma gesetzt wurde - testweise auskommentiert */
p,pre {
font: 11px/20px Tahoma, Arial, verdana, helvetica, sans-serif;
color:#3F3F3F;
margin-top:5px;
letter-spacing: 1px;
line-height:1.3em;
}
li {
font: 11px/20px Tahoma, Arial, verdana, helvetica, sans-serif;
color:#3F3F3F;
margin: 1px 0 0 14px;
letter-spacing: 1px;
}
ul {
font: 11px/20px Tahoma, Arial, verdana, helvetica, sans-serif;
color:#3F3F3F;
margin:1px;
letter-spacing: 1px;
}
/*kleiner Text*/
.small {font: 10px/14px verdana, arial, helvetica, sans-serif;
color:#404040;}
a:link {text-decoration:underline; color:#339; }
a:visited {text-decoration:underline; color:#339; }
a:hover {color:#c06;}
a:active {color:#339;}
#footer{
clear: left;
margin:0 auto 20px auto;
padding: 2px 15px;
background: #036;
color:#fff;
text-align: left;
border-bottom: 1px solid transparent;
}
html>body #footer { /* MOZILLA + OPERA WERTE */
width:950px;
}
*>html #footer {
width:1000px;
}
#footer a, #footer a:link, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
color: #fff;
font-size: 11px;
/*letter-spacing: 2px;*/
text-decoration: none;
font-weight:bold;
padding: 0 3px 0 3px;
margin: 0;
border-right:1px solid #fff;
}
#footer table {
width: 950px;
}
*>html #footer table {
width:1000px;
}
#footer table td.textleft {
text-align: left;
width: 25%;
}
#footer table td.textcenter {
text-align: center;
padding: 0 0 1px 0;
margin: 0;
width: 420px;
vertical-align: bottom;
}
#footer table td.textright {
text-align: right;
}
#footer a#footermadeby:link, #footer a#footermadeby:visited, #footer a#footermadeby:hover, #footer a#footermadeby:active {
font-size: 11px;
/*letter-spacing: 2px;*/
border-left: 1px solid #fff;
border-right: none;
}
#footer a#footertsystems:link, #footer a#footertsystems:visited, #footer a#footertsystems:hover, #footer a#footertsystems:active {
font-size: 11px;
/*letter-spacing: 2px;*/
border-left: none;
border-right: none;
padding: 0;
margin: 0;
}
#footer a.mehrwertsteuer:link, #footer a.mehrwertsteuer:visited, #footer a.mehrwertsteuer:hover, #footer a.mehrwertsteuer:active {
font-size: 11px;
/*letter-spacing: 2px;*/
border: none;
}
/*
general form styles
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
form, form p {
margin: 0;
padding: 0;
}
input, select, textarea {
color: #000;
background: #fff;
font-size:10px;
border : 2px dotted #999;
border: outset 1px #999;
font-family: Arial;
font-size: 12px;
}
input:focus, textarea:focus {
background-color: #ffe9e9;
}
input.submit {
font : bold 10px/10px verdana, arial, geneva, arial,helvetica, sans-serif;
color: #ff0;
background: #c00;
background-image: none;
padding: 0 4px;
border: solid 1px #c00;
}
.selected {
background-color: #ffe9e9;
}
input p {
margin:0;
padding:0;
}
image {
border:none;
}
.clearer {
clear:both;
height:0;
margin:0;
font-size: 1px;
line-height: 0;
}
.clear { clear: both; }
/*Schn?ppchen Kasten auf der Warenkorbseite*/
#schnaeppchen {
width: 600px;
margin: 20px 0 20px 0;
background: #FFEECC;
}
#schnaeppchen h2 {
padding: 5px;
font-size: 11px;
}
#schnaeppchen div.schnaeppchenangebot {
width: 195px;
float: left;
padding: 5px;
margin: 2px 2px 10px 2px;
background: #fff;
border: none;
color: #036;
}
div>#schnaeppchen div.schnaeppchenangebot {
width: 186px;
}
#schnaeppchen div.schnaeppchenangebot div.schnaeppchenbild {
float: left;
}
#schnaeppchen div.schnaeppchenangebot div.schnaeppchenpreis {
padding: 20px 0 20px 0;
}
#schnaeppchen div.schnaeppchenangebot div.schnaeppchenartikel {
padding: 0 0 8px 0;
color: #036;
}
#schnaeppchen div.schnaeppchenangebot div.schnaeppchenartikel a {
color: #036;
}
#schnaeppchen div.schnaeppchenangebot a {
color: #00f;
}
#schnaeppchen div.produkt a.warenkorb {
background: url(/global/medien/bilder/rahmen/einkaufswagen_klein.gif) no-repeat left;
padding: 0 0 0 25px;
color: #036;
}
.text {
width: 600px;
padding-bottom: 10px;
}
/*Login auf der Bestellseite*/
.login {
width: 600px;
margin: 20px 0 20px 0;
background: #FFEECC;
padding: 0 0 0 0;
border-bottom: 1px solid #000;
border-top: 1px solid #000;
font-weight: normal;
}
.login h2{
border-bottom: 1px solid #000;
margin: 0 0 10px 0;
font-size: 11px;
padding: 2px 0 2px 0;
}
.login table {
margin: 10px 0 10px 0;
font-size: 11px;
vertical-align: top;
padding: 10px;
}
.login p {
font-family : Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif;
font-weight: normal;
letter-spacing: 0;
}
.login table td.hell {
background: #FFF9EE;
}
/*Newsletter Styles Start*/
#formular {
width: 400px;
background: #000;
}
table #formularkatalog {
width: 600px;
margin-top: 10px;
margin-bottom: 10px;
font-family: arial, verdana;
}
#formular td{
background: #FFEECC;
padding: 3px;
vertical-align: top;
}
table #formularkatalog td.farbe {
background: #eee;
padding: 3px;
vertical-align: top;
}
table #formularkatalog td.farbe {
background: #eee;
padding: 3px;
vertical-align: top;
}
.newsletter {
width: 600px;
margin: 10px 0 10px 0;
background: #FFEECC;
padding: 5px;
border-bottom: 1px solid #000;
border-top: 1px solid #000;
font-weight: normal;
}
html>body .newsletter {
width: 590px;
}
.newsletter input {
margin: 0 5px 0 0;
}
.newsletter p {
font-family : Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif;
font-weight: normal;
letter-spacing: 0;
color: #000;
margin: 5px 0 5px 0;
font-size: 12px;
}
.newsletterbestaetigung {
font-family : Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif;
font-weight: normal;
letter-spacing: 0;
color: #000;
margin: 5px 0 5px 0;
font-size: 12px;
border: 1px solid #036;
width: 590px;
}
.newsletter ul, ul li {
font-family : Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif;
font-weight: normal;
color: #000;
padding: 5px 0 5px 0;
}
/*Newsletter Styles Ende*/
/*Katalog Styles Start*/
.stern {
color: #c00;
}
.gratiskatalog td {
vertical-align: top;
}
.katalog {
background: #eee;
vertical-align: top;
}
.katalogauflistung, .katalogauflistung td {
background: #fec;
vertical-align: top;
}
b.gratisrot {
font-size: 18px;
font-weight: normal;
color: #c00;
}
.katalog_ungerade {
background: #fec;
}
.katalog_gerade {
background: #fff;
}
.achtung {
border: 1px solid #c00;
margin-top: 10px;
padding: 10px;
width: 600px;
color: #c00;
font-weight: normal;
font-size: 12px;
}
html>body .achtung{
width: 580px;
}
.achtung h1 {
color: #c00;
font-size: 14px;
margin: 0;
padding: 0;
}
.achtung b {
color: #000;
}
.achtung a, .achtung a:link, .achtung a:visited, .achtung a:hover {
color: #000;
}
/*Katalog Styles Ende*/
/* Start Kundenkonto*/
.gratiskonto {
width: 400px;
margin-top: 10px;
}
.gratiskonto td {
background: #eee;
padding: 3px;
vertical-align: top;
}
.gratiskonto b{
color: #000;
padding: 10px;
display: block;
}
.gratiskonto b.rot{
color: #c00;
padding-left: 10px;
display: block;
}
.kundenkontomeldung{
border: 1px solid #c00;
margin: 10px 0 10px 0;
padding: 5px;
color: #c00;
font-size: 12px;
}
/* Ende Kundenkonto*/
/*Suche Styles Start*/
.suche {
background: #eee;
width: 450px;
}
.suchebg {
background: #eee;
padding: 10px;
margin: 10px 0 10px 0;
width: 460px;
}
.suchetopangebot div{
float: left;
width: 600px;
}
.suchetopangebot h2 {
margin-top: 20px;
padding-left: 10px;
color: #fff;
background: #c00;
width: 600px;
}
html>body .suchetopangebot h2 {
margin-top: 20px;
padding-left: 10px;
color: #fff;
background: #c00;
width: 590px;
}
.suchetopangebot .wrap {
color: #000;
margin-top: 2px;
margin-bottom: 5px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 5px 0 5px 0;
background: #FFEECC;
}
.suchetopangebot .suchetext b {
color: #000;
display: block;
padding: 5px 0 5px 0;
font-weight: normal;
}
/* reset seltsame schriftangaben */
.suchetext p , .suchetext li {
font-family: Arial,Helvetica,Verdana,Geneva,Swiss,SunSans-Regular,sans-serif;
letter-spacing: normal;
line-height: normal;
font-size: 12px;
}
.suchetext ul {
letter-spacing: normal;
line-height: normal;
font-size: 12px;
}
.suchetext li {
padding: 2px 0;
}
.suchetopangebot div.suchebild {
width: 80px;
text-align:center;
padding-left: 5px;
}
.suchetopangebot div.suchetext {
margin: 0 10px 0 10px;
width: 320px;
color: #000;
}
.suchetopangebot div.suchetext a {
font-weight: bold;
}
.suchetopangebot div.suchetext a.neuerpreis {
font-weight: normal;
background: #fc0;
color: #000;
text-decoration: none;
}
.suchetopangebot div.navi {
width: 150px;
text-align: left;
padding:5px 10px 5px 0;
background: #fc0;
border: none;
vertical-align: top;
}
.suchetopangebot div.navi a {
color: #000;
padding: 0 0 0 5px;
}
div.direktbestellung {
background: #FFC;
border: 1px solid #fc0;
margin-top: 15px;
padding:10px;
text-align: center;
}
div.direktbestellung a{
display: block;
font-weight: bold;
padding-bottom: 5px;
color: #000;
}
/**/
div.suchenomatch {
background: #FFF;
color: #C00;
font-size: 12px;
padding: 10px;
margin: 10px 0 10px 0;
}
.factfindergruppe {
background: #FFEECC;
border: 1px solid #036;
padding: 10px;
margin: 10px 0 10px 0;
width: 600px;
}
html>body .factfindergruppe {
width: 580px;
}
.factfindergruppe div {
float: left;
width: 150px;
margin-top: 5px;
}
.factfindergruppe div.pfad {
margin: 0;
padding:0;
width: 580px;
}
.factfindergruppe ul {
margin: 0;
padding: 0;
}
.factfindergruppe ul li {
background: url(/medien/bilder/pfeile_sw.gif) no-repeat left;
padding-left: 13px;
margin: 0;
display: block;
list-style: none;
float: left;
white-space: nowrap;
}
.auflistung {
background: #eee;
border: 1px solid #ccc;
padding: 10px;
margin: 10px 0 10px 0;
width: 600px;
}
html>body .auflistung {
width: 580px;
}
.auflistung div {
margin-top: 5px;
}
.auflistung ul {
margin: 0;
padding: 2px 0 0 0;
}
.auflistung ul li {
background: url(/medien/bilder/pfeile_sw.gif) no-repeat left;
padding: 0 0 0 13px;
margin: 0 0 0 5px;
display: block;
list-style: none;
float: left;
}
.ungerade tr {
background: #fff;
width: 600px;
padding: 5px;
margin-bottom: 5px;
margin-top: 5px;
}
.gerade tr {
background: #eee;
width: 600px;
padding: 5px;
}
.gerade td {
background: #eee;
}
.gerade a, .gerade a:link, .gerade a:visited, .gerade a:hover, .ungerade a, .ungerade a:link, .ungerade a:visited, .ungerade a:hover {
color: #000;
}
.ungerade table {
padding: 0;
vertical-align:top;
}
.ungerade table.expertentipp, .gerade table.expertentipp {
border-top: 2px solid #c00;
border-bottom: 2px solid #c00;
}
.ungerade td, .gerade td {
vertical-align:top;
}
.ungerade td.suchestern, .gerade td.suchestern {
width: 10px;
text-align: center;
}
.ungerade table.ergebnislinks, table.ergebnislinks {
margin-top: 10px;
border: none;
}
.ungerade td.suchebild, .gerade td.suchebild {
width: 100px;
text-align: center;
}
.ungerade td.suchetext, .gerade td.suchetext {
width: 440px;
}
.ungerade td.suchepreis, .gerade td.suchepreis {
width: 50px;
text-align: center;
}
.gerade table.suche {
border-top: 1px solid #ff0;
border-bottom: 1px solid #ff0;
background: #00f;
width: 600px;
padding: 5px;
}
.warenkorbueberschrift {
background: #036;
width: 600px;
color: #036;
padding-left: 5px;
}
.warenkorbueberschrift h2, .warenkorbueberschrift1 h2, .loginueberschrift h2 {
color: #fff;
}
a.speichern, a.speichern:link, a.speichern:visited, a.speichern:hover {
margin: 0 0 0 280px;
font-size: 11px;
color: #fff;
font-weight: normal;
}
.warenkorb3 {
font: 11px verdana, Arial, helvetica, sans-serif;
width: 600px;
margin-top: 10px;
border: 1px solid #036;
}
.warenkorb td, .warenkorb1 td {
vertical-align: top;
padding: 0px;
border: 1px solid #036;
margin: 0;
}
.warenkorb thead th, .warenkorb1 thead th {
font-weight: bold;
background: #eee;
text-align: left;
border: 1px solid #000;
}
.warenkorb th, .warenkorb1 th {
padding: 5px 0 5px 2px;
}
.warenkorb div.wunschtext legend, .warenkorb1 div.wunschtext legend{
text-align:left;
color: #000;}
/* Start Styles Gratisartikel*/
#gratisartikel {
margin: 0 10px 10px 0;
width: 588px;
}
#gratisartikel h1 {
color: #c00;
font-size: 13px;
padding-left: 10px;
}
#gratisartikel h2 {
background: #fff;
margin: 0;
padding: 5px 0 5px 10px;
color: #000;
font-size: 11px;
}
#gratisartikel div.geschenk {
padding: 10px;
margin: 5px;
background: #ddd;
float: left;
height: 140px;
}
html>body #gratisartikel div.geschenk {
width: 110px;
}
#gratisartikel div.geschenkbild {
height: 70px;
}
#gratisartikel div.geschenktext {
text-align: left;
font-size: 10px;
}
/* Ende Styles Gratisartikel*/
/*Suche Styles Ende*/
b.rot {
color: #c00;
}
.logout{
background: #c00;
padding: 5px;
text-align: center;
font-size:14px;
}
.logout a, .logout a:link, .logout a:visited, .logout a:hover {
color: #fff;
font-weight: bold;
}
.impressum {
float:left;
width:295px;
}
.impressum a, .impressum a:link{
text-decoration:none;
color:#000;
}
.formular {
width: 600px;
padding: 0;
margin: 0;
background: #ccc;
font-size: 10px;
}
.formular td {
width: 600px;
padding: 5px;
background: #fff;
}
.formular sup {
padding-right: 10px;
}
.formular sup a{
font-size: 15px;
}
.postkarte {
width: 600px;
padding: 0;
margin: 0;
background: url(/global/medien/bilder/postkarte/postkarte_rueckseite.gif) no-repeat;
height: 380px;
}
.postkarte .rechts{
padding: 0;
width: 200px;
float: right;
}
.postkarte .briefmarke{
padding: 30px 0 0px 155px;
width: 100px;
}
html>body .postkarte .briefmarke {
padding: 30px 0 0px 60px;
width: 100px;
}
.postkarte .text{
float: left;
width: 250px;
margin-left: 10px;
margin-right: 50px;
margin-top: 20px;
font-size: 12px;
height: 150px;
}
.postkarte .adresse{
float: left;
margin-top: 20px;
width: 260px;
}
/*spezielle Styles */
.artikelnummer {
margin: 5px 0 5px 0;
font-weight: normal;
}
/* 3. Tabellenlayout bei Produktuebersicht*/
.produktvorschau {
margin-top: 10px;
font-family: Verdana, Arial, Helvetica, Sans-Serif, sans;
margin-bottom: 10px;
width: 600px;
}
.produktvorschau td {
padding: 3px;
vertical-align: top;
}
.produktvorschau a,
.produktvorschau a:visited,
.produktvorschau a:hover,
.produktvorschau a:active {
color: #000;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, Sans-Serif, sans;
}
/* make all text in produktvorschau look alike */
.center .produktvorschau h2,
.center .produktvorschau h3,
.center .produktvorschau dl dt,
.center .produktvorschau dl dd,
.center .produktvorschau li,
.center .produktvorschau p {
font-weight: normal;
font-size: 12px;
letter-spacing: normal;
line-height: normal;
color: #000;
font-family: Verdana, Arial, Helvetica, Sans-Serif, sans;
}
.center .produktvorschau ul li {
padding: 2px 0;
}
.produktvorschau div {
margin: 15px 2px 0 0;
background: transparent;
}
.produktvorschau div.link {
float: left;
margin-right: 5px;
border: 1px solid #c00;
padding: 2px;
background: #fff;
width: 156px;
text-align: center;
margin-top: 5px;
font-weight: bold;
}
* .produktvorschau div.link {
width: 152px;
}
/* LINK FUER 'ALLE PREISE INKL. MWST....' IN RECHTER SPALTE */
a.mini:link, a.mini:visited, a.mini:hover, a.mini:active,
a.mini3:link, a.mini3:visited, a.mini3:hover, a.mini3:active,
a.mini4:link, a.mini4:visited, a.mini4:hover, a.mini4:active,
a.mini5:link, a.mini5:visited, a.mini5:hover, a.mini5:active
a.mini6:link, a.mini6:visited, a.mini6:hover, a.mini6:active
{
font-size: 9px;
color: #666;
text-decoration: underline;
padding: 0;
margin: 0;
border: 0px solid #c00;
}
html>body a.mini3:link, a.mini3:visited, a.mini3:hover, a.mini3:active
{
font-weight: normal;
}
a.mini4:link, a.mini4:visited, a.mini4:hover, a.mini4:active
{
padding-left: 90px;
font-weight: normal;
}
html>body a.mini4:link, a.mini4:visited, a.mini4:hover, a.mini4:active
{
font-weight: normal;
padding-left: 95px;
}
a.mini5:link, a.mini5:visited, a.mini5:hover, a.mini5:active
{
padding: 0px;
margin: 5px 10px 0 10px;
display: block;
text-align: center;
}
html>body a.mini5:link, a.mini5:visited, a.mini5:hover, a.mini5:active
{
font-weight: normal;
}
a.mini6:link, a.mini6:visited, a.mini6:hover, a.mini6:active
{
font-size: 9px;
}
/* MWST Satz wg. Preisangabevorordnung */
.mwstbox {
font-size: 9px;
text-align:center;
margin: 0;
letter-spacing: 0px;
}
.mwstbox a,.mwstbox a:link, .mwstbox a:visited,.mwstbox a:hover,.mwstbox a:active {
font-weight: normal;
}
/*Styledefinition fuer die Dankeseite der Katalogbestellung*/
.katalog_angebot h2 {
color: #c00;
}
.katalog_angebot .startpreis {
font-weight: normal;
display: block;
padding: 3px 0 3px 0;
}
.katalog_angebot .neuerpreis {
background: #fc0;
font-weight: bold;
}
.katalog_angebot .alterpreis {
font-weight: normal;
background: none;
}
.katalog_angebot .einangebot {
background: #FFFFCC;
padding: 5px;
margin-bottom: 5px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.katalog_angebot .beschreibung {
padding: 0px 5px 0 5px;
}
.katalog_angebot .beschreibung a {
color: #000;
font-weight: bold;
}
.katalog_angebot .beschreibung .text {
padding-top: 5px;
padding-bottom: 0;
font-weight: normal;
}
.katalog_angebot .navigation {
width: 120px;
}
.katalog_angebot .navigation table {
/*background: #FFCC00;*/
vertical-align: top;
}
#logo div h2 {
}
#logo div h2 .icon {
width:18px;
height:18px;
float:right;
margin-top:25px;
margin-right:10px;
}
#logo div h2 a.text {
float:none;
color:#006;
font-size:14px;
display:inline;
height:auto ;
border:none;
margin:0;
padding:0;
width:auto;
}
/* layer mit den top-warengruppen*/
.wrapper{
position:relative;
}
.wrapper div#toppwarengruppen{
background:#eee;
position:absolute;
top: 51px;
right: 0px;
z-index:99;
visibility:hidden;
display: block;
width:500px;
font-size:12px;
border:3px solid #006;
padding:1em;
}
.wrapper div#toppwarengruppen h4 {
padding:0 20px;
}
.wrapper div#toppwarengruppen p {
padding:0 10px;
}
.box1 {
z-index:5;
}
.bigpicwrap .bigpic1 .closelayer,
.closelayer {
background: #036;
float:right;
width: 19px;
height: 18px;
margin:0 0 0 0px;
margin:0 0 0 15px;
vertical-align:top;
}
.bigpicwrap .bigpic1 .closelayer img{
padding:0;
}
/* markenshops */
#markenshopscontent {
padding :0 0 0 15px;
}
/* neu: jetzt in table*/
#markenshopscontent table {
width: 550px;
}
#markenshopscontent #alle td {
width: 33%;
}
#markenshopscontent #alle td div {
width: 100%;
}
#markenshopscontent ul {
margin :8px 8px 8px 0px;
padding :0 0 0 0;
list-style-type :none;
}
#markenshopscontent td div,
#markenshopscontent ul li {
margin : 10px 5px 3px 0px;
padding : 5px 5px 5px 15px;
background-color :#f9f9f9;
border-style :solid;
border-color :#C9C9C9;
border-width :1px;
}
#markenshopscontent td div a,
#markenshopscontent ul li a{
color :#093F6E;
font-family :sans-serif;
font-size :12px;
font-weight :bold;
text-decoration :none;
}
#markenshopscontent .logo {
float: right;
width: 100px;
margin-right:5px;
text-align: right;
}
#markenshopscontent table {
margin : 15px 15px 15px 0;
clear: both;
}
#markenshopscontent table th{
margin : 15px 15px 15px 0;
background-color :#f9f9f9;
border-style :solid;
border-color :#C9C9C9;
border-width :1px;
}
#markenshopscontent table td{
margin : 15px;
padding : 3px 15px 3px 15px;
vertical-align: top;
}
#markenshopscontent h3{
background-color :#999;
margin : 0 ;
color : #000;
border-style :solid;
border-color :#C9C9C9;
border-width :1px;
}
#markenshopscontent td a.produktlink{
font-weight: bold;
}
/* Rechts Flash-Elemente Katalog + Gratisartikel */
.sidebar {
color: #006;
margin: 0;
padding: 0;
font-size: 11px;
font-family: Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif;;
background-color: #e5e5ff; width: 180px; border: solid 1px;
}
.sidebar h3 {
color: #006;
font-weight: bold;
font-size: 13px;
background-image: url(/global/medien/bilder/rahmen/img.navi.right/vorteil.h3.bg.jpg);
background-repeat: repeat-x;
background-position: 0 0;
margin: 0;
padding: 0 0 0 5px;
height: 23px;
}
.sidebar h3 a, .sidebar h3 a:link, .sidebar h3 a:visited {
color: #006;
background: url(/global/medien/bilder/rahmen/img.navi.right/vorteil.h3.bg.jpg) no-repeat right top;
font-family: Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif;
text-decoration: none;
display: block;
}
.sidebar h3 a, .sidebar h3 a:active {
color: #006;
background: url(/global/medien/bilder/rahmen/img.navi.right/vorteil.h3.bg.jpg) no-repeat right top;
font-family: Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif;
text-decoration: none;
display: block;
}
.sidebar h3 a:hover {
color: red;
background: url(/global/medien/bilder/rahmen/img.navi.right/vorteil.h3.bg.jpg) no-repeat right top;
}
.sidebar ul {
font-size: 11px;
margin: 3px;
padding: 0;
line-height: normal;
font-family: Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif;
}
.sidebar li {
background: url(/global/medien/bilder/rahmen/img.navi.right/listenpunkt.jpg) no-repeat;
list-style-type: none;
padding: 3px 5px 5px 25px;
letter-spacing: normal;
margin: 0;
line-height: normal;
font-family: Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif;
text-align: left;
}
.pfeilliste li {
background: url(/global/medien/bilder/rahmen/img.navi.right/listenpunkt_pfeil.gif) no-repeat;
background-position: 0 0;
list-style-type: none;
padding: 3px 5px 5px 25px;
}
.sidebar li a {
color: #006;
font-weight: normal;
text-decoration: none;
display: block;
letter-spacing: normal;
margin: 0;
font-family: Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif;
}
.sidebar li a:visited {
text-decoration: none;
display: block;
}
.sidebar li a:hover {
text-decoration: underline;
}
.sidebar li.activeItem {
background-color: #dcdcdc;
}
.sideclearer {
font-size: 10px;
}
.leftsidebar {
color: #006;
margin: 0;
padding: 0;
font-size: 11px;
font-family: Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif;;
background-color: #e5e5ff;
width: 180px;
border: solid 1px;
}
* html .leftsidebar {
width: 182px;
}
.leftsidebar p, .leftsidebar p b { color: #006;
font-size: 11px;
font-family: Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif;
line-height: 12px;
margin: 3px;
padding: 3px;
}
.leftsidebar p a {
color: #006;
font-family: Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif;
text-decoration: none;
}
.leftsidebar p a:hover {
color: red;
font-family: Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif;
text-decoration: underline;
}
.leftsidebar p a:visited {
color: #006;
font-family: Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif;
text-decoration: none;
}
.leftsidebar .big { color: #006;
font-size: 13px;
font-family: Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif;
font-weight: bold;
line-height: 16px;
margin: 0;
padding: 0;
}
.leftsidebar .small { color: #006;
font-size: 9px;
font-family: Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif;
line-height: 12px;
margin: 0;
padding: 0;
}
.leftsidebar .submit {
font : bold 10px/10px verdana, arial, geneva, arial, helvetica, sans-serif;
color: #fff;
background: #006;
height: 18px;
padding: 0 4px;
border: solid 1px #006;
}
.leftsidebar .image {
float: left;
padding: 2px;
}
.leftsidebar h3 {
color: #006;
font-weight: bold;
font-size: 13px;
font-family: Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif;
background-image: url(/global/medien/bilder/rahmen/img.navi.right/vorteil.h3.bg.jpg);
background-repeat: repeat-x;
background-position: 0 0;
margin: 0;
padding: 0 0 0 5px;
height: 20px;
text-align: left;
}
.leftsidebar h3 a, .leftsidebar h3 a:link, .leftsidebar h3 a:visited {
color: #006;
background: url(/global/medien/bilder/rahmen/img.navi.right/vorteil.h3.bg.jpg) no-repeat right top;
font-family: Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif;
text-decoration: none;
display: block;
}
.leftsidebar h3 a, .leftsidebar h3 a:active {
color: #006;
background: url(/global/medien/bilder/rahmen/img.navi.right/vorteil.h3.bg.jpg) no-repeat right top;
font-family: Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif;
text-decoration: none;
display: block;
}
.leftsidebar h3 a:hover {
color: red;
background: url(/global/medien/bilder/rahmen/img.navi.right/vorteil.h3.bg.jpg) no-repeat right top;
}
.leftsidebar ul {
font-size: 11px;
margin: 3px;
padding: 0;
line-height: normal;
font-family: Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif;
}
.leftsidebar li {
background: url(/global/medien/bilder/rahmen/img.navi.right/listenpunkt.jpg) no-repeat;
list-style-type: none;
padding: 3px 5px 5px 25px;
letter-spacing: normal;
margin: 0;
line-height: normal;
font-family: Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif;
text-align: left;
}
.leftsidebar li a {
color: #006;
font-weight: normal;
text-decoration: none;
display: block;
letter-spacing: normal;
margin: 0;
font-family: Arial, Helvetica, Verdana, Geneva, Swiss, SunSans-Regular, sans-serif;
}
.leftsidebar li a:visited {
text-decoration: none;
display: block;
}
.leftsidebar li a:hover {
text-decoration: underline;
}
.leftsidebar li.activeItem {
background-color: #dcdcdc;
}
.sideclearer {
font-size: 10px;
}
.leftsidebar img, .leftsidebar object { margin: 0; padding: 0; }
/* Popup Produktseite Styles */
/* Wischbl�tter Styles */
h2.wischblatt {
font-size: 1.5em;
}
strong.adac {
background: #F4D725;
color: #000;
font-size: 1.3em;
font-weight: bold;
}
strong.bosch {
color: #DF0024;
font-size: 1.3em;
font-weight: bold;
}
.wischblattcontent {
margin-top: 10px;
padding: 10px;
border: 1px solid #999;
width: 570px;
background-image: url(aktionswischer.gif);
background-repeat: no-repeat;
background-position: 10px 10px;
background-color: #FBFAF5;
}
.wischblattcontent .inhalt {
margin-left: 180px;
min-height: 180px;
}
.wischblattcontent strong {
font-size: 1.1em;
color: #575548;
}
.wischblattcontent form.wischblattauswahl {
margin-top: 20px;
}
.wischblattcontent form.wischblattauswahl .input {
padding: 10px;
height: 72px;
background-image: url(aktionswischer_bg_form.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
width: 380px;
}
.wischblattcontent form.wischblattauswahl span,
.wischblattcontent form.wischblattauswahl #typ_marker span {
width: 80px;
display: block;
float: left;
font-size: 1.1em;
font-weight: bold;
color: #575548;
}
.wischblattcontent form.wischblattauswahl #typ_marker {
margin-top: 10px;
}
.wischblattcontent form.wischblattauswahl select {
border: 1px solid #BFBBAA;
}
.wischblattcontent table {
background: #E2E0D7;
width: 380px;
margin-top: 10px;
}
.wischblattcontent table td,
.wischblattcontent table th
{
background: #FBFAF5;
padding: 5px 5px;
vertical-align: top;
text-align: left;
color: #575548;
}
.wischblattcontent table td.preis,
.wischblattcontent table td.artikel
{
padding-top: 15px;
}
.wischblattcontent table td.preis
{
width: 80px;
}
.wischblattcontent table td
{
padding: 10px 5px;
}
.beutelcontent {
margin-top: 10px;
padding: 10px;
border: 1px solid #999;
width: 570px;
background-image: url(staubsaugerbeutel.jpg);
background-repeat: no-repeat;
background-position: 10px 10px;
background-color: #FBFAF5;
min-height: 230px;
}
.beutelcontent .inhalt {
margin-left: 180px;
min-height: 180px;
}
.beutelcontent strong {
font-size: 1.1em;
color: #575548;
}
.beutelcontent form.beutelauswahl {
margin-top: 20px;
}
.beutelcontent form.beutelauswahl .input {
padding: 10px;
height: 72px;
background-image: url(aktionswischer_bg_form.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
width: 380px;
}
.beutelcontent form.beutelauswahl span,
.beutelcontent form.beutelauswahl #typ_marker span {
width: 80px;
display: block;
float: left;
font-size: 1.1em;
font-weight: bold;
color: #575548;
}
.beutelcontent form.beutelauswahl #typ_marker {
margin-top: 10px;
}
.beutelcontent form.beutelauswahl select {
border: 1px solid #BFBBAA;
}
.beutelcontent table {
background: #E2E0D7;
width: 380px;
margin-top: 10px;
}
.beutelcontent table td,
.beutelcontent table th
{
background: #FBFAF5;
padding: 5px 5px;
vertical-align: top;
text-align: left;
color: #575548;
}
.beutelcontent table td.preis,
.beutelcontent table td.artikel
{
padding-top: 15px;
}
.beutelcontent table td.preis
{
width: 80px;
}
.beutelcontent table td
{
padding: 10px 5px;
}
/**/
/* START: Bauteile */
.produktuebersichttop {
margin-top: 10px;
background-image: url(bauteile_produktuebersicht_top.gif);
background-repeat: no-repeat;
background-position: top left;
padding-top: 10px;
}
.produktuebersichtbottom {
background-image: url(bauteile_produktuebersicht_bottom.gif);
background-repeat: no-repeat;
background-position: bottom left;
padding: 0 20px 5px 10px;
}
.bauteileimage {
width: 260px;
float: left;
background-image: url(bauteile_image_top.gif);
background-repeat: no-repeat;
background-position: top left;
padding-top: 10px;
margin-right: 10px;
margin-bottom: 5px;
}
.bauteileimage .imagerahmen {
background-image: url(bauteile_image_bottom.gif);
background-repeat: no-repeat;
background-position: bottom left;
padding: 0;
margin: 0;
width: 260px;
text-align: center;
}
.bauteileimage .imagerahmen img {
padding-bottom: 5px;
}
.bauteiletext {
font-size: 1.1em;
float: left;
width: 300px;
margin-top: 5px;
margin-bottom: 5px;
}
/**/
.bauteilerahmen h4 {
background-image: url(bauteile_tabellenrahmen.gif);
background-repeat: no-repeat;
background-position: top left;
margin: 20px 0 0 0;
padding: 5px 5px 5px 10px;
font-size: 1.1em;
}
.bauteilerahmen {
background-image: url(bauteile_tabellenrahmen_bottom.gif);
background-repeat: no-repeat;
background-position: bottom left;
padding-bottom: 6px;
}
.bauteiletext h4 {
font-size: 1.0em;
}
table.bauteile {
width: 599px;
background: #ccc;
padding: 0 2px;
}
table.bauteile th,
table.bauteile td {
background: #fff;
}
table.bauteile th {
padding: 5px 3px;
}
table.bauteile th.artnr {
white-space: nowrap;
}
table.bauteile td {
padding: 3px 3px;
}
table.bauteile td img {
vertical-align: middle;
margin-left: 5px;
}
table.bauteile th.th-first {
background-image: url(bauteile_tabelle_linksoben.gif);
background-repeat: no-repeat;
background-position: top left;
}
table.bauteile th {
background: #efefef;
}
table.bauteile th.th-last {
background-image: url(bauteile_tabelle_rechtsoben.gif);
background-repeat: no-repeat;
background-position: top right;
}
table.bauteile tr.dunkel td, table.bauteile tr.gerade td {
background: #ddd;
}
table.bauteile tr.hell td.td-first,
table.bauteile tr.dunkel td.td-first {
background-image: url(bauteile_tabelle_linksunten.gif);
background-repeat: no-repeat;
background-position: bottom left;
}
table.bauteile tr.hell td.td-last,
table.bauteile tr.dunkel td.td-last {
background-image: url(bauteile_tabelle_rechtsunten.gif);
background-repeat: no-repeat;
background-position: bottom right;
}
table.bauteile input.bauteileanzahl {
width: 30px;
border: 1px solid #000;
margin-left: 5px;
}
div.tabellenfooter {
padding-left: 10px;
padding-top: 5px;
}
div.tabellenfooter .mengenrabatt img {
vertical-align: middle;
}
div.tabellenfooter .versandkostenhinweis {
color: #999;
padding-left: 50px;
font-size: 1.1em;
}
.bauteilebestellen {
text-align: right;
width: 600px;
margin-top: 10px;
}
.bauteilebestellen input {
border: none;
}
/* END: Bauteile */
.popuplink {
padding-bottom: 10px;
}
.popuplink a, .popuplink a:link, .popuplink a:visited, .popuplink a:active, .popuplink a:hover {
text-decoration: underline;
}
/* Warenkorb Popup-Layer */
table.wpopup {
border: 1px solid #f00;
background: #ff0;
}
/* Umfrage */
/* pbsurvey classes */
.tx-pbsurvey-pi1 p.bodytext {
font-size: 1.0em;
font-weight: bold;
}
.tx-pbsurvey-pi1 div {
margin-bottom:10px;
}
.tx-pbsurvey-pi1 .pagenumbering {
height: 15px;
position: relative;
}
.tx-pbsurvey-pi1 .barcontainer {
background-color:#FFFFFF;
border:1px solid #2D5EC7;
height:15px;
position:absolute;
right:10px;
width:100px;
z-index:6;
color: #fff;
font-size: 0.9em;
}
.tx-pbsurvey-pi1 .bar {
height: 15px;
background-color: #568CD6;
left:0px;
position:absolute;
z-index:4;
}
.tx-pbsurvey-pi1 .bartext {
left:0px;
height: 15px;
position:absolute;
text-align:center;
width:100px;
z-index:5;
color:#000;
}
.tx-pbsurvey-pi1 .pageHeader {
color:#003399;
font-size:150%;
font-weight:bold;
}
.tx-pbsurvey-pi1 .pageIntroduction {
}
.tx-pbsurvey-pi1 .survey_item {
margin-bottom:20px;
margin-top:20px;
}
.tx-pbsurvey-pi1 .itemform {
}
.tx-pbsurvey-pi1 .question {
font-weight:bold;
}
/**
* @bugfix displaced leged subtitle (question comment)
* @affected IE needs special margin
* @css-for IE
* @valid yes
*/
* html .tx-pbsurvey-pi1 .questionComment {
margin-top: 30px;
}
* html .tx-pbsurvey-pi1 .questionSubtext {
margin-top: 30px;
}
.tx-pbsurvey-pi1 .questionNumber {
padding-right: 5px;
}
.tx-pbsurvey-pi1 .questionSubtext {
font-weight:bold;
padding: 0 0.5em 0.5em 0.7em;
padding-top:12px;
}
.tx-pbsurvey-pi1 .required {
color: #f90;
vertical-align:super;
}
.tx-pbsurvey-pi1 .survey_error {
color:#FF0000;
}
.tx-pbsurvey-pi1 .additional_ver {
margin-left:20px;
}
.tx-pbsurvey-pi1 .matrix {
width:100%;
}
.tx-pbsurvey-pi1 .matrix .surveyrow_even {
background-color:#CCCCFF;
}
.tx-pbsurvey-pi1 .matrix .columnFirst {
font-weight:bold;
text-align:left;
}
.tx-pbsurvey-pi1 .matrix .columnNext {
text-align:center;
}
.tx-srfreecap-pi2-image {
margin-left:1em;
}
.tx-srfreecap-pi2-cant-read {
color:#35006D;
font-size:0.9em;
}
.tx-srfreecap-pi2-cant-read a:link {
background-color:transparent;
font-weight:bold;
text-decoration:none;
}
.tx-pbsurvey-pi1 {
font-size: 1.1em;
}
.tx-pbsurvey-pi1 form {
padding: 1em;
background: #fff;
height: expression('1%');
}
.tx-pbsurvey-pi1 fieldset {
position: expression('relative');
padding: .5em;
margin: 1em 0;
background: #fff url(bg_pbsurvey.gif) bottom repeat-x;
border: 2px solid #2D5EC7;
}
.tx-pbsurvey-pi1 fieldset fieldset {
border: 1px solid #DEDFEF;
background-color:#FFF;
}
.tx-pbsurvey-pi1 legend {
position: expression('absolute');
top: expression('-9px'); /* Fixes IE problem with fieldset + legend boundaries */
padding: 0 0 0 3.5em;
height: 1em;
line-height: 32px;
text-align: center;
background-image: url(bg_pbsurvey_legend.gif);
background-position: 7px 2px;
background-repeat: no-repeat;
color: #2D5EC7;
font-weight: bold;
font-size: 1.1em;
text-transform: uppercase;
padding-right: 10px;
}
.tx-pbsurvey-pi1 label, .tx-pbsurvey-pi1 .label {
text-transform: capitalize;
color: #827EAE;
}
.tx-pbsurvey-pi1 textarea {
padding: 0;
vertical-align: top;
margin: 4px 0 1px 5px;
border: 1px solid #2D5EC7;
}
.tx-pbsurvey-pi1 input {
background: url(bg_pbsurvey_field.gif) bottom repeat-x;
border: 2px solid #2D5EC7;
/*height: 2em; */
margin: 0 .5em 0 1.4em;
color: #006;
}
.tx-pbsurvey-pi1 .checkbox input {
height: 1em;
margin: 0 .5em 0 1em;
}
.tx-pbsurvey-pi1 .radio input {
background: none;
border: none;
height: 1em;
margin: 0 1em 0 0;
}
.tx-pbsurvey-pi1 select {
background: #F5F5FA;
border: 2px solid #827EAE;
height: 2em;
margin: 0 1em 0 0;
}
.umfragebacklink {
text-align: right;
padding: 0;
margin: 0;
}
.umfragebacklink a {
background: #74B2E1;
border: 1px solid #385AC5;
color: #000D57;
padding: 3px 10px;
text-decoration: none;
}
/**
* Div bei den Social Bookmarks rechts
* @since 2008 02 25
* @author is
**/
.socialbookmarks {
padding: 0.5em 0em;
text-align: center;
}
.socialbookmarks .bookmarkicons {
padding-top: 0.5em ;
}
.lesezeichenservice {
position: relative;
}
.lesezeichenservice a.lesezeichnen {
position: absolute;
top: 1px;
right: 2px;
}
/**
* Image bei den Social Bookmarks rechts
* @since 2008 02 25
* @author is
**/
.socialbookmarks a{
padding: 2px 2px 2px 2px;
}
/* __________________the end_____________________ */
.error404 {
background-image:url(img_bg_404.gif);
background-position:0pt;
background-repeat:no-repeat;
color:#FFFFFF;
font-size:1.2em;
padding:10px 20px 20px;
}
.error404 h4 {
font-size:1.8em;
margin-top: 20px;
}
.error404 .error404meldung {
font-size:1.1em;
font-weight:bold;
margin-bottom:30px;
margin-left:130px;
margin-top:10px;
}
.error404 .error404suche {
background-image:url(img_bg_404_suchmaske.gif);
background-position:0pt;
background-repeat:no-repeat;
padding-top: 10px;
}
.error404 .error404suche {
padding-bottom:20px;
padding-left:35px;
}
.error404 .error404suche td {
color:#FFFFFF;
font-size:1.1em;
font-weight:bold;
padding-right:10px;
}
.error404 .error404suche p {
color:#FFFFFF;
font-size:1em;
font-weight:bold;
letter-spacing:0px;
padding:13px 0pt 13px 2px;
}
.error404input {
border:1px solid #9E0000;
}
.error404button {
border:medium none;
margin-left:10px;
vertical-align:middle;
}
/* Layer Frage zum Produkt / Weiterempfehlen */
.produktvorschau div.thumblink {
float: left;
margin-right: 5px;
border: 1px solid #c00;
padding: 2px;
background: #fff;
width: 150px;
text-align: center;
margin-top: 5px;
font-weight: bold;
}
div.thumblink {
padding:5px;
text-align: center;
}
.bigpic2 {
color:#000;
layer-background-color:#000;
position:absolute;
top:-320px;
left: -260px;
z-index:99;
visibility:hidden;
background: #036;
padding: 2px;
width: 490px;
display: block;
}
* html .bigpic2 {
position:absolute;
top:-320px;
left:-570px;
display: block;
}
.bigpicwrap .bigpic2 .closelayer {
float:right;
width: 87px;
height: 25px;
margin: 0 0 0 0px;
padding: 0 5px 0 5px;
vertical-align:top;
}
.bigpicwrap .bigpic2 .closelayer img{
padding:0;
}
.bigpic2 .closelayer .xhwgbg {
background: #036;
}
.bigpicwrap .bigpic2 .bd {
margin-top: 25px;
}
/* Layer Link zu dieser Seite */
#boxmenu div.thumbmenu {
background: #fff;
text-align: left;
}
div.thumbmenu {
text-align: center;
}
.bigpic3 {
color:#000;
layer-background-color:#000;
position:absolute;
top: -45px;
left: 180px;
z-index:99;
visibility:hidden;
background: #69c;
padding: 2px;
width: 300px;
display: block;
color: #fff;
}
.bigpic3 h2 {
color: #fff;
}
.bigpicwrap .bigpic3 .bd {
margin-top: 25px;
margin-left: 10px;
margin-bottom: 10px;
}
.bigpicwrap .bigpic3 .closelayer,
.bigpicwrap .bigpic3 .closelayer .xhwgbg {
background: #69c;
margin: 0;
padding: 0;
width: 87px;
}
div.slider {
width:100%;
margin:0;
padding:0;
text-align:center;
background-color: #E5E5FF;
position: absolute;
/*display:none;*/
}
div.slider a {
text-decoration:none;
color:#000066;
}
div.slider div.image {
height: 80px;
width:180px;
}
/**
* @section Warengruppenteaser - auch fuer Marken
* @todo in extrastyle legen
*
* braucht die bilder : bg_wg_teaser1.gif bg_wg_teaser2.gif
*/
/**
@section Warengruppenteaser Warengruppen�bersichtsseite
**/
.produktgruppenliste {
width: 590px;
margin: 10px 0 0 10px;
background: #fff url(bg_wg_teaser2.gif) bottom repeat-x;
border: 1px solid #d1d1d1;
clear: right;
}
.produktgruppenliste h2 {
background: #ccc url(bg_wg_teaser1.gif) repeat-x;
padding: 3px;
margin-top: 0px;
color: #000;
font-size: 12px;
}
.produktgruppenliste h2 a {
text-decoration: none;
}
/*
teaser bild ,text fuer warengruppe
*/
.teaserimage {
float: left;
width: 105px;
padding: 15px 0;
text-align: center;
}
.teaserimage img{
border: 1px solid #ccc;
}
.teaserimage .price {
color: #c00;
font-size: 1.4em;
display: block;
margin-top: 5px;
}
.teasertext {
float: left;
width: 480px;
padding: 5px 0;
}
/*
markeninhalt mit logos
*/
.seitenueberschrift h1 a:link,
.seitenueberschrift h1 a:visited,
.seitenueberschrift h1 a:hover,
.seitenueberschrift h1 a:active,
.seitenueberschrift h1 a {
color: #fff;
text-decoration: none;
}
.markeninhalt {
min-height: 110px;
font-size: 12px;
padding: 5px 0 0 0;
text-align:left;
}
.markeninhalt .firmentext {
width:84%;
float:left;
}
.markeninhalt img {
}
/*Link zum kOnfigurator*/
.produkt-konfigurator a, .produkt-konfigurator a:link, .produkt-konfigurator a:visited, .produkt-konfigurator a:active, .produkt-konfigurator a:hover {
text-decoration: underline;
}
/* für AHK und E-Satz-Seite */
table.ahk-techdata {
border-collapse: collapse;
margin-top: 20px;
margin-bottom: 10px;
border: 1px solid #363636;
width: 100%;
}
table.ahk-techdata th {
background: #363636;
text-align: left;
color: #fff;
padding: 5px;
border: 1px solid #363636;
}
table.ahk-techdata td {
border: 1px solid #363636;
padding: 4px;
color: #313131;
}
table.ahk-techdata td.tabletitle {
font-weight: bold;
text-align: right;
white-space: nowrap;
}
table.ahk-techdata td.fixzelle {
width: 230px;
}
a.ahklink,
a.ahklink:hover {
color: #033aff;
text-decoration: underline;
}
#kupplungpromo {
color: #282828;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 15px;
width: 600px;
margin: 0;
padding: 0;
border: solid 1px #7e93b3;
}
#kupplungpromo a {
color: #282828;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 15px;
text-decoration: underline;
margin: 0;
}
#kupplungpromo a:hover {
color: #282828;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 15px;
text-decoration: none;
margin: 0;
}
#kupplungpromo a:visited {
color: #282828;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 15px;
text-decoration: underline;
margin: 0;
}
#kupplungpromo .standard {
color: #3c3c3c;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 15px;
margin: 0;
padding: 5px;
}
#kupplungpromo .subhead {
color: #3c3c3c;
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 15px;
margin: 0; padding:
5px;
}
#kupplungpromo .content {
color: #363636;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 15px;
background-color: #e5eaf1;
margin: 0;
padding-top: 0;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px !important;
}
#kupplungpromo .small {
color: #3c3c3c;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
line-height: 12px;
margin: 0;
padding: 5px
}
#kupplungpromo h1 {
color: #363636;
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 15px;
margin: 0;
padding: 3px 2px 3px 0;
}
#kupplungpromo h2 {
color: #3c3c3c;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 15px;
height: 30px;
margin: 0;
padding: 4px 3px;
border-bottom: 1px dashed #7e93b3;
}
#kupplungpromo .ahkformular {
color: #000;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 15px;
padding: 2px 2px 2px 4px;
margin: 1px 0 10px;
background:#fff;
width: 95%;
border-top: 1px solid #7e93b3;
border-bottom: 1px solid #7e93b3;
padding: 5px 10px !important;
}
#kupplungpromo .img {
background-color: #fff;
margin: 0 0 3px 8px;
padding: 8px;
border: solid 1px #7e93b3;
}
#kupplungpromo .clearer {
font-size: 3px;
line-height: 3;
}
#kupplungpromo .border {
border: solid 1px #7e93b3;
}
#kupplungpromo .price {
color: #363636;
font-size: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 15px;
background-color: #fff;
margin: 0;
padding: 5px;
border-top: 1px solid #f00;
border-bottom: 1px solid #f00;
}
img.tdwith {
display: block;
}
/* neu - grundpreis - auszeichnung */
.ueber_grundpreis {
font-weight: normal;
font-style: italic;
font-size: 0.7em;
text-align:left;
padding-left:1px;
}
.akt_grundpreis {
font-weight:normal;
font-style:italic;
font-size:1em;
text-align:center;
color:#66656a;
}
.grundpreis {
font-size: 0.75em;
font-style: italic;
}
.hwgboxbody .imageset {
height: 140px;
}
.hwgboxbody .imageset .grundpreis {
font-style: italic;
line-heigt: 9px;
}
.suchetext b small ,
.suchetext p.grundpreis {
display: block;
font-style: italic;
font-size: 10px;
line-heigt: 12px;
margin: 3px;
}
/* tombola 2010 AT/ CH*/
.kundenkontoin .formular .feld label {
width: 180px;
float: left;
clear: left;
font-size: 11px;
}
.kundenkontoin .formular .feld input {
width: 170px;
float: left;
margin-right: 30px;
margin-bottom: 10px;
border: 1px solid #666;
}
.extrabox,
.teaserbox {
clear: both;
border: 1px solid #003177;
padding-bottom: 5px;
}
/* box header */
.extrabox h2,
.teaserbox h2 {
margin: 0 0 5px 0;
padding: 0 0 0 5px;
color: #fff;
line-height: 28px;
background-color: #003177;
background-image: url(sprite_horizontal.png);
background-repeat: repeat-x;
background-position: 0px -1735px;
}
/**
* Bugfix float clear in FF
* @see http://www.positioniseverything.net/easyclearing.html
*
* @bugfix
* @affected FF
* @css-for FF
* @valid yes
*/
.extrabox:after,
.teaserbox:after,
.sidebar:after,
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
ol.small li {
font-size: 9px;
padding-bottom: 5px;
}
/* EOF - dev */