Subversion-Projekte lars-tiefland.ci

Revision

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