|
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;
|
|
5
|
76 font-size: 16px;
|
|
4
|
77 font-weight: bold;
|
|
|
78 margin: 10px 2px 10px 2px;
|
|
2
|
79 }
|
|
|
80
|
|
4
|
81 h2 {
|
|
|
82 color: #3b4186;
|
|
5
|
83 font-size: 16px;
|
|
4
|
84 font-weight: normal;
|
|
|
85 margin: 2px;
|
|
|
86 }
|
|
|
87
|
|
|
88 h3 {
|
|
|
89 color: #3b4186;
|
|
5
|
90 font-size: 14px;
|
|
4
|
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
|
|
5
|
299 div.main {
|
|
|
300 }
|
|
|
301
|
|
|
302 div.main div.row {
|
|
|
303 /* set font-size to ignore whitespace */
|
|
|
304 font-size: 0;
|
|
2
|
305 }
|
|
|
306
|
|
5
|
307 div.main div.block {
|
|
|
308 display: inline-block;
|
|
|
309 width: 286px;
|
|
|
310 vertical-align: top;
|
|
|
311 /* reset font-size */
|
|
|
312 font-size: 12px;
|
|
|
313 line-height: 1.5;
|
|
|
314 margin-left: 21px;
|
|
2
|
315 }
|
|
5
|
316 div.main div.block:first-child {
|
|
|
317 /* first block has no left margin */
|
|
|
318 margin-left: 0;
|
|
2
|
319 }
|
|
|
320
|
|
5
|
321 div.main div.block h2 {
|
|
|
322 position: relative;
|
|
|
323 padding-bottom: 3px;
|
|
|
324 margin-top: 18px;
|
|
|
325 border-bottom: 3px solid #dccbae;
|
|
2
|
326 }
|
|
5
|
327 div.main div.block h2 a:link {
|
|
|
328 /* more-links in title are right */
|
|
|
329 position: absolute;
|
|
|
330 right: 0;
|
|
|
331 /* more-links in title are small */
|
|
|
332 font-size: 12px;
|
|
2
|
333 }
|
|
|
334
|
|
5
|
335 div.main div.block div.item {
|
|
|
336 padding-top: 5px;
|
|
|
337 padding-bottom: 3px;
|
|
|
338 border-bottom: 1px solid #dccbae;
|
|
2
|
339 }
|
|
|
340
|
|
5
|
341 div.main div.block b {
|
|
|
342 /* bold is blue */
|
|
|
343 color: #3b4186;
|
|
|
344 }
|
|
2
|
345
|
|
|
346 /*
|
|
|
347 * subnavigation
|
|
|
348 */
|
|
|
349
|
|
|
350 div.leftbox {
|
|
4
|
351 /* float: left; */
|
|
2
|
352 width: 170px;
|
|
|
353 }
|
|
|
354
|
|
|
355 div.subnav {
|
|
4
|
356 /* float: left; */
|
|
2
|
357 width: 170px;
|
|
|
358 font-size: 11px;
|
|
|
359 }
|
|
|
360
|
|
|
361 div.subnav .sn_off, .subnavbox .sn_off {
|
|
4
|
362 /* float: left; */
|
|
2
|
363 width: 164px;
|
|
|
364 border-bottom: 1px solid #dccbae;
|
|
|
365 padding: 3px 6px 6px 0;
|
|
|
366 }
|
|
|
367
|
|
|
368 div.subnav .sn_on {
|
|
4
|
369 /* float: left; */
|
|
2
|
370 width: 158px;
|
|
|
371 border-bottom: 1px solid #dccbae;
|
|
|
372 padding: 3px 6px 6px 6px;
|
|
|
373 background: #EA8500;
|
|
|
374 }
|
|
|
375
|
|
|
376 div.subnav .sn_on a {
|
|
|
377 color: #FCF2DF;
|
|
|
378 font-weight: bold;
|
|
|
379 }
|
|
|
380
|
|
|
381 div.subnav .sn_off .dept {
|
|
|
382 font-style: italic;
|
|
|
383 color: #b69f7b;
|
|
|
384 }
|
|
|
385
|
|
|
386 div.subnav .sn_on .dept {
|
|
|
387 font-style: italic;
|
|
|
388 color: #f9f4e1;
|
|
|
389 }
|
|
|
390
|
|
|
391 div.subnavbox {
|
|
|
392 /* navigation below e.g. research projects */
|
|
4
|
393 /* float: left; */
|
|
2
|
394 width: 170px;
|
|
|
395 font-size: 11px;
|
|
|
396 margin-top: 30px;
|
|
|
397 }
|
|
|
398
|
|
|
399 div.subnavbox h2 {
|
|
4
|
400 /* float: left; */
|
|
2
|
401 width: 170px;
|
|
|
402 height: 20px;
|
|
|
403 font-size: 11px;
|
|
|
404 color: #b69f7b;
|
|
|
405 margin-bottom: 0px;
|
|
|
406 padding-bottom: 3px;
|
|
|
407 margin-top: 20px;
|
|
|
408 background: transparent url(../images/side.gif) repeat-x;
|
|
|
409 }
|
|
|
410
|
|
|
411
|
|
|
412
|
|
|
413
|
|
|
414
|
|
|
415
|
|
|
416 /*
|
|
|
417 * research section
|
|
|
418 */
|
|
|
419
|
|
|
420 div.center_wide.dept {
|
|
|
421 padding-left: 16px !important;
|
|
|
422 padding-right: 0 !important;
|
|
|
423 }
|
|
|
424
|
|
|
425 div.center.dept {
|
|
|
426 padding-left: 16px !important;
|
|
|
427 padding-right: 0 !important;
|
|
|
428 width: 480px !important;
|
|
|
429 }
|
|
|
430
|
|
|
431 div.dept_block {
|
|
4
|
432 /* float: left; */
|
|
2
|
433 width: 221px;
|
|
|
434 min-height:420px;
|
|
|
435 border-bottom: 2px solid #979CE0;
|
|
|
436 margin-right: 15px;
|
|
|
437 margin-bottom: 20px;
|
|
|
438 font-size: 11px;
|
|
|
439 }
|
|
|
440
|
|
|
441 div.dept_block.clear {
|
|
|
442 clear:left;
|
|
|
443 }
|
|
|
444
|
|
|
445 div.dept_block.wide {
|
|
|
446 width: 460px !important;
|
|
|
447 min-height:0px !important;
|
|
|
448 height: auto !important;
|
|
|
449 }
|
|
|
450
|
|
|
451 div.dept_block.short {
|
|
|
452 min-height: 290px !important;
|
|
|
453 border-bottom: None;
|
|
|
454 }
|
|
|
455
|
|
|
456 div.dept_block h2 {
|
|
|
457 margin: 0 0 5px 0;
|
|
|
458 font-size: 13px;
|
|
|
459 font-weight: normal;
|
|
|
460 color: #485297;
|
|
|
461 }
|
|
|
462
|
|
|
463 div.dept_block.wide h2 {
|
|
|
464 margin: 0 0 5px 0;
|
|
|
465 font-size: 16px;
|
|
|
466 color: #485297;
|
|
|
467 }
|
|
|
468
|
|
|
469 div.dept_block h1 {
|
|
|
470 font-size: 13px;
|
|
|
471 font-weight: bold;
|
|
|
472 color: #485297;
|
|
|
473 }
|
|
|
474
|
|
|
475 div.dept_block.wide h1 {
|
|
|
476 font-size: 16px;
|
|
|
477 }
|
|
|
478
|
|
|
479 div.dept_block h2 a, div.dept_block h1 a {
|
|
|
480 color: #485297;
|
|
|
481 }
|
|
|
482
|
|
|
483 div.dept_block p {
|
|
|
484 font-size: 11px;
|
|
|
485 line-height: 1.6;
|
|
|
486 }
|
|
|
487
|
|
|
488 p.dept_leader, p.dept_summary {
|
|
|
489 /* legacy */
|
|
|
490 font-size: 11px;
|
|
|
491 line-height:1.4;
|
|
|
492 }
|
|
|
493
|
|
|
494
|
|
|
495
|
|
|
496 /*
|
|
|
497 * people list
|
|
|
498 */
|
|
|
499
|
|
|
500 div.namelist {
|
|
4
|
501 /* float: left; */
|
|
2
|
502 clear: left;
|
|
|
503 padding-top: 10px;
|
|
|
504 }
|
|
|
505
|
|
|
506 div.namelist.line {
|
|
|
507 border-top: 3px solid #dccbae;
|
|
|
508 }
|
|
|
509 /* NEW */
|
|
|
510 div.namelist h2 {
|
|
|
511 border-bottom: 3px solid #dccbae;
|
|
|
512 }
|
|
|
513 div.namelist h2.noline {
|
|
|
514 border-bottom: none;
|
|
|
515 }
|
|
|
516 div.namelist.small {
|
|
|
517 font-size: 11px;
|
|
|
518 }
|
|
|
519
|
|
|
520 div.center_wide div.namelist {
|
|
|
521 width: 700px;
|
|
|
522 }
|
|
|
523 div.center div.namelist div.row {
|
|
|
524 width:100%;
|
|
|
525 }
|
|
|
526 div.namelist div.row {
|
|
4
|
527 /* float: left; */
|
|
2
|
528 border-bottom: 1px solid #dccbae;
|
|
|
529 margin-top: 5px;
|
|
|
530 padding-bottom: 7px;
|
|
|
531 }
|
|
|
532 div.namelist div.row.noline {
|
|
|
533 border-bottom: none;
|
|
|
534 }
|
|
|
535
|
|
|
536 div.center_wide div.namelist div.row {
|
|
|
537 width: 700px;
|
|
|
538 }
|
|
|
539
|
|
|
540 div.namelist div.row:last-child {
|
|
|
541 border-bottom: none;
|
|
|
542 }
|
|
|
543
|
|
|
544 div.namelist .name {
|
|
|
545 display: block;
|
|
4
|
546 /* float: left; */
|
|
2
|
547 width: 30%;
|
|
|
548 }
|
|
|
549
|
|
|
550 div.namelist.namelinks .name a {
|
|
|
551 color: #485297;
|
|
|
552 }
|
|
|
553
|
|
|
554 div.namelist .definition {
|
|
|
555 display: block;
|
|
4
|
556 /* float: left; */
|
|
2
|
557 width: 70%;
|
|
|
558 }
|
|
|
559
|
|
|
560 div.namelist.namelinks .definition a {
|
|
|
561 color: #485297;
|
|
|
562 }
|
|
|
563
|
|
|
564 /* legacy */
|
|
|
565 div.namelist.namelinks .definition.normallinks a {
|
|
|
566 color: #EA8500;
|
|
|
567 }
|
|
|
568
|
|
|
569 div.list_disclaimer {
|
|
4
|
570 /* float: left; */
|
|
2
|
571 width: 180px;
|
|
|
572 font-size: 10px;
|
|
|
573 margin-right: 20px;
|
|
|
574 }
|
|
|
575
|
|
|
576 div.letters {
|
|
4
|
577 /* float: left; */
|
|
2
|
578 margin-right: 10px;
|
|
|
579 color: #EA8500;
|
|
|
580 }
|
|
|
581 div.letters a {
|
|
|
582 margin-left: 0.2em;
|
|
|
583 margin-right: 0.2em;
|
|
|
584 }
|
|
|
585
|
|
|
586 div.letter {
|
|
4
|
587 /* float: left; */
|
|
2
|
588 width: 700px;
|
|
|
589 margin-top: 20px;
|
|
|
590 padding-bottom: 3px;
|
|
|
591 border-bottom: 3px solid #dccbae;
|
|
|
592 font-weight: bold;
|
|
|
593 font-size: 13px;
|
|
|
594 color: #dccbae;
|
|
|
595 }
|
|
|
596
|
|
|
597 div.jump_top {
|
|
4
|
598 /* float: left; */
|
|
2
|
599 width: 700px;
|
|
|
600 text-align: right;
|
|
|
601 font-size: 10px;
|
|
|
602 }
|
|
|
603
|
|
|
604
|
|
|
605
|
|
|
606
|
|
|
607 /* bios */
|
|
|
608
|
|
|
609 p.bio_section_header {
|
|
|
610 color: #485297;
|
|
|
611 padding-bottom: 5px;
|
|
|
612 margin-bottom: 5px;
|
|
|
613 border-bottom: 1px solid #dccbae;
|
|
|
614 }
|
|
|
615
|
|
|
616
|
|
|
617
|
|
|
618 /*
|
|
|
619 * right sidebar
|
|
|
620 */
|
|
|
621
|
|
|
622 div.sidebar {
|
|
4
|
623 /* float: right; */
|
|
2
|
624 width: 220px;
|
|
|
625 font-size: 10px;
|
|
|
626 line-height: 1.6;
|
|
|
627 /* margin-right: 10px; */
|
|
|
628 }
|
|
|
629
|
|
|
630 #wrapper_home .sidebar {
|
|
|
631 width: 230px;
|
|
|
632 }
|
|
|
633
|
|
|
634 div.sideblock {
|
|
|
635 /* border-bottom: 1px solid #dccbae; */
|
|
4
|
636 /* float: left; */
|
|
2
|
637 clear: left;
|
|
|
638 }
|
|
|
639
|
|
|
640 div.sideblock h2 {
|
|
|
641 padding-bottom: 5px;
|
|
|
642 margin: 18px 0px 0px 0px;
|
|
|
643 /* brown bottom line
|
|
|
644 background: transparent url(../images/side.gif) repeat-x;
|
|
|
645 */
|
|
|
646 border-bottom: 3px solid #dccbae;
|
|
|
647 font-size: 12px;
|
|
|
648 color: #485297;
|
|
|
649 /*float:left;
|
|
|
650 clear:both;*/
|
|
|
651 font-weight: normal;
|
|
|
652 }
|
|
|
653
|
|
|
654 div.sideblock h2 a {
|
|
|
655 /* no longer so ugly hack to have right-adjust link... */
|
|
4
|
656 /* float: right; */
|
|
2
|
657 color: #EA8500;
|
|
|
658 font-size: 10px;
|
|
|
659 }
|
|
|
660
|
|
|
661 div.sideblock h2 .proj_state {
|
|
|
662 /* right-adjusted block besides the title */
|
|
4
|
663 /* float: right; */
|
|
2
|
664 font-size: 10px;
|
|
|
665 color: #b69f7b;
|
|
|
666 font-weight: bold;
|
|
|
667 }
|
|
|
668 div.sideblock h2 .proj_state a {
|
|
|
669 /* inside should not float */
|
|
4
|
670 /* float: none; */
|
|
2
|
671 }
|
|
|
672
|
|
|
673 div.sideblock a.maillink {
|
|
|
674 color: #ea8500 !important;
|
|
|
675 }
|
|
|
676
|
|
|
677 div.sideblock .item, div.sideblock p {
|
|
4
|
678 /* float:left; */
|
|
2
|
679 width:220px;
|
|
|
680 margin: 5px 0 0 0;
|
|
|
681 padding: 0 0 5px 0;
|
|
|
682 border-bottom: 1px solid #dccbae;
|
|
|
683
|
|
|
684 }
|
|
|
685
|
|
|
686 div.sideblock .item.noline {
|
|
|
687 border-bottom: none;
|
|
|
688 }
|
|
|
689
|
|
|
690 div.sideblock .project {
|
|
|
691 background: url(../images/arr_right.gif) no-repeat #f5daaf;
|
|
|
692 padding: 6px 6px 6px 20px;
|
|
|
693 border-bottom: 1px solid #f3be7c;
|
|
|
694 width:194px;
|
|
|
695 }
|
|
|
696
|
|
|
697 div.sideblock .project.inactive {
|
|
|
698 background: url(../images/arr_right.gif) no-repeat #f6e6cc;
|
|
|
699 width:194px;
|
|
|
700 }
|
|
|
701
|
|
|
702 div.sideblock .project.parent {
|
|
|
703 background: url(../images/arr_up.gif) no-repeat #f9f4e1;
|
|
|
704 color: #666666;
|
|
|
705 border-bottom: 1px solid #dccbae;
|
|
|
706 margin-top:20px;
|
|
|
707 }
|
|
|
708
|
|
|
709 div.sideblock .project a {
|
|
|
710 color: #333;
|
|
|
711 }
|
|
|
712
|
|
|
713 div.sideblock .item.featurearchive {
|
|
|
714 border-bottom:none;
|
|
4
|
715 /* float:left; */
|
|
2
|
716 margin: 5px 0 10px 0;
|
|
|
717 padding: 0 0 5px 0;
|
|
|
718 border-bottom: None;
|
|
|
719 }
|
|
|
720
|
|
|
721 div.sideblock .item img {
|
|
|
722 margin-right: 8px;
|
|
|
723 }
|
|
|
724
|
|
|
725 div.sideblock .item.link, div.sideblock .item.internal {
|
|
|
726 padding: 0 0 10px 20px;
|
|
|
727 background: url(../images/arr_more.gif) no-repeat;
|
|
|
728 width: 200px;
|
|
|
729 }
|
|
|
730 div.sideblock .item.book {
|
|
|
731 padding: 0 0 10px 20px;
|
|
|
732 background: url(../images/book.gif) no-repeat;
|
|
|
733 width: 200px;
|
|
|
734 }
|
|
|
735
|
|
|
736 div.sideblock .item.external {
|
|
|
737 padding: 0 0 10px 20px;
|
|
|
738 background: url(../images/external.gif) no-repeat;
|
|
|
739 width: 200px;
|
|
|
740 }
|
|
|
741
|
|
|
742 div.sideblock .item.video {
|
|
|
743 padding: 0 0 10px 20px;
|
|
|
744 background: url(../images/vid.gif) no-repeat;
|
|
|
745 width: 200px;
|
|
|
746 }
|
|
|
747
|
|
|
748 div.sideblock .item.audio {
|
|
|
749 padding: 0 0 10px 20px;
|
|
|
750 background: url(../images/audio.gif) no-repeat;
|
|
|
751 width: 200px;
|
|
|
752 }
|
|
|
753
|
|
|
754 div.sideblock .item.download {
|
|
|
755 padding: 0 0 10px 20px;
|
|
|
756 background: url(../images/download.gif) no-repeat;
|
|
|
757 width: 200px;
|
|
|
758 }
|
|
|
759
|
|
|
760
|
|
|
761
|
|
|
762
|
|
|
763 /*
|
|
|
764 * footer
|
|
|
765 */
|
|
|
766
|
|
|
767 .footer {
|
|
4
|
768 /* float: left; */
|
|
2
|
769 width: 700px;
|
|
|
770 background-color: #FFFFFF;
|
|
|
771 margin: 0 10px 20px 20px;
|
|
|
772 border-top: 1px solid #485297;
|
|
|
773 }
|
|
|
774
|
|
|
775 #wrapper_home .footer {
|
|
4
|
776 /* float: left; */
|
|
2
|
777 width: 900px;
|
|
|
778 margin: 0 10px 20px 20px;
|
|
|
779 border-top: 1px solid #dccbae;
|
|
|
780 }
|
|
|
781
|
|
|
782 div.services {
|
|
4
|
783 /* float: right; */
|
|
2
|
784 font-size: 11px;
|
|
|
785 margin-top: 5px;
|
|
|
786 }
|
|
|
787
|
|
|
788 .services a {
|
|
|
789 color: #485297;
|
|
|
790 }
|
|
|
791
|
|
|
792 div.serviceprint {
|
|
4
|
793 /* float: left; */
|
|
2
|
794 margin-left: 20px;
|
|
|
795 padding-left: 20px;
|
|
|
796 height: 25px;
|
|
|
797 background: url(../images/print.gif) no-repeat;
|
|
|
798 }
|
|
|
799
|
|
|
800 div.serviceforward {
|
|
4
|
801 /* float: left; */
|
|
2
|
802 margin-left: 20px;
|
|
|
803 padding-left: 20px;
|
|
|
804 height: 25px;
|
|
|
805 background: url(../images/forward.gif) no-repeat;
|
|
|
806 }
|
|
|
807
|
|
|
808 div.servicepdf {
|
|
4
|
809 /* float: left; */
|
|
2
|
810 margin-left: 20px;
|
|
|
811 padding-left: 20px;
|
|
|
812 height: 25px;
|
|
|
813 background: url(../images/pdf.gif) no-repeat;
|
|
|
814 }
|
|
|
815
|
|
|
816 div.boilerplate {
|
|
4
|
817 /* float: left; */
|
|
2
|
818 margin: 0 0 50px 170px;
|
|
|
819 width: 730px;
|
|
|
820 }
|
|
|
821
|
|
|
822 #wrapper_home div.boilerplate {
|
|
4
|
823 /* float: left; */
|
|
2
|
824 margin: 30px 0 50px 0px;
|
|
|
825 width: 900px;
|
|
|
826 border-top: 1px solid #dccbae;
|
|
|
827 padding-top: 10px;
|
|
|
828 }
|
|
|
829
|
|
|
830 div.legal {
|
|
4
|
831 /* float: left; */
|
|
2
|
832 font-size: 11px;
|
|
|
833 color: #EA8500;
|
|
|
834 }
|
|
|
835
|
|
|
836 div.mpg_signet {
|
|
4
|
837 /* float: right; */
|
|
2
|
838 }
|
|
|
839
|
|
|
840
|
|
|
841 /* more generic lists */
|
|
|
842
|
|
|
843 ul.big {
|
|
|
844 width:100%;
|
|
|
845 }
|
|
|
846
|
|
|
847 ul.big li {
|
|
|
848 border-bottom: 1px solid #dccbae;
|
|
|
849 margin-top: 5px;
|
|
|
850 padding-bottom: 7px;
|
|
|
851 }
|
|
|
852 ul.big li:last-child {
|
|
|
853 border-bottom: none;
|
|
|
854 }
|
|
|
855
|
|
|
856
|
|
|
857
|
|
|
858 /* Sitemap */
|
|
|
859 div.dept_block_sitemap {
|
|
4
|
860 /* float: left; */
|
|
2
|
861 width: 221px;
|
|
|
862 font-size: 11px;
|
|
|
863 }
|
|
|
864
|
|
|
865 .dept_title_sitemap {
|
|
|
866 margin: 0 0 5px 0;
|
|
|
867 font-size: 13px;
|
|
|
868 color: #485297;
|
|
|
869 width: 221px;
|
|
|
870 padding-top: 5px;
|
|
|
871 border-top: 2px solid #979CE0;
|
|
|
872 }
|
|
|
873
|
|
|
874 .dept_title a, .dept_title_sitemap a, .dept_headline a {
|
|
|
875 color: #485297;
|
|
|
876 }
|
|
|
877
|
|
|
878
|
|
|
879 div.banner_large .caption {
|
|
|
880 font-size: 10px;
|
|
|
881 color: #b69f7b;
|
|
|
882 margin-top: 5px;
|
|
|
883 }
|
|
|
884
|
|
|
885
|
|
|
886 div.image_large .caption {
|
|
|
887 font-size: 10px;
|
|
|
888 color: #b69f7b;
|
|
|
889 margin-top: 5px;
|
|
|
890 }
|
|
|
891 div.image_small {
|
|
|
892 width: 230px;
|
|
|
893 padding: 10px;
|
|
|
894 }
|
|
|
895 div.image_small.left {
|
|
4
|
896 /* float: left; */
|
|
2
|
897 padding-left: 0px;
|
|
|
898 }
|
|
|
899 div.image_small.right {
|
|
4
|
900 /* float: right; */
|
|
2
|
901 padding-right: 0px;
|
|
|
902 }
|
|
|
903 div.image_small .caption {
|
|
|
904 font-size: 10px;
|
|
|
905 color: #b69f7b;
|
|
|
906 margin-top: 5px;
|
|
|
907 }
|
|
|
908
|
|
|
909
|
|
|
910
|
|
|
911 /* projects */
|
|
|
912
|
|
|
913 div.projectlist {
|
|
|
914 width:100%;
|
|
|
915 }
|
|
|
916
|
|
|
917 div.projectlist h2 {
|
|
|
918 width:700px;
|
|
|
919 font-size: 13px;
|
|
|
920 border-bottom: 2px solid #dccbae;
|
|
|
921 font-weight:normal;
|
|
|
922 }
|
|
|
923 div.projectlist h2 a {
|
|
|
924 color: #485297;
|
|
|
925 }
|
|
|
926 div.projectlist h2 a .dep {
|
|
|
927 font-weight:bold;
|
|
|
928 color: #485297;
|
|
|
929 margin-right:10px;
|
|
|
930 }
|
|
|
931 div.project_block {
|
|
|
932 margin-top:10px;
|
|
|
933 margin-bottom:14px;
|
|
|
934 }
|
|
|
935
|
|
|
936 ul.projectlist {
|
|
|
937 list-style-image:url(../images/arr_more.gif);
|
|
|
938 /* line-height: 20px; */
|
|
|
939 }
|
|
|
940 ul.projectlist a{
|
|
|
941 color: #485297;
|
|
|
942 }
|
|
|
943
|
|
|
944
|
|
|
945 p.maintext_more {
|
|
|
946 font-size: 12px;
|
|
|
947 margin-top: -10px;
|
|
|
948 padding-left: 15px;
|
|
|
949 background: url(../images/arr_more.gif) no-repeat;
|
|
|
950 }
|
|
|
951 p.maintext_authors {
|
|
|
952 font-size: 12px;
|
|
|
953 font-weight: bold;
|
|
|
954 }
|
|
|
955
|
|
|
956
|
|
|
957 div.caption_inline {
|
|
|
958 /* caption for images on project pages */
|
|
4
|
959 /* float: left; */
|
|
2
|
960 width: 208px;
|
|
|
961 font-size: 9px;
|
|
|
962 color: #b69f7b;
|
|
|
963 margin-top: 5px;
|
|
|
964 }
|
|
|
965
|
|
|
966 div.pic_inline {
|
|
4
|
967 /* float: left; */
|
|
2
|
968 width: 220px;
|
|
|
969 }
|
|
|
970 div.pic_inline_container {
|
|
4
|
971 /* float: left; */
|
|
2
|
972 width: 220px;
|
|
|
973 margin: 5px 15px 0 0;
|
|
|
974 }
|
|
|
975
|
|
|
976
|
|
|
977
|
|
|
978 /* Research Units */
|
|
|
979 li.level_1 {
|
|
|
980 margin-left:2px;
|
|
|
981 }
|
|
|
982 li.level_2 {
|
|
|
983 margin-left:22px;
|
|
|
984 border-bottom: 1px solid #dccbae;
|
|
|
985 font-weight:bold;
|
|
|
986 }
|
|
|
987 li.level_3 {
|
|
|
988 margin-left:52px;
|
|
|
989 font-weight:bold;
|
|
|
990 }
|
|
|
991 li.level_4 {
|
|
|
992 margin-left:82px;
|
|
|
993 }
|
|
|
994
|
|
|
995 a.expand {
|
|
|
996 margin-left:45px;
|
|
|
997 margin-top:10px;
|
|
|
998 }
|
|
|
999
|
|
|
1000
|
|
|
1001
|
|
|
1002
|
|
|
1003
|
|
|
1004
|
|
|
1005
|
|
|
1006 /* Events */
|
|
|
1007
|
|
|
1008 div.event {
|
|
|
1009 margin-bottom: 44px;
|
|
|
1010 }
|
|
|
1011
|
|
|
1012 div.event span.category{
|
|
|
1013 border-bottom:1px solid #dccbae;
|
|
|
1014 color: #485297;
|
|
|
1015
|
|
|
1016 font-size:12px;
|
|
|
1017 }
|
|
|
1018 div.event h2 {
|
|
|
1019 margin-left:0px;
|
|
|
1020 /* color: #dccbae;
|
|
|
1021 font-weight:bold;
|
|
|
1022 border-bottom:2px solid #dccbae;
|
|
|
1023 */
|
|
|
1024 color: #485297;
|
|
|
1025 font-weight:normal;
|
|
|
1026 }
|
|
|
1027
|
|
|
1028 div.event h1{
|
|
|
1029 margin-left:0px;
|
|
|
1030 }
|
|
|
1031
|
|
|
1032 div.event p {
|
|
|
1033 font-size: 11px;
|
|
|
1034
|
|
|
1035 margin-left:82px;
|
|
|
1036 }
|
|
|
1037
|
|
|
1038
|
|
|
1039 div.event div.row {
|
|
|
1040 width:100%;
|
|
4
|
1041 /* float: left; */
|
|
2
|
1042 border-bottom: 1px solid #dccbae;
|
|
|
1043 margin-bottom: 5px;
|
|
|
1044 padding-bottom: 7px;
|
|
|
1045 }
|
|
|
1046
|
|
|
1047
|
|
|
1048 div.event div.row div.name {
|
|
4
|
1049 /* float:left; */
|
|
2
|
1050 width:80px;
|
|
|
1051 color:#485297;
|
|
|
1052 }
|
|
|
1053
|
|
|
1054 div.event div.row div.definition {
|
|
4
|
1055 /* float:left; */
|
|
2
|
1056 margin-left:20px;
|
|
|
1057 width:300px;
|
|
|
1058 }
|
|
|
1059
|
|
|
1060
|
|
|
1061
|
|
|
1062 /* mediathek */
|
|
|
1063
|
|
|
1064 div.media_nav {
|
|
|
1065 background-color:#ffffff;
|
|
|
1066 }
|
|
|
1067
|
|
|
1068 div.media_nav div.element {
|
|
4
|
1069 /* float:left; */
|
|
2
|
1070 margin-left:8px;
|
|
|
1071 margin-right:8px;
|
|
|
1072 }
|
|
|
1073
|
|
|
1074
|
|
|
1075
|
|
|
1076 /* unknown */
|
|
|
1077 div.line{
|
|
|
1078 border-bottom: 3px solid #dccbae;
|
|
|
1079 margin-bottom:10px;
|
|
|
1080 margin-top:10px;
|
|
|
1081 width:700px;
|
|
|
1082 }
|
|
|
1083 /* used e.g. on staff-pages 'kollegium/board of directors' */
|
|
|
1084
|
|
|
1085 .deptlink {
|
|
|
1086 color: #485297;
|
|
|
1087 margin:20px;
|
|
|
1088 }
|
|
|
1089
|
|
|
1090 ul.presse li {
|
|
|
1091 border-top: 1px solid #dccbae;
|
|
|
1092 font-size: 11px;
|
|
|
1093 padding-left:8px;
|
|
|
1094 padding-top: 8px;
|
|
|
1095 }
|
|
|
1096
|
|
|
1097 h2.line {
|
|
|
1098 border-bottom:2px solid #dccbae;
|
|
|
1099 margin-bottom:8px;
|
|
|
1100 }
|
|
|
1101 h1.line {
|
|
|
1102 border-bottom:3px solid #dccbae;
|
|
|
1103 padding-bottom:5px;
|
|
|
1104 }
|
|
|
1105
|
