Subversion-Projekte lars-tiefland.ci

Revision

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