Subversion-Projekte lars-tiefland.ci

Revision

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