|
2
|
1 /* MPIWG website style sheet
|
|
|
2 *
|
|
|
3 * (c) 2013 Robert Casties
|
|
|
4 */
|
|
|
5
|
|
|
6
|
|
|
7
|
|
|
8 body {
|
|
|
9 margin: 0;
|
|
|
10 font-family: Verdana, Arial, sans-serif;
|
|
|
11 background-color: #fdf8ef;
|
|
|
12 font-size: 12px;
|
|
|
13 }
|
|
|
14
|
|
|
15 /*
|
|
|
16 * global styles
|
|
|
17 */
|
|
|
18
|
|
|
19 img {
|
|
|
20 border: none;
|
|
|
21 }
|
|
|
22
|
|
|
23 a {
|
|
4
|
24 color: #d45a00;
|
|
2
|
25 text-decoration: none;
|
|
|
26 }
|
|
|
27
|
|
|
28 a:hover {
|
|
|
29 text-decoration: underline;
|
|
|
30 }
|
|
|
31
|
|
|
32 /* new link-classes (with icons) */
|
|
|
33
|
|
|
34 a.internal {
|
|
|
35 background: url(../images/arr_more.gif) no-repeat;
|
|
|
36 padding-left: 12px;
|
|
|
37 padding-top: 1px;
|
|
|
38 }
|
|
|
39
|
|
|
40 a.download {
|
|
|
41 background: url(../images/download.gif) no-repeat;
|
|
|
42 padding-left: 17px;
|
|
|
43 /* padding-top:1px; */
|
|
|
44 }
|
|
|
45
|
|
|
46 a.external {
|
|
|
47 background: url(../images/external.gif) no-repeat;
|
|
|
48 padding-left: 15px;
|
|
|
49 /* padding-top:1px; */
|
|
|
50 }
|
|
|
51 a.pdf {
|
|
|
52 background: url(../images/pdf.gif) no-repeat;
|
|
|
53 padding-left: 15px;
|
|
|
54 /* padding-top:1px; */
|
|
|
55 }
|
|
|
56
|
|
|
57 a.audio {
|
|
|
58 background: url(../images/audio.gif) no-repeat;
|
|
|
59 padding-left: 15px;
|
|
|
60 /* padding-top:1px; */
|
|
|
61 }
|
|
|
62
|
|
|
63 a.book {
|
|
|
64 background: url(../images/book.gif) no-repeat;
|
|
|
65 padding-left: 20px;
|
|
|
66 margin-left: -5px;
|
|
|
67 margin-top: -1px;
|
|
|
68 }
|
|
|
69
|
|
|
70 a.maillink {
|
|
4
|
71 color: #3b4186 !important;
|
|
|
72 }
|
|
|
73
|
|
|
74 h1 {
|
|
|
75 color: #3b4186;
|
|
|
76 font-size: 15px;
|
|
|
77 font-weight: bold;
|
|
|
78 margin: 10px 2px 10px 2px;
|
|
2
|
79 }
|
|
|
80
|
|
4
|
81 h2 {
|
|
|
82 color: #3b4186;
|
|
|
83 font-size: 15px;
|
|
|
84 font-weight: normal;
|
|
|
85 margin: 2px;
|
|
|
86 }
|
|
|
87
|
|
|
88 h3 {
|
|
|
89 color: #3b4186;
|
|
|
90 font-size: 13px;
|
|
|
91 font-weight: normal;
|
|
|
92 margin: 2px;
|
|
|
93 }
|
|
|
94
|
|
|
95
|
|
2
|
96 h1 a {
|
|
|
97 /* a header with a link looks like a header */
|
|
|
98 color: inherit;
|
|
|
99 font-weight: inherit;
|
|
|
100 text-decoration: none;
|
|
|
101 }
|
|
|
102
|
|
|
103 img.pic_large {
|
|
|
104 /* class for wide pictures used for example on institute/addres.html etc. */
|
|
|
105 margin-bottom: 20px;
|
|
|
106 }
|
|
|
107
|
|
|
108
|
|
|
109 /*
|
|
|
110 * header and wrapper
|
|
|
111 */
|
|
|
112
|
|
|
113 #wrapper {
|
|
|
114 /* float: left; */
|
|
4
|
115 width: 900px;
|
|
2
|
116 margin: 0 auto;
|
|
4
|
117 padding: 10px 40px 10px 20px;
|
|
2
|
118 background-color: #fcf2df;
|
|
4
|
119 box-shadow: 0 0 5px 3px #d0d0d0;
|
|
2
|
120 }
|
|
|
121
|
|
|
122 #header {
|
|
|
123 /* float: left; */
|
|
4
|
124 position: relative;
|
|
2
|
125 width: 900px;
|
|
4
|
126 height: 90px;
|
|
2
|
127 margin: 0 0 10px 0;
|
|
|
128 }
|
|
|
129
|
|
|
130 #header div.title {
|
|
|
131 display: inline;
|
|
|
132 /* float: left; */
|
|
4
|
133 position: absolute;
|
|
|
134 left: 0;
|
|
|
135 top: 20px;
|
|
|
136 width: 661px;
|
|
2
|
137 height: 40px;
|
|
|
138 }
|
|
|
139
|
|
|
140 #header div.logo {
|
|
|
141 display: inline;
|
|
|
142 /* float: right; */
|
|
4
|
143 position: absolute;
|
|
|
144 right: 0;
|
|
2
|
145 width: 87px;
|
|
|
146 height: 88px;
|
|
|
147 }
|
|
|
148
|
|
|
149 /* Main Navigation */
|
|
|
150
|
|
|
151 #mainnav {
|
|
|
152 /* float: left; */
|
|
4
|
153 position: relative;
|
|
2
|
154 width: 900px;
|
|
4
|
155 font-family: Verdana, Arial, sans-serif;
|
|
|
156 font-size: 12px;
|
|
2
|
157 border-top: 8px solid #fab775;
|
|
|
158 margin-bottom: 20px;
|
|
|
159 padding-top: 5px;
|
|
|
160 }
|
|
|
161
|
|
|
162 #mainnav div.sec {
|
|
|
163 display: inline;
|
|
|
164 /* float: left; */
|
|
|
165 border-top: 8px solid #fab775;
|
|
|
166 margin-top: -0px;
|
|
|
167 margin-right: 35px;
|
|
|
168 padding-top: 5px;
|
|
|
169 }
|
|
|
170
|
|
|
171 #mainnav div.sec:hover {
|
|
|
172 border-top: 8px solid #ea8500;
|
|
|
173 }
|
|
|
174
|
|
|
175 #mainnav a {
|
|
4
|
176 color: #696968;
|
|
2
|
177 outline: none;
|
|
|
178 }
|
|
|
179
|
|
|
180 #mainnav a:hover {
|
|
|
181 color: #000000;
|
|
|
182 text-decoration: none;
|
|
|
183 }
|
|
|
184
|
|
|
185 #mainnav div.sec.on {
|
|
|
186 border-top: 8px solid #ea8500;
|
|
|
187 }
|
|
|
188
|
|
|
189 #mainnav div.sec.on a {
|
|
|
190 color: #ea8500;
|
|
|
191 outline: none;
|
|
|
192 font-weight: bold;
|
|
|
193 }
|
|
|
194
|
|
|
195 #mainnav div.sec.lang {
|
|
4
|
196 /* float: right; */
|
|
|
197 position: absolute;
|
|
|
198 right: 0;
|
|
|
199 top: -8px;
|
|
2
|
200 margin-right: 0;
|
|
|
201 }
|
|
|
202
|
|
|
203
|
|
4
|
204 /* Breadcrumbs */
|
|
2
|
205
|
|
|
206
|
|
|
207 div.breadcrumbs {
|
|
|
208 float: left;
|
|
|
209 font-size: 10px;
|
|
|
210 color: #6a4d3c;
|
|
|
211 }
|
|
|
212
|
|
|
213 div.breadcrumbs a {
|
|
|
214 color: #6a4d3c;
|
|
|
215 text-decoration: none;
|
|
|
216 }
|
|
|
217
|
|
|
218 div.breadcrumbs .selected {
|
|
|
219 color: #6a4d3c;
|
|
|
220 font-weight: bold;
|
|
|
221 }
|
|
|
222
|
|
4
|
223
|
|
|
224 /*
|
|
|
225 * Front page feature
|
|
|
226 */
|
|
|
227
|
|
|
228 div.feature {
|
|
|
229 width: 900px;
|
|
|
230 background-color: #f4e0c7;
|
|
2
|
231 }
|
|
|
232
|
|
4
|
233 div.feature div.teaser_image {
|
|
|
234 /* float: left; */
|
|
|
235 display: inline-block;
|
|
|
236 vertical-align: top;
|
|
|
237 position: relative;
|
|
|
238 width: 593px;
|
|
|
239 height: 351px;
|
|
|
240 }
|
|
2
|
241
|
|
4
|
242 div.feature div.teaser_image div.caption {
|
|
|
243 position: absolute;
|
|
|
244 bottom: 0;
|
|
|
245 padding: 3px;
|
|
|
246 text-align: right;
|
|
|
247 color: white;
|
|
|
248 font-size: 10px;
|
|
|
249 opacity: 0.8;
|
|
|
250 background-color: gray;
|
|
|
251 /* background-color: rgba(80,80,80,0.6); */
|
|
2
|
252 }
|
|
|
253
|
|
4
|
254 div.feature div.teaser_text {
|
|
|
255 display: inline-block;
|
|
|
256 position: relative;
|
|
|
257 width: 265px;
|
|
|
258 padding-left: 21px;
|
|
|
259 padding-right: 21px;
|
|
2
|
260 }
|
|
|
261
|
|
4
|
262 div.feature div.teaser_text div.feature_number {
|
|
|
263 position: absolute;
|
|
|
264 right: 14px;
|
|
|
265 top: 5px;
|
|
|
266 font-family: Georgia, Times, serif;
|
|
|
267 font-size: 26px;
|
|
|
268 color: #887163;
|
|
|
269 }
|
|
|
270 /* title */
|
|
|
271 div.feature div.teaser_text h1 {
|
|
|
272 font-size: 16px;
|
|
|
273 font-weight: normal;
|
|
|
274 margin-top: 0;
|
|
|
275 }
|
|
|
276 /* "current research topic */
|
|
|
277 div.feature div.teaser_text h2 {
|
|
|
278 font-size: 14px;
|
|
|
279 color: #887163;
|
|
|
280 margin-bottom: 0;
|
|
|
281 }
|
|
|
282 /* feature date */
|
|
|
283 div.feature div.teaser_text h3 {
|
|
|
284 margin-top: 20px;
|
|
|
285 margin-bottom: 20px;
|
|
2
|
286 }
|
|
|
287
|
|
4
|
288 div.feature div.teaser_text p {
|
|
|
289 line-height: 1.5;
|
|
2
|
290 }
|
|
|
291
|
|
|
292
|
|
|
293
|
|
|
294
|
|
|
295 /*
|
|
|
296 * main section
|
|
|
297 */
|
|
|
298
|
|
|
299 div.content {
|
|
4
|
300 /* float: left; */
|
|
2
|
301 width: 900px;
|
|
|
302 }
|
|
|
303
|
|
|
304 div.main {
|
|
4
|
305 /* float: left; */
|
|
2
|
306 width: 720px;
|
|
|
307 background-color: #FFFFFF;
|
|
|
308 margin-bottom: 10px;
|
|
|
309 padding-right: 10px;
|
|
|
310 font-size: 12px;
|
|
|
311 }
|
|
|
312
|
|
|
313 div.main div.center {
|
|
4
|
314 /* float: left; */
|
|
2
|
315 width: 460px;
|
|
|
316 padding: 20px;
|
|
|
317 }
|
|
|
318
|
|
|
319
|
|
|
320 div.center, div.center_wide {
|
|
|
321 line-height: 1.6;
|
|
|
322 }
|
|
|
323 div.center ul {
|
|
|
324 list-style: none;
|
|
|
325 margin-left: 0;
|
|
|
326 padding: 0;
|
|
|
327 }
|
|
|
328
|
|
|
329 div.center li {
|
|
|
330 margin-bottom: 10px;
|
|
|
331 }
|
|
|
332
|
|
|
333
|
|
|
334 div.main div.center_wide {
|
|
4
|
335 /* float: left; */
|
|
2
|
336 width: 710px;
|
|
|
337 /* padding: 20px 0 0 20px; */
|
|
|
338 padding: 20px;
|
|
|
339 }
|
|
|
340
|
|
|
341
|
|
|
342
|
|
|
343
|
|
|
344
|
|
|
345
|
|
|
346
|
|
|
347 /*
|
|
|
348 * subnavigation
|
|
|
349 */
|
|
|
350
|
|
|
351 div.leftbox {
|
|
4
|
352 /* float: left; */
|
|
2
|
353 width: 170px;
|
|
|
354 }
|
|
|
355
|
|
|
356 div.subnav {
|
|
4
|
357 /* float: left; */
|
|
2
|
358 width: 170px;
|
|
|
359 font-size: 11px;
|
|
|
360 }
|
|
|
361
|
|
|
362 div.subnav .sn_off, .subnavbox .sn_off {
|
|
4
|
363 /* float: left; */
|
|
2
|
364 width: 164px;
|
|
|
365 border-bottom: 1px solid #dccbae;
|
|
|
366 padding: 3px 6px 6px 0;
|
|
|
367 }
|
|
|
368
|
|
|
369 div.subnav .sn_on {
|
|
4
|
370 /* float: left; */
|
|
2
|
371 width: 158px;
|
|
|
372 border-bottom: 1px solid #dccbae;
|
|
|
373 padding: 3px 6px 6px 6px;
|
|
|
374 background: #EA8500;
|
|
|
375 }
|
|
|
376
|
|
|
377 div.subnav .sn_on a {
|
|
|
378 color: #FCF2DF;
|
|
|
379 font-weight: bold;
|
|
|
380 }
|
|
|
381
|
|
|
382 div.subnav .sn_off .dept {
|
|
|
383 font-style: italic;
|
|
|
384 color: #b69f7b;
|
|
|
385 }
|
|
|
386
|
|
|
387 div.subnav .sn_on .dept {
|
|
|
388 font-style: italic;
|
|
|
389 color: #f9f4e1;
|
|
|
390 }
|
|
|
391
|
|
|
392 div.subnavbox {
|
|
|
393 /* navigation below e.g. research projects */
|
|
4
|
394 /* float: left; */
|
|
2
|
395 width: 170px;
|
|
|
396 font-size: 11px;
|
|
|
397 margin-top: 30px;
|
|
|
398 }
|
|
|
399
|
|
|
400 div.subnavbox h2 {
|
|
4
|
401 /* float: left; */
|
|
2
|
402 width: 170px;
|
|
|
403 height: 20px;
|
|
|
404 font-size: 11px;
|
|
|
405 color: #b69f7b;
|
|
|
406 margin-bottom: 0px;
|
|
|
407 padding-bottom: 3px;
|
|
|
408 margin-top: 20px;
|
|
|
409 background: transparent url(../images/side.gif) repeat-x;
|
|
|
410 }
|
|
|
411
|
|
|
412
|
|
|
413
|
|
|
414
|
|
|
415
|
|
|
416
|
|
|
417 /*
|
|
|
418 * research section
|
|
|
419 */
|
|
|
420
|
|
|
421 div.center_wide.dept {
|
|
|
422 padding-left: 16px !important;
|
|
|
423 padding-right: 0 !important;
|
|
|
424 }
|
|
|
425
|
|
|
426 div.center.dept {
|
|
|
427 padding-left: 16px !important;
|
|
|
428 padding-right: 0 !important;
|
|
|
429 width: 480px !important;
|
|
|
430 }
|
|
|
431
|
|
|
432 div.dept_block {
|
|
4
|
433 /* float: left; */
|
|
2
|
434 width: 221px;
|
|
|
435 min-height:420px;
|
|
|
436 border-bottom: 2px solid #979CE0;
|
|
|
437 margin-right: 15px;
|
|
|
438 margin-bottom: 20px;
|
|
|
439 font-size: 11px;
|
|
|
440 }
|
|
|
441
|
|
|
442 div.dept_block.clear {
|
|
|
443 clear:left;
|
|
|
444 }
|
|
|
445
|
|
|
446 div.dept_block.wide {
|
|
|
447 width: 460px !important;
|
|
|
448 min-height:0px !important;
|
|
|
449 height: auto !important;
|
|
|
450 }
|
|
|
451
|
|
|
452 div.dept_block.short {
|
|
|
453 min-height: 290px !important;
|
|
|
454 border-bottom: None;
|
|
|
455 }
|
|
|
456
|
|
|
457 div.dept_block h2 {
|
|
|
458 margin: 0 0 5px 0;
|
|
|
459 font-size: 13px;
|
|
|
460 font-weight: normal;
|
|
|
461 color: #485297;
|
|
|
462 }
|
|
|
463
|
|
|
464 div.dept_block.wide h2 {
|
|
|
465 margin: 0 0 5px 0;
|
|
|
466 font-size: 16px;
|
|
|
467 color: #485297;
|
|
|
468 }
|
|
|
469
|
|
|
470 div.dept_block h1 {
|
|
|
471 font-size: 13px;
|
|
|
472 font-weight: bold;
|
|
|
473 color: #485297;
|
|
|
474 }
|
|
|
475
|
|
|
476 div.dept_block.wide h1 {
|
|
|
477 font-size: 16px;
|
|
|
478 }
|
|
|
479
|
|
|
480 div.dept_block h2 a, div.dept_block h1 a {
|
|
|
481 color: #485297;
|
|
|
482 }
|
|
|
483
|
|
|
484 div.dept_block p {
|
|
|
485 font-size: 11px;
|
|
|
486 line-height: 1.6;
|
|
|
487 }
|
|
|
488
|
|
|
489 p.dept_leader, p.dept_summary {
|
|
|
490 /* legacy */
|
|
|
491 font-size: 11px;
|
|
|
492 line-height:1.4;
|
|
|
493 }
|
|
|
494
|
|
|
495
|
|
|
496
|
|
|
497 /*
|
|
|
498 * people list
|
|
|
499 */
|
|
|
500
|
|
|
501 div.namelist {
|
|
4
|
502 /* float: left; */
|
|
2
|
503 clear: left;
|
|
|
504 padding-top: 10px;
|
|
|
505 }
|
|
|
506
|
|
|
507 div.namelist.line {
|
|
|
508 border-top: 3px solid #dccbae;
|
|
|
509 }
|
|
|
510 /* NEW */
|
|
|
511 div.namelist h2 {
|
|
|
512 border-bottom: 3px solid #dccbae;
|
|
|
513 }
|
|
|
514 div.namelist h2.noline {
|
|
|
515 border-bottom: none;
|
|
|
516 }
|
|
|
517 div.namelist.small {
|
|
|
518 font-size: 11px;
|
|
|
519 }
|
|
|
520
|
|
|
521 div.center_wide div.namelist {
|
|
|
522 width: 700px;
|
|
|
523 }
|
|
|
524 div.center div.namelist div.row {
|
|
|
525 width:100%;
|
|
|
526 }
|
|
|
527 div.namelist div.row {
|
|
4
|
528 /* float: left; */
|
|
2
|
529 border-bottom: 1px solid #dccbae;
|
|
|
530 margin-top: 5px;
|
|
|
531 padding-bottom: 7px;
|
|
|
532 }
|
|
|
533 div.namelist div.row.noline {
|
|
|
534 border-bottom: none;
|
|
|
535 }
|
|
|
536
|
|
|
537 div.center_wide div.namelist div.row {
|
|
|
538 width: 700px;
|
|
|
539 }
|
|
|
540
|
|
|
541 div.namelist div.row:last-child {
|
|
|
542 border-bottom: none;
|
|
|
543 }
|
|
|
544
|
|
|
545 div.namelist .name {
|
|
|
546 display: block;
|
|
4
|
547 /* float: left; */
|
|
2
|
548 width: 30%;
|
|
|
549 }
|
|
|
550
|
|
|
551 div.namelist.namelinks .name a {
|
|
|
552 color: #485297;
|
|
|
553 }
|
|
|
554
|
|
|
555 div.namelist .definition {
|
|
|
556 display: block;
|
|
4
|
557 /* float: left; */
|
|
2
|
558 width: 70%;
|
|
|
559 }
|
|
|
560
|
|
|
561 div.namelist.namelinks .definition a {
|
|
|
562 color: #485297;
|
|
|
563 }
|
|
|
564
|
|
|
565 /* legacy */
|
|
|
566 div.namelist.namelinks .definition.normallinks a {
|
|
|
567 color: #EA8500;
|
|
|
568 }
|
|
|
569
|
|
|
570 div.list_disclaimer {
|
|
4
|
571 /* float: left; */
|
|
2
|
572 width: 180px;
|
|
|
573 font-size: 10px;
|
|
|
574 margin-right: 20px;
|
|
|
575 }
|
|
|
576
|
|
|
577 div.letters {
|
|
4
|
578 /* float: left; */
|
|
2
|
579 margin-right: 10px;
|
|
|
580 color: #EA8500;
|
|
|
581 }
|
|
|
582 div.letters a {
|
|
|
583 margin-left: 0.2em;
|
|
|
584 margin-right: 0.2em;
|
|
|
585 }
|
|
|
586
|
|
|
587 div.letter {
|
|
4
|
588 /* float: left; */
|
|
2
|
589 width: 700px;
|
|
|
590 margin-top: 20px;
|
|
|
591 padding-bottom: 3px;
|
|
|
592 border-bottom: 3px solid #dccbae;
|
|
|
593 font-weight: bold;
|
|
|
594 font-size: 13px;
|
|
|
595 color: #dccbae;
|
|
|
596 }
|
|
|
597
|
|
|
598 div.jump_top {
|
|
4
|
599 /* float: left; */
|
|
2
|
600 width: 700px;
|
|
|
601 text-align: right;
|
|
|
602 font-size: 10px;
|
|
|
603 }
|
|
|
604
|
|
|
605
|
|
|
606
|
|
|
607
|
|
|
608 /* bios */
|
|
|
609
|
|
|
610 p.bio_section_header {
|
|
|
611 color: #485297;
|
|
|
612 padding-bottom: 5px;
|
|
|
613 margin-bottom: 5px;
|
|
|
614 border-bottom: 1px solid #dccbae;
|
|
|
615 }
|
|
|
616
|
|
|
617
|
|
|
618
|
|
|
619 /*
|
|
|
620 * right sidebar
|
|
|
621 */
|
|
|
622
|
|
|
623 div.sidebar {
|
|
4
|
624 /* float: right; */
|
|
2
|
625 width: 220px;
|
|
|
626 font-size: 10px;
|
|
|
627 line-height: 1.6;
|
|
|
628 /* margin-right: 10px; */
|
|
|
629 }
|
|
|
630
|
|
|
631 #wrapper_home .sidebar {
|
|
|
632 width: 230px;
|
|
|
633 }
|
|
|
634
|
|
|
635 div.sideblock {
|
|
|
636 /* border-bottom: 1px solid #dccbae; */
|
|
4
|
637 /* float: left; */
|
|
2
|
638 clear: left;
|
|
|
639 }
|
|
|
640
|
|
|
641 div.sideblock h2 {
|
|
|
642 padding-bottom: 5px;
|
|
|
643 margin: 18px 0px 0px 0px;
|
|
|
644 /* brown bottom line
|
|
|
645 background: transparent url(../images/side.gif) repeat-x;
|
|
|
646 */
|
|
|
647 border-bottom: 3px solid #dccbae;
|
|
|
648 font-size: 12px;
|
|
|
649 color: #485297;
|
|
|
650 /*float:left;
|
|
|
651 clear:both;*/
|
|
|
652 font-weight: normal;
|
|
|
653 }
|
|
|
654
|
|
|
655 div.sideblock h2 a {
|
|
|
656 /* no longer so ugly hack to have right-adjust link... */
|
|
4
|
657 /* float: right; */
|
|
2
|
658 color: #EA8500;
|
|
|
659 font-size: 10px;
|
|
|
660 }
|
|
|
661
|
|
|
662 div.sideblock h2 .proj_state {
|
|
|
663 /* right-adjusted block besides the title */
|
|
4
|
664 /* float: right; */
|
|
2
|
665 font-size: 10px;
|
|
|
666 color: #b69f7b;
|
|
|
667 font-weight: bold;
|
|
|
668 }
|
|
|
669 div.sideblock h2 .proj_state a {
|
|
|
670 /* inside should not float */
|
|
4
|
671 /* float: none; */
|
|
2
|
672 }
|
|
|
673
|
|
|
674 div.sideblock a.maillink {
|
|
|
675 color: #ea8500 !important;
|
|
|
676 }
|
|
|
677
|
|
|
678 div.sideblock .item, div.sideblock p {
|
|
4
|
679 /* float:left; */
|
|
2
|
680 width:220px;
|
|
|
681 margin: 5px 0 0 0;
|
|
|
682 padding: 0 0 5px 0;
|
|
|
683 border-bottom: 1px solid #dccbae;
|
|
|
684
|
|
|
685 }
|
|
|
686
|
|
|
687 div.sideblock .item.noline {
|
|
|
688 border-bottom: none;
|
|
|
689 }
|
|
|
690
|
|
|
691 div.sideblock .project {
|
|
|
692 background: url(../images/arr_right.gif) no-repeat #f5daaf;
|
|
|
693 padding: 6px 6px 6px 20px;
|
|
|
694 border-bottom: 1px solid #f3be7c;
|
|
|
695 width:194px;
|
|
|
696 }
|
|
|
697
|
|
|
698 div.sideblock .project.inactive {
|
|
|
699 background: url(../images/arr_right.gif) no-repeat #f6e6cc;
|
|
|
700 width:194px;
|
|
|
701 }
|
|
|
702
|
|
|
703 div.sideblock .project.parent {
|
|
|
704 background: url(../images/arr_up.gif) no-repeat #f9f4e1;
|
|
|
705 color: #666666;
|
|
|
706 border-bottom: 1px solid #dccbae;
|
|
|
707 margin-top:20px;
|
|
|
708 }
|
|
|
709
|
|
|
710 div.sideblock .project a {
|
|
|
711 color: #333;
|
|
|
712 }
|
|
|
713
|
|
|
714 div.sideblock .item.featurearchive {
|
|
|
715 border-bottom:none;
|
|
4
|
716 /* float:left; */
|
|
2
|
717 margin: 5px 0 10px 0;
|
|
|
718 padding: 0 0 5px 0;
|
|
|
719 border-bottom: None;
|
|
|
720 }
|
|
|
721
|
|
|
722 div.sideblock .item img {
|
|
|
723 margin-right: 8px;
|
|
|
724 }
|
|
|
725
|
|
|
726 div.sideblock .item.link, div.sideblock .item.internal {
|
|
|
727 padding: 0 0 10px 20px;
|
|
|
728 background: url(../images/arr_more.gif) no-repeat;
|
|
|
729 width: 200px;
|
|
|
730 }
|
|
|
731 div.sideblock .item.book {
|
|
|
732 padding: 0 0 10px 20px;
|
|
|
733 background: url(../images/book.gif) no-repeat;
|
|
|
734 width: 200px;
|
|
|
735 }
|
|
|
736
|
|
|
737 div.sideblock .item.external {
|
|
|
738 padding: 0 0 10px 20px;
|
|
|
739 background: url(../images/external.gif) no-repeat;
|
|
|
740 width: 200px;
|
|
|
741 }
|
|
|
742
|
|
|
743 div.sideblock .item.video {
|
|
|
744 padding: 0 0 10px 20px;
|
|
|
745 background: url(../images/vid.gif) no-repeat;
|
|
|
746 width: 200px;
|
|
|
747 }
|
|
|
748
|
|
|
749 div.sideblock .item.audio {
|
|
|
750 padding: 0 0 10px 20px;
|
|
|
751 background: url(../images/audio.gif) no-repeat;
|
|
|
752 width: 200px;
|
|
|
753 }
|
|
|
754
|
|
|
755 div.sideblock .item.download {
|
|
|
756 padding: 0 0 10px 20px;
|
|
|
757 background: url(../images/download.gif) no-repeat;
|
|
|
758 width: 200px;
|
|
|
759 }
|
|
|
760
|
|
|
761
|
|
|
762
|
|
|
763
|
|
|
764 /*
|
|
|
765 * footer
|
|
|
766 */
|
|
|
767
|
|
|
768 .footer {
|
|
4
|
769 /* float: left; */
|
|
2
|
770 width: 700px;
|
|
|
771 background-color: #FFFFFF;
|
|
|
772 margin: 0 10px 20px 20px;
|
|
|
773 border-top: 1px solid #485297;
|
|
|
774 }
|
|
|
775
|
|
|
776 #wrapper_home .footer {
|
|
4
|
777 /* float: left; */
|
|
2
|
778 width: 900px;
|
|
|
779 margin: 0 10px 20px 20px;
|
|
|
780 border-top: 1px solid #dccbae;
|
|
|
781 }
|
|
|
782
|
|
|
783 div.services {
|
|
4
|
784 /* float: right; */
|
|
2
|
785 font-size: 11px;
|
|
|
786 margin-top: 5px;
|
|
|
787 }
|
|
|
788
|
|
|
789 .services a {
|
|
|
790 color: #485297;
|
|
|
791 }
|
|
|
792
|
|
|
793 div.serviceprint {
|
|
4
|
794 /* float: left; */
|
|
2
|
795 margin-left: 20px;
|
|
|
796 padding-left: 20px;
|
|
|
797 height: 25px;
|
|
|
798 background: url(../images/print.gif) no-repeat;
|
|
|
799 }
|
|
|
800
|
|
|
801 div.serviceforward {
|
|
4
|
802 /* float: left; */
|
|
2
|
803 margin-left: 20px;
|
|
|
804 padding-left: 20px;
|
|
|
805 height: 25px;
|
|
|
806 background: url(../images/forward.gif) no-repeat;
|
|
|
807 }
|
|
|
808
|
|
|
809 div.servicepdf {
|
|
4
|
810 /* float: left; */
|
|
2
|
811 margin-left: 20px;
|
|
|
812 padding-left: 20px;
|
|
|
813 height: 25px;
|
|
|
814 background: url(../images/pdf.gif) no-repeat;
|
|
|
815 }
|
|
|
816
|
|
|
817 div.boilerplate {
|
|
4
|
818 /* float: left; */
|
|
2
|
819 margin: 0 0 50px 170px;
|
|
|
820 width: 730px;
|
|
|
821 }
|
|
|
822
|
|
|
823 #wrapper_home div.boilerplate {
|
|
4
|
824 /* float: left; */
|
|
2
|
825 margin: 30px 0 50px 0px;
|
|
|
826 width: 900px;
|
|
|
827 border-top: 1px solid #dccbae;
|
|
|
828 padding-top: 10px;
|
|
|
829 }
|
|
|
830
|
|
|
831 div.legal {
|
|
4
|
832 /* float: left; */
|
|
2
|
833 font-size: 11px;
|
|
|
834 color: #EA8500;
|
|
|
835 }
|
|
|
836
|
|
|
837 div.mpg_signet {
|
|
4
|
838 /* float: right; */
|
|
2
|
839 }
|
|
|
840
|
|
|
841
|
|
|
842 /* more generic lists */
|
|
|
843
|
|
|
844 ul.big {
|
|
|
845 width:100%;
|
|
|
846 }
|
|
|
847
|
|
|
848 ul.big li {
|
|
|
849 border-bottom: 1px solid #dccbae;
|
|
|
850 margin-top: 5px;
|
|
|
851 padding-bottom: 7px;
|
|
|
852 }
|
|
|
853 ul.big li:last-child {
|
|
|
854 border-bottom: none;
|
|
|
855 }
|
|
|
856
|
|
|
857
|
|
|
858
|
|
|
859 /* Sitemap */
|
|
|
860 div.dept_block_sitemap {
|
|
4
|
861 /* float: left; */
|
|
2
|
862 width: 221px;
|
|
|
863 font-size: 11px;
|
|
|
864 }
|
|
|
865
|
|
|
866 .dept_title_sitemap {
|
|
|
867 margin: 0 0 5px 0;
|
|
|
868 font-size: 13px;
|
|
|
869 color: #485297;
|
|
|
870 width: 221px;
|
|
|
871 padding-top: 5px;
|
|
|
872 border-top: 2px solid #979CE0;
|
|
|
873 }
|
|
|
874
|
|
|
875 .dept_title a, .dept_title_sitemap a, .dept_headline a {
|
|
|
876 color: #485297;
|
|
|
877 }
|
|
|
878
|
|
|
879
|
|
|
880 div.banner_large .caption {
|
|
|
881 font-size: 10px;
|
|
|
882 color: #b69f7b;
|
|
|
883 margin-top: 5px;
|
|
|
884 }
|
|
|
885
|
|
|
886
|
|
|
887 div.image_large .caption {
|
|
|
888 font-size: 10px;
|
|
|
889 color: #b69f7b;
|
|
|
890 margin-top: 5px;
|
|
|
891 }
|
|
|
892 div.image_small {
|
|
|
893 width: 230px;
|
|
|
894 padding: 10px;
|
|
|
895 }
|
|
|
896 div.image_small.left {
|
|
4
|
897 /* float: left; */
|
|
2
|
898 padding-left: 0px;
|
|
|
899 }
|
|
|
900 div.image_small.right {
|
|
4
|
901 /* float: right; */
|
|
2
|
902 padding-right: 0px;
|
|
|
903 }
|
|
|
904 div.image_small .caption {
|
|
|
905 font-size: 10px;
|
|
|
906 color: #b69f7b;
|
|
|
907 margin-top: 5px;
|
|
|
908 }
|
|
|
909
|
|
|
910
|
|
|
911
|
|
|
912 /* projects */
|
|
|
913
|
|
|
914 div.projectlist {
|
|
|
915 width:100%;
|
|
|
916 }
|
|
|
917
|
|
|
918 div.projectlist h2 {
|
|
|
919 width:700px;
|
|
|
920 font-size: 13px;
|
|
|
921 border-bottom: 2px solid #dccbae;
|
|
|
922 font-weight:normal;
|
|
|
923 }
|
|
|
924 div.projectlist h2 a {
|
|
|
925 color: #485297;
|
|
|
926 }
|
|
|
927 div.projectlist h2 a .dep {
|
|
|
928 font-weight:bold;
|
|
|
929 color: #485297;
|
|
|
930 margin-right:10px;
|
|
|
931 }
|
|
|
932 div.project_block {
|
|
|
933 margin-top:10px;
|
|
|
934 margin-bottom:14px;
|
|
|
935 }
|
|
|
936
|
|
|
937 ul.projectlist {
|
|
|
938 list-style-image:url(../images/arr_more.gif);
|
|
|
939 /* line-height: 20px; */
|
|
|
940 }
|
|
|
941 ul.projectlist a{
|
|
|
942 color: #485297;
|
|
|
943 }
|
|
|
944
|
|
|
945
|
|
|
946 p.maintext_more {
|
|
|
947 font-size: 12px;
|
|
|
948 margin-top: -10px;
|
|
|
949 padding-left: 15px;
|
|
|
950 background: url(../images/arr_more.gif) no-repeat;
|
|
|
951 }
|
|
|
952 p.maintext_authors {
|
|
|
953 font-size: 12px;
|
|
|
954 font-weight: bold;
|
|
|
955 }
|
|
|
956
|
|
|
957
|
|
|
958 div.caption_inline {
|
|
|
959 /* caption for images on project pages */
|
|
4
|
960 /* float: left; */
|
|
2
|
961 width: 208px;
|
|
|
962 font-size: 9px;
|
|
|
963 color: #b69f7b;
|
|
|
964 margin-top: 5px;
|
|
|
965 }
|
|
|
966
|
|
|
967 div.pic_inline {
|
|
4
|
968 /* float: left; */
|
|
2
|
969 width: 220px;
|
|
|
970 }
|
|
|
971 div.pic_inline_container {
|
|
4
|
972 /* float: left; */
|
|
2
|
973 width: 220px;
|
|
|
974 margin: 5px 15px 0 0;
|
|
|
975 }
|
|
|
976
|
|
|
977
|
|
|
978
|
|
|
979 /* Research Units */
|
|
|
980 li.level_1 {
|
|
|
981 margin-left:2px;
|
|
|
982 }
|
|
|
983 li.level_2 {
|
|
|
984 margin-left:22px;
|
|
|
985 border-bottom: 1px solid #dccbae;
|
|
|
986 font-weight:bold;
|
|
|
987 }
|
|
|
988 li.level_3 {
|
|
|
989 margin-left:52px;
|
|
|
990 font-weight:bold;
|
|
|
991 }
|
|
|
992 li.level_4 {
|
|
|
993 margin-left:82px;
|
|
|
994 }
|
|
|
995
|
|
|
996 a.expand {
|
|
|
997 margin-left:45px;
|
|
|
998 margin-top:10px;
|
|
|
999 }
|
|
|
1000
|
|
|
1001
|
|
|
1002
|
|
|
1003
|
|
|
1004
|
|
|
1005
|
|
|
1006
|
|
|
1007 /* Events */
|
|
|
1008
|
|
|
1009 div.event {
|
|
|
1010 margin-bottom: 44px;
|
|
|
1011 }
|
|
|
1012
|
|
|
1013 div.event span.category{
|
|
|
1014 border-bottom:1px solid #dccbae;
|
|
|
1015 color: #485297;
|
|
|
1016
|
|
|
1017 font-size:12px;
|
|
|
1018 }
|
|
|
1019 div.event h2 {
|
|
|
1020 margin-left:0px;
|
|
|
1021 /* color: #dccbae;
|
|
|
1022 font-weight:bold;
|
|
|
1023 border-bottom:2px solid #dccbae;
|
|
|
1024 */
|
|
|
1025 color: #485297;
|
|
|
1026 font-weight:normal;
|
|
|
1027 }
|
|
|
1028
|
|
|
1029 div.event h1{
|
|
|
1030 margin-left:0px;
|
|
|
1031 }
|
|
|
1032
|
|
|
1033 div.event p {
|
|
|
1034 font-size: 11px;
|
|
|
1035
|
|
|
1036 margin-left:82px;
|
|
|
1037 }
|
|
|
1038
|
|
|
1039
|
|
|
1040 div.event div.row {
|
|
|
1041 width:100%;
|
|
4
|
1042 /* float: left; */
|
|
2
|
1043 border-bottom: 1px solid #dccbae;
|
|
|
1044 margin-bottom: 5px;
|
|
|
1045 padding-bottom: 7px;
|
|
|
1046 }
|
|
|
1047
|
|
|
1048
|
|
|
1049 div.event div.row div.name {
|
|
4
|
1050 /* float:left; */
|
|
2
|
1051 width:80px;
|
|
|
1052 color:#485297;
|
|
|
1053 }
|
|
|
1054
|
|
|
1055 div.event div.row div.definition {
|
|
4
|
1056 /* float:left; */
|
|
2
|
1057 margin-left:20px;
|
|
|
1058 width:300px;
|
|
|
1059 }
|
|
|
1060
|
|
|
1061
|
|
|
1062
|
|
|
1063 /* mediathek */
|
|
|
1064
|
|
|
1065 div.media_nav {
|
|
|
1066 background-color:#ffffff;
|
|
|
1067 }
|
|
|
1068
|
|
|
1069 div.media_nav div.element {
|
|
4
|
1070 /* float:left; */
|
|
2
|
1071 margin-left:8px;
|
|
|
1072 margin-right:8px;
|
|
|
1073 }
|
|
|
1074
|
|
|
1075
|
|
|
1076
|
|
|
1077 /* unknown */
|
|
|
1078 div.line{
|
|
|
1079 border-bottom: 3px solid #dccbae;
|
|
|
1080 margin-bottom:10px;
|
|
|
1081 margin-top:10px;
|
|
|
1082 width:700px;
|
|
|
1083 }
|
|
|
1084 /* used e.g. on staff-pages 'kollegium/board of directors' */
|
|
|
1085
|
|
|
1086 .deptlink {
|
|
|
1087 color: #485297;
|
|
|
1088 margin:20px;
|
|
|
1089 }
|
|
|
1090
|
|
|
1091 ul.presse li {
|
|
|
1092 border-top: 1px solid #dccbae;
|
|
|
1093 font-size: 11px;
|
|
|
1094 padding-left:8px;
|
|
|
1095 padding-top: 8px;
|
|
|
1096 }
|
|
|
1097
|
|
|
1098 h2.line {
|
|
|
1099 border-bottom:2px solid #dccbae;
|
|
|
1100 margin-bottom:8px;
|
|
|
1101 }
|
|
|
1102 h1.line {
|
|
|
1103 border-bottom:3px solid #dccbae;
|
|
|
1104 padding-bottom:5px;
|
|
|
1105 }
|
|
|
1106
|
