Subversion-Projekte lars-tiefland.zeldi.de_alt

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
2 lars 1
@charset "utf-8";
2
/* CSS Document */
3
/* CSS COPYRIGHT 2013
4
   lp-MEDIA, CAPSICUM-DESIGN
5
   www.lp-media.de */
6
 
7
/* Allgemeine Einstellung */
8
body {margin:0; padding:0; width:1180px}
9
 
10
/* Seitenhintergrund-Einstellungen */
11
#lp-pageBackground {
12
	background-color: #F2F2F2;
13
top left repeat-x; 	margin: 0;
14
	padding: 0 0 20px 0;
15
	width: 1180px;
16
	align-content: center;
17
}
18
#wraper{
19
	width: 1180px;
20
}
21
#lp-pageContainer {margin: 0 auto; padding: 0; width: 100%; font-family:montserratmedium, Helvetica, sans-serif; font-size: 12px; font-style:normal;}
22
#lp-pageContainer a {text-decoration: none; color:#6e0118;}
23
#lp-pageContainer a:hover {text-decoration: underline; color:#bb0000;}
24
#logobox {
25
	float: left;
26
	border-style: none;
27
	display:block;
28
}
29
#servicenummer{
30
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
31
	font-size:16px;
32
	font-weight:normal;
33
	float: right;
34
	border-style: none;
35
	display:block;
36
	height:85px;
37
	width:auto;
38
	display:block;
39
	padding: 0 40px 0 0;
40
	}
41
.search {
42
	position:absolute;
43
	clear:both;
44
	float:left;
45
	margin:25px 0 0 290px;
46
	padding:0 0 0 0;
47
	display:block;
48
	}
49
#suggest {position:relative;}
50
#searchSubmit {
51
background-image: url(http://www.ababum.de/images/webelemente/lupe.png)
52
float: right;
53
margin: 0px 0 0 0px;
54
width: 43px;
55
height: 29px;
56
border: none;
57
cursor: pointer;
58
}
59
 
60
#suchbegriff {
61
background-color: #fff;
62
color: #3A3B3D;
63
width: 330px;
64
height:29px;
65
outline: none;
66
border: 1px solid #6D6E68!important;
67
border-radius: 2px;
68
margin: 0px 0 0 0;
69
padding: 6px 6px 5px 6px;
70
}
71
 
72
/* Auktionsvorlagen-Inhalt und Einstellungen */
73
#lp-breadcrumb{margin: 0 auto; width:1100px; overflow: hidden; padding: 0;}
74
#lp-contentContainer {
75
	margin-top: 0;
76
	margin-right: auto;
77
	margin-left: auto;
78
	margin-bottom: 25px;
79
	width: 1100px;
80
	height: auto;
81
	background-color: #FFFFFF;
82
	overflow: hidden;
83
	padding-bottom: 0px;
84
	box-shadow: 3px 5px 3px grey;
85
	-webkit-box-shadow: 3px 5px 3px grey;
86
}
87
 
88
/* Einstellungen: Kopfbereich - Logo, Servicekasten */
89
#lp-headerContainer {width:1138px; height: 110px; overflow: hidden; background-color:#FFF; padding: 25px 0 0 40px; box-shadow: 0px 5px 3px grey; -webkit-box-shadow: 0px 5px 3px grey; margin-bottom:20px;}
90
 
91
#lp-linkContainer {
92
	float: right;
93
	width: 1100px;
94
	height: 45px;
95
	text-align: left;
96
	background-color: #312782;
97
	display: block;
98
	margin-left: 0px;
99
 
100
}
101
#lp-linkContainer .trinity {
102
	width: auto;
103
	height: auto;
104
	float: left;
105
	padding-left: 40px;
106
	padding-top: 8px;
107
}
108
 
109
#trinity p {
110
	font-size:14px;
111
	}
112
#trinity-l, #trinity-m, #trinity-r, #trinity-alt {
113
	display: block;
114
	float: left;
115
	width: auto;
116
	height: auto;
117
	padding: 0px;
118
	background-color: transparent;
119
	color: #3d3d3d;
120
	text-decoration: none;
121
	text-align: left;
122
}
123
#trinity-l, #trinity-m, #trinity-r, #trinity-alt {
124
	margin: 0;
125
}
126
#trinity-l p, #trinity-m p, #trinity-r p, #trinity-alt p  {margin: 0; padding: 0;}
127
#trinity-l span, #trinity-m span, #trinity-r span, #trinity-alt span {font-size: 14px; font-weight:bold;}
128
#trinity-l a, #trinity-m a, #trinity-r a, #trinity-alt a {
129
	display: block;
130
	width: auto;
131
	height: auto;
132
	padding: 0px;
133
	margin: 4px 0 0 0;
134
	border: 0px solid #3A3B3D;
135
	color: #FFFFFF;
136
	text-decoration: none;
137
	text-align: left;
138
:}
139
#trinity-l a:hover {
140
	display: inline-block;
141
	color: #212121;
142
	text-decoration: none;
143
}
144
#trinity-m a:hover {display:block; color:#212121; text-decoration:none;}
145
#trinity-r a:hover {display:block; color:#212121; text-decoration:none;}
146
#trinity-alt a:hover {display:block; color:#212121; text-decoration:none;}
147
#trinity-m a:hover span, #trinity-l a:hover span, #trinity-r a:hover span, #trinity-alt a:hover span {
148
	color: #EA6419;
149
	font-size: 14px;
150
}
151
 
152
 
153
/* Einstellungen: Kopfbereich - Navigation und Serviceleiste */
154
#naviContainerEffect {width: 1016px; height:60px; margin-bottom: 10px; padding: 0 1px 1px 1px; border-left: 1px solid #c1c1c1; border-right: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1; background: #ffffff;}
155
#naviContainer {width:1012px; height:58px; overflow:hidden; text-align:right; margin: 0; padding: 0;}
156
div#naviContainer ul {list-style:none; float:right; padding:0; margin:0;}
157
div#naviContainer li {display:block; float:left;}
158
div#naviContainer li a {text-decoration:none; color:#878686; font-size: 16px; font-style:italic; font-weight:bold; margin:0; padding: 32px 22px 8px 22px;	display:block; float:left; border-left: 1px solid #212121;}
159
div#naviContainer li a p {color:#3A3B3D000; padding:0; margin:0;}
160
div#naviContainer li a:hover {color:#6e0118; text-decoration:none;}
161
 
162
#serviceContainer {margin: 0; width:1020px; height:35px; overflow:hidden; text-align:left; background-color:#252525}
163
#serviceContainer .serviceLine {float: left; width: 750px; height:30px; margin-top: 5px; margin-left: 5px; overflow: hidden; background:#bb0000;}
164
.serviceText {float: left; width: 120px; height:24px; padding-top: 5px; padding-left: 4px; line-height:22px; color:#ffffff; overflow:hidden; font-family:montserratmedium, Helvetica, sans-serif; font-size:11px; font-weight:bold;}
165
.serviceLineEffect {float: right; width:610px; height:16px; margin: 2px; padding: 5px; background:#ffffff;}
166
#serviceContainer .searchLine {float: right; width: 265px; height:30px; overflow: hidden; margin-top: 3px;}
167
.supp-theme {font-family:montserratmedium, Helvetica, sans-serif; font-size:14px; color:#3d3d3d;}
168
.supp-text {font-family:montserratmedium, Helvetica, sans-serif; font-size:14px; color: #595959;}
169
 
170
/* Einstellungen Kopfbereich: Suchfeld */
171
#searchwrapper {float: left; width: 263px; heigth: 25px; background:#252525; padding: 0px; position: relative; margin: 0;}
172
#searchwrapper form {display:inline;}
173
.searchbox {width: 172px; height:22px; background: #ffffff; border: 0; font-size: 12px; font-style: italic; color:#535353; padding: 1px 15px 1px 24px; line-height: 22px; margin-left: 50px; margin-top: 2px; margin-right: 2px; margin-bottom: 2px;}
174
.searchbox_submit {
175
	position: absolute;
176
	right: 0px;
177
	top: 0px;
178
	width: 25px;
179
	height: 25px;
180
	margin: 0;
181
	padding: 0;
182
}
183
.searchbox_submit img {border: 0;}
184
 
185
/* Einstellungen: Hauptbereich */
186
.mainContainer {
187
	height: auto;
188
	width: 1020px;
189
	margin: 0 auto;
190
	overflow: hidden;
191
	text-align: left;
192
	margin-bottom: 20px;
193
}
194
#copyrightContainer {height: auto; width:1020px; background:#f8f8f8; margin: 0 auto; overflow: hidden; font-family:montserratmedium, Helvetica, sans-serif; font-size: 10px; text-align:right;}
195
#copyColorTheme {margin-bottom: 10px; background:#bb0000; padding: 6px;}
196
#copyColorTheme p {padding: 0; margin: 0; color:#e6e6e6;}
197
#copyColorTheme a, #copyColorTheme a:hover {color:#ffffff;}
198
 
199
#leftContainer {float: left; position: relative; z-index:2000;
200
	width: 200px; height:auto; padding: 0; margin: 10px 0;}
201
#rightContainer {float: left; position: relative; z-index:2000;
202
	width: 200px; height:auto; padding: 0; margin: 10px 0;}
203
#middleContainer {
204
    float: right;
205
	width:605px;
206
    height:auto;
207
    padding: 0 5px;
208
    margin-right:100px;
209
 }
210
 
211
/* Einstellungen: Hauptbereich - Linke + Rechte Leiste */
212
.leftThemeEffect {
213
	float: left;
214
	width:200px; height:30px;
215
	padding: 0 0 6px 0;
216
	border-left: 1px solid #3d3d3d;
217
	border-right: 1px solid #3d3d3d;
218
	background-color:#252525;
219
	}
220
.leftTheme {
221
	float: left;
222
	width:200px;
223
	min-height:42px;
224
	color: #ffffff;
225
	text-shadow:#595959 0px 0px 1px;
226
	text-align:left;
227
	font-family:montserratmedium, Helvetica, sans-serif;
228
	font-size:14px;
229
	white-space: normal;
230
	}
231
.rightThemeEffect {
232
	float: left;
233
	width:198px; height:30px;
234
	padding-top: 6px;
235
	border-left: 1px solid #3d3d3d;
236
	 border-top: 1px solid #3d3d3d;
237
	 border-right: 1px solid #3d3d3d;
238
	 background-color:#252525;
239
	 }
240
.rightTheme {
241
	margin-top:2px;
242
	float: left;
243
	width:196px;
244
	min-height:42px;
245
	color: #fff;
246
	text-align:right;
247
	text-shadow:#595959 0px 0px 1px;
248
	font-family:montserratmedium, Helvetica, sans-serif;
249
	font-size:14px;
250
	white-space: normal;
251
	}
252
.rT-titel {
253
	text-align:left;
254
	padding:0 0 0 -5px;
255
}
256
.inner{
257
	padding:20px 10px 10px 10px;
258
	}
259
 
260
.leftTheme p, .rightTheme p {margin: 5px 0; padding: 0 10px; text-align:left;}
261
.middleTheme p {padding: 0 5px; margin: 0;}
262
 
263
.leftTheme .icon-cat p, .leftTheme .icon-payment p, .leftTheme .icon-shipping p, .leftTheme .icon-opt p, .leftTheme .icon-impressum p
264
{padding-left: 0px; padding-top: 4px; padding-bottom: 6px;}
265
.leftTheme .icon-payment {margin-left: 10px; min-height:32px;}
266
.leftTheme .icon-shipping {margin-left: 10px; min-height:32px;}
267
.rightTheme .icon-top {margin-left: 10px; min-height:32px;}
268
.leftTheme .icon-opt, .rightTheme .icon-opt {margin-left: 10px; min-height:32px;}
269
.leftTheme .icon-impressum {margin-left: 10px; min-height:32px;}
270
 
271
.blackbox{background-color:#3A3B3D;color:#fff; padding:0; margin-top:0px}.blackbox a:link,
272
.blackbox a:active,
273
.blackbox a:visited{color:#fff}.blackbox a:hover{color:#DA0006}
274
 
275
/* Einstellungen: Hauptbereich - alle Flächen */
276
.leftContent {float: left;
277
	position: relative; z-index:2000;
278
	background:#ffffff; width:200px; border-left: 1px solid #3d3d3d; border-right: 1px solid #3d3d3d; border-bottom: 1px solid #3d3d3d; height:auto; margin-bottom: 15px; line-height:1.5em;}
279
.rightContent {
280
	float: left;
281
	position: relative;
282
	z-index: 2000;
283
	background: #FFF;
284
	line-height: 1.5em;
285
	width: 198px;
286
	height: auto;
287
	margin-bottom: 15px;
288
	border-right: 1px solid #3d3d3d;
289
	border-left: 1px solid #3d3d3d;
290
	border-bottom: 1px solid #3d3d3d;
291
}
292
.leftContent img {margin: 1px;}
293
.leftContent p, .rightContent p, .middleContent p {
294
	margin: 0;
295
	padding-top: 7px;
296
	padding-right: 7px;
297
	padding-bottom: 7px;
298
	padding-left: 7px;
299
	line-height:1.5em;
300
}
301
.leftContent ul li, .middleContent ul li, .rightContent ul li {
302
	font-size: 12px;
303
	list-style-type: square;
304
}
305
.leftContent h1, .rightContent h1, .middleContent h1 {font-size: 16px; color:#3A3B3D;}
306
.leftContent ul li {
307
	font-size: 12px;
308
	line-height:1.5em;}
309
 
310
/* Einstellungen: Hauptbereich - Rechte Leiste */
311
.rcStyle img {margin-bottom: 5px;}
312
 
313
/* Einstellungen: Hauptbereich - Mittelteil */
314
.middleTheme {float: left; width:595px; height:30px; margin: 5px 0; color: #3d3d3d; text-shadow:#595959 0px 0px 1px; font-weight:bold; text-align:left; font-family:montserratmedium, Helvetica, sans-serif; font-size:16px; padding-top: 15px; padding-left: 5px; padding-right: 5px; border-bottom: 1px solid #c1c1c1;}
315
.middleContent {float: left; width:610px; height:auto;}
316
 
317
/* Galerie-Einstellungen */
318
#lp-gallery {float: left; z-index:1000;
319
	width: 545px;
320
	margin:5px 0; padding:0;}
321
#lp-gallery-content-left{
322
	width: 250px;
323
	padding-left:10px;
324
	float: left;
325
	}
326
#lp-gallery-content-right{
327
	width: 235px;
328
	margin: 0 10px 10px 20px;
329
	float: right;
330
	}
331
.artikeldetails-h1 {
332
	font-size: 24px;
333
	}
334
.small-font{
335
	font-size:9px !important;
336
	font-weight:100;
337
	}
338
#lp-gallery-content-right p {
339
	padding:0px !important;
340
	font-size: 16px;
341
	}
342
.preis{
343
	font-weight:bold !important;
344
	font-size:28px !important;
345
	margin:35px 0 25px 0 !important;
346
	line-height:0.6em;
347
	color:#919191;
348
	}
349
#lp-galleryPreview {float: right;
350
	width: auto;
351
	margin: 0; padding: 0;
352
	position: relative; left: -50%; text-align: left;}
353
#lp-galleryPreview ul {position: relative; left: 50%;
354
	width: 100%; height:auto;
355
	margin: auto; padding: 0;
356
	text-align:center;}
357
#lp-galleryPreview li {list-style: none; display:block; float: left;
358
	width: 98px; height:95px;
359
	padding: 0; margin: 4px;}
360
#lp-galleryPreview a {display:table-cell;
361
	width: 95px; height:85px;
362
	margin: 0; padding: 0;
363
	text-align:center;
364
	vertical-align: middle;
365
	border: solid 5px #f1f1f1;
366
	box-shadow: 0px 0px 0px 1px #c1c1c1;
367
	-webkit-box-shadow: 0px 0px 0px 1px #c1c1c1;
368
	-moz-box-shadow: 0px 0px 0px 1px #c1c1c1;
369
	background:#ffffff;}
370
#lp-galleryPreview img {
371
	max-height:85px; max-width:75px;
372
	margin: 0; padding: 0;
373
	border:none;}
374
.lte-ie8 img {height:85px; width:75px !important;}
375
.lte-ie8 ul {margin: 0 !important;
376
	width: 550px !important;}
377
 
378
#lp-galleryPreview a:hover {border: 5px solid #646464;}
379
 
380
#lp-galleryFull {float: left;
381
	height: 10px; width: 545px;
382
	text-align:center;}
383
#lp-galleryFull img {
384
	max-height: 500px; max-width: 502px;
385
	margin: 5px;
386
	float:left;
387
	border: solid 10px #f1f1f1;
388
	-webkit-box-shadow: 0px 0px 0px 1px #c1c1c1;
389
	box-shadow: 0px 0px 0px 1px #c1c1c1;
390
	-moz-box-shadow: 0px 0px 0px 1px #c1c1c1;}
391
.lte-ie8-full img {max-height: 100% !important;
392
	width: 502px !important;}
393
 
394
#lp-galleryPreview a * {
395
	vertical-align: middle;}
396
 
397
/*\*//*/
398
#lp-galleryPreview a {
399
    display: block;}
400
#lp-galleryPreview span {
401
    display: inline-block;
402
    height: 100%;
403
	width: 1px;}
404
/**/
405
 
406
/* Einstellungen: Hauptbereich - Linke Leiste Kateogrieauflistung */
407
#rcCatContainer {
408
	float: left;
409
	width: 200px;
410
	height: auto;
411
	margin-bottom: 10px;
412
	background-color: #EBE4D1;
413
	color: #252525;
414
}
415
#rcCatContainer ul{
416
	margin-left:-5px;
417
	}
418
#rcCatContainer ul li {
419
	list-style: none;
420
	font-weight:bold;
421
	padding-bottom: 8px;
422
	padding-top:10px;
423
 
424
}
425
 
426
#eBayCategories {float: left;
427
	width: 200px;
428
	border-bottom: 1px solid #c1c1c1;}
429
#eBayCategories a {font-size:14px; color:#313131; text-decoration:none;}
430
#eBayCategories a:hover {text-decoration: none;}
431
 
432
#eBayCategories ul li,
433
ul.categories-tree li,
434
ul#MenuSub1Item,
435
ul#MenuSub2Item {list-style:none;}
436
 
437
ul.categories-tree,
438
ul#MenuSub1Item,
439
ul#MenuSub2Item {margin: 0; padding: 0;}
440
 
441
ul.categories-tree {float: left;
442
	width:100%;
443
	margin: 0; padding: 0;}
444
 
445
/* 1st Menu Level */
446
#eBayCategories .MenuItem {font-weight: bold;}
447
#eBayCategories li.MenuItem {float:left; display:block;
448
	width:200px; height: auto;
449
	border: 1px solid #c1c1c1;
450
	color:#303030; font-weight:bold; font-size:13px;}
451
#eBayCategories li.MenuItem a {display:block;
452
	width:170px; height:auto;
453
	padding: 10px;
454
	font-weight:bold; color:#303030 !important; margin: 0;}
455
#eBayCategories li.MenuItem a:hover {
456
	background-color:#bb0000 !important;}
457
 
458
/* 2nd Menu Level */
459
#eBayCategories ul#MenuSub1Item {float: left;
460
	font-weight: normal;}
461
#eBayCategories ul#MenuSub1Item li:first-child {border-top: 0 none transparent;}
462
#eBayCategories ul#MenuSub1Item li {float:left; display:block;
463
	width:200px; min-height: 20px; height:auto;
464
	background: #e5e5e5;
465
	border:none; border-left: 1px solid #c1c1c1; border-right: 1px solid #c1c1c1;
466
	border-top: 1px dotted #c1c1c1;}
467
#eBayCategories ul#MenuSub1Item li a,
468
#eBayCategories ul#MenuSub2Item li a {display:block;
469
	width:180px; min-height: 20px;
470
	padding: 2px 10px; margin: 0;
471
	font-weight: normal;}
472
#eBayCategories ul#MenuSub1Item li a:hover {background-color: #f7f7f7;}
473
 
474
/* 3rd Menu Level */
475
#eBayCategories ul#MenuSub2Item {float: left;
476
	border-top: 1px dotted #c1c1c1;
477
	font-weight: normal;}
478
#eBayCategories ul#MenuSub2Item li {float:left; display:block;
479
	width:200px; min-height: 18px; height:auto;
480
	padding: 0; margin: 0;
481
	background: #f1f1f1;
482
	border:none; border-left: 1px solid #c1c1c1; border-right: 1px solid #c1c1c1;
483
	border-top: 1px dotted #c1c1c1;}
484
#eBayCategories ul#MenuSub2Item li a {display:block;
485
	width:170px; height: auto;
486
	padding: 2px 10px 2px 20px; margin: 0;
487
   font-weight: normal;}
488
#eBayCategories ul#MenuSub2Item li a:hover {background-color:#ffffff;}