Subversion-Projekte lars-tiefland.ci

Revision

Revision 165 | Revision 167 | Zur aktuellen Revision | Details | Vergleich mit vorheriger | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
41 lars 1
* {
2
    margin:0px;
3
    padding:0px;
4
}
5
@media screen and (max-width:1024px){
6
    .mainslider{
7
        width:100%!important;
8
    }
9
    .mainslider .toplayer img {
10
      width:100%;
11
    }
12
}
13
section {
14
    clear:both;
15
    float:left;
16
    width:100%!important;
17
    text-align:center;
18
}
19
section#einstieg {
20
    background:transparent!important;
21
}
22
section#subdir_info_wrapper .subdir_inner {
23
    background-color:#3d3d3d;
24
    float:left;
25
    width:100%;
26
}
27
section#subdir_konfig_wrapper,
28
section#subdir_artikel_wrapper {
29
    padding:1% 0 2% 0;
30
}
31
section#breadcrumb {
32
    padding:0.5% 0 0.5% 0;
33
}
34
section#item * {
35
    z-index:10;
36
}
37
#item .inner {
38
    padding-bottom:2%;
39
}
40
#item .inner .box_2 {
41
    padding:1% 2%;
42
}
43
/* Infobalken */
44
#topinfo {
45
    height:39px;
46
    border-bottom:3px solid #E75B00;
47
}
48
#topinfo .topinfo_div {
49
    float:right;
50
    padding:0% 1%;
51
    height:14px;
52
    height: 100%;
53
    border-right:2px solid #fff;
54
    margin:0.8% 0 0 0;
55
}
56
#topinfo .topinfo_basket {
57
    padding-right:0px;
58
    float:right;
59
}
60
.topinfo_icon {
61
    padding-right:3px;
62
}
63
 
64
#topinfo .login:hover .infocenter_submenu {
65
    display:block;
66
}
67
 
68
body {
69
    text-align:left;
70
    width:100%;
71
    /* -- stretch background -- */
72
    background: url("/images/webelemente/bg.jpg");
73
    background-position:50%;
74
    background-attachment: fixed;
75
    background-repeat: no-repeat;
76
    background-size: cover;
77
}
78
 
79
/* Preisagenturen */
80
.table_verticalmiddle {
81
    clear:both;
82
    display:table;
83
    width:100%;
84
}
85
.tablecell_verticalmiddle {
86
    vertical-align:middle!important;
87
    background-color:#fff;
88
    text-align:center;
89
    display:table-cell;
90
}
91
.footer .tablecell_verticalmiddle {
92
    width:97px;
93
    height:53px;
94
}
95
.tablecell_verticalmiddle img {
96
 
97
}
98
/* Preisagenturen ENDE */
99
 
100
/* mainslider auf startseite */
101
.mainslider {
102
    width:1027px;
103
    margin:0 auto;
104
    clear:both;
105
    float:none;
106
    height:850px;
107
}
108
.mainslider .toplayer {
109
    position:absolute;
110
    z-index:9999;
111
    width:100%;
112
    max-width:1027px;
113
}
114
 
115
/* überschriften mti linie */
116
.typo3content .mainnav_title,
117
.mainnav_title,
118
.subdir_title {
119
    background-color:#ea5802;
120
    text-align:left;
121
    padding:5px 0;
122
    width:98%;
123
    margin:10px 2% 20px 0%;
124
}
125
.typo3content iframe {
126
    margin-left:10px!important;
127
 
128
}
129
.typo3content div {
130
    float:left;
131
    background-color:#fff;
132
    width:100%;
133
}
134
.typo3content img {
135
    float:left;
136
    padding-right:15px;
137
    max-width:100%;
138
    height:auto;
139
}
140
.typo3content .mainnav_title div,
141
.mainnav_title div,
142
.subdir_title {
143
    width:100%!important;
144
    /*margin:0 auto;*/
145
    padding:0.4% 1%;
146
}
147
.subdir_title h1,
148
.mainnav_title h1 {
149
    width:100%;
150
    display:inline;
151
    color:#fff;
152
}
153
/*
154
    Hinweis, dass der Shop sich nur
155
    an Gewerbetreibende richtet
156
*/
157
#hinweis {
158
    display:none;
159
    width:100%;
160
    text-transform:uppercase;
161
    text-align:center;
162
    padding:7px 0;
163
}
164
.mobile {
165
    display:none;
166
}
167
th {
168
 
169
}
170
.bx-wrapper img {
171
}
172
.bx-wrapper .bx-controls-direction a {
173
     top:35%!important;
174
    margin-top:0px!important;
175
}
176
.bx-wrapper .bx-controls-direction .bx-prev {
177
    margin-left:-0.25%;
178
}
179
.bx-wrapper .bx-controls-direction .bx-next {
180
    margin-left:0.25%;
181
}
182
 
183
 
184
 
185
 
186
.header {
187
    clear:both;
188
    float:left;
189
    width: 100%;
190
    max-height: 130px;
191
    margin-top:0px;
192
}
193
.header .info{
194
    position:relative;
195
    margin: -16% 10% 0 37%;
196
    float: left;
197
    z-index: 15;
198
 
199
}
200
.header .info .oeffn{
201
    text-align:right;
202
}
203
.header .kontakt,
204
.header .login{
205
    float:right;
206
    text-align:right;
207
}
208
.header .kontakt div{
209
    padding: 0 10px;
210
    margin-top: 10px;
211
    float:left;
212
}
213
.header .logo {
214
    margin:0px;
215
    float: left;
216
    max-width:25%;
217
    width:100%;
218
    margin-top:-32px;
219
}
220
.header .logo img {
221
    z-index:5;
222
    position: relative;
223
    max-width:182px;
224
}
225
.header .search {
226
    max-width:40%;
227
    width:100%;
228
    padding: 25px 0 0 0;
229
    float:left;
230
}
231
.header #suchbegriff {
232
    width:100%;
233
    max-width:80%;
234
    outline:none;
235
    border:1px solid #989898;
236
    border-radius:3px;
237
    margin:0px;
238
    padding:5px;
239
    z-index:10;
240
    float:left;
241
}
242
#searchSubmit {
243
    background:url(/images/webelemente/lupe.png) no-repeat;
244
    background-position:center center;
245
    float:left;
246
    cursor:pointer;
247
    position:relative;
248
    border:none;
249
    padding:0 0 0 0;
250
    width:33px;
251
    height:33px;
252
    text-align:center;
253
    display:table-cell;
254
    vertical-align:middle;
255
}
256
.header .hotline {
257
    width:27%;
258
    float:left;
259
    padding-top:30px;
260
}
261
.header .hotline_text {
262
    float:left;
263
    width:72%;
264
    text-align:right;
265
    padding-right:4%;
266
}
267
.header .hotline_img {
268
    float:left;
269
    text-align:right;
270
}
271
.header .hotline_img img {
272
    width:100%;
273
    max-width:61px;
274
}
275
.header .mainlogo {
276
    background:url(/images/webelemente/logo.jpg) no-repeat;
277
 
278
    height:120px;
279
}
280
.content .inner {
281
    overflow:hidden;
282
}
283
.inner {
284
    margin: 0 auto!important;
285
    position:relative;
286
    max-width:1090px;
287
    width:96%;
288
    text-align:left;
289
    /*padding: 0 2%;*/
290
}
291
 
292
/** breadcrumb **/
293
.breadcrumb p,
294
.breadcrumb table {
295
  padding:0;
296
}
297
.breadcrumbActive {
298
    text-decoration:underline;
299
}
300
/** /breadcrumb **/
301
 
302
 
303
.content {
304
    width:100%;
305
}
306
.aktion .inner_slider {
307
    width:98%;
308
    max-width:1350px;
309
    margin:0 auto;
310
}
311
.aktion .bx-wrapper {
312
    margin: 0px auto 35px;
313
}
314
.aktion .bx-viewport {
315
    box-shadow: none!important;
316
    border: none!important;
317
    left: 0;
318
}
319
.aktion .bx-viewport *{
320
    width:100%!important;
321
}
322
 
323
 
324
p {
325
    margin-bottom:3px;
326
}
327
.homebutton {
328
    position:absolute;
329
    padding:15px 0 0 0;
330
    margin:0 0 0 1015px;
331
    height:50px;
332
}
333
.slogan {
334
    position:absolute;
335
    margin:115px 0 0 88px;
336
}
337
 
338
#contact {
339
    padding:10px 0 0 310px;
340
 
341
}
342
#contact div {
343
    float:left;
344
    padding-right:50px;
345
}
346
.header .basket_icon {
347
    position:absolute;
348
    margin:-10px 0 0 -50px!important;
349
}
350
.headermenu {
351
    position:absolute;
352
    background:url(/images/webelemente/butt_anmelde_backtop.gif) no-repeat;
353
    width:193px;
354
    height:40px;
355
    margin-left:803px;
356
    margin-top:-5px;
357
    text-align:center;
358
    padding-top:2px;
359
}
360
.artikeldialog{
361
    margin: 0 auto;
362
    padding: 10px 5px;
363
 
364
}
365
.artikeldialog td{
366
    padding: 0 5px;
367
}
368
.comodo {
369
    position:absolute;
370
    margin: 46px 0 0 570px;
371
}
372
.trustedShops {
373
    position:absolute;
374
    margin:46px 0 0 660px;
375
}
376
.hd_service {
377
    background:url(/images/webelemente/hd_service.gif) no-repeat;
378
    float:left;
379
    text-align:left;
380
}
381
.basket_info_content {
382
    padding:10px;
383
 
384
}
385
.basket_vkfrei {
386
    padding-right:5px;
387
}
388
.basket_info_a {
389
    clear:both;
390
    float:left;
391
    padding-bottom:3px;
392
    margin-top:3px;
393
    border-bottom:1px dotted #000;
394
    width:100%;
395
}
396
 
397
.basket_info_item {
398
    text-align:left;
399
}
400
.basket_info_preis {
401
    text-align:right;
402
}
403
.basket_info_sum {
404
    clear:both;
405
    float:none;
406
    border-top:1px solid #000;
407
    padding: 5px 0px 0px;
408
    text-align:right;
409
}
410
.basket_info_msg {
411
    text-align:right;
412
 
413
}
414
.header_hr {
415
    width:220px;
416
    margin-top:4px;
417
}
418
.hd_wk_icon {
419
    position:absolute;
420
    width:35px;
421
    height:34px;
422
}
423
.hd_wk_text {
424
    position:absolute;
425
    padding:17px 0 0 0;
426
    margin:0px 0 0 41px;
427
 
428
    height:26px;
429
}
430
 
431
.msg_small {
432
    display:block;
433
    margin-top:-15px;
434
    padding-right:10px;
435
}
436
.headerlink {
437
    margin:20px 0 0 12px;
438
    width:430px;
439
    height:50px;
440
}
441
 
442
#beschreibung ol {
443
    margin-left: -20px;
444
 
445
}
446
#beschreibung ul {
447
    padding-left: 20px !important;
448
}
449
.input1 {
450
    margin:4px 0 4px 0;
451
    padding:2px;
452
}
453
.input2 {
454
    margin-bottom:5px!important;
455
 
456
    width:130px;
457
 
458
}
459
img {
460
    border-style:none;
461
    max-width: 100%;
462
}
463
fieldset {
464
    border-style:none;
465
}
466
legend {
467
    padding:0px;
468
    margin:0px;
469
}
470
/* step by step */
471
.steps_headline {
472
    width:100%;
473
    float:left;
474
    padding:0;
475
    margin:0;
476
    display:none;
477
}
478
.steps_image {
479
    clear:both;
480
    float:left;
481
    width:100%;
482
    padding:1% 0;
483
    background-color:#fff;
484
 
485
}
486
.headline {
487
    background: url(/images/webelemente/headline.jpg) top no-repeat;
488
    width:633px;
489
    height:25px;
490
    margin-bottom:10px;
491
}
492
.header_info {
493
    position:absolute;
494
    margin:-39px 0 0 480px;
495
}
496
.input_img {
497
    position:absolute;
498
    padding-top:3px;
499
    padding-left:5px;
500
}
501
 
502
 
503
.left {
504
    display:block;
505
    float:left;
506
    width:192px;
507
    padding:0;
508
    margin:0px 0 0 0;
509
    overflow:hidden;
510
}
511
.left .box_1 {
512
    display:                        block;
513
    float:                          left;
514
    width:192px;
515
    padding:10px 0 0 0;
516
}
517
.left .box_1_menu {
518
    margin-top:10px;
519
}
520
.left .box_1_menu .box_top {
521
    height:8px;
522
}
523
.left .box_1 .box_top {
524
    width:205px;
525
    padding:7px 0 7px 10px;
526
 
527
}
528
.left .box_head_left {
529
    float:left;
530
}
531
.left .box_head_right {
532
    cursor:pointer!important;
533
    float:left;
534
    border:1px solid #EBE4D1;
535
    padding:9px 0 0 10px;
536
    width:160px;
537
    height:19px;
538
 
539
}
540
.left .box_1 .box_top h1 {
541
    padding:0px;
542
    margin:0px;
543
    padding:12px;
544
    padding-top:7px;
545
}
546
.left .box_middle {
547
    clear:both;
548
    float:none;
549
    margin:-3px 0 0 0;
550
    width:190px;
551
    overflow:hidden;
552
    border-left:1px solid #8B8A8A;
553
    border-right:1px solid #8B8A8A;
554
    border-bottom:1px solid #8B8A8A;
555
}
556
 
557
.left .inner {
558
    text-align:left;
559
    padding:10px;
560
}
561
.left .box_top img {
562
    margin:0px;
563
    padding:0;
564
}
565
.left .box_bottom {
566
    background:url(/images/webelemente/left_box_bottom.jpg) no-repeat;
567
    width:205px;
568
    height:8px;
569
    clear:both;
570
    float:none;
571
}
572
 
573
.left .box_middle p {
574
 
575
    padding:5px;
576
    margin:0px;
577
}
578
 
579
 
580
.left .news {
581
    border-left:1px solid #ccc;
582
    border-right:1px solid #ccc;
583
    border-bottom:1px solid #ccc;
584
    width:148px;
585
 
586
}
587
 
588
.content {
589
    margin:0px 0 0 0px;
590
    padding: 0 0% 0% 0%;
591
    float:right;
592
    width:100%;
593
    /*min-height:500px;*/
594
}
595
.content p {
596
    margin:0px;
597
    padding:0px;
598
}
599
/*Content Hauptboxen*/
600
 
601
.aktion_img {
602
    width:500px;
603
    text-align:center;
604
}
605
 
606
.content .subdir,
607
.content .subdir_artikel_wrapper,
608
.content .mainnav{
609
    width:100%;
610
    float:left;
611
    padding:0;
612
}
613
.content .subdir .box_subdir,
614
.content .mainnav .box {
615
    min-width:322px;
616
    max-width:322px;
617
    width:30%;
618
    float:left;
619
    margin:2% 5.68% 0 0%;
620
    text-align:center;
621
}
622
.content .subdir .box_subdir:nth-child(3n+0) {
623
    margin:2% 0% 0 0%;
624
}
625
.content .subdir .box_subdir img {
626
    max-height:222px;
627
    margin:0 auto;
628
}
629
.content .subdir .box_subdir .bottom {
630
    border-bottom:10px solid #ea5802;
631
    text-transform:uppercase;
632
}
633
/* Artikeluebersichten */
634
.artikel_box {
635
    width:24.2%;
636
    float:left;
637
    text-align:center;
638
    background-color:#fff;
639
    margin:1% 1% 1% 0%;
640
    border-bottom:10px solid #fff;
641
}
642
.artikel_box:hover {
643
    border-bottom:10px solid #e75b04;
644
}
645
 
646
.artikel_box:nth-child(4n+0) {
647
    margin:1% 0% 1% 0%!important;
648
}
649
.box_subdir .bild,
650
.artikel_box .bild {
651
    padding:14px;
652
}
653
.artikel_box .top {
654
    height:220px;
655
    overflow:hidden;
656
}
657
.artikel_box .bottom .top {
658
    text-align:left;
659
    padding:5% 7% 4% 7%;
660
    height:100px!important;
661
    overflow:hidden;
662
}
663
.artikel_box .preis {
664
    padding:5% 0 0 0;
665
    border-top:1px solid #1e1e1e;
666
    margin:0 7%;
667
    height:85px;
668
}
669
.artikel_box .preis_message {
670
    text-align:center;
671
    width:100%;
672
    height:60px;
673
    float:left;
674
}
675
 
676
/* ende Artikeluebersichten */
677
.content .subdir .box_subdir .left,
678
.content .mainnav .box .left{
679
    width:50%;
680
    float:left;
681
    margin: 0;
682
}
683
.content .subdir .box_subdir .right,
684
.content .mainnav .box .right{
685
    width:50%;
686
    float:right;
687
    margin: 0;
688
}
689
.content .subdir .box_subdir .title,
690
.content .mainnav .box .title {
691
    height:80px;
692
    width:100%;
693
    text-align:center;
694
    display:table;
695
 
696
}
697
.content .subdir .box_subdir .titleInner,
698
.content .mainnav .box .title .titleInner {
699
    height:80px;
700
    text-align:center;
701
    display:table-cell;
702
    vertical-align:middle;
703
}
704
 
705
.content .mainnav .box .title .titleInner p {
706
    padding-top:10px;
707
}
708
.content .mainnav .box .title .titleInner p {
709
}
710
 
711
.content .subdir .box_subdir .description,
712
.content .mainnav .box .description{
713
    float:left;
714
    width:100%;
715
 
716
}
717
.content .subdir .box_subdir .descriptionInner,
718
.content .mainnav .box .description .descriptionInner {
719
    padding: 0;
720
    float:left;
721
 
722
}
723
 
724
.content .subdir .box_subdir .bild,
725
.content .mainnav .box .bild{
726
    clear:both;
727
    width:100%;
728
    height:260px;
729
    overflow:hidden;
730
    position:relative;
731
}
732
.content .subdir .box_subdir img,
733
.content .mainnav .box .bild img{
734
    height: auto;
735
    max-width:100%;
736
    position: absolute;
737
    margin: auto;
738
    bottom: 0px;
739
    top: 0px;
740
    left: 0px;
741
    right: 0px;
742
}
743
.content .mainnav .box #newsletter_register input{
744
    margin: 0.5% 4%;
745
}
746
/* subdir boxen */
747
.subdir_bild {
748
    float:left;
749
    width: 584px;
750
    padding:0;
751
}
752
.subdir_bild img{
753
    float:left;
754
    max-width: 100%;
755
}
756
.subdir_info {
757
    float: left;
758
    width: calc(100% - 584px);
759
    padding:0px;
760
}
761
.subdir_info_inner {
762
    padding:5%;
763
    line-height:1.5em;
764
}
765
.subdir_info_inner * {
766
    max-width:100%;
767
}
768
 
769
 
770
/* box_1 START */
771
.content .box_1 {
772
    float:left;
773
    width:260px;
774
    overflow:hidden!important;
775
    border: 1px solid #ccc;
776
    position:relative;
777
}
778
.content .box_1 .box_top {
779
    text-align:center;
780
    padding:2px 0 2px 0;
781
    /*height:50px;*/
782
    overflow:hidden;
783
}
784
.content .box_1 .box_text {
785
    height:55px;
786
    margin: 0px 14px 0px 14px;
787
    padding-right: 7px;
788
    float:left;
789
}
790
.content .box_2 .box_text {
791
    text-align:left;
792
    float:left;
793
    padding:10px;
794
    width:400px;
795
 
796
}
797
.content .box_1 .artikelbox_top h1 {
798
}
799
.content .box_1 .artikelbox_top {
800
    text-align:left!important;
801
    padding:1px 0 2px 3px;
802
    height:35px;
803
    overflow:hidden;
804
}
805
.content .box_1 .box_middle {
806
    text-align:left;
807
    float:left;
808
    width:260px;
809
}
810
.content .box_1 .box_logo {
811
    position:absolute;
812
    overflow:hidden;
813
    padding-left:5px;
814
 
815
}
816
.content .box_1 .box_logo img {
817
    width:50%;
818
}
819
.content .box_1 .item_name {
820
 
821
 
822
    padding:0 5px 0 5px;
823
    height:50px;
824
    clear:both;
825
    float:none;
826
    text-align:center;
827
}
828
.content .box_1 .item_teaser {
829
    padding:0 5px 0 5px;
830
    height:42px;
831
    width:180px;
832
    overflow:hidden;
833
}
834
.content .box_1 .item_link {
835
    padding:0!important;
836
    margin:0px 0 -4px 0!important;
837
    width:310px!important;
838
    text-align:right;
839
    position:relative;
840
 
841
}
842
.content .box_1 .item_dirlink {
843
    padding:0 5px 2px 5px;
844
    height:15px;
845
    clear:both;
846
    float:none;
847
    overflow:hidden;
848
    height:30px;
849
}
850
.content .box_item_top {
851
    position:absolute;
852
    left:0;
853
    width:200px;
854
}
855
.content .box_topleft {
856
    position:absolute;
857
    right:50%;
858
    float:left;
859
    padding:6px 0 0 0px;
860
    text-align:left;
861
    height:50px;
862
    width:50%;
863
    overflow:hidden;
864
    left:5px;
865
}
866
.content .box_1 .box1_topright {
867
    position:absolute;
868
    text-align:right;
869
    padding:0px;
870
    margin:0 0 0 2px!important;
871
    width:100px!important;
872
    overflow:hidden;
873
}
874
.content .box_2 .box1_topright {
875
    position:absolute;
876
    text-align:right;
877
    padding:0px;
878
    margin:0px 0 0 310px;
879
    width:100px!important;
880
    height:100px;
881
    overflow:hidden;
882
}
883
.content .box_1:hover {
884
    border:1px solid #787878;
885
}
886
.content .box_1:hover .box_lower *,
887
.content .box_1:hover .box_lower {
888
 
889
}
890
.content .box_1:hover .box_lower * img{
891
    background-color: transparent!important;
892
    z-index: 99;
893
}
894
.content .box_1 .box_item_img {
895
    width:245px;
896
    height:250px;
897
    text-align:center;
898
    float:left;
899
}
900
 
901
.content .box_1 .box_bottom {
902
    height:10px;
903
    clear:both;
904
    float:none;
905
    width:300px;
906
    margin-left:10px;
907
    position:relative;
908
}
909
.overlay {
910
 
911
}
912
 
913
.content .cleft {
914
    clear:both;
915
    float:left;
916
    margin:5px 5px 0 0!important;
917
}
918
.content .ccenter {
919
    float:left;
920
    margin:5px 5px 0 0!important;
921
}
922
.content .cright {
923
    float:left;
924
    margin:5px 0px 0 0!important;
925
}
926
.content .itemcleft {
927
    clear:both;
928
    float:left;
929
    /*border-left: 1px solid #BABABA;
930
    border-right: 1px solid #BABABA;*/
931
    border-bottom: 1px solid #BABABA;
932
}
933
.content .itemccenter {
934
    float:left;
935
    border-left: 0px;
936
    /*border-right: 1px solid #BABABA;*/
937
    border-bottom: 1px solid #BABABA;
938
}
939
.content .itemcright {
940
    float:left;
941
    /*border-right: 1px solid #BABABA;*/
942
    border-bottom: 1px solid #BABABA;
943
}
944
.content .box_1 .box_item_text {
945
    display:none;
946
    width:320px;
947
    float:left;
948
}
949
.content .box_1 .box_desc {
950
    width:100px;
951
    float:left;
952
}
953
.content .box_1 p.box_desc {
954
 
955
    width:115px;
956
    padding-top:3px;
957
}
958
 
959
.content .box_1 .itemlink {
960
    float:left;
961
    text-align:left;
962
    width:310px;
963
    padding:0 7px 8px 10px;
964
}
965
.content .box_1 .itemlink .add_zusatz,
966
.content .box_1 .itemlink .add_item_from_subdir {
967
    cursor:pointer;
968
    float:left;
969
    margin-left:5px;
970
    margin-right:0;
971
}
972
.content .box_2 .itemlink .add_zusatz,
973
.content .box_1 .itemlink .add_item_from_subdir {
974
    cursor:pointer;
975
    float:left;
976
    text-align:right;
977
    margin-left:0px;
978
    margin-right:10px;
979
}
980
.content .box_1 .item_lieferstatus {
981
    position:absolute;
982
    padding:0px 2px 0 0;
983
    margin:0 0 0 140px;
984
}
985
.content .box_1 .box_preis {
986
    padding:0px 14px;
987
    float:right;
988
    width:90%;
989
}
990
.content .box_1 .preis_small {
991
    padding:5px 0px 0 0px;
992
    text-align:right;
993
    float:right;
994
    margin-left:0px;
995
    min-width: 110px;
996
}
997
 
998
.content .box_1 .basket:hover,
999
.content .box_1 .subdir_addFavorites:hover{
1000
    cursor: pointer;
1001
 
1002
}
1003
 
1004
.content .box_1 .box_item_text {
1005
    float:left;
1006
 
1007
}
1008
.content .box_1 .box_lower {
1009
    clear:both;
1010
    float:left;
1011
    width:260px;
1012
    margin-top:15px;
1013
}
1014
.content .box_1 .preis_lieferstatus {
1015
    clear:both;
1016
    float:left;
1017
    padding:5px 0px 2px 6px;
1018
    width:244px!important;
1019
    text-align: left;
1020
    margin: 37px 0px 0px 14px;
1021
    height:15px;
1022
}
1023
/* box_1 ENDE */
1024
 
1025
 
1026
/* Item Detailansicht Boxen START */
1027
.content .box_2 .box_singleitem_img_wrapper{
1028
    float:left;
1029
    width:100%;
1030
}
1031
.content .box_2 .box_singleitem_img {
1032
    /*float:left;*/
1033
    clear:both;
1034
    width:100%;
1035
    max-width:700px;
1036
    height:auto;
1037
    min-height:440px;
1038
    float:left;
1039
    text-align:center;
1040
}
1041
.content .box_singleitem_img img {
1042
    height:auto!important;
1043
}
1044
.content .box_2 .box_singleitem_img .item_hersteller {
1045
    position:absolute;
1046
    right:41%;
1047
    top:0.5%;
1048
    z-index:9999;
1049
}
1050
.content .box_2 .box_singleitem_img #img_zoom{
1051
    max-width: 100%;
165 lars 1052
    height: 100%;
41 lars 1053
}
165 lars 1054
#img_zoom
1055
{
1056
	z-index: 99!important;
1057
}
41 lars 1058
.zoomWindow{
1059
    height: 350px;
164 lars 1060
    max-width: 100%;
166 lars 1061
	z-index: 99!important;
41 lars 1062
}
1063
.content .box_2 .box_singleitem_logo {
1064
    padding:10px 0;
1065
    float:left;
1066
 
1067
}
1068
.content .box_2 .box_singleitem_logo h1 {
1069
    padding:3px 0 8px 0;
1070
}
1071
.content .box_2 .box_singleitem_logo h2 {
1072
 
1073
}
1074
.content .box_2 .box_singleitem_text {
1075
    float:right;
1076
    width:135px;
1077
    text-align:right;
1078
    padding:10px;
1079
 
1080
 
1081
}
1082
.content .box_2 .box_singleitem_text .preisImage {
1083
 
1084
    margin-left:-40px!important;
1085
 
1086
}
1087
.content .box_2 .box_singleitem_text label {
1088
 
1089
}
1090
.content .box_2 .box_singleitem_lieferstatus {
1091
 
1092
}
1093
.content .box_2 .basket_button {
1094
    margin:15px 0px 0 0;
1095
}
1096
.content .box_2 .item_popup {
1097
 
1098
    clear:both;
1099
    float:left;
1100
    width:130px;
1101
}
1102
/* ENDE Item einzelansicht */
1103
 
1104
.content .box_2 .item_text {
1105
    float:right;
1106
    padding:10px 0 0 0;
1107
 
1108
}
1109
.content .box_2 .box_item_name {
1110
    display:none;
1111
}
1112
/* diese Klasse wird durch den css-switcher freigegeben */
1113
.content .box_1 .box_item_name {
1114
 
1115
    padding:5px;
1116
 
1117
    height:50px;
1118
    margin:4px 0 0 0;
1119
    float:left;
1120
}
1121
.content .box_2 .item_box_preis {
1122
    text-align:left;
1123
    padding:0 5px 5px 5px;
1124
    float:left;
1125
    width:335px;
1126
}
1127
.content .box_2 .item_preis {
1128
    text-align:right;
1129
    padding:0 5px 5px 5px;
1130
    float:left;
1131
    width:250px;
1132
}
1133
.content .box_2 .item_basket {
1134
    float:right;
1135
}
1136
.content .box_2 .item_preis_message {
1137
    clear:both;
1138
    float:none;
1139
    margin-right: 80px;
1140
    margin-top:-13px;
1141
    text-align:right;
1142
}
1143
.content .box_2 .addinfo {
1144
    padding-top:5px;
1145
    clear:both;
1146
    float:right;
1147
    text-align:right;
1148
}
1149
/* Item Detailansicht Boxen ENDE */
1150
 
1151
/* box_2 START */
1152
.content .box_2 {
1153
    display:block;
1154
    position:relative;
1155
    float:left;
1156
    width:96%;
1157
}
1158
.content .box_static {
1159
    position:relative;
1160
    width:100%;
1161
    display: inline-block;
1162
    padding:2% 0;
1163
}
1164
.content .box_2 .box_top,
1165
.content .box_static .box_top,
1166
.content .box_2 .artikelbox_top {
1167
    overflow:hidden;
1168
    width:100%;
1169
    padding:0;
1170
    height:auto;
1171
}
1172
.content .box_2 .box_top{
1173
    overflow:hidden;
1174
    width:60%;
1175
    padding:0;
1176
    height:auto;
1177
}
1178
 
1179
.content .box_2 .box_middle,
1180
.content .box_static .box_middle {
1181
    width:100%;
1182
    margin:0;
1183
    float:left;
1184
}
1185
.content .box_middle_basket {
1186
    float:left;
1187
    width:100%;
1188
}
1189
.content .box_2 .box_bottom {
1190
    height:10px;
1191
    clear:both;
1192
    float:none;
1193
    border-bottom:1px dotted #000;
1194
    margin-left:10px;
1195
    margin-right:10px;
1196
    width:990px;
1197
}
1198
.content .box_2 .box_middle_empty {
1199
    background:url(/images/webelemente/content_box2_bottom_clean.jpg) no-repeat;
1200
    width:803px;
1201
    text-align:                     left;
1202
    padding:15px;
1203
    float:left;
1204
}
1205
 
1206
.content .box_2 .box_middle p,
1207
.content .box_2 .box_middle li {
1208
 
1209
}
1210
 
1211
.content .box_2 .box_middle tr.order
1212
{
1213
 
1214
}
1215
.content .box_2 .item_big_preis {
1216
 
1217
}
1218
.content .box_2 .item_big_link {
1219
    position:absolute;
1220
    clear:both;
1221
    float:none;
1222
    width:150px;
1223
    bottom:-4px!important;
1224
}
1225
.content .box_2 .item_top {
1226
    clear:both;
1227
    float:left;
1228
    width:100%;
1229
    padding:1% 0;
1230
    background-color:#fff;
1231
}
1232
.content .box_2 .box_preis {
1233
    clear:both;
1234
    float:left;
1235
    width:245px;
1236
    text-align:right;
1237
    padding:10px 0px 0 0;
1238
}
1239
.content .box_2 .preis {
1240
    text-align:right;
1241
    padding:0 6px 0 0;
1242
}
1243
.content .box_2 .basket {
1244
    text-align:right;
1245
    float:left;
1246
    width:72px;
1247
    height:72px;
1248
    padding:0;
1249
    margin:0px 0 0 0px;
1250
}
1251
.content .box_2 .preis_message {
1252
    clear:both;
1253
 
1254
    text-align:right;
1255
 
1256
    padding:0 6px 0 0;
1257
}
1258
.content .box_2 .box_lieferstatus {
1259
    text-align:left;
1260
 
1261
}
1262
.content .box_2 .item_left {
1263
    clear:both;
1264
    float:left;
1265
    width:130px;
1266
    padding:10px;
1267
    padding-bottom:20px;
1268
}
1269
.content .box_2 .box_item_img {
1270
    min-height:120px;
1271
    text-align:center;
1272
    width:210px;
1273
    padding:10px;
1274
    float:left;
1275
}
1276
.content .box_2 .neu_icon_item {
1277
    position:absolute;
1278
    float:right;
1279
    top:0px;
1280
 
1281
    padding:0 10px 0 0px;
1282
}
1283
 
1284
.content .box_2 .box_item_text {
1285
    float:left;
1286
    padding:14px 0 0 0;
1287
    width:289px;
1288
 
1289
}
1290
.content .box_2 .box_item_text2 {
1291
    width:260px;
1292
    float:left;
1293
    text-align:right;
1294
    padding:10px 0 0 0;
1295
 
1296
}
1297
.content .box_2 .item_img {
1298
    padding:10px;
1299
    float:left;
1300
    margin-top: 20px;
1301
    width:200px;
1302
    text-align:left;
1303
}
1304
.content .box_2 .item_right {
1305
    float:right;
1306
    width:280px;
1307
    text-align:right;
1308
}
1309
.content .box_2 .thumbs_container {
1310
    float:left;
1311
    width:100%;
1312
    height:auto;
1313
    display:table;
1314
    padding-top:5px;
1315
}
1316
.content .box_2 .thumbs_container .thumbs {
1317
    float:left;
1318
    text-align:center!important;
1319
    list-style-type:none;
1320
    width:31%;
1321
    max-width:210px;
1322
    height:100%;
1323
    max-height:140px;
1324
    border-bottom:4px solid #e75b02;
1325
    margin-right:1.5%;
1326
}
1327
.content .box_2 .thumbs_container .thumbs img {
1328
    width:100%;
1329
    max-width:140px;
1330
    max-height:140px;
1331
    height:auto;
1332
    margin:0;
1333
}
1334
 
1335
.content .box_2 .box_options {
1336
    width:200px;
1337
    margin-right:50px;
1338
    padding-right:10px;
1339
    text-align:right;
1340
 
1341
    padding-top:20px;
1342
    vertical-align:bottom;
1343
    position: absolute;
1344
    right: 0px;
1345
    float:left;
1346
 
1347
}
1348
 
1349
 
1350
.content .box_2 .box_bottom_empty {
1351
    border-left:1px solid #808080;
1352
    border-right:1px solid #808080;
1353
    border-bottom:1px solid #808080;
1354
    width:582px;
1355
}
1356
/* box_2 ENDE */
1357
 
1358
 
1359
.item_lieferstatus {
1360
    float:right;
1361
    margin:10px;
1362
}
1363
 
1364
/*Box_Top der Content Hauptboxen*/
1365
/*Box_Middle der Content Hauptboxen*/
1366
 
1367
.content .middlecontent {
1368
    padding:10px;
1369
    float:left;
1370
}
1371
.content .middlecontent ul,
1372
.content .middlecontent ol {
1373
    margin-left:30px;
1374
 
1375
}
1376
 
1377
/*Box_Bottom der Content Hauptboxen*/
1378
.content .box_1 .box_bottom_small {
1379
    border-left:                    1px solid #808080;
1380
    border-right:                   1px solid #808080;
1381
    border-bottom:                   1px solid #808080;
1382
    clear:both;
1383
    float:none;
1384
    padding-left:3px;
1385
}
1386
.content .box_2 .basket_bottom {
1387
    width:582px;
1388
    height:27px;
1389
    border-left:1px solid #808080;
1390
    border-right:1px solid #808080;
1391
    border-bottom:1px solid #808080;
1392
 
1393
    float:left;
1394
    margin-left:0px;
1395
}
1396
.content .box_2 .item_bottom {
1397
    width:628px;
1398
    height:27px;
1399
    border-left:1px solid #808080;
1400
    border-right:1px solid #808080;
1401
    border-bottom:1px solid #808080;
1402
 
1403
    float:left;
1404
    margin-left:-1px;
1405
}
1406
 
1407
 
1408
/* START box_3 */
1409
.content .box_3 {
1410
    width:90px;
1411
    height:90px;
1412
    float:left;
1413
    border:1px solid #D3D1D0;
1414
    overflow:hidden;
1415
}
1416
.content .box_3 .neu_icon {
1417
    position:absolute;
1418
 
1419
    top:96px;
1420
    left:154px;
1421
 
1422
}
1423
.content .box_3 .box_middle {
1424
    border-style:none;
1425
}
1426
.content .box_3 .box_img {
1427
    width:90px;
1428
    height:90px;
1429
    margin:10px;
1430
    padding:10px;
1431
    text-align: center;
1432
    overflow:hidden;
1433
}
1434
.content .box_3 .box_text {
1435
    clear:both;
1436
    float:none;
1437
    float:left;
1438
 
1439
    padding-left:3px;
1440
    padding-top:0px;
1441
    width:125px;
1442
    height:80px;
1443
    text-align:center;
1444
}
1445
 
1446
.content_2 {
1447
    clear:both;
1448
    float:left;
1449
}
1450
.content_2 .box_3 {
1451
    width:250px;
1452
    height:100px;
1453
    float:left;
1454
    margin-right:5px;
1455
}
1456
.content_2 .box_3 .box_img_addon {
1457
    width:60px;
1458
    height:60px;
1459
    margin:10px;
1460
    padding:10px;
1461
    overflow:hidden;
1462
    float:left;
1463
}
1464
.content_2 .box_3 .box_text {
1465
    float:left;
1466
    padding-left:5px;
1467
    padding-top:10px;
1468
    width:140px;
1469
 
1470
}
1471
.content_2 .box_3 .basket_button {
1472
    float:left;
1473
    width:30px;
1474
    padding-top:20px;
1475
}
1476
 
1477
.content_1 {
1478
    display:                        block;
1479
    float:                          left;
1480
    margin:                         0px;
1481
    width:                          628px;
1482
    height:                         313px;
1483
}
1484
 
1485
.content_1 p,
1486
.content_1 h1 {
1487
    padding:                        15px;
1488
    text-align:                     justify;
1489
    line-height:                    17px;
1490
}
1491
 
1492
 
1493
 
1494
/* RECHTE SPALTE START */
1495
 
1496
.right {
1497
    float:right;
1498
    padding:0px 0px 0 0;
1499
    margin:0 0 0 10px;
1500
    width:200px;
1501
    overflow:hidden;
1502
 
1503
}
1504
.right h1 {
1505
    padding:0px 0 0 7px;
1506
    margin:0px 0 0 0;
1507
 
1508
}
1509
.right .box_1 {
1510
    width:200px;
1511
    margin:0px;
1512
}
1513
 
1514
.right .box_1 .box_top {
1515
    width:200px;
1516
}
1517
 
1518
.right .box_middle {
1519
    width:198px;
1520
    margin:-3px 0 0!important;
1521
    padding:0!important;
1522
    clear:both;
1523
    float:none;
1524
    border-left:1px solid #EBE4D1;
1525
    border-right:1px solid #EBE4D1;
1526
    border-bottom:1px solid #EBE4D1;
1527
}
1528
.right .box_middle .inner {
1529
    padding:10px;
1530
    text-align:left;
1531
}
1532
 
1533
.right .box_bottom {
1534
    width:174px;
1535
    height:10px;
1536
}
1537
 
1538
.right .sonderkasten {
1539
    width:177px;
1540
    float:left;
1541
    margin-bottom:10px;
1542
    padding:10px;
1543
}
1544
.right .box_1 .sonderkasten p {
1545
    margin:-10px 0 0 0;
1546
}
1547
.right .box_1 .sonderkasten p,
1548
.right .box_1 .box_middle p {
1549
    padding:0;
1550
    margin:0;
1551
}
1552
.right ul {
1553
    clear:both;
1554
    float:none;
1555
    list-style-type:none;
1556
    padding-left:10px;
1557
}
1558
.right .standort ul {
1559
    padding-left:19px;
1560
}
1561
.right .social_nw {
1562
    background:url(/images/webelemente/pieper_golf_bei.jpg) no-repeat;
1563
    width:180px;
1564
    height:26px;
1565
}
1566
.right .box_middle p {
1567
 
1568
}
1569
.right .small {
1570
 
1571
}
1572
.right .standort {
1573
    background-image:url(/images/webelemente/box_standort.png);
1574
    background-repeat:no-repeat;
1575
    width:180px;
1576
    height:188px;
1577
    padding-top:35px;
1578
}
1579
 
1580
/* RECHTE SPALTE ENDE */
1581
 
1582
/** angebote **/
1583
#angebote {
1584
    width:100%;
1585
    float:left;
1586
    padding-bottom:80px;
1587
    text-align:center;
1588
    border-top:1px solid #e4e4e4;
1589
    border-bottom:1px solid #e4e4e4;
1590
}
1591
#angebote_inner {
1592
    margin:0 auto;
1593
    padding-top:60px;
1594
    width:1043px;
1595
    text-align:left;
1596
}
1597
#angebote .box {
1598
    width:33%;
1599
}
1600
 
1601
.box {
1602
    padding:0;
1603
    float:left;
1604
}
1605
.box .box_content {
1606
}
1607
.head {
1608
}
1609
.headtext {
1610
 
1611
    line-height:18px;
1612
}
1613
.box_content {
1614
    width:85%;
1615
    padding:20px 0 0 0px;
1616
}
1617
/** /angebote **/
1618
 
1619
/* topfooter */
1620
.topfooter {
1621
    clear:both;
1622
    float:left;
1623
    width:100%;
1624
    line-height:1.6em;
1625
    margin-top:40px;
1626
}
1627
.topfooter .inner .topfooter_box {
1628
    float:left;
1629
    width:20%;
1630
    padding:30px 0 0% 0;
1631
    margin-bottom:3%;
1632
}
1633
.topfooter_box .head {
1634
    text-align:left!important;
1635
}
1636
.topfooter .social_links {
1637
    padding-top:40px;
1638
}
1639
.topfooter .social_links img {
1640
    padding:15px 5px 0 0;
1641
 
1642
}
1643
.topfooter .topfooter_box ul {
1644
    margin-top:11px;
1645
    list-style-type:none;
1646
}
1647
.topfooter .topfooter_box ul li {
1648
    padding:0px 0 0px 0;
1649
}
1650
.topfooter .newsletter_abo {
1651
    position:absolute;
1652
    width:1043px;
1653
    margin-top:-131px;
1654
    text-align:center;
1655
}
1656
#newsletter_email {
1657
    width:65%;
1658
    outline:none;
1659
    border:1px solid #E4E4E4;
1660
    padding:5px 10px 5px 10px;
1661
    z-index:10;
1662
}
1663
#butt_ok {
1664
    margin:10px 0px;
1665
}
1666
/* /topfooter */
1667
 
1668
/* START Footer */
1669
.footer {
1670
    margin:0;
1671
    width:100%;
1672
    clear:both;
1673
    float:left;
1674
    padding:20px 0 40px 0;
1675
}
1676
.footer .inner span {
1677
    padding:15px 0 15px 0;
1678
    text-align:left;
1679
}
1680
.footer .footer_subhead {
1681
    padding:5% 0;
1682
}
1683
.footer_left {
1684
    width:27%;
1685
    float:left;
1686
    padding:0 3%;
1687
}
1688
.footer_left img {
1689
    padding:5px!important;
1690
}
1691
.footer_right {
1692
    width:34%;
1693
    float:left;
1694
}
1695
.footer_head {
1696
    padding:7px 0 20px 0;
1697
 
1698
}
1699
.footer_col {
1700
    float:left;
1701
}
1702
.footer_head_color {
1703
    width:100px;
1704
    float:left;
1705
    height:16px;
1706
}
1707
.footer_head_color {
1708
    width:140px;
1709
    float:left;
1710
    padding:5px 0px 5px 0px!important;
1711
}
1712
.footer_col .footer_top {
1713
    clear:both;
1714
    float:left;
1715
    padding:5px 10px 5px 0px!important;
1716
    width:155px;
1717
}
1718
.footer p {
1719
    clear:both;
1720
    float:none;
1721
    padding:3px 0 3px 0;
1722
}
1723
.footer ul {
1724
    clear:both;
1725
    float:none;
1726
}
1727
.footer li {
1728
    list-style-type:none;
1729
    padding:3px 0 3px 0;
1730
}
1731
.footer_logo {
1732
    float:left;
1733
}
1734
.footer_text {
1735
 
1736
    float:left;
1737
    padding:0 0 0 15px;
1738
}
1739
.footer .inner {
1740
 
1741
}
1742
 
1743
 
1744
.footer .herstellerListe {
1745
    width:80px;
1746
}
1747
 
1748
.hersteller_menu {
1749
    float:left;
1750
    text-align:center;
1751
}
1752
/* ENDE Footer */
1753
 
1754
.break {
1755
    clear:both;
1756
    float:none;
1757
}
1758
.linebreak {
1759
    clear:                          both;
1760
    float:                          none;
1761
    height:15px;
1762
    border-bottom:1px solid #ccc;
1763
    margin-bottom:20px;
1764
}
1765
/* jQuery Autosuggest: start */
1766
#result {
1767
    height:                         20px;
1768
    padding:                        5px;
1769
    margin-bottom:                  10px;
1770
}
1771
 
1772
.suggestionsBox {
1773
    position:                       absolute;
1774
    margin-top:180px;
1775
    margin-left:20px;
1776
    padding:                        0px;
1777
}
1778
 
1779
.suggestionList {
1780
    margin:                         0px;
1781
    margin-top:0px;
1782
    padding:                        0px;
1783
}
1784
/* das sucheingabefeld */
1785
 
1786
 
1787
#select-wrapper{
1788
	display: inline-block;
1789
    border: none;
1790
	border-left: 1px solid #d8d8d8;
1791
	background: url("/images/webelemente/butt_arrow_down.png") no-repeat right;
1792
    overflow: hidden;
1793
	cursor: pointer;
1794
    float:left;
1795
    width: 155px;
1796
    margin: 5px 5px 0 -168px;
1797
    padding: 0 5px 0 0;
1798
 
1799
}
1800
#select-wrapper, #select-wrapper select{
1801
	height: 30px;
1802
	line-height: 30px;
1803
 
1804
}
1805
#select-wrapper select{
1806
	z-index: 2;
1807
    width: 180px;
1808
	cursor: pointer;
1809
	outline: none;
1810
    background: transparent;
1811
    border-radius: 0;
1812
    border: none;
1813
    -webkit-appearance: none;
1814
}
1815
#search_type:focus{
1816
    outline: 0;
1817
}
1818
ul {
1819
    padding:                        0;
1820
    margin:                         0;
1821
}
1822
 
1823
#suggest {
1824
    position:                       relative;
1825
}
1826
 
1827
.checkbox {
1828
    float:                          left;
1829
    margin-right:                   10px;
1830
}
1831
/* jQuery Autosuggest: ende  */
1832
 
1833
 
1834
.left .sonderkasten {
1835
    width:177px;
1836
    padding:10px;
1837
    margin:0px;
1838
    float:left;
1839
}
1840
.left .sonderkasten p {
1841
    margin:-10px 0 0 0;
1842
 
1843
}
1844
.left .left_img {
1845
    padding:0px;
1846
    width:20px;
1847
    height:30px;
1848
    float:left;
1849
 
1850
}
1851
.left_text {
1852
    float:left;
1853
    width:100px;
1854
    padding-left:5px;
1855
}
1856
.left .sonderkasten .left_text p {
1857
    padding:0px !important;
1858
}
1859
 
1860
.sk_title {
1861
    padding-left:10px;
1862
    padding-top:5px;
1863
}
1864
.content .detail {
1865
    text-align:right;
1866
    float:right;
1867
    padding-right:5px;
1868
    padding-top:5px;
1869
}
1870
.content .detail img {
1871
    position:absolute;
1872
    margin-left:-47px;
1873
    margin-top:-4px;
1874
    width:42px;
1875
    height:43px;
1876
}
1877
.content .lastvisited {
1878
    padding-top:40px;
1879
    clear:both;
1880
    float:none;
1881
    border-top:1px solid #ddd;
1882
    background-color:#fff;
1883
}
1884
.content .lastvisited_headline {
1885
    padding-top:15px;
1886
    width:1090px!important;
1887
    clear:both;
1888
    float:none;
1889
}
1890
.content .neueProdukte,
1891
.content  .lastvisited,
1892
.content  .kundenBesuchtenAuch {
1893
    width:100%;
1894
    float:left;
1895
    margin:0% 0;
1896
}
1897
.content .neueProdukte .bx-wrapper,
1898
.content  .lastvisited .bx-wrapper,
1899
.content  .kundenBesuchtenAuch .bx-wrapper{
1900
    padding: 0 0% 40px;
1901
    float:left;
1902
}
1903
.content .neueProdukte .bx-wrapper .bx-viewport,
1904
.content  .lastvisited .bx-wrapper .bx-viewport,
1905
.content  .kundenBesuchtenAuch .bx-wrapper .bx-viewport{
1906
    padding-top: 10px;
1907
    padding-bottom: 10px;
1908
}
1909
.content .neueProdukte .item_slider_inner .item_slider_top,
1910
.content  .lastvisited .item_slider_inner .item_slider_top,
1911
.content  .kundenBesuchtenAuch .item_slider_inner .item_slider_top{
1912
    position:absolute;
1913
}
1914
.content .neueProdukte .item_slider_inner .item_slider_img,
1915
.content .lastvisited .item_slider_inner .item_slider_img,
1916
.content  .kundenBesuchtenAuch .item_slider_inner .item_slider_img {
1917
    text-align:center!important;
1918
    clear:both;
1919
    float:none;
1920
    overflow:hidden;
1921
    max-height:105px;
1922
    max-width:155px;
1923
    margin:0 auto;
1924
}
1925
.content .neueProdukte .item_slider_inner .item_slider_img img,
1926
.content .lastvisited .item_slider_inner .item_slider_img img,
1927
.content  .kundenBesuchtenAuch .item_slider_inner .item_slider_img img{
1928
    display:block!important;
1929
    margin:0 auto;
1930
}
1931
.content .neueProdukte .item_slider_inner .item_slider_wrapper,
1932
.content  .lastvisited .item_slider_inner .item_slider_wrapper,
1933
.content  .kundenBesuchtenAuch .item_slider_inner .item_slider_wrapper{
1934
    float:left;
1935
    width: 96%;
1936
    padding:0 2%;
1937
    height:100px;
1938
    text-align:center;
1939
}
1940
.content .neueProdukte .item_slider_inner .item_slider_wrapper a,
1941
.content .lastvisited .item_slider_inner .item_slider_wrapper a,
1942
.content .kundenBesuchtenAuch .item_slider_inner .item_slider_wrapper a{
1943
    width:100%;
1944
    text-align:center;
1945
}
1946
.content .neueProdukte .item_slider_inner .item_slider_wrapper span,
1947
.content .neueProdukte .item_slider_inner .item_slider_wrapper h3,
1948
.content  .lastvisited .item_slider_inner .item_slider_wrapper span,
1949
.content  .lastvisited .item_slider_inner .item_slider_wrapper h3,
1950
.content  .kundenBesuchtenAuch .item_slider_inner .item_slider_wrapper span,
1951
.content  .kundenBesuchtenAuch .item_slider_inner .item_slider_wrapper h3 {
1952
    height:33%;
1953
    padding:2%;
1954
    display:block;
1955
    width:96%;
1956
}
1957
.content .neueProdukte .item_slider_inner .item_preis,
1958
.content  .lastvisited .item_slider_inner .item_preis,
1959
.content  .kundenBesuchtenAuch .item_slider_inner .item_preis {
1960
    font-size:14px;
1961
}
1962
 
1963
.box_3 .lastVisitItemZoom{
1964
    width:125px !important;
1965
    z-index:999;
1966
    /*height:180px !important;*/
1967
}
1968
.lastvisited .box_3{
1969
    margin:0px 2px;
1970
}
1971
 
1972
/** bottomcontent z.b. lastvisited etc. **/
1973
{
1974
    float:left;
1975
    width:100%;
1976
    overflow:hidden;
1977
    margin-right:0px;
1978
}
1979
.content .box_top,
1980
.content  .box_top{
1981
    width:96%;
1982
    padding:7px 2%;
1983
    float:left;
1984
    min-height:20px;
1985
 
1986
}
1987
/** /bottomcontent z.b. lastvisited etc. **/
1988
.content  .hersteller_slider,
1989
.content  .zahlarten {
1990
    float:left;
1991
    width:100%;
1992
}
1993
.content  .zahlarten .zahlarten_wrapper{
1994
    background-color:transparent;
1995
    float:left;
1996
    width:90%;
1997
    padding: 0 5% 40px;
1998
}
1999
.content  .zahlarten .zahlarten_wrapper div {
2000
    display:table-cell!important;
2001
    width:20%;
2002
    vertical-align:middle!important;
2003
}
2004
.content  .zahlarten .zahlarten_wrapper img {
2005
   width:100%;
2006
   float:left;
2007
}
2008
 
2009
.content .lupe_bg {
2010
    background:url(/images/webelemente/filtern_lupe.jpg) no-repeat;
2011
    background-position:10px 10px;
2012
}
2013
.content .subdir_info p {
2014
    padding:0px 10px 10px 1px;
2015
    float:left;
2016
}
2017
.content .subdir_head h1 {
2018
}
2019
.content .subdir_text {
2020
    float:left;
2021
 
2022
    padding:0;
2023
    margin:0px 0 0 0;
2024
}
2025
.content .subdir_image {
2026
    padding:10px 0 10px 0;
2027
    text-align:center;
2028
    float:right;
2029
}
2030
.content .subdir_sort {
2031
    width:96%;
2032
    background-color:#fff;
2033
    padding:2%;
2034
    float:right;
2035
}
2036
.content .subdir_sort select {
2037
    clear:both;
2038
    margin:5px 10px 5px 0px;
2039
}
2040
.content .subdir_sort_button {
2041
    padding:20px;
2042
    text-align:right;
2043
}
2044
.submitbutton {
2045
 
2046
}
2047
.content #beschreibung ul {
2048
    border:none!important;
2049
}
2050
.content #beschreibung li {
2051
    padding:0!important;
2052
}
2053
.content #reiter {
2054
    clear:both;
2055
    float:left;
2056
    margin-top:2%;
2057
    width:96%;
2058
    padding:0;
2059
    margin-bottom: 2%;
2060
    text-transform:uppercase;
2061
}
2062
.content #reiter .ui-tabs-panel {
2063
    width:100%;
2064
}
2065
.content #reiter .ui-tabs{
2066
    padding:0;
2067
}
2068
#merken {
2069
 
2070
}
2071
.jetztKaufenButton,
2072
.log_button,
2073
.zurueckButton,
2074
.content .box_2 .bestellartWrapper .bestellartbox .bestellartButtons input,
2075
.weiterButton,
2076
.backToShopButton,
2077
.zurKasseButton,
2078
.druckenButton,
2079
#merken {
2080
	display:inline-block;
2081
	cursor:pointer;
2082
    padding:12px 45px;
2083
	text-decoration:none;
2084
}
2085
#tabsBasket {
2086
    float:left;
2087
    width:86%;
2088
    max-width:1027px;
2089
    padding:2% 8%;
2090
    border-style:none;
2091
    margin-bottom: 2%;
2092
}
2093
#tabsBasket .ui-tabs-panel  {
2094
    min-height: 400px;
2095
}
2096
#tabsBasket > div,
2097
.content #reiter > div{
2098
    padding: 2%;
2099
 
2100
}
2101
#tabsBasket ul,
2102
.content #reiter ul {
2103
    border-bottom:1px solid #d6d6d6;
2104
    margin-left:0px;
2105
    padding:0px;
2106
    border-top: 0px none;
2107
    border-right: 0px none;
2108
    border-left: 0px none;
2109
}
2110
#tabsBasket ul li,
2111
.content #reiter ul li {
2112
 
2113
}
2114
.content #reiter > div,
2115
#tabsBasket > div{
2116
    border-bottom: 1px solid #d6d6d6;
2117
    border-right: 1px solid #d6d6d6;
2118
    border-left: 1px solid #d6d6d6;
2119
}
2120
 
2121
#accordionBasket #favoriten #artikel,
2122
#tabsBasket #favoriten #artikel{
2123
    float:none;
2124
}
2125
#accordionBasket #favoriten #artikel .add_item_from_subdir,
2126
#tabsBasket #favoriten #artikel .add_item_from_subdir{
2127
    /*height: 45px;
2128
    min-width: 55px;*/
2129
}
2130
#accordionBasket #favoriten #artikel .mengeninput,
2131
#tabsBasket #favoriten #artikel .mengeninput{
2132
    width: 100%;
2133
    max-width: 45px;
2134
}
2135
#accordionBasket #favoriten .favoriteButton,
2136
#tabsBasket #favoriten .favoriteButton {
2137
    background-position: 0 0px;
2138
    height: 55px;
2139
    width: 100%;
2140
    max-width:320px!important;
2141
}
2142
#accordionBasket #letzteBestellungen .order_details,
2143
#tabsBasket #letzteBestellungen .order_details{
2144
    padding: 2% 3%;
2145
    border-left: 1px solid;
2146
    margin-left: 1%;
2147
 
2148
}
2149
#accordionBasket #letzteBestellungen .order_details *,
2150
#tabsBasket #letzteBestellungen .order_details *{
2151
 
2152
}
2153
#overDiv {
2154
    border:1px solid #808080;
2155
    padding:0px;
2156
    z-index:999999999999!important;
2157
    position:absolute;
2158
    text-align:left;
2159
}
2160
.content .basket_table_left {
2161
    float:left;
2162
    width:99%;
2163
 }
2164
.content .basket_table_right {
2165
    float:right;
2166
    width:100%;
2167
 
2168
}
2169
.content .versicherung {
2170
    float:left;
2171
    left:300px;
2172
    padding:5px 10px 10px 10px;
2173
    width:300px;
2174
}
2175
.content .zubehoer_scroll {
2176
    clear:both;
2177
    float:left;
2178
    width:700px;
2179
    padding:0 0 0 20px;
2180
}
2181
.content .item_zubehoer {
2182
 
2183
    float:right;
2184
    width:350px!important;
2185
    padding:0 0 0 0px;
2186
    margin-left:-11px;
2187
}
2188
.bottom_nav {
2189
    float:right;
2190
    margin:0px 0 0px 0;
2191
    text-align:right;
2192
 
2193
}
2194
.bottom_nav2 {
2195
    float:left;
2196
    margin:0px 0 0px 0;
2197
    text-align:center;
2198
    width: 100%;
2199
 
2200
}
2201
 
2202
.content .basket_top {
2203
    width:584px;
2204
    height:29px;
2205
 
2206
    padding-left:0px;
2207
    padding-top:14px;
2208
    margin-top:-14px;
2209
}
2210
.basket-table-items {
2211
    width:100%;
2212
    margin:5px 0 10px 10px;
2213
 
2214
}
2215
 
2216
.basket-table-items td,
2217
.basket-table-items th {
2218
    font-weight:normal;
2219
    padding:3px;
2220
    vertical-align:top;
2221
}
2222
.basket-table-items thead {
2223
    height:30px;
2224
    vertical-align:top;
2225
    font-weight:normal;
2226
}
2227
.basket_preis {
2228
    width:200px!important;
2229
    text-align:right;
2230
}
2231
.basket_summe {
2232
    width:200px!important;
2233
    text-align:right;
2234
}
2235
.basket_row td {
2236
    border-bottom:1px dotted #808080;
2237
    padding:4px;
2238
}
2239
.basket_versand {
2240
    width:530px;
2241
    margin:20px;
2242
}
2243
.basket_head {
2244
 
2245
    border-bottom:1px dotted #606060;
2246
    width:600px;
2247
    text-align:left;
2248
}
2249
.basket_head1 {
2250
    text-align:left;
2251
    border-bottom:1px dotted #606060;
2252
 
2253
    padding:10px 0 0 5px;
2254
}
2255
.basket_head2 {
2256
    text-align:left;
2257
 
2258
    border-bottom:1px dotted #606060;
2259
}
2260
.bottom_nav table {
2261
    margin: 0 0 20px 0;
2262
}
2263
.basket_versand_item {
2264
    height:30px;
2265
    border-bottom:1px dotted #cecece;
2266
    vertical-align:top;
2267
    padding:10px;
2268
 
2269
}
2270
.basket_table {
2271
    width:100%;
2272
    margin:0px;
2273
    overflow:hidden;
2274
}
2275
.basket_table * {
2276
 
2277
}
2278
.basket_table td {
2279
    padding:5px;
2280
}
2281
 
2282
/* Klassen bestellvorgang */
2283
.bestellartbox{
2284
    float:left;
2285
    width:32%;
2286
    padding: 5px;
2287
 
2288
}
2289
.bestellartbox {
2290
 
2291
}
2292
 
2293
/*------------------------*/
2294
/* Klassen Basket */
2295
 
2296
.loginInfo{
2297
    min-width: 849px;
2298
}
2299
 
2300
/*----------------*/
2301
 
2302
.req {
2303
 
2304
 
2305
    margin-top:4px;
2306
    margin-bottom:5px;
2307
}
2308
.neu_icon {
2309
    position:absolute;
2310
    margin:10px 0px 0 227px;
2311
 
2312
}
2313
.bottom_right {
2314
    text-align:right;
2315
    padding-top:1px;
2316
    padding-right:5px;
2317
}
2318
 
2319
.subdir_desc {
2320
 
2321
 
2322
    width:630px;
2323
    font-style:italic;
2324
    text-align:center;
2325
    padding:0 10px 0 10px;
2326
}
2327
 
2328
 
2329
 
2330
/* ME: klassen für das nichtGefunden-Modul  start */
2331
.content .not_found_small {
2332
    border:1px solid #ABB0B8;
2333
}
2334
.content #ng_top {
2335
    width: 96%;
2336
    display:none;
2337
    border:1px solid #ABB0B8;
2338
    padding:2%;
2339
    float:left;
2340
}
2341
.content #ng_top .title {
2342
    float:left;
2343
}
2344
.content #ng_top .hide {
2345
    float:right;
2346
    margin:-10px 0 0 0px;
2347
}
2348
.content #ng_top .text {
2349
    clear:both;
2350
    float:none;
2351
    padding:10px 1% 20px 0;
2352
 
2353
}
2354
.content #ng_top .form .eingabefeld {
2355
    float:left;
2356
    margin:0 1% 0 0;
2357
}
2358
.content #ng_top .form #send_ng{
2359
    float:right;
2360
    margin:15px 0 0 1px;
2361
}
2362
/* ME: klassen für das nichtGefunden-Modul  end */
2363
 
2364
 
2365
/* NEWS MODUL */
2366
.news_img {
2367
    float:left;
2368
    width:120px;
2369
}
2370
 
2371
.news_text {
2372
 
2373
}
2374
#overDiv {
2375
 
2376
    padding:3px;
2377
}
2378
#message {
2379
    width:505px;
2380
    text-align:center;
2381
    padding:10px;
2382
}
2383
.neue_produkte {
2384
    margin-top:10px;
2385
    margin-left:0px;
2386
    position:absolute;
2387
    width:174px;
2388
}
2389
.right .box_middle .np_title {
2390
 
2391
 
2392
}
2393
.more_link {
2394
    padding:0px;
2395
    margin:0px;
2396
}
2397
.ui-state-error {
2398
 
2399
    width:auto!important;
2400
    padding:10px!important;
2401
}
2402
.errorBox {
2403
    padding:20px;
2404
}
2405
.item_img {
2406
    clear:both;
2407
    float:left;
2408
    margin:20px;
2409
    text-align:center;
2410
    width:544px;
2411
 
2412
}
2413
.item_hersteller {
2414
    position:absolute;
2415
    clear:both;
2416
    text-align:left;
2417
    margin:0.5%;
2418
}
2419
.eigenschaften {
2420
    border-top:3px solid #fff;
2421
}
2422
.t3content {
2423
    padding:10px;
2424
}
2425
.t3content ul {
2426
    margin:5px 0 0 20px;
2427
}
2428
.t3content ol {
2429
    margin:5px 0 0 20px;
2430
}
2431
.contenttable {
2432
    margin-left:0px;
2433
    margin-bottom:10px;
2434
    width: 100% !important;
2435
    float: left;
2436
}
2437
.middlecontent h3,
2438
.middlecontent h4 {
2439
 
2440
    margin-left:10px;
2441
}
2442
.contenttable h3 {
2443
    margin:5px 0 0 0;
2444
    padding:0px;
2445
}
2446
.contenttable th {
2447
    text-align:left;
2448
}
2449
.contenttable td {
2450
    vertical-align:top;
2451
    padding:0px;
2452
 
2453
}
2454
 
2455
 
2456
 
2457
.noborder th,
2458
.noborder td {
2459
    border-style:none !important;
2460
}
2461
 
2462
/* DIE ICONS IN DEN KLEINEN BOXEN START */
2463
.icon {
2464
    width:42px;
2465
    height:43px;
2466
    position:absolute;
2467
    margin-top:5px;
2468
    margin-left:150px;
2469
}
2470
/* DIE ICONS IN DEN KLEINEN BOXEN ENDE */
2471
 
2472
 
2473
 
2474
/* WARENKORB Klassen START */
2475
.content .basketNav {
2476
    padding:0px;
2477
    height:42px;
2478
    margin:0 0 10px 5px!important;
2479
    overflow:hidden;
2480
}
2481
.content .basketNav2 {
2482
    overflow:hidden;
2483
    float: left;
2484
    width:100%;
2485
    border-bottom: 2px solid #565656;
2486
    overflow: visible;
2487
}
2488
.content .basketNav2 .headline{
2489
    clear:both;
2490
    float:left;
2491
    width: 35%;
2492
    margin-bottom: 0px;
2493
    height: auto;
2494
}
2495
.content .basketNav2 .basketNav2Image{
2496
    width:65%;
2497
    float:left;
2498
    position:relative;
2499
    z-index:1;
2500
}
2501
.content .basketNav2 .basketNav2Image img{
2502
    float:left;
2503
    margin: 0px 0 0 0px;
2504
}
2505
 
2506
.content .box_2_basket {
2507
    margin-bottom:10px;
2508
    display: inline-block;
2509
}
2510
.content .box_2_basket * {
2511
 
2512
}
2513
 
2514
 
2515
/* WARENKORB Klassen ENDE */
2516
.billigerGesehen_form {
2517
 
2518
}
2519
.neue_produkte {
2520
    display:none;
2521
}
2522
 
2523
.content #map_canvas {
2524
    margin-left:10px;
2525
}
2526
 
2527
 
2528
/* VERTICAL CENTER! START */
2529
.content .box_1 .subdir,
2530
.content .box_1 .itembox {
2531
    float:left;
2532
    display: table-cell;
2533
    vertical-align: middle;
2534
    text-align:center;
2535
    height: 160px;
2536
    padding-right:0px;
2537
    margin:0px 0 10px 0;
2538
}
2539
.content .box_1 .itembox {
2540
    height:310px !important;
2541
 
2542
}
2543
.content .box_1 .subdir *,
2544
.content .box_1 .itembox *,
2545
.content .box_1 .box_item_img * {
2546
    vertical-align: middle;
2547
}
2548
 
2549
.content .box_1 .subdir,
2550
.content .box_1 .box_item_img {
2551
    display: block;
2552
    padding-top:5px;
2553
}
2554
.content .box_1 .subdir span,
2555
.content .box_1 .box_item_img span {
2556
    display: inline-block;
2557
    height:100%;
2558
    width: 1px;
2559
}
2560
/* VERTICAL CENTER! ENDE */
2561
 
2562
.req_fields {
2563
    padding-left:10px;
2564
}
2565
.content .item_bg {
2566
    background-image:url(/images/webelemente/item_bg.jpg);
2567
    background-repeat:no-repeat;
2568
    background-position:281px 20px;
2569
}
2570
 
2571
.content .middle {
2572
    margin:10px;
2573
 
2574
}
2575
.content .gratisartikel {
2576
    clear:both;
2577
    float:none;
2578
    position:absolute;
2579
    margin-top:-27px;
2580
}
2581
.content .box_2 .box_middle ul.csc-menu {
2582
    list-style-type:none;
2583
 
2584
    margin:20px;
2585
}
2586
.basket_icon {
2587
    position:absolute;
2588
    margin:-20px 0 0 140px;
2589
}
2590
.preis_big {
2591
    font-style:italic;
2592
    padding-right:10px;
2593
}
2594
.liefer_0,
2595
.liefer_1,
2596
.liefer_2,
2597
.liefer_3,
2598
.liefer_4 {
2599
    display:inline-block;
2600
    margin-bottom:10px;
2601
    text-align:left;
2602
    width:100%;
2603
    padding:0 0 0 8px;
2604
}
2605
.liefer_0 img,
2606
.liefer_1 img,
2607
.liefer_2 img,
2608
.liefer_3 img,
2609
.liefer_4 img {
2610
    float:left;
2611
    margin: 0px 1% 0 0.1%;
2612
}
2613
.itemRightLeft .liefer_0 img,
2614
.itemRightLeft .liefer_1 img,
2615
.itemRightLeft .liefer_2 img,
2616
.itemRightLeft .liefer_3 img,
2617
.itemRightLeft .liefer_4 img {
2618
    margin: 0px 1% 0 0.1%;
2619
}
2620
 
2621
.content .subdirStammImage {
2622
    float:left;
2623
    width:20%;
2624
    text-align:center;
2625
}
2626
.content .subdirStammText {
2627
    float:left;
2628
    padding-left:5%;
2629
    width:65%;
2630
}
2631
.content .subdir_preis {
2632
    width:750px;
2633
    text-align:right;
2634
 
2635
}
2636
.stamm_thumbs {
2637
    float:right;
2638
    margin-top:20px;
2639
    width:110px;
2640
    text-align:right;
2641
    padding:0 0 0 0;
2642
}
2643
.stamm_thumbs ul{
2644
    list-style-type: none;
2645
}
2646
.stamm_thumbs li{
2647
    border: 1px solid #D7D8D8;
2648
    margin: 5px 0px 5px 0px!important;
2649
    text-align: center;
2650
 
2651
}
2652
/* ArtikelStamm Tabelle START */
2653
#artikel {
2654
    margin:20px 0 0 0px;
2655
    float:left;
2656
    width: 100%;
2657
}
2658
#artikel .itemTable_container{
2659
    float:left;
2660
    width: 100%;
2661
    display: table;
2662
}
2663
#artikel .itemTable_container div{
2664
    display: table-row;
2665
}
2666
#artikel .itemTable_container div div{
2667
    display: table-cell;
2668
    float:left;
2669
    padding: 1%;
2670
}
2671
#artikel .itemTable_container .itemTable_row{
2672
    border-bottom: 1px solid #000;
2673
    float: left;
2674
    width: 100%;
2675
}
2676
#artikel .itemTable_container .bild{
2677
    width: 5%;
2678
    float: left;
2679
}
2680
#artikel .itemTable_container .basket img,
2681
#artikel .itemTable_container .bild img{
2682
    width: 100%;
2683
}
2684
#artikel .itemTable_container .bezeichnung{
2685
    width: 50%;
2686
}
2687
#artikel .itemTable_container .lieferstatus{
2688
    width: 15%;
2689
    text-align:center;
2690
}
2691
#artikel .itemTable_container .basket{
2692
    width: 5%;
2693
    height:auto;
2694
    float: right;
2695
}
2696
 
2697
.itemTableBox {
2698
    border:1px solid #ccc;
2699
    width:100%;
2700
 
2701
}
2702
.tbl_static_header {
2703
    padding:2px;
2704
 
2705
}
2706
.tbl_dyn_header td {
2707
 
2708
    padding:2px;
2709
 
2710
}
2711
.dyn_header {
2712
    border-left:1px dotted #ccc;
2713
    vertical-align:top;
2714
}
2715
.tbl_dyn_cell {
2716
    border:1px dotted #ccc;
2717
    padding:2px;
2718
    vertical-align:top;
2719
}
2720
.tbl_static_cell {
2721
    padding:2px 2px 0px 2px;
2722
    vertical-align:top;
2723
}
2724
.topborder {
2725
    border-top:1px solid #7C7C7C;
2726
}
2727
.art_table_desc {
2728
    display:none;
2729
 
2730
}
2731
.art_table_desc td {
2732
    padding:3px 3px 10px 3px;
2733
}
2734
/* ArtikelStamm Tabelle ENDE */
2735
 
2736
 
2737
.item_options {
2738
    clear:both;
2739
    float:none;
2740
 
2741
    margin:0;
2742
    padding-left:30px;
2743
    text-align:left;
2744
}
2745
.item_options label {
2746
    width:100px;
2747
 
2748
    float:left;
2749
    clear:both;
2750
}
2751
.item_lieferstatus_text {
2752
 
2753
}
2754
.backbutton {
2755
    float:right;
2756
    border:1px solid #D3D3D3;
2757
    background-color:#E9E9E9;
2758
    padding:5px;
2759
    text-align:center;
2760
}
2761
.backbutton:hover {
2762
    border:1px solid #999;
2763
    background-color:#E5E5E5;
2764
}
2765
.backbutton a:link,
2766
.backbutton a:active,
2767
.backbutton a:visited {
2768
    color:#666;
2769
}
2770
.backbutton a:hover {
2771
    color:#000;
2772
    text-decoration:none;
2773
}
2774
 
2775
.artikel_table {
2776
    margin-left:0px;
2777
    overflow:auto;
2778
}
2779
.artstammLink {
2780
    padding:5px;
2781
 
2782
    position:absolute;
2783
    float:left;
2784
}
2785
.log_button {
2786
    margin:10px 0 0 0px;
2787
    width: 128px;
2788
}
2789
.versanduebersicht {
2790
    width:100%;
2791
    float:left;
2792
    padding:2%;
2793
}
2794
.versanduebersicht td {
2795
    padding:3px;
2796
}
2797
 
2798
.versandfrei {
2799
    margin:0%;
2800
}
2801
.versandauswahl{
2802
    width:100%;
2803
    border-bottom: none;
2804
}
2805
.versandauswahl td{
2806
    vertical-align: middle;
2807
    height:50px;
2808
}
2809
.gb_body {
2810
    padding:10px;
2811
 
2812
}
2813
.gb_nav {
2814
    border-bottom:1px dotted #666;
2815
    padding:2px;
2816
    text-align:center;
2817
 
2818
}
2819
.gb_entry_0 {
2820
    padding:3px;
2821
    border-bottom:1px dotted #666;
2822
 
2823
}
2824
.gb_entry_1 {
2825
    padding:2px;
2826
    border-bottom:1px dotted #666;
2827
}
2828
.gb_name {
2829
 
2830
 
2831
}
2832
.gb_text {
2833
    padding:10px;
2834
}
2835
 
2836
 
2837
ul.jqzoom{
2838
    list-style: none;
2839
}
2840
ul.jqzoom li{
2841
    display:inline;
2842
}
2843
.jqzoom_img {
2844
    width:200px;
2845
    position:absolute;
2846
    top:70px;
2847
    left:10px;
2848
}
2849
 
2850
 
2851
.left .toggle_login_hide {
2852
    cursor:pointer;
2853
}
2854
.left .toggle_kontakt_hide {
2855
    cursor:pointer;
2856
}
2857
.left .login_hide {
2858
    display:none;
2859
 
2860
}
2861
.left .kontakt_hide {
2862
 
2863
}
2864
 
2865
.login_ul {
2866
    list-style-type:none;
2867
    margin:0px 0 0 0px;
2868
}
2869
.login_ul li {
2870
 
2871
}
2872
.login_ul_loggedin {
2873
    margin:-10px 0 0 0px;
2874
    list-style-type:none!important;
2875
}
2876
 
2877
 
2878
 
2879
.pagination_container {
2880
    margin: 0px 0 0px 0!important;
2881
    clear:both!important;
2882
    width:100%;
2883
    position: relative;
2884
 
2885
    float:left;
2886
}
2887
.pagination_container div{
2888
    width:31%;
2889
    padding:5px 1%;
2890
    float: left;
2891
}
2892
.pagination_container div:nth-child(2){
2893
    text-align: center;
2894
}
2895
.pagination_container div:nth-child(3){
2896
    text-align: right;
2897
}
2898
.pagination_container div div{
2899
    width: 100%;
2900
}
2901
.pagination_container .active{
2902
 
2903
}
2904
.pagination {
2905
    clear:both!important;
2906
    float:none!important;
2907
}
2908
.pagination_container .active{
2909
}
2910
.versandTitle {
2911
 
2912
}
2913
.basket-items-overview img {
2914
    max-height:100px;
2915
}
2916
.basket_print {
2917
    position:absolute;
2918
 
2919
    margin:5px 0 0 540px;
2920
}
2921
.box_middle_inner {
2922
    padding:10px 0 10px 10px;
2923
}
2924
object {
2925
 /*   display:none!important;*/
2926
}
2927
 
2928
/* HerstelleListe/INFO */
2929
ul.herstellerListe {
2930
    float:left;
2931
    padding-right:20px;
2932
}
2933
.herstellerListe li {
2934
    width:140px;
2935
}
2936
.hText {
2937
    float:left;
2938
    padding:10px;
2939
    width:600px;
2940
}
2941
.hLogo {
2942
    width:300px;
2943
    float:left;
2944
}
2945
.bestellvorgang * {
2946
 
2947
}
2948
.bestellvorgang {
2949
    width: 96%;
2950
    padding:2% 2%;
2951
    border:none;
2952
    float:left;
2953
    width:
2954
}
2955
.bestellvorgang h1 {
2956
    padding:5px;
2957
}
2958
.alph {
2959
    padding:10px 2%;
2960
    width:96%;
2961
}
2962
.alph li {
2963
    float:left;
2964
    list-style-type:none;
2965
    padding:0 3px 0 3px;
2966
}
2967
.hersteller_alph {
2968
    clear:both;
2969
    float:none;
2970
    width:96%;
2971
    padding:12px;
2972
}
2973
.hersteller_alph li {
2974
    float:left;
2975
    list-style-type:none;
2976
    padding:0 10px 0 10px;
2977
    width:170px;
2978
}
2979
.back {
2980
    /*clear:both;*/
2981
    float:right;
2982
    /*margin:20px;*/
2983
}
2984
#register {
2985
    display:none;
2986
}
2987
 
2988
.pw {
2989
    display:none;
2990
}
2991
.switch {
2992
    float:right;
2993
}
2994
#switch_small {
2995
    cursor:pointer;
2996
    float:right;
2997
}
2998
#switch_big {
2999
    cursor:pointer;
3000
    float:right;
3001
}
3002
.box_2_sort {
3003
 
3004
}
3005
.box_top_sort {
3006
    padding:3px 0px 3px 10px;
3007
    width:996px;
3008
    overflow:hidden;
3009
}
3010
.box_top_sort h1 {
3011
}
3012
.box_middle_sort {
3013
    clear:both;
3014
    float:left;
3015
    width:1006px;
3016
    margin-bottom:10px!important;
3017
}
3018
.small_img {
3019
    display:none;
3020
}
3021
.switch {
3022
    padding:4px;
3023
    float:left;
3024
}
3025
.switch img {
3026
    width:15px;
3027
}
3028
.versandinfo {
3029
    display:none;
3030
}
3031
.item_addons {
3032
    clear:both;
3033
    float:none;
3034
}
3035
 
3036
.toggle_versand {
3037
}
3038
.neu_icon_mini {
3039
    position:absolute;
3040
    left:70px;
3041
    top:-10px;
3042
}
3043
.neu_icon_mini img {
3044
    width:60px;
3045
}
3046
.art_count {
3047
    float: left;
3048
    padding-top:14px;
3049
}
3050
.billiger {
3051
    padding:5px 0 0 0;
3052
}
3053
.special_buy {
3054
    padding:10px 0 10px 0;
3055
}
3056
 
3057
.checkbox_text {
3058
    margin-left:34px;
3059
    text-align:left;
3060
}
3061
.scrollDiv {
3062
    overflow:scroll;
3063
    width:500px;
3064
    height:400px;
3065
    padding:10px;
3066
 
3067
}
3068
.basket_comodo {
3069
    position:absolute;
3070
    margin:2px 0 0 736px;
3071
    width:76px;
3072
    height:26px;
3073
}
3074
.basket_comodo1 {
3075
    height: 26px;
3076
    position: absolute;
3077
    right: 76px;
3078
    top: 33px;
3079
    width: 76px;
3080
}
3081
.livechat {
3082
    display:none;
3083
    position:absolute;
3084
    border:1px solid #000;
3085
    margin:20px 0 0 500px;
3086
}
3087
.weban {
3088
    clear:both;
3089
    float:none;
3090
 
3091
    width:1009px;
3092
    padding:2px 0px 20px 0;
3093
 
3094
}
3095
.order td {
3096
 
3097
    padding:0 4px 0 4px;
3098
}
3099
.versand_header {
3100
    border: 1px solid #ccc;
3101
 
3102
}
3103
 
3104
.zusatz
3105
{
3106
    margin-right:5px;
3107
    width:100%;
3108
}
3109
.csc-textpic {
3110
    padding:10px 0;
3111
}
3112
#tl_popupSC5 {
3113
 
3114
}
3115
 
3116
/* Klassen von exorbyte */
3117
.exo-cats,
3118
.exo-multi-facet,
3119
.exo-price,
3120
#exo-header,
3121
.exo-list {
3122
 
3123
}
3124
 
3125
.addons
3126
{
3127
 
3128
}
3129
.chatStatus {
3130
    position:absolute;
3131
    margin:19px 0 0 484px;
3132
}
3133
 
3134
/* Kontaktformular */
3135
.middlecontent #mailform{
3136
 
3137
}
3138
 
3139
.middlecontent #mailform fieldset div label{
3140
	position: absolute;
3141
 
3142
    text-align: right;
3143
    width: 100px;
3144
}
3145
 
3146
.middlecontent #mailform fieldset div input,
3147
.middlecontent #mailform fieldset div textarea{
3148
    margin:0 0 0 105px;
3149
}
3150
 
3151
.middlecontent #mailform fieldset div textarea{
3152
	width:350px;
3153
}
3154
 
3155
.csc-mailform .csc-mailform-label{
3156
 
3157
}
3158
 
3159
.contact_spacer{
3160
	margin: 20px 0 !important;
3161
}
3162
.middlecontent #mailform fieldset div{
3163
	margin:0 0 5px 0;
3164
}
3165
 
3166
 
3167
.border_hell {
3168
    border:1px solid #EBE4D1!important;
3169
}
3170
.horizontal_verlauf {
3171
    background:url(/images/webelemente/horizontal_verlauf.gif) repeat-y;
3172
}
3173
.vertical_verlauf {
3174
    background:url(/images/webelemente/vertical_verlauf.gif) repeat-x;
3175
}
3176
.noborder{
3177
    border:none!important;
3178
}
3179
.border {
3180
    border:1px solid #f00;
3181
}
3182
 
3183
/* sonderkasten */
3184
.za_left {
3185
    float:left;
3186
    width:49%;
3187
}
3188
.za_right {
3189
    float:left;
3190
    width:49%;
3191
}
3192
.za_center {
3193
    width:100%;
3194
    text-align:center;
3195
    clear:both;
3196
    float:left;
3197
    padding:0px 0 0 0;
3198
}
3199
 
3200
.align_left {
3201
    text-align:left!important;
3202
}
3203
.align_center {
3204
    text-align:center!important;
3205
}
3206
.align_right {
3207
    text-align:right!important;
3208
}
3209
 
3210
.lowercase {
3211
    text-transform:lowercase!important;
3212
}
3213
.uppercase {
3214
    text-transform:uppercase!important;
3215
}
3216
.bold {
3217
 
3218
}
3219
.notbold {
3220
 
3221
}
3222
.padding {
3223
    padding:10px!important;
3224
}
3225
.padding_top {
3226
    padding-top:10px!important;
3227
}
3228
.padding_right {
3229
    padding-right:10px!important;
3230
}
3231
.padding_bottom {
3232
    padding-bottom:10px!important;
3233
}
3234
 
3235
/* allg. Font-Klassen ENDE */
3236
.vk_left {
3237
    width:45%;
3238
    text-align:right;
3239
    vertical-align:top;
3240
    padding-right:5px;
3241
}
3242
.vk_right {
3243
    width:55%;
3244
    text-align:left;
3245
    vertical-align:top;
3246
    padding-right:30px;
3247
}
3248
 
3249
.content .box_1 .artikelbox_top a {
3250
    display:block;
3251
 
3252
    height:50px;
3253
    padding:0 0 0 0px;
3254
}
3255
.left .sonderkasten_top {
3256
    width:180px;
3257
    padding:8px 10px 10px 10px;
3258
 
3259
}
3260
 
3261
 
3262
/* Aktionsslider */
3263
section .aktion{
3264
    width:100%;
3265
    float:left;
3266
}
3267
.aktion_slider{
3268
    display:none;
3269
    margin:0 auto!important;
3270
    margin-bottom:15px!important;
3271
}
3272
 
3273
.aktion_slider_placeholder{
3274
    height:237px;
3275
    width:913px!important;
3276
    line-height: 270px;
3277
    vertical-align: middle;
3278
    margin-bottom:15px;
3279
    text-align: center;
3280
}
3281
 
3282
.aktion_slider_placeholder img{
3283
    margin:0 auto!important;
3284
}
3285
 
3286
#aktionSlider{
3287
    height:237px;
3288
    float:left;
3289
    width:913px;
3290
    margin-left:49px;
3291
}
3292
 
3293
.aktionslider_navigation{
3294
    height:20px;
3295
    line-height: 20px;
3296
    vertical-align: middle;
3297
}
3298
 
3299
.caroufredsel_wrapper{
3300
    overflow: hidden;
3301
    text-align: center;
3302
}
3303
 
3304
 
3305
#prev_btn,#next_btn{
3306
    height:237px;
3307
    width: 49px;
3308
    cursor: pointer;
3309
    position: absolute;
3310
 
3311
}
3312
 
3313
#prev_btn{
3314
    background:url("/images/webelemente/scrollbox_left.gif")no-repeat;
3315
    background-position: right;
3316
    margin-left:0;
3317
    float:left;
3318
}
3319
 
3320
#next_btn{
3321
    background:url("/images/webelemente/scrollbox_right.gif")no-repeat;
3322
    background-position: left;
3323
    margin: 0 0 0 960px;
3324
    float:right;
3325
}
3326
 
3327
.aktionslider_navigation {
3328
    clear: both;
3329
    text-align: center;
3330
    line-height: 30px;
3331
    height: 30px;
3332
    vertical-align: middle;
3333
}
3334
 
3335
/* Aktionsslider ENDE*/
3336
 
3337
 
3338
 
3339
.toplink {
3340
    position:absolute;
3341
    margin-left:-72px;
3342
    margin-top:0px;
3343
}
3344
 
3345
/* item Detailseite neu */
3346
.itemContainer {
3347
    clear:both;
3348
    float:left;
3349
    width:988px;
3350
    padding:10px;
3351
    margin-bottom:10px;
3352
}
3353
.itemLeft {
3354
    width:180px;
3355
    float:left;
3356
}
3357
.itemContent {
3358
    width:500px;
3359
    float:left;
3360
    border:1px solid #f00;
3361
}
3362
.itemContent .itemNeu {
3363
    position:absolute;
3364
    margin:-10px 0 0 400px!important;
3365
}
3366
.itemRight {
3367
    text-align:right;
3368
    width:320px;
3369
    float:left;
3370
    padding:0 10px 0 0;
3371
}
3372
.itemBottom {
3373
    clear:both;
3374
    float:left;
3375
}
3376
 
3377
/* hersteller slider */
3378
.hersteller_slider {
3379
    margin:0;
3380
    width:100%;
3381
    float:left;
3382
    overflow:hidden;
3383
}
3384
.hersteller_slider_inner {
3385
    width:100%;
3386
    float:left;
3387
 
3388
}
3389
 
3390
/* hersteller_static */
3391
.hersteller_static {
3392
    display:inline-block;
3393
    margin:10px 0 0 0!important;
3394
    padding:10px;
3395
    width:978px!important;
3396
    overflow:hidden;
3397
    clear:both;
3398
    float:none;
3399
    text-align:center;
3400
}
3401
.hersteller_static div {
3402
    text-align:center!important;
3403
    float:left;
3404
    width:16%;
3405
}
3406
 
3407
 
3408
 
3409
/* Top Angebote */
3410
.angebote {
3411
    float:left;
3412
}
3413
.angebote h1 {
3414
    padding:0 0 0 15px;
3415
    width:200px;
3416
}
3417
.angebote h2 {
3418
 
3419
}
3420
/* UNSER STORE */
3421
.store {
3422
    width:998px;
3423
    float:left;
3424
    padding-bottom:20px;
3425
}
3426
.store01 {
3427
    float:left;
3428
    width:270px;
3429
}
3430
.store01 h1 {
3431
 
3432
    padding:0 0 0 15px;
3433
    width:200px;
3434
}
3435
.store01 h2 {
3436
 
3437
    padding:10px 15px 0px 15px;
3438
 
3439
}
3440
.store02 {
3441
    float:left;
3442
    width:170px;
3443
    text-align:right;
3444
 
3445
    padding-top:30px;
3446
}
3447
.store03 {
3448
    float:left;
3449
    padding:23px 10px 10px 10px;
3450
}
3451
.store04 {
3452
    float:left;
3453
    padding:23px 10px 10px 10px;
3454
}
3455
.preis_tiny {
3456
 
3457
    /*text-shadow:#000 1px 1px 1px;*/
3458
}
3459
/* neue Addons Technik */
3460
.addonItems {
3461
    clear:both;
3462
    float:none;
3463
    text-align:left;
3464
    display:table;
3465
 
3466
}
3467
.hidden {
3468
    display:none;
3469
}
3470
.addonItems_click {
3471
    float:left;
3472
}
3473
.box_addons {
3474
    margin:15px;
3475
    text-align:center;
3476
    vertical-align:middle;
3477
    float: left;
3478
    padding: 10px 0;
3479
    max-width:160px;
3480
}
3481
 
3482
.addonItemZoom {
3483
    position:absolute!important;
3484
    padding:0 15px 15px 15px;
3485
    width:140px;
3486
    background-color:#fff;
3487
    border:1px solid #ccc;
3488
    z-index:99999999999!important;
3489
    margin-top:-190px!important;
3490
}
3491
 
3492
.addonItemZoom .box_text {
3493
    text-align:center;
3494
}
3495
.addon_items_close {
3496
    border: 1px solid #ccc;
3497
    cursor: pointer;
3498
    float: right;
3499
    padding: 1% 5%;
3500
    position: absolute;
3501
    background-color: #fff;
3502
    right: 5px;
3503
    top: 5px;
3504
    z-index:9999999;
3505
}
3506
.addon_items_close:hover {
3507
    background-color:#ccc;
3508
}
3509
.addonBasketButton {
3510
    cursor:pointer;
3511
    clear:both;
3512
    float:left;
3513
    width:100%!important;
3514
    background-color:#ea3d01;
3515
    padding:1% 0;
3516
}
3517
.addonBasketButton img {
3518
    width:100%;
3519
    height:auto!important;
3520
    max-width:25px;
3521
}
3522
 
3523
 
3524
/* lastVisited */
3525
.lastVisit{
3526
    clear:both;
3527
    float:none;
3528
    text-align:left;
3529
    display:table;
3530
 
3531
}
3532
.lastVisitItem{
3533
    display:table-cell;
3534
    width:90px!important;
3535
    height:100px!important;
3536
    margin:5px;
3537
    text-align:center;
3538
    vertical-align:middle;
3539
}
3540
.lastVisitItemZoom {
3541
    margin:-70px 0 0 -135px;
3542
    position:absolute;
3543
    padding:15px;
3544
    width:150px;
3545
    /*height:200px;*/
3546
    height:auto!important;
3547
    border:1px solid #ccc;
3548
    z-index:999!important;
3549
    float:left;
3550
}
3551
.lastVisitItemZoom .box_text {
3552
    text-align:center;
3553
}
3554
 
3555
/* Item Detailseite */
3556
.itemLeftContainer {
3557
    float:left;
3558
    width: 60%;
3559
}
3560
.itemRightContainer {
3561
    width:33%;
3562
    float:left;
3563
    padding:0 2% 0 5%;
3564
}
3565
.itemRightContainer h1 {
3566
    padding:0;
3567
    margin:0;
3568
}
3569
 
3570
.itemTopContainer {
3571
    width:100%;
3572
    float:left;
3573
    padding: 1% 0 1% 0;
3574
}
3575
.itemRightLeft {
3576
    width:100%;
3577
    float:left;
3578
}
3579
.itemRightRight {
3580
    text-align:right;
3581
    float:right;
3582
}
3583
.itemTopSection {
3584
    padding:0px 10px 10px 0px;
3585
    clear:both;
3586
    float:left;
3587
    width:318px;
3588
    text-align:left;
3589
 
3590
}
3591
.itemTopSection h1{
3592
 
3593
}
3594
 
3595
.itemRightLeft option{
3596
    padding: 2px 10px 2px 10px;
3597
    border:0px!important;
3598
}
3599
.itemBasketSection {
3600
    padding:10px;
3601
    clear:both;
3602
    float:left;
3603
    width:375px;
3604
    margin:15px 10px 0 0;
3605
    text-align:center;
3606
 
3607
    /* Schatten */
3608
    /*box-shadow:1px 1px 2px #A9A9A9,
3609
              -1px 1px 2px #A9A9A9;
3610
    -moz-box-shadow:1px 1px 2px #A9A9A9,
3611
                   -1px 1px 2px #A9A9A9;
3612
    -ms-box-shadow:1px 1px 2px #A9A9A9,
3613
                  -1px 1px 2px #A9A9A9;
3614
    -webkit-box-shadow:1px 1px 2px #A9A9A9,
3615
                      -1px 1px 2px #A9A9A9;*/
3616
  /* IE 6-9 */
3617
  /*filter:
3618
  progid:DXImageTransform.Microsoft.Shadow(color=#A9A9A9,direction=90,strength=2),
3619
  progid:DXImageTransform.Microsoft.Shadow(color=#A9A9A9,direction=135,strength=2),
3620
  progid:DXImageTransform.Microsoft.Shadow(color=#A9A9A9,direction=180,strength=2),
3621
  progid:DXImageTransform.Microsoft.Shadow(color=#A9A9A9,direction=225,strength=2); */
3622
}
3623
.itemBasketButton {
3624
    width:100%;
3625
    clear:both;
3626
    float:left;
3627
    overflow:hidden;
3628
    margin-top:20px;
3629
}
3630
.itemBasketButton img {
3631
    width:100%;
3632
    max-width:320px;
3633
}
3634
.favoritenImgMerkenSmall,
3635
.favoritenImgGemerktSmall {
3636
    float:left;
3637
    text-align:center;
3638
    font-size:10px;
3639
    padding-top:22px;
3640
    /*
3641
    background:url("/images/webelemente/svg/icon_gemerkt.svg") no-repeat;
3642
    background-size: inherit;
3643
    */
3644
}
3645
.favoritenImgMerkenSmall img,
3646
.favoritenImgGemerktSmall img {
3647
    max-height:15px;
3648
}
3649
 
3650
.favoritenImgMerken {
3651
    /*background:url("/images/webelemente/svg/butt_merken.svg") no-repeat;
3652
    background-size: 100%;
3653
    */
3654
    max-width:320px!important;
3655
    width:100%;
3656
    height:45px!important;
3657
}
3658
.favoritenImgGemerkt {
3659
    /*background:url("/images/webelemente/svg/butt_gemerkt.svg") no-repeat;
3660
    background-size: 100%;
3661
    */
3662
    max-width:320px!important;
3663
    width:100%;
3664
    height:45px!important;
3665
 }
3666
.itemRightLeft h2{
3667
    float:left;
3668
    clear:both;
3669
}
3670
.itemRightLeft .options{
3671
    float:left;
3672
    width:90%;
3673
    margin:0 0 10px 0;
3674
}
3675
.itemRightLeft .options #modellForm{
3676
    float:left;
3677
    width: 100%;
3678
}
3679
.itemRightLeft .options .options_select{
3680
    float:left;
3681
    margin: 1.5% 0;
3682
    width: 90%;
3683
}
3684
.itemRightLeft .options #resetForm{
3685
    margin:10px 0px 0 0px;
3686
    float:right;
3687
}
3688
.itemRightLeft .options .options_select select,
3689
.itemRightLeft .options select{
3690
    padding: 5px 0px;
3691
    width:100%;
3692
}
3693
 
3694
.uvp {
3695
    width:150px;
3696
    float:left;
3697
}
3698
.uvp_bg {
3699
    margin:3px auto;
3700
    width:83px;
3701
    height:47px;
3702
    background:url(/images/webelemente/uvp_bg.png) no-repeat;
3703
 
3704
    padding:8px 0 0 0;
3705
 
3706
}
3707
.itemPreis {
3708
    float:left;
3709
    text-align:left;
3710
    padding:10px 0 10px 0px;
3711
    width: 100%;
3712
}
3713
.mengen_input {
3714
    text-align:left;
3715
}
3716
.mengeninput {
3717
    height:30px;
3718
    width:75px;
3719
 
3720
    text-align:center;
3721
    margin-left:5px;
3722
}
3723
 
3724
.basketMenge {
3725
    /*padding:10px 0 10px 0;
3726
    width:100%;
3727
    height:35px;
3728
    float:left;
3729
    */
3730
}
3731
.basketButton{
3732
    float:left;
3733
    width: 100%;
3734
    max-width:320px;
3735
}
3736
.add_to_basket {
3737
    cursor:pointer;
3738
}
3739
 
3740
 
3741
#img_change {
3742
    float:left;
3743
    text-align:center;
3744
    margin-top:10px;
3745
    margin-bottom:10px;
3746
    width:998px;
3747
}
3748
.box_1 .neu_icon {
3749
    float:left;
3750
    margin:265px 0 0 10px;
3751
}
3752
.box_2 .neu_icon {
3753
    margin-left:10px;
3754
}
3755
/* linke Spalte, allgemeine Styles */
3756
.leftcontent {
3757
    float:left;
3758
    width:174px;
3759
    margin-bottom:10px;
3760
    min-height:500px;
3761
}
3762
.leftcontent .box h1 {
3763
 
3764
    line-height:25px;
3765
    padding: 0 0 0 10px;
3766
 
3767
}
3768
.leftcontent .box p {
3769
    line-height:18px;
3770
 
3771
    padding:0px 0 4px 10px;
3772
}
3773
/* linke Spalte Startseite */
3774
.startseite .box {
3775
    padding:10px;
3776
    width:169px;
3777
    /*border-right:1px solid #bbb;*/
3778
    min-height: 320px;
3779
}
3780
.startseite .subdir_info{
3781
    margin-top: 45px;
3782
}
3783
/** rechte Spalte Startseite **/
3784
.rightcontent {
3785
    width:100%;
3786
    float:left;
3787
}
3788
 
3789
/* typo3content */
3790
.typo3content {
3791
    padding:20px;
3792
}
3793
.typo3content h1 {
3794
}
3795
.typo3content p {
3796
    padding:10px 0!important;
3797
    clear:both;
3798
    float:none;
3799
}
3800
 
3801
/** AKTION oben Einzelartikel **/
3802
.aktion_item {
3803
    margin:20px 0 20px 0;
3804
}
3805
.aktion_item_img {
3806
    float:left;
3807
    /*width:330px;*/
3808
    margin-left:-13px;
3809
    text-align:center;
3810
    vertical-align:middle!important;
3811
    height:330px;
3812
    /*display:inline-table;*/
3813
}
3814
.aktion_item_text {
3815
    float:left;
3816
    width:258px;
3817
    padding-top:70px;
3818
    padding-left: 20px;
3819
}
3820
.aktion_item_name {
3821
 
3822
    padding:15px 20px 15px 0;
3823
}
3824
.aktion_item_preis {
3825
    text-align:right;
3826
    width:80%;
3827
}
3828
.aktion_item_text h1 {
3829
    font-weight:normal;
3830
    line-height:0.9em;
3831
}
3832
.aktion_bild {
3833
    padding-top:4px;
3834
    margin-bottom:10px;
3835
}
3836
.aktion_box {
3837
    width:180px;
3838
    padding:0px 0px 0px 0px;
3839
    margin-bottom:10px;
3840
    float:left;
3841
}
3842
.aktion_box h1 {
3843
    margin:0px;
3844
    padding:0px 0 10px 0;
3845
}
3846
.aktion_dir {
3847
    margin-bottom:20px;
3848
}
3849
.aktion_dir_img {
3850
    text-align:center;
3851
}
3852
/** /AKTION oben Einzelartikel **/
3853
 
3854
/** Adresse Bestellvorgang **/
3855
.shippingAddress, .billingAddress{
3856
    text-align:left;
3857
}
3858
.changeShippingAddress:hover, .changeBillingAddress:hover{
3859
    cursor:pointer;
3860
}
3861
/**                    **/
3862
.tabelle{
3863
    display:table;
3864
    width:100%;
3865
}
3866
.tabelle .head div {
3867
    border-bottom:1px solid #d6d6d6;
3868
    padding-bottom:2px;
3869
 }
3870
 .tabelle .tr1 div,
3871
 .tabelle .tr2 div {
3872
    padding-top:10px;
3873
 }
3874
 
3875
.tabelle div{
3876
    display:table-row;
3877
}
3878
.tabelle div div{
3879
    display: table-cell;
3880
}
3881
/** Favoriten **/
3882
 
3883
/** Autocomplete **/
3884
.ui-autocomplete{
3885
    -webkit-box-shadow: 3px 19px 33px 4px rgba(143,143,143,1);
3886
    -moz-box-shadow: 3px 19px 33px 4px rgba(143,143,143,1);
3887
    box-shadow: 3px 19px 33px 4px rgba(143,143,143,1);
3888
}
3889
.ui-autocomplete .ui-menu-item{
3890
    float:left;
3891
    clear:both;
3892
    width: 98%;
3893
    padding: 3px 1%!important;
3894
}
3895
 
3896
.ui-autocomplete .ui-state-focus{
3897
    width:98%;
3898
}
3899
.ui-autocomplete .ui-menu-item a{
3900
    float:left;
3901
    width:98%;
3902
    vertical-align: middle;
3903
    display: table;
3904
    min-height: 45px;
3905
}
3906
.ui-autocomplete .ui-menu-item .searchBild{
3907
    vertical-align: middle;
3908
    display: table-cell;
3909
    width:60px;
3910
    padding-right:7px;
3911
}
3912
.ui-autocomplete .ui-menu-item .searchLabel{
3913
    vertical-align: middle;
3914
    display: table-cell;
3915
    width:65%;
3916
}
3917
.ui-autocomplete .ui-menu-item .searchPreis{
3918
    vertical-align: middle;
3919
    display: table-cell;
3920
    text-align: right;
3921
}
3922
/** Autocomplete ende **/
3923
 
3924
/** Buy / Kaufen **/
3925
.content .bestellartContainer {
3926
    padding:5% 0 5% 0;
3927
    float:left;
3928
    width:100%;
3929
    background-color:#fff;
3930
    text-align:center;
3931
}
3932
.content .box_2 .bestellartWrapper {
3933
    text-align:center;
3934
    float:left;
3935
    width: 30%;
3936
    padding:0px 2%;
3937
}
3938
.content .box_2 .bestellartWrapper:nth-child(2) {
3939
    padding:0;
3940
}
3941
.content .box_2 .bestellartWrapper .bestellartHeadline{
3942
    padding: 1% 2%;
3943
    float: left;
3944
    width:96%;
3945
}
3946
.content .box_2 .bestellartWrapper .bestellartbox{
3947
    border: 1px solid #484848;
3948
    width: 80%;
3949
    height: 250px;
3950
    padding: 10%;
3951
    float:left;
3952
}
3953
 
3954
.content .box_2 .bestellartWrapper .bestellartbox .bestellartInfoText{
3955
    float:left;
3956
    min-height: 185px;
3957
    width:100%;
3958
}
3959
.content .box_2 .bestellartWrapper .bestellartbox .bestellartLogin{
3960
    padding:0px 0 10px 0;
3961
    float:left;
3962
}
3963
.content .box_2 .bestellartWrapper .bestellartbox .bestellartButtons{
3964
    text-align:center;
3965
}
3966
 
3967
#kundendaten{
3968
    width: 100%!important;
3969
}
3970
 
3971
/* typo3 infoseite zahlungsarten */
3972
#zahlungsarten  img {
3973
    padding:30px 30px 30px 0;
3974
}
3975
.bxslider {
3976
    text-align:center;
3977
    list-style-type:none;
3978
}
3979
 
3980
/* typo3 tabellen */
3981
.typo3content .contenttable {
3982
    width:100%;
3983
}
3984
.typo3content .contenttable td {
3985
    padding:3px;
3986
 
3987
}
3988
.smartphone,
3989
.mobile {
3990
    display:none;
3991
}
3992
 
3993
.ui-tabs-panel {
3994
    overflow:hidden;
3995
}
3996
 
3997
/* HerstellerSlider */
3998
.herstellerSlider {
3999
    clear:both;
4000
    display:table;
4001
    width:100%;
4002
}
4003
.herstellerSlider_Elem {
4004
    vertical-align:middle!important;
4005
    text-align:center!important;
4006
    display:unset;
4007
    height:100px;
4008
}
4009
.herstellerSlider_Elem img {
4010
    width:100%;
4011
    max-width:100px!important;
4012
    margin:auto;
4013
}
4014
.herstellerSlider_inner {
4015
    display:table-cell;
4016
    height:100px!important;
4017
    vertical-align:middle;
4018
    text-align:center;
4019
    margin:0 auto;
4020
 
4021
}
4022
 
4023
 
4024
 
4025
.content .subdir_basket {
4026
    float:left;
4027
    width:56%;
4028
    background-color:#E30301;
4029
    cursor:pointer;
4030
    padding:3px 3% 4px 1%;
4031
    text-align:right;
4032
    height:30px!important;
4033
    overflow:hidden;
4034
}
4035
.content .basket_text {
4036
    color:#fff;
4037
    float:left;
4038
    text-align:right;
4039
    float:right;
4040
    padding:7px 2% 0 0;
4041
}
4042
 
4043
.content .basket_text_loggedIn:hover,
4044
.content .basket_text:hover {
4045
    text-decoration:underline;
4046
}
4047
.content .basket_text_loggedIn {
4048
    color:#fff;
4049
    float:left;
4050
 
4051
    text-align:right;
4052
    float:right;
4053
    padding:5% 2% 0 0;
4054
 
4055
}
4056
.content .basketImg {
4057
    float:right;
4058
}
4059
.favoriteButton{
4060
    float:left;
4061
}
4062
.favoriteButton:hover{
4063
    cursor: pointer;
4064
}
4065
 
4066
 
4067
/* NEU: Artikeldetails ohne Reiternavigation */
4068
#artikeldetails {
4069
    clear:both;
4070
    float:left;
4071
    padding: 2% 0 0;
4072
    width:100%;
4073
}
4074
#artikeldetails .top {
4075
    clear:both;
4076
    float:none;
4077
    width:97%;
4078
    padding:.6% 1.5%;
4079
    border-left:1px solid #020B4E;
4080
    border-right:1px solid #020B4E;
4081
 
4082
}
4083
#artikeldetails .middle {
4084
    clear:both;
4085
    float:left;
4086
    width:100%;
4087
    border-left:1px solid #B9B9B9;
4088
    border-right:1px solid #B9B9B9;
4089
    border-bottom:1px solid #B9B9B9;
4090
    margin:0;
4091
    padding:0;
4092
}
4093
#beschreibung {
4094
    width:100%;
4095
    padding:4%;
4096
    float:left;
4097
    text-transform:none;
4098
    background-color:#fff;
4099
}
4100
 
4101
#eigenschaften_tabelle {
4102
    width:36%;
4103
    padding:4% 4% 4% 0%;
4104
    float:left;
4105
}
4106
#eigenschaften_tabelle .module {
4107
    margin:3% 0 0 4%;
4108
}
4109
.eigenschaften_table .align_right {
4110
    text-align:left;
4111
    padding:2% 3% 2% 2%;
4112
}
4113
.eigenschaften_table .align_left {
4114
    text-align:right;
4115
    padding:2% 2% 2% 3%;
4116
}
4117
 
4118
.basketIcon {
4119
    padding-left:4%;
4120
}
4121
a.desktop {
4122
    text-transform:uppercase;
4123
}
4124
.float-left {
4125
    float:left;
4126
}
4127
 
4128
.zahlarten_footer {
4129
    clear:both;
4130
    display:table;
4131
    width:100%;
4132
}
4133
.zahlarten_footer_item {
4134
    color:#000;
4135
    background-color:#fff!important;
4136
    width:50%;
4137
    min-width:100px;
4138
    height:55px;
4139
    min-height:55px;
4140
    display:table-cell!important;
4141
    vertical-align:middle!important;
4142
    text-align:center;
4143
    border:5px solid #1e1e1e;
4144
}
4145
.zahlarten_footer_item img {
4146
    width:100%;
4147
    max-width:90px;
4148
    max-height:50px;
4149
}
4150
/* service center im footer */
4151
.service_center {
4152
    margin: -1.8% 0 0 0%
4153
}
4154
 
4155
/* dialoge */
4156
.widget_mini-open {
4157
    left:-92px;
4158
}
4159
.mini-open,
4160
.mini-close {
4161
    position:absolute;
4162
    background-color:#1e1e1e;
4163
    border-top-right-radius:3px;
4164
    border-bottom-right-radius:3px;
4165
    margin-right:-21px;
4166
    margin-top:140px;
4167
    padding:5px 6px 15px 5px;
4168
    color:#fff!important;
4169
}
4170
#widgets {
4171
    position:fixed;
4172
    width:92px;
4173
    background-color:#1e1e1e;
4174
    color:#fff;
4175
    top:28%;
4176
    border-top-right-radius:3px;
4177
    border-bottom-right-radius:3px;
4178
    z-index:9999999!important;
4179
    text-align:center!important;
4180
}
4181
.cb-dialog {
4182
    display:none;
4183
}
4184
.cb-dialog-opener {
4185
    display:block;
4186
    cursor:pointer;
4187
    width:80%;
4188
    text-align:center;
4189
    border-bottom:1px solid #ccc;
4190
    margin:0 auto;
4191
    font-size:12px;
4192
    padding:15% 0 10% 0;
4193
    line-height:1.1em;
4194
}
4195
.cb-dialog-opener img {
4196
 
4197
}
4198
.ui-dialog .ui-dialog-titlebar-close {
4199
    color:#303030!important;
4200
}
4201
 
4202
/*
4203
.ui-state-default,
4204
.ui-icon-closethick {
4205
    background:none;
4206
    background-color:#9d0007;
4207
    color:#fff!important;
4208
    border-style:none!important;
4209
}
4210
.ui-button-text {
4211
    color:#fff!important;
4212
}
4213
.ui-widget-header {
4214
    border-style:none!important;
4215
}
4216
.ui-dialog {
4217
    border-style:none!important;
4218
     z-index:9999999999999999999;
4219
}
4220
*/
4221
 
4222
.ui-dialog::before, .ui-dialog::after {
4223
    content: "";
4224
    width: 0;
4225
    height: 0;
4226
    position: absolute;
4227
    display:none;
4228
    border-style: solid;
4229
    border-width: 15px;
4230
    z-index:9999999999999999999;
4231
}
4232
 
4233
.ui-dialog::before {
4234
    /*border-color:  transparent #fff transparent transparent;*/
4235
    top: 2px;
4236
}
4237
 
4238
.ui-dialog::after {
4239
    /*border-color:  transparent #fff transparent transparent;*/
4240
    top: 1px;
4241
}
4242
 
4243
.ui-dialog {
4244
     overflow:visible!important;
4245
}
4246
 
4247
 
4248
.servicebox {
4249
    font-size:18px;
4250
    padding:0 10px 35px 10px;
4251
}
4252
.orange {
4253
    color:#e75b00;
4254
}
4255
hr.orange {
4256
    color:#e75b00;
4257
    font-size:3px;
4258
    margin:15px 0 10px 0;
4259
}
4260
 
4261
 
4262
.addon_to_basket,
4263
.addon_basket {
4264
    width:50px;
4265
    height:50px;
4266
    background-color:#dd3e00;
4267
}
4268
/* trustedShops Badge */
4269
.standard {
4270
    bottom:0%;
4271
}
4272
/* konfigurator */
4273
.scroll {
4274
    width:200px;
4275
    padding:2%;
4276
    position:absolute;
4277
    right:10px;
4278
    margin-top:10px;
4279
    z-index:8!important;
4280
    background-color:#fff;
4281
    border:1px solid #ccc;
4282
    text-align:right;
4283
}
4284
.konfig_text {
4285
    width:70%;
4286
}
4287
.konfig_item {
4288
    border:1px solid #ccc;
4289
    background-color:#fff;
4290
    clear:both;
4291
    float:left;
4292
    width:90%;
4293
    padding:4%;
4294
    margin:1% 0;
4295
}
4296
/* ENDE konfigurator */
4297
 
4298
.infotext {
4299
    padding:1%;
4300
}
4301
/* lastvisited_fixed */
4302
.lastvisited_fixed {
4303
    position:fixed;
4304
    background-color:#fff;
4305
    z-index:99999;
4306
    width:98%;
4307
    max-width:300px;
4308
    bottom:0;
4309
    right:8%;
4310
    padding:1%;
4311
    -webkit-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.75);
4312
    -moz-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.75);
4313
    box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.75);
4314
 
4315
}
4316
.lastvisited_fixed .itemText {
4317
    float:left;
4318
    width:15%;
4319
    padding-top:1%;
4320
}
4321
.lastvisited_fixed .items {
4322
    float:left;
4323
    width:70%;
4324
}
4325
.lastvisited_fixed .itemImg {
4326
    float:left;
4327
    max-width:56px;
4328
    margin:0 2%;
4329
}
4330
.lastvisited_fixed img {
4331
    max-width:56px;
4332
    height:auto!important;
4333
}
4334
.lastvisited_fixed .opener {
4335
    width:15%;
4336
    float:left;
4337
    cursor:pointer;
4338
    text-align:center;
4339
    padding-top:2%;
4340
}
4341
/* lastvisited aufgeklappt */
4342
.ui-dialog {
4343
    -webkit-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.75);
4344
    -moz-box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.75);
4345
    box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.75);
4346
    position:fixed!important;
4347
}
4348
.lastvisited_open {
4349
    display:none;
4350
    background-color:#fff;
4351
 
4352
    position:relative!important;
4353
    /*
4354
    right:8%;
4355
    bottom:70px;
4356
    */
4357
    padding:1%;
4358
    z-index:9999999999;
4359
}
4360
.lastvisited_open .item {
4361
    width:100%;
4362
    clear:both;
4363
    float:left;
4364
    border-bottom:1px solid #010101;
4365
    padding:3% 0;
4366
}
4367
.lastvisited_open .itemImg {
4368
    float:left;
4369
    width:27%;
4370
    max-width:155px;
4371
    padding:23px 2% 1% 1%;
4372
}
4373
.lastvisited_open .itemText {
4374
    float:left;
4375
    width:68%;
4376
    padding:1%;
4377
}
4378
.lastvisited_open .ui-button {
4379
    float:right;
4380
}
4381
.lastvisited_open .ui-button-icon-only {
4382
    width:20px;
4383
    height:10px;
4384
}
4385
.lastvisited_open a:link {
4386
    font-weight:bold;
4387
    text-decoration:underline;
4388
    font-size:14px;
4389
}
4390
.lastvisited_open .preis a:link,
4391
.lastvisited_open .preis a:active,
4392
.lastvisited_open .preis a:visited {
4393
    display:block;
4394
    padding-top:20px;
4395
    text-decoration:none;
4396
    color:#eb5906;
4397
    font-size:20px;
4398
    font-weight:bold;
4399
}
4400
.lastvisited_open .buttons {
4401
    padding-top:10px;
4402
}
4403
.lastvisited_open .buttons a.itemLink:link,
4404
.lastvisited_open .buttons a.itemLink:active,
4405
.lastvisited_open .buttons a.itemLink:visited {
4406
    display:block;
4407
    background-color:#ed5603;
4408
    color:#fff;
4409
    width:100px;
4410
    text-align:center;
4411
    padding:3px 5px;
4412
    text-decoration:none;
4413
    float:left;
4414
}
4415
.lastvisited_open .buttons a.itemLink:hover {
4416
    background-color:#ea4201;
4417
}
4418
.lastvisited_open .buttons a.deleteLink {
4419
    margin-left:5%;
4420
    cursor:pointer;
4421
}
4422
.lastvisited_open .deleteAllLink {
4423
    cursor:pointer;
4424
}
4425
 
4426
/* einstieg */
4427
.cols-2 {
4428
    width:100%;
4429
}
4430
.col-1 {
4431
    float:left;
4432
    width:53.1%;
4433
    padding-right:0.6%;
4434
}
4435
.col-2 {
4436
    float:left;
4437
    width:46.3%;
4438
    text-align:right;
4439
}
4440
.col-1 img {
4441
    width:100%;
4442
}
4443
.col-2 img {
4444
    width:100%;
4445
}
4446
 
4447
.cols-2-50percent {
4448
    width:100%;
4449
    margin-bottom:2%;
4450
    float:left;
4451
}
4452
.cols-2-50percent div {
4453
    width:49%;
4454
    float:left;
4455
}
4456
.cols-2-50percent div img {
4457
    width:100%;
4458
}
4459
.cols-2-50percent-1 {
4460
    padding-right:1%;
4461
}
4462
.cols-2-50percent-2 {
4463
    padding-left:1%;
4464
}
4465
 
4466
/* itemseite stoerer */
4467
.inner #stoerer {
4468
    position:absolute;
4469
    text-align:left;
4470
    background-color:transparent!important;
4471
    z-index:999999999999999999;
4472
    margin-top:15px;
4473
}
4474
.inner #stoerer div img {
4475
    height:35px;
4476
}
4477
 
4478
 
4479
/* mini close button */
4480
#mini-close-button {
4481
    z-index:99999999999999999999;
4482
    position:absolute;
4483
    cursor:pointer;
4484
    width:10px;
4485
    height:10px;
4486
    right:3px;
4487
    top:-2px;
4488
}
4489
#mini-close-button:hover {
4490
    color:#ea5802;
4491
}
4492
/* aktion scroll down button */
4493
.aktion_scrolldown {
4494
    position:absolute;
4495
    z-index:999999999999999999;
4496
    font-size:90px!important;
4497
    font-weight:bold;
4498
    color:#000;
4499
    opacity:0.5;
4500
    margin:0!important;
4501
    padding:0!important;
4502
    width:100%;
4503
    float:left;
4504
    text-align:center;
4505
    bottom:0;
4506
    cursor:pointer;
4507
}
4508
.weban_link {
4509
    clear:both;
4510
    width:100%;
4511
    text-align:right;
4512
    padding:20px 0;
4513
}
4514
.angebot_img img {
4515
    width:100%;
4516
    max-width:100%;
4517
}
4518
.csc-textpic-imagewrap li  {
4519
    list-style-type:none;
4520
    float:left;
4521
    margin:10px;
4522
}
4523
 
4524
#address_list .boxInner {
4525
    border-bottom:1px solid #ccc;
4526
    padding:15px 0;
4527
}
4528
 
4529
 
4530
/* subdir filter */
4531
.content .subdir_sort .options_select {
4532
    float:left;
4533
    width:20%;
4534
}
4535
.optionsReload .options_select {
4536
    float:left;
4537
    border:1px solid #ccc;
4538
    padding:10px;
4539
    margin:1%;
4540
}
4541
.optionsReload .options_select select {
4542
    max-width:95%;
4543
}
4544
.optionsReload span {
4545
    float:none;
4546
    display:block;
4547
}
4548
.optionsReload select {
4549
    clear:both!important;
4550
    float:none!important;
4551
}
4552
.fancybox-overlay {
4553
    z-index:888888888!important;
4554
}
4555
.fancybox-opened{
4556
    z-index:999999999999999!important;
4557
}
4558
.mehrFilterWrapper {
4559
    clear:both;
4560
    float:left;
4561
    padding:1% 1%;
4562
    margin:1%;
4563
    border:1px solid #ccc;
4564
}
4565
 
4566
.mehrFilterButton {
4567
    margin-top:20px;
4568
}
4569
#zubehoer {
4570
    float:left;
4571
    padding-bottom:15%!important;
4572
}