Mercurial > hg > MPIWGWeb

comparison css/mpiwg.css @ 6:9e4dba0a81e2

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
front page layout works now.
author casties
date Wed, 13 Feb 2013 16:34:22 +0100
parents 9e720c6c5b6c
children 9813d9960e98
comparison
equal deleted inserted replaced
5:9e720c6c5b6c 6:9e4dba0a81e2
73 73
74 h1 { 74 h1 {
75 color: #3b4186; 75 color: #3b4186;
76 font-size: 16px; 76 font-size: 16px;
77 font-weight: bold; 77 font-weight: bold;
78 margin: 10px 2px 10px 2px; 78 margin: 10px 0 10px 0;
79 } 79 }
80 80
81 h2 { 81 h2 {
82 color: #3b4186; 82 color: #3b4186;
83 font-size: 16px; 83 font-size: 16px;
84 font-weight: normal; 84 font-weight: normal;
85 margin: 2px; 85 margin: 0;
86 } 86 }
87 87
88 h3 { 88 h3 {
89 color: #3b4186; 89 color: #3b4186;
90 font-size: 14px; 90 font-size: 14px;
91 font-weight: normal; 91 font-weight: normal;
92 margin: 2px; 92 margin: 0;
93 } 93 }
94
95 94
96 h1 a { 95 h1 a {
97 /* a header with a link looks like a header */ 96 /* a header with a link looks like a header */
98 color: inherit; 97 color: inherit;
99 font-weight: inherit; 98 font-weight: inherit;
100 text-decoration: none; 99 text-decoration: none;
101 } 100 }
102 101
103 img.pic_large {
104 /* class for wide pictures used for example on institute/addres.html etc. */
105 margin-bottom: 20px;
106 }
107
108 102
109 /* 103 /*
110 * header and wrapper 104 * header and wrapper
111 */ 105 */
112 106
113 #wrapper { 107 #wrapper {
114 /* float: left; */
115 width: 900px; 108 width: 900px;
116 margin: 0 auto; 109 margin: 0 auto;
117 padding: 10px 40px 10px 20px; 110 padding: 10px 40px 10px 20px;
118 background-color: #fcf2df; 111 background-color: #fcf2df;
119 box-shadow: 0 0 5px 3px #d0d0d0; 112 box-shadow: 0 0 5px 3px #d0d0d0;
120 } 113 }
121 114
122 #header { 115 #header {
123 /* float: left; */
124 position: relative; 116 position: relative;
125 width: 900px; 117 width: 900px;
126 height: 90px; 118 height: 90px;
127 margin: 0 0 10px 0; 119 margin: 0 0 10px 0;
128 } 120 }
129 121
130 #header div.title { 122 #header div.title {
131 display: inline; 123 display: inline;
132 /* float: left; */
133 position: absolute; 124 position: absolute;
134 left: 0; 125 left: 0;
135 top: 20px; 126 top: 20px;
136 width: 661px; 127 width: 661px;
137 height: 40px; 128 height: 40px;
138 } 129 }
139 130
140 #header div.logo { 131 #header div.logo {
141 display: inline; 132 display: inline;
142 /* float: right; */
143 position: absolute; 133 position: absolute;
144 right: 0; 134 right: 0;
145 width: 87px; 135 width: 87px;
146 height: 88px; 136 height: 88px;
147 } 137 }
148 138
149 /* Main Navigation */ 139 /*
150 140 * Main Navigation
141 */
151 #mainnav { 142 #mainnav {
152 /* float: left; */
153 position: relative; 143 position: relative;
154 width: 900px; 144 width: 900px;
155 font-family: Verdana, Arial, sans-serif; 145 font-family: Verdana, Arial, sans-serif;
156 font-size: 12px; 146 font-size: 12px;
157 border-top: 8px solid #fab775; 147 border-top: 8px solid #fab775;
158 margin-bottom: 20px;
159 padding-top: 5px; 148 padding-top: 5px;
160 } 149 margin-bottom: 40px;
161 150 }
162 #mainnav div.sec { 151 #mainnav ul {
152 padding: 0;
153 margin: 0;
154 }
155 #mainnav li.sec {
163 display: inline; 156 display: inline;
164 /* float: left; */
165 border-top: 8px solid #fab775; 157 border-top: 8px solid #fab775;
166 margin-top: -0px; 158 margin: 0 35px 0 0;
167 margin-right: 35px;
168 padding-top: 5px; 159 padding-top: 5px;
169 } 160 }
170 161
171 #mainnav div.sec:hover { 162 #mainnav li.sec:hover {
172 border-top: 8px solid #ea8500; 163 border-top: 8px solid #ea8500;
173 } 164 }
174 165
175 #mainnav a { 166 #mainnav a {
176 color: #696968; 167 color: #696968;
180 #mainnav a:hover { 171 #mainnav a:hover {
181 color: #000000; 172 color: #000000;
182 text-decoration: none; 173 text-decoration: none;
183 } 174 }
184 175
185 #mainnav div.sec.on { 176 #mainnav li.sec.on {
186 border-top: 8px solid #ea8500; 177 border-top: 8px solid #ea8500;
187 } 178 }
188 179
189 #mainnav div.sec.on a { 180 #mainnav li.sec.on a {
190 color: #ea8500; 181 color: #ea8500;
191 outline: none; 182 outline: none;
192 font-weight: bold; 183 font-weight: bold;
193 } 184 }
194 185
195 #mainnav div.sec.lang { 186 #mainnav li.sec.lang {
196 /* float: right; */
197 position: absolute; 187 position: absolute;
198 right: 0; 188 right: 0;
199 top: -8px; 189 top: -8px;
200 margin-right: 0; 190 margin-right: 0;
201 } 191 }
202 192
203 193 /*
204 /* Breadcrumbs */ 194 * subnavigation
205 195 */
206 196
207 div.breadcrumbs { 197 div.leftbox {
208 float: left; 198 /* float: left; */
209 font-size: 10px; 199 width: 170px;
210 color: #6a4d3c; 200 }
211 } 201
212 202 div.subnav {
213 div.breadcrumbs a { 203 /* float: left; */
214 color: #6a4d3c; 204 width: 170px;
215 text-decoration: none; 205 font-size: 11px;
216 } 206 }
217 207
218 div.breadcrumbs .selected { 208 div.subnav .sn_off, .subnavbox .sn_off {
219 color: #6a4d3c; 209 /* float: left; */
210 width: 164px;
211 border-bottom: 1px solid #dccbae;
212 padding: 3px 6px 6px 0;
213 }
214
215 div.subnav .sn_on {
216 /* float: left; */
217 width: 158px;
218 border-bottom: 1px solid #dccbae;
219 padding: 3px 6px 6px 6px;
220 background: #EA8500;
221 }
222
223 div.subnav .sn_on a {
224 color: #FCF2DF;
220 font-weight: bold; 225 font-weight: bold;
221 } 226 }
222 227
228 div.subnav .sn_off .dept {
229 font-style: italic;
230 color: #b69f7b;
231 }
232
233 div.subnav .sn_on .dept {
234 font-style: italic;
235 color: #f9f4e1;
236 }
237
238 div.subnavbox {
239 /* navigation below e.g. research projects */
240 /* float: left; */
241 width: 170px;
242 font-size: 11px;
243 margin-top: 30px;
244 }
245
246 div.subnavbox h2 {
247 /* float: left; */
248 width: 170px;
249 height: 20px;
250 font-size: 11px;
251 color: #b69f7b;
252 margin-bottom: 0px;
253 padding-bottom: 3px;
254 margin-top: 20px;
255 background: transparent url(../images/side.gif) repeat-x;
256 }
257
258 /*
259 * main section
260 */
261
262 div.main {
263 }
264
265 div.row {
266 /* set font-size to ignore whitespace */
267 font-size: 0;
268 }
269
270 div.row div.block {
271 display: inline-block;
272 vertical-align: top;
273 /* reset font-size */
274 font-size: 12px;
275 line-height: 1.5;
276 }
277 div.row div.block:first-child {
278 /* first block has no left margin */
279 margin-left: 0 !important;
280 }
281
282 div.row.triple div.block {
283 width: 31.7%;
284 margin-left: 2.4%;
285 }
286
287 div.row div.block h2 {
288 padding-bottom: 3px;
289 margin-top: 35px;
290 border-bottom: 3px solid #dccbae;
291 }
292
293 div.row div.block div.item {
294 padding-top: 5px;
295 padding-bottom: 3px;
296 border-bottom: 1px solid #dccbae;
297 }
298
299
300 /* frontpage version */
301
302 div.main.home div.row div.block b {
303 /* bold is blue */
304 color: #3b4186;
305 }
306 div.main.home div.row div.block h2 {
307 /* more-links in title are right */
308 position: relative;
309 }
310 div.main.home div.row div.block h2 a:link {
311 /* more-links in title are right */
312 position: absolute;
313 right: 0;
314 top: 3px;
315 /* more-links in title are small */
316 font-size: 12px;
317 }
223 318
224 /* 319 /*
225 * Front page feature 320 * Front page feature
226 */ 321 */
227 322
228 div.feature { 323 div.row.feature {
229 width: 900px;
230 background-color: #f4e0c7; 324 background-color: #f4e0c7;
231 } 325 }
232 326
233 div.feature div.teaser_image { 327 div.row.feature div.block.teaser_image {
234 /* float: left; */
235 display: inline-block;
236 vertical-align: top;
237 position: relative; 328 position: relative;
238 width: 593px; 329 width: 593px;
239 height: 351px; 330 height: 351px;
240 } 331 }
241 332
242 div.feature div.teaser_image div.caption { 333 div.row.feature div.teaser_image div.caption {
243 position: absolute; 334 position: absolute;
244 bottom: 0; 335 bottom: 0;
245 padding: 3px; 336 padding: 3px;
246 text-align: right; 337 text-align: right;
247 color: white; 338 color: white;
249 opacity: 0.8; 340 opacity: 0.8;
250 background-color: gray; 341 background-color: gray;
251 /* background-color: rgba(80,80,80,0.6); */ 342 /* background-color: rgba(80,80,80,0.6); */
252 } 343 }
253 344
254 div.feature div.teaser_text { 345 div.row.feature div.block.teaser_text {
255 display: inline-block;
256 position: relative; 346 position: relative;
257 width: 265px; 347 width: 265px;
258 padding-left: 21px; 348 margin-left: 21px;
259 padding-right: 21px; 349 padding-right: 21px;
260 } 350 }
261 351
262 div.feature div.teaser_text div.feature_number { 352 div.row.feature div.block.teaser_text div.feature_number {
263 position: absolute; 353 position: absolute;
264 right: 14px; 354 right: 14px;
265 top: 5px; 355 top: 5px;
266 font-family: Georgia, Times, serif; 356 font-family: Georgia, Times, serif;
267 font-size: 26px; 357 font-size: 26px;
268 color: #887163; 358 color: #887163;
269 } 359 }
270 /* title */ 360 /* title */
271 div.feature div.teaser_text h1 { 361 div.row.feature div.block.teaser_text h1 {
272 font-size: 16px; 362 font-size: 16px;
273 font-weight: normal; 363 font-weight: normal;
274 margin-top: 0; 364 margin-top: 0;
275 } 365 }
276 /* "current research topic */ 366 /* "current research topic */
277 div.feature div.teaser_text h2 { 367 div.row.feature div.block.teaser_text h2 {
278 font-size: 14px; 368 font-size: 14px;
279 color: #887163; 369 color: #887163;
280 margin-bottom: 0; 370 margin-bottom: 0;
281 } 371 }
282 /* feature date */ 372 /* feature date */
283 div.feature div.teaser_text h3 { 373 div.row.feature div.block.teaser_text h3 {
284 margin-top: 20px; 374 margin-top: 20px;
285 margin-bottom: 20px; 375 margin-bottom: 20px;
286 } 376 }
287 377
288 div.feature div.teaser_text p {
289 line-height: 1.5;
290 }
291
292
293
294
295 /*
296 * main section
297 */
298
299 div.main {
300 }
301
302 div.main div.row {
303 /* set font-size to ignore whitespace */
304 font-size: 0;
305 }
306
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;
315 }
316 div.main div.block:first-child {
317 /* first block has no left margin */
318 margin-left: 0;
319 }
320
321 div.main div.block h2 {
322 position: relative;
323 padding-bottom: 3px;
324 margin-top: 18px;
325 border-bottom: 3px solid #dccbae;
326 }
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;
333 }
334
335 div.main div.block div.item {
336 padding-top: 5px;
337 padding-bottom: 3px;
338 border-bottom: 1px solid #dccbae;
339 }
340
341 div.main div.block b {
342 /* bold is blue */
343 color: #3b4186;
344 }
345
346 /*
347 * subnavigation
348 */
349
350 div.leftbox {
351 /* float: left; */
352 width: 170px;
353 }
354
355 div.subnav {
356 /* float: left; */
357 width: 170px;
358 font-size: 11px;
359 }
360
361 div.subnav .sn_off, .subnavbox .sn_off {
362 /* float: left; */
363 width: 164px;
364 border-bottom: 1px solid #dccbae;
365 padding: 3px 6px 6px 0;
366 }
367
368 div.subnav .sn_on {
369 /* float: left; */
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 */
393 /* float: left; */
394 width: 170px;
395 font-size: 11px;
396 margin-top: 30px;
397 }
398
399 div.subnavbox h2 {
400 /* float: left; */
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 {
432 /* float: left; */
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 {
501 /* float: left; */
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 {
527 /* float: left; */
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;
546 /* float: left; */
547 width: 30%;
548 }
549
550 div.namelist.namelinks .name a {
551 color: #485297;
552 }
553
554 div.namelist .definition {
555 display: block;
556 /* float: left; */
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 {
570 /* float: left; */
571 width: 180px;
572 font-size: 10px;
573 margin-right: 20px;
574 }
575
576 div.letters {
577 /* float: left; */
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 {
587 /* float: left; */
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 {
598 /* float: left; */
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 {
623 /* float: right; */
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; */
636 /* float: left; */
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... */
656 /* float: right; */
657 color: #EA8500;
658 font-size: 10px;
659 }
660
661 div.sideblock h2 .proj_state {
662 /* right-adjusted block besides the title */
663 /* float: right; */
664 font-size: 10px;
665 color: #b69f7b;
666 font-weight: bold;
667 }
668 div.sideblock h2 .proj_state a {
669 /* inside should not float */
670 /* float: none; */
671 }
672
673 div.sideblock a.maillink {
674 color: #ea8500 !important;
675 }
676
677 div.sideblock .item, div.sideblock p {
678 /* float:left; */
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;
715 /* float:left; */
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 378
763 /* 379 /*
764 * footer 380 * footer
765 */ 381 */
766 382
767 .footer { 383 div.footer {
768 /* float: left; */ 384 position: relative;
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 {
776 /* float: left; */
777 width: 900px; 385 width: 900px;
778 margin: 0 10px 20px 20px; 386 height: 50px;
779 border-top: 1px solid #dccbae; 387 border-top: 1px solid #dccbae;
780 }
781
782 div.services {
783 /* float: right; */
784 font-size: 11px;
785 margin-top: 5px;
786 }
787
788 .services a {
789 color: #485297;
790 }
791
792 div.serviceprint {
793 /* float: left; */
794 margin-left: 20px;
795 padding-left: 20px;
796 height: 25px;
797 background: url(../images/print.gif) no-repeat;
798 }
799
800 div.serviceforward {
801 /* float: left; */
802 margin-left: 20px;
803 padding-left: 20px;
804 height: 25px;
805 background: url(../images/forward.gif) no-repeat;
806 }
807
808 div.servicepdf {
809 /* float: left; */
810 margin-left: 20px;
811 padding-left: 20px;
812 height: 25px;
813 background: url(../images/pdf.gif) no-repeat;
814 }
815
816 div.boilerplate {
817 /* float: left; */
818 margin: 0 0 50px 170px;
819 width: 730px;
820 }
821
822 #wrapper_home div.boilerplate {
823 /* float: left; */
824 margin: 30px 0 50px 0px;
825 width: 900px;
826 border-top: 1px solid #dccbae;
827 padding-top: 10px;
828 }
829
830 div.legal {
831 /* float: left; */
832 font-size: 11px;
833 color: #EA8500;
834 }
835
836 div.mpg_signet {
837 /* float: right; */
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 {
860 /* float: left; */
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 {
896 /* float: left; */
897 padding-left: 0px;
898 }
899 div.image_small.right {
900 /* float: right; */
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 */
959 /* float: left; */
960 width: 208px;
961 font-size: 9px;
962 color: #b69f7b;
963 margin-top: 5px;
964 }
965
966 div.pic_inline {
967 /* float: left; */
968 width: 220px;
969 }
970 div.pic_inline_container {
971 /* float: left; */
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%;
1041 /* float: left; */
1042 border-bottom: 1px solid #dccbae;
1043 margin-bottom: 5px;
1044 padding-bottom: 7px;
1045 }
1046
1047
1048 div.event div.row div.name {
1049 /* float:left; */
1050 width:80px;
1051 color:#485297;
1052 }
1053
1054 div.event div.row div.definition {
1055 /* float:left; */
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 {
1069 /* float:left; */
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; 388 padding-top: 8px;
1095 } 389 margin-top: 45px;
1096 390 }
1097 h2.line { 391
1098 border-bottom:2px solid #dccbae; 392 div.footer div.text {
1099 margin-bottom:8px; 393 display: inline-block;
1100 } 394 color: #d45a00;
1101 h1.line { 395 font-size: 11px;
1102 border-bottom:3px solid #dccbae; 396 }
1103 padding-bottom:5px; 397
1104 } 398 div.footer div.logo {
1105 399 display: inline-block;
400 position: absolute;
401 right: 0;
402 }
403
404 div.footer div.logo img {
405 width: 204px;
406 height: 41px;
407 }