1/**
2 * CSS for DokuKIT Template
3 *
4 * @author Andreas Gohr <andi@splitbrain.org>
5 * @author Anika Henke <anika@selfthinker.org>
6 * @author moraes <moraes@tipos.com.br>
7 * @author Klaus Vormweg <klaus.vormweg@gmx.de>
8 * @author Robin Roth <robin.roth@kit.edu>
9 * @author Martin Gabelmann <martin@gabelmann.biz>
10 * @author Konstantin Asteriadis <konstantin.asteriadis@kit.edu>
11 */
12
13
14
15
16html,body {
17    height:100%;
18}
19* {
20    font-family:Verdana, Arial, Helvetica, sans-serif;
21    margin:0;
22    padding:0;
23}
24img {
25    border:0;
26}
27sup, sub {
28    font-size: 0.8em;
29}
30body {
31    background:__background_image__;
32    color:#000000;
33    font-size:.6875em;
34    line-height:1em;
35    overflow:-moz-scrollbars-vertical; /* Keine Spruenge im FF */
36    overflow-y: scroll;
37}
38html>/**/body {
39    overflow-x: auto;
40}
41
42/* Farben der allgemeinen Links */
43a:link,a:active,a:visited { color:__existing__; }
44a:active,a:visited { text-decoration:none; }
45a:hover {
46    text-decoration:underline;
47}
48
49/* Wrapper */
50div#wrapper {
51    background:__wrapper__;
52    width: 1015px;
53    height:100% !important;
54    margin: 0px auto;
55    position:relative;
56    left:-12px;
57}
58* html div#wrapper {
59    background:__wrapper__;
60}
61
62
63/* Linke Spalte */
64div#left-row {
65    float:left;
66    margin-right:5px;
67    width:181px;
68    display: table-cell;
69    position: relative;
70    height:100%;
71}
72
73/* Rechte Spalte */
74div#right-row {
75    float: right;
76    width: 199px;
77    display: table-cell;
78    position: relative;
79    height: 100%;
80    background-color: #e5e5e5;
81    padding-left: 10px;
82}
83
84div.infobox {
85    background: #fff url(imgages/infobox_right_top_V2.gif) right top no-repeat;
86    margin-bottom: 10px;
87    width: 188px;
88}
89
90div.infobox-inner {
91    background: url(images/infobox_left_bottom_V2.gif) left bottom no-repeat;
92    color: #000000;
93    font-size: .91em;
94    line-height: 1.18em;
95    padding: 7px 10px 10px 9px;
96    width: 168px;
97    overflow: hidden;
98}
99
100/* mittlere Spalte */
101div#middle-row, .inline, {
102    font-size: 1em;
103    background-color: #FFF;
104    padding: 10px;
105    margin-bottom: 10px;
106    float: left;
107    width: 564px; /* set this to 760px if no right-box is shown */
108    height: 100%;
109    display: table;
110}
111
112/* Container */
113div#container {
114    padding-bottom:53px;
115    margin-left: 16px;
116    border-left:2px #fff solid;
117    width:979px;
118    height:100%;
119    min-height:550px;
120    display: table;
121}
122
123/* Formatierungen fuer Content */
124div#content {
125    color:#000000;
126    background-color:#ffffff;
127    line-height:1.45em;
128    margin:-3px 0 19px;
129    height: 100%;
130    position:relative;
131    display: table-cell;
132}
133
134/* Spacer */
135div.spacer {
136    background-color:#e5e5e5;
137    border-left:2px #fff solid;
138    border-right:2px #fff solid;
139    clear:both;
140    height:10px;
141    margin-left: 16px;
142    width:979px;
143}
144
145/* Clear'er */
146.clear {
147    clear:both;
148    height:0;
149    overflow:hidden;
150}
151
152/* Metanavigation */
153div#metanavigation {
154    padding-right:19px;
155    position:absolute;
156    z-index:2;
157    font-size:.9091em;
158    height:2.5455em;
159    line-height:2.5455em;
160    text-align:right;
161    width:980px;
162}
163
164div#metanavigation a:link,
165div#metanavigation a:active,
166div#metanavigation a:visited,
167div#metanavigation .btn_admin button,
168div#metanavigation .btn_profile button,
169div#metanavigation .btn_login button,
170div#metanavigation .btn_logout button {
171    color:#4D4D4D;
172    text-decoration:none;
173    text-transform:uppercase;
174}
175
176div#metanavigation a + a:before,
177div#metanavigation .btn_admin button:before,
178div#metanavigation .btn_profile button:before,
179div#metanavigation .btn_login button:before,
180div#metanavigation .btn_logout button:before {
181    color: #4D4D4D;
182    content: " | ";
183}
184
185div#metanavigation a:hover .btn_login button,.btn_logout button {
186    text-decoration:underline;
187}
188
189/* Head */
190div#head {
191    height:108px;
192    width:1015px;
193    background-color:#ffffff;
194    padding-top: 8px;
195}
196
197div#logo {
198    background-color:#fff;
199    float:left;
200    height:108px;
201    width:204px;
202}
203
204div#head-image {
205    background:__imgblend__ 0 0 no-repeat;
206    float:left;
207    height:108px;
208    width:811px;
209}
210
211div#head-text {
212    background-color:#fff;
213    float:left;
214    font-size:.9091em;
215    font-weight:700;
216    height:33px;
217    line-height:1.25em;
218    margin-top:74px;
219    overflow:hidden;
220}
221
222.big_font{
223    font-size:1.09em !important;
224    height:27px !important;
225    padding-top:6px;
226}
227
228div#head-text-corner {
229    background:url(images/head_text_corner.png) 0 0 no-repeat;
230    float:left;
231    height:33px;
232    margin-top:74px;
233    width:15px;
234}
235
236div#head-text a {
237    background:#fff;
238    color:#000000;
239    display:block;
240    line-height:1.25em;
241    padding:4px 0 4px 10px;
242    text-decoration:none;
243}
244
245/* Footer */
246div#footer-container {
247    height:53px;
248    left:0;
249    position:absolute;
250    width: 1015px;
251    background:__footer_image__;
252    bottom:0;
253}
254* html div#footer-container {
255    background:#ffffff url(images/bg_footer_V2.gif) left top no-repeat;
256}
257div#footer {
258    height:23px;
259    width: 1015px;
260    }
261div#footer-text {
262    font-size:.8182em;
263    height:21px;
264    float:left;
265    width:965px;
266}
267div#footer-corner {
268    display: none;
269}
270div#footer-content {
271    border-top:1px __border__ solid;
272    height:20px;
273    line-height:2.2727em;
274    margin-left:26px;
275    width:100%;
276    }
277div#footer-content a:link,div#footer-content a:active,div#footer-content a:visited {
278    color:#808080;
279    text-decoration:none;
280    text-transform:uppercase;
281}
282div#footer-content a:hover {
283    text-decoration:underline;
284}
285.footer-left {
286    float:left;
287    margin-right:15px;
288}
289.footer-right {
290    float:right;
291}
292
293/* last changed */
294div#owner {
295    height:15px;
296    text-align:left;
297        margin:5px auto 0;
298    width:1015px;
299    }
300span#owner-text {
301    color:#4D4D4D;
302    padding-left:32px;
303    font-size:.82em;
304    line-height:1.5em;
305}
306span#owner-text a {
307    color:#4D4D4D;
308}
309
310
311/* tables */
312.table {
313    display: inline-block;
314    width:100%;
315}
316table.inline {
317    color: #000;
318    line-height: 1.3em;
319    margin-bottom: 10px;
320    width: 100%;
321    border-spacing: 0px;
322    border-collapse: collapse;
323}
324
325table.inline th {
326    background-color: #808080;
327    border-bottom: 1px solid #FFF;
328    color: #FFF;
329    font-weight: 700;
330    height: auto;
331    line-height: 20px;
332    padding: 0px 6px;
333    text-align: left;
334}
335
336table.inline tbody td {
337    padding: 4px 0px 4px 5px;
338    vertical-align: top;
339}
340
341table.inline tbody tr:hover td {
342    background-color: #D9EFEC;
343    cursor:pointer;
344}
345
346table.inline tbody tr:nth-child(odd) {background: #E5E5E5}
347table.inline tbody tr:nth-child(even) {background: #FFF}
348
349table.inline .wikilink1,
350table.inline .mail {
351font-weight: 700;
352background: transparent url("images/arrow_dunkelgruen.gif") no-repeat scroll 0px 0.36em;
353color: #009682;
354padding-left: 5px;
355}
356
357table.inline .wikilink2 {
358font-weight: 700;
359background: transparent url("images/arrow_dunkelgruen.gif") no-repeat scroll 0px 0.36em;
360color: #009682;
361padding-left: 5px;
362border-style-bottom:dotted;
363}
364
365/* tables end */
366
367/* Labels */
368h1 {
369    border-bottom:1px solid #ccc;
370    color:#000000;
371    font-size:1.27em;
372    margin:-1px 0 14px;
373    padding-bottom:10px;
374    padding-top:10px; /* neu */
375    line-height:16px;
376}
377h1.caption {
378    background-color:#e5e5e5;
379    color:#000000;
380    font-weight:700;
381    font-size:1em;
382    height:auto;
383    padding-left:6px;
384    text-align:left;
385    margin-bottom:0px;
386    border-bottom: none;
387    padding-bottom: 6px;
388    padding-top: 6px;
389}
390h2 {
391    color:#000000;
392    font-size:1.0909em;
393    font-weight:700;
394    line-height:16px;
395    margin:0;
396    padding-top:8px;
397    padding-bottom:8px;
398}
399h3 {
400    color:#808080;
401    font-size:1.0909em;
402    font-weight:700;
403    line-height:16px;
404    margin:0;
405    padding-bottom:8px;
406}
407h4 {
408    background:url(images/headline_bg.gif) center left repeat-x;
409    font-size:1em;
410    height:1.45em;
411    margin-bottom:5px;
412}
413html>/**/body h4:first-line * { /* Achtung ohne * stuerzt IE8 ab bei H4 mit einem leeren Span darin! */
414    background-color:#ffffff;
415}
416h5 {
417    color:#000000;
418    font-size:1em;
419    margin:-1px 0 14px;
420    line-height:16px;
421}
422
423/*end labels */
424
425/* bureaucracy plugin */
426
427.dokuwiki form.bureaucracy__plugin fieldset {
428    width: auto;
429    text-align: center;
430}
431
432.dokuwiki form.bureaucracy__plugin label {
433    float: right;
434    width: 100%;
435    text-align: right;
436    font-weight: 700;
437}
438
439.dokuwiki form.bureaucracy__plugin label textarea.edit {
440    width: 50%;
441    float: right;
442    resize: none;
443}
444
445.dokuwiki form.bureaucracy__plugin label.textareafield > span {
446    width: auto;
447}
448
449.dokuwiki form.bureaucracy__plugin label.textareafield {
450    text-align: right;
451}
452
453/* end bureaucracy plugin */
454
455
456
457/* Formulars */
458/* no linebreak after formulars */
459form {
460    display:inline;
461    margin:0;
462    display:inline;
463}
464
465input, textarea {
466    border:1px solid __border__;
467    margin:1px;
468}
469form fieldset {
470    border:1px solid __border__;
471    padding: 0.5em;
472}
473form fieldset legend {
474    margin: 0 0.5em 0;
475    padding: 0 0.5em 0;
476    font-weight: bold;
477    font-size:1.2em;
478    line-height:1.2em;
479    color: #000000;
480}
481form label {
482    padding-left: 0.5em;
483    padding-right: 1em;
484}
485form input {
486    vertical-align:middle;
487}
488
489form input[type="submit"] {
490    background: linear-gradient(to bottom, #009682 0%, #b3e0da 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
491    border-radius: 8px 0;
492    border-color: #808080;
493    color: #ffffff;
494    font-weight: bold;
495    padding: 2px 5px;
496}
497form input[type="submit"]:hover {
498    color: #000000;
499}
500input,textarea, select {
501    background-color:#fff;
502    border:1px __border__ solid;
503    font-size:1em;
504    font-weight:400;
505    margin-bottom:6px;
506}
507/* textarea.edit needs flexible width to work both in edit and locked mode, see #25 */
508textarea.edit {
509	width: 100%;
510}
511form label {
512    float:left;
513    font-weight:700;
514}
515form br {
516    clear:left;
517}
518
519/* **************** */
520/* LINKE NAVIGATION */
521/* **************** */
522
523/* Link to the current active page -- bold */
524#menu-box span.curid > a {
525    text-decoration: none;
526    font-weight: 700 !important;
527}
528
529/* dynamic navi created from index */
530#menu-box .dynamic {
531    margin: 0;
532    margin-left: -2px;
533    margin-top: 0px;
534    padding: 0;
535    width: 178px;
536    font-family: verdana;
537    font-size:.9091em;
538    color: #000000;
539    overflow: hidden;
540}
541#menu-box .dynamic ul {
542    margin: 0;
543    border: 0;
544    padding: 0;
545    list-style-type: none;
546}
547
548#menu-box .dynamic a:hover {
549    text-decoration: underline;
550}
551
552#menu-box .dynamic a {
553    margin-top: 4px;
554    padding: 3px 5px 3px 15px;
555    display: block;
556}
557
558#menu-box .dynamic ul.idx li.open div.li a.wikilink2,
559#menu-box .dynamic ul.idx li.open div.li a.wikilink1 {
560    font-weight: 700;
561    color: #ffffff;
562    background-color: #009682;
563    display: block;
564    background-image: url(images/navi_level_1_open.gif);
565    background-repeat: no-repeat;
566    background-position: 6px 8px;
567}
568
569#menu-box .dynamic ul.idx li.closed div.li a.wikilink2,
570#menu-box .dynamic ul.idx li.closed div.li a.wikilink1 {
571    color:#808080;
572    background-color: #ffffff;
573    display: block;
574    background-image: url(images/navi_level_1_closed.gif);
575    background-repeat: no-repeat;
576    background-position: 6px 8px;
577}
578#menu-box .dynamic li.level4 a.wikilink2,
579#menu-box .dynamic li.level4 a.wikilink1,
580#menu-box .dynamic li.level3 a.wikilink2,
581#menu-box .dynamic li.level3 a.wikilink1,
582#menu-box .dynamic li.level2 a.wikilink2,
583#menu-box .dynamic li.level2 a.wikilink1 {
584    font-weight:100 !important;
585    color: #000 !important;
586    background-image:none !important;
587    background-color: #D9EFEC !important;
588}
589
590#menu-box .dynamic .open,
591#menu-box .dynamic .closed,
592#menu-box .dynamic .level1 {
593    background-image: url(images/left_navi_V2.gif);
594    background-position: right bottom;
595    background-repeat: no-repeat;
596    display: block;
597    background-color: #ffffff;
598    padding: 2px;
599    margin: 4px;
600    padding-right: 1px;
601    margin-right: 0px;
602}
603
604#menu-box .dynamic .open .idx {
605    padding: 1px;
606    margin: 2px;
607    background-color: #D9EFEC;
608    padding-right: 0px !important;
609    margin-right: 0px !important;
610}
611
612.idx ul > .closed li,
613.idx ul > .open li {
614    background-image: none !important;
615}
616
617
618#menu-box a.wikilink1,
619#menu-box a.wikilink2,
620#menu-box a.urlextern {
621  font-weight:700;
622  color: #808080;
623  text-decoration: none;
624  border-bottom: none !important;
625}
626
627#menu-box a.wikilink1:hover,
628#menu-box a.wikilink2:hover,
629#menu-box a.urlextern:hover {
630  text-decoration: underline;
631}
632
633#menu-box .dynamic .li_level_1_selected_no_children {
634    padding-bottom: 5px;
635    background-image: url(images/left_navi_V2.gif);
636    background-position: right bottom;
637    background-repeat: no-repeat;
638    background-color: #009682;
639}
640
641#menu-box .dynamic .li_level_1_selected_children ul {
642    border-left: 2px solid #ffffff;
643    border-right: 2px solid #ffffff;
644    padding-bottom: 1px;
645}
646#menu-box .dynamic .li_level_1_selected_children ul li ul{
647    border-left: 0;
648    border-right: 0;
649    padding-bottom: 0;
650}
651
652#menu-box .dynamic .li_has_child {
653    background-color: #d9efec;
654}
655#menu-box .dynamic .level_1_not_selected {
656    margin-top: 4px;
657    border: 2px solid #ffffff;
658    background-color: #ffffff;
659    color:#808080;
660    font-weight:700;
661}
662
663#menu-box .dynamic .selected {
664    margin: 0px;
665    border-bottom: 2px solid #ffffff;
666    color: #000000;
667    background-color: #b3e0da;
668    font-weight: 700;
669}
670#menu-box .dynamic .has_no_children {
671    padding-bottom: 0;
672    border-bottom: 0;
673}
674#menu-box .dynamic .has_children_open {
675    background-image: url(images/navi_level_1_open.gif);
676    background-repeat: no-repeat;
677    background-position: 6px 8px;
678}
679#menu-box .dynamic ul li ul li .has_children_open {
680    background-image: url(images/navi_open.gif);
681}
682* html #menu-box .dynamic ul li .has_children_open {
683    background-position: 8px 10px;
684}
685* html #menu-box .dynamic ul li ul li .has_children_open {
686    background-position: 8px 8px;
687}
688#menu-box .dynamic .has_children_closed {
689    border-bottom: 0;
690    background-image: url(images/navi_level_1_closed.gif);
691    background-repeat: no-repeat;
692    background-position: 6px 6px;
693}
694#menu-box .dynamic ul li ul li .has_children_closed {
695    background-image: url(images/navi_closed.gif);
696}
697* html #menu-box .dynamic ul li .has_children_closed {
698    background-position: 8px 8px;
699}
700* html #menu-box .dynamic ul li ul li .has_children_closed {
701    background-position: 8px 6px;
702}
703#menu-box .dynamic .item_not_selected {
704    margin: 0;
705    margin-left: 10px;
706    color: #000000;
707    font-weight: 400;
708}
709#menu-box .dynamic .item_selected {
710    margin: 0;
711    margin-left: 10px;
712    color:#000000;
713    font-weight: 700;
714}
715
716/* Navigation (statisch, momentan funktioniert dynamisch nicht) */
717
718#menu-box .file {
719    margin: 0;
720    padding: 0;
721    width: 178px;
722    font-family: verdana;
723    font-size:.9091em;
724    color: #000000;
725    overflow: hidden;
726}
727
728#menu-box .file ul {
729    margin: 0;
730    border: 0;
731    list-style-type: none;
732}
733
734#menu-box .file a:hover {
735    text-decoration: underline;
736}
737
738/* Level 1 */
739#menu-box .file li.level1 {
740    margin-bottom: 4px;
741    border-right: 2px solid white;
742    border-top: 2px solid white;
743    border-bottom: 2px solid white;
744    border-bottom-right-radius: 5px;
745    background-color: #ffffff;
746}
747
748#menu-box .file a {
749    padding: 5px 5px 5px 15px;
750    display: block;
751}
752
753#menu-box .file li.level1 > .li .curid a {
754    border-bottom-right-radius: 3px;
755    background-color: #009682;
756    color: #ffffff;
757}
758
759#menu-box .file li.node > .li .curid a {
760    border-bottom-right-radius: 0px !important;
761}
762
763#menu-box .file .level1 .li {
764    margin-bottom: 0px !important;
765}
766
767/* Level 2 */
768#menu-box .file .level1 ul {
769    display: block;
770    font-weight: 100 !important;
771    color: #000000;
772    background-color:#D9EFEC;
773    border-bottom-right-radius: 3px;
774}
775
776#menu-box .file .level2 .li a.wikilink1,
777#menu-box .file .level2 .li a.wikilink2,
778#menu-box .file .level2 .li a.urlextern {
779  font-weight:400;
780  color: #000;
781}
782
783#menu-box .file .node > .li {
784    padding-bottom: 0px;
785    background-image: none;
786    border-bottom: 2px solid white;
787}
788
789/* Suche */
790div#suchen {
791    margin:0 0 10px 5px;
792    padding:1px;
793    background-color:#fff;
794    border: 1px solid __border__;
795    height: 15px;
796    width:169px;
797}
798div#suchen input[type="text"] {
799    margin:0;
800    border:0;
801    border-right:1px solid __border__;
802    padding:1px 0 0 0;
803    float:left;
804    height:14px;
805    width:106px;
806    font-size:0.9091em;
807}
808div#suchen button {
809    margin:0;
810    border: 0;
811    padding: 0;
812    float:left;
813    font-size:0.9091em;
814    font-weight: bold;
815    color: #009682;
816    background-color: #fff;
817    text-transform: uppercase;
818    height: 14px;
819    width: 60px;
820    cursor: pointer;
821}
822
823div#suchen .ajax_qsearch {
824    left: 180px;
825}
826
827
828@media (max-width: 550px) {
829    div#head {
830        text-align: center;
831    }
832    div#head-image {
833        float: left !important;
834        background: unset !important;
835    }
836    div#logo {
837        margin-top: 0 !important;
838    }
839    div#head-text {
840        width: 50% !important;
841        margin: 0 !important;
842        overflow: visible !important;
843        text-align: center;
844        padding: 0;
845    }
846    div#head-image {
847        height: auto !important;
848    }
849    div.big_font {
850        height: auto !important;
851    }
852
853    div#head-text-corner {
854        display: none !important;
855    }
856}
857
858@media (max-width: 943px) {
859    body {
860        background: none !important;
861    }
862
863    div#wrapper {
864      width: auto !important;
865      background-image: none !important;
866      left: 0 !important;
867    }
868
869    div#head,
870    div#head-image,
871    div#left-row,
872    div#middle-row,
873    div#footer,
874    div#footer-container,
875    div#footer-content,
876    div#metanavigation,
877    div#footer-text,
878    div#owner,
879    div#menu-box{
880        float: none !important;
881        padding: 0 !important;
882        width: 100% !important;
883        margin: 0 !important;
884    }
885
886    div.spacer,
887    div#container {
888        width: 100% !important;
889        float: none !important;
890        margin: 0 !important;
891        border: 0 !important;
892    }
893
894    div#content {
895        padding: 0px !important;
896        padding-bottom: 70px !important;
897    }
898
899    div#footer-container{
900        background: none !important;
901    }
902
903    div#metanavigation {
904        position: relative !important;
905    }
906
907    div#head {
908        height: auto !important;
909    }
910
911    div#head-image {
912        background-position: right !important;
913    }
914
915    div#logo img {
916        display: none;
917    }
918
919    div#logo  {
920        overflow: hidden !important;
921        background: url("images/kit_mobile.png") left top no-repeat;
922        width:100px;
923        height: 40px;
924        background-size: 100px;
925        margin-top: 40px;
926    }
927
928    div#toggle_space,
929    div#toggle_space span {
930        display: block !important;
931        text-align: center;
932        height: 22px;
933    }
934
935    div#left-row {
936        display: none;
937        padding-bottom: 5px !important;
938        height: auto !important;
939    }
940
941
942    div#middle-row,
943    div#right-row,
944    div#content {
945        display: block;
946        padding-bottom: 5px !important;
947        height: auto !important;
948    }
949
950    div.sidebar_box {
951        background-color: #E5E5E5;
952        width: 100% !important;
953    }
954
955    div.sidebar_box ul {
956        float: left !important;
957        width: 100% !important;
958        height: 100% !important;
959        list-style-type: none !important;
960    }
961
962    div#suchen {
963        border: 0;
964        float: unset !important;
965        margin: 0 !important;
966        width: 100% !important;
967        padding: 4px 0 0 0;
968        height: auto;
969    }
970    div#suchen input[type="text"] {
971        padding: 0;
972        border: 0;
973        width: 80%;
974    }
975
976    div#suchen button {
977        width: 20%;
978    }
979
980    div#suchen .ajax_qsearch {
981    	position: static;
982	clear: both;
983    }
984
985    div.sidebar_box li {
986        display: inline-block !important;
987    }
988    #menu-box .file a {
989        padding: 3px 3px 3px !important;
990    }
991    #menu-box .file .level1 > ul {
992        background: none !important;
993    }
994    #menu-box .file .level1 .li {
995        padding-bottom: 2px;
996    }
997    #menu-box .file li.level1.linktocurrent > .li {
998        padding-bottom: 0 !important;
999    }
1000    span#owner-text {
1001        padding-left: 0 !important;
1002        display: block !important;
1003    }
1004}
1005
1006
1007@media print {
1008    * {
1009        background:none !important;
1010        /* width:auto !important; */
1011        position:static !important;
1012        height:auto !important;
1013        /* float: none !important; */
1014        overflow: visible !important;
1015        font-size: 12pt;
1016    }
1017    div#owner {
1018        font-size: 11pt;
1019    }
1020    div[id^="filterbox_"] {
1021        display:none !important;
1022    }
1023    table, .inline, #wrapper, #container {
1024        width:auto !important;
1025    }
1026    html {
1027        height:auto !important;
1028    }
1029    body {
1030        height:auto !important;
1031        overflow: visible !important;
1032    }
1033    div#wrapper {
1034        height:auto !important;
1035        margin:0;
1036    }
1037    div#metanavigation {
1038        display:none;
1039    }
1040    div#logo, div#head-text {
1041        float: left !important;
1042    }
1043    div#logo {
1044        overflow:hidden !important;
1045        height:92px !important;
1046        width:188px !important;
1047    }
1048    div#logo img {
1049        margin-top:-16px;
1050        margin-left:-16px;
1051    }
1052    div#head-image {
1053        border: 1px solid #fff;
1054    }
1055    div#head-text {
1056        margin-top:54px;
1057        margin-left:168px;
1058        position:absolute !important;
1059    }
1060    div#footer {
1061        display:none;
1062    }
1063    div#container {
1064        padding-bottom:0;
1065        padding:0;
1066        margin:0;
1067    }
1068    div#left-row {
1069        float:none;
1070        width: auto;
1071        display:none; /* herausnehmen fuer Breadcrumb */
1072    }
1073
1074   div#middle-row {
1075        height:100%;
1076        padding:10px;
1077        margin:0 10px 10px 0;
1078        width:auto;
1079        clear:left;
1080    }
1081    div.text {
1082        overflow: visible !important;
1083        clear:left;
1084    }
1085    .faq_answer {
1086        display: block !important;
1087    }
1088    table, .headline a, form, .inline, #owner-text {
1089        color:#000000 !important;
1090    }
1091    #right-row {
1092        display: none !important;
1093    }
1094    #print_infobox {
1095        display: block !important;
1096    }
1097}
1098
1099
1100  /* ---------- table of contents ------------------- */
1101
1102#dw__toc {
1103  margin: 1.2em 0 0 2em;
1104  float: right;
1105  width: 17em;
1106  font-size: 80%;
1107  padding-top:35px;
1108}
1109
1110#dw__toc h3 {
1111  border: 1px solid __border__;
1112  background-color: __background_alt__;
1113  text-align: left;
1114  font-weight: bold;
1115  padding: 3px;
1116  margin-bottom: 2px;
1117}
1118
1119.toggle strong {
1120    border: 0.4em solid __background_alt__;
1121    float: right;
1122    display: block;
1123    margin: 0.4em 3px 0 0;
1124}
1125
1126.toggle span {
1127    display: none;
1128}
1129
1130.toggle.closed strong {
1131    margin-top: 0.4em;
1132    border-top: 0.4em solid __text__;
1133}
1134
1135.toggle.open strong {
1136    margin-top: 0;
1137    border-bottom: 0.4em solid __text__;
1138}
1139
1140#dw__toc > div {
1141  border: 1px solid __border__;
1142  background-color: __background__;
1143  text-align: left;
1144  padding: 0.5em 0 0.7em 0;
1145}
1146
1147#dw__toc ul {
1148  list-style-type: none;
1149  list-style-image: none;
1150  line-height: 1.2em;
1151  padding-left: 1em;
1152  margin: 0;
1153}
1154
1155#dw__toc ul li {
1156  background: transparent url(images/tocdot2.gif) 0 0.6em no-repeat;
1157  padding-left: 0.4em;
1158  margin-top: 5px;
1159}
1160
1161#dw__toc ul li.clear {
1162  background-image: none;
1163  padding-left: 0.4em;
1164}
1165
1166#dw__toc a:link,
1167#dw__toc a:visited {
1168  color: __text__;
1169}
1170
1171#dw__toc a:hover,
1172#dw__toc a:active {
1173  color: __existing__;
1174}
1175
1176/* --------------- Links ------------------ */
1177
1178a:link,
1179a:visited { color: __existing__; }
1180a:visited { text-decoration: none; }
1181a:hover,
1182a:active {
1183  color: __text__;
1184  text-decoration: underline;
1185}
1186
1187h1 a,
1188h2 a,
1189h3 a,
1190h4 a,
1191h5 a,
1192a.nolink {
1193  color: __text_alt__ !important;
1194  text-decoration: none !important;
1195}
1196
1197/* windows share */
1198a.windows {
1199  background: transparent url(images/windows.gif) 0px 1px no-repeat;
1200  padding: 1px 0px 1px 16px;
1201}
1202
1203/* interwiki link (icon are set by dokuwiki) */
1204a.interwiki {
1205}
1206
1207/* link to some embedded media */
1208a.media {
1209}
1210
1211a.urlextern:link,
1212a.windows:link,
1213a.interwiki:link,
1214a.urlextern:visited,
1215a.windows:visited,
1216a.interwiki:visited {
1217  color: __extern__;
1218}
1219a.urlextern:hover,
1220a.urlextern:active,
1221a.windows:hover,
1222a.windows:active,
1223a.interwiki:hover,
1224a.interwiki:active {
1225  color: __text__;
1226}
1227
1228/* existing wikipage */
1229a.wikilink1 {
1230  color: __existing__;
1231}
1232
1233/* not existing wikipage */
1234a.wikilink2 {
1235  color: __missing__;
1236  text-decoration: none !important;
1237  border-bottom: dashed 1px __missing__;
1238}
1239
1240/* ------------- Page elements ----------------- */
1241
1242div.preview {
1243  background-color: __background_other__;
1244  margin: 0 0 0 2em;
1245  padding: 4px;
1246  border: 1px dashed __text__;
1247}
1248
1249div.breadcrumbs {
1250  background-color: __background_neu__;
1251  color: __text_neu__;
1252  font-size: 80%;
1253  padding: 4px 0 0 4px;
1254  min-height: 2em;
1255}
1256
1257span.user {
1258  color: __text_other__;
1259  font-size: 90%;
1260}
1261
1262li.minor {
1263  color: __text_neu__;
1264  font-style: italic;
1265}
1266
1267/* embedded images */
1268img.media {
1269  margin: 3px;
1270}
1271
1272img.medialeft {
1273  border: 0;
1274  float: left;
1275  margin: 0 1.5em 0 0;
1276}
1277
1278img.mediaright {
1279  border: 0;
1280  float: right;
1281  margin: 0 0 0 1.5em;
1282}
1283
1284img.mediacenter {
1285  border: 0;
1286  display: block;
1287  margin: 0 auto;
1288}
1289
1290/* smileys */
1291img.icon {
1292  vertical-align: middle;
1293}
1294
1295abbr {
1296  cursor: help;
1297  border-bottom: 1px dotted __text__;
1298}
1299
1300/* unordered lists */
1301ul {
1302  list-style-type: square;
1303  list-style-image: none;
1304  margin: 0 0 0.5em 1.5em;
1305  color: __text__;
1306}
1307
1308/* ordered lists */
1309ol {
1310  list-style-image: none;
1311  margin: 0 0 0.5em 1.5em;
1312  color: __text__;
1313  font-weight: bold;
1314}
1315
1316/* no bottom gap in between and smaller left margin for nested lists */
1317li ul,
1318li ol {
1319  margin: 0 0 0 1.5em;
1320}
1321
1322/* space before headings */
1323#content h1,
1324#content h2,
1325#content h3,
1326#content h4,
1327#content h5,
1328#content h6 { margin-top: 1em; }
1329
1330div.footnotes { margin-top: 5em; }
1331
1332/* spacing between paragraphs */
1333div.table + p, p + div.table,
1334blockquote + p, p + blockquote,
1335ol + p, p + ol,
1336ul + p, p + ul,
1337ol + pre, pre + ol,
1338ul + pre, pre + ul,
1339pre + p, p + pre,
1340p + p { margin-top: 1em; }
1341
1342/* the list items overriding the ul/ol definition */
1343.li {
1344  color: __text__;
1345  font-weight: normal;
1346  margin-bottom: 0.1em;
1347}
1348
1349ol {list-style-type: decimal;}
1350ol ol {list-style-type: upper-roman;}
1351ol ol ol {list-style-type: lower-alpha;}
1352ol ol ol ol {list-style-type: lower-greek;}
1353
1354li.open {
1355  list-style-image: url(images/open.gif);
1356    /*list-style-type: circle;*/
1357}
1358
1359li.closed {
1360  list-style-image: url(images/closed.gif);
1361    /*list-style-type: disc;*/
1362}
1363
1364blockquote {
1365  border-left: 2px solid __border__;
1366  margin-left: 2px;
1367  padding-left: 1em;
1368}
1369
1370pre,
1371code {
1372  font-family: monospace, serif;
1373  /* second generic font fixes problem with font-size, see
1374     http://meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing/ */
1375  font-size: 1em;
1376}
1377pre {
1378  padding: 0.5em;
1379  border: 1px dashed __border__;
1380  color: __text__;
1381  overflow: auto;
1382}
1383
1384/* code blocks by indention */
1385pre.pre {
1386  background-color: __background_other__;
1387}
1388
1389/* code blocks by code tag */
1390pre.code {
1391  background-color: __background_other__;
1392  overflow: auto;
1393  width: 560px;
1394}
1395
1396/* code blocks by file tag */
1397pre.file {
1398  background-color: __background_pre__;
1399}
1400
1401/* filenames for file and code blocks */
1402dl.file,
1403dl.code {
1404    margin-top: 2em;
1405    margin-bottom: 2.5em;
1406}
1407
1408dl.file dt,
1409dl.code dt {
1410    border: 1px dashed __border__;
1411    display: inline;
1412    padding: 0.1em 1em;
1413    margin-left: 2em;
1414}
1415
1416dl.code dt a,
1417dl.file dt a {
1418    color: __text_alt__;
1419    font-weight: bold;
1420}
1421
1422dl.code dt {
1423    background-color: __background_other__;
1424    border-bottom: 1px solid __background_other__;
1425}
1426
1427dl.file dt {
1428    background-color: __background_pre__;
1429    border-bottom: 1px solid __background_pre__;
1430}
1431
1432/* inline code words */
1433code {
1434  font-size: 1em;
1435}
1436
1437
1438/* --------- buttons ------------------- */
1439
1440/* metanavigation integration */
1441.btn_admin button,
1442.btn_profile button,
1443.btn_login button,
1444.btn_logout button  {
1445    background:none!important;
1446    border:none;
1447    padding:0!important;
1448    font: inherit;
1449    cursor: pointer;
1450    text-decoration:none;
1451    text-transform: uppercase;
1452}
1453
1454button {
1455  border: 1px solid __border__;
1456  color: __text_alt__;
1457  background-color: __background__;
1458  text-decoration: none;
1459  font-weight: bold;
1460  font-size: 0.8em;
1461  cursor: pointer;
1462  margin: 1px;
1463  padding: 0.125em 0.4em;
1464}
1465
1466div.secedit {
1467  float: right;
1468  display: inline;
1469}
1470
1471/* highlight corresb. section  */
1472div.section_highlight {
1473   background-color: #D9EFEC;
1474}
1475
1476
1477div.site_tools {
1478   background-color: #E5E5E5;
1479   float: right;
1480   padding-right: 12px;
1481   padding-left: 4px;
1482   padding-bottom: 4px;
1483   position: relative;
1484   z-index: 3;
1485}
1486
1487/* hide-plugin integration*/
1488
1489div.hiddenHead {
1490    color: #fff;
1491    background-color: #808080;
1492    font-weight: bold;
1493    padding-left: 6px;
1494    font-size: 100%;
1495}
1496
1497div.hiddenGlobal {
1498    border:  thick none !important;
1499}
1500
1501div.hiddenOnHidden {
1502    color: #fff;
1503}
1504
1505div.hiddenOnVisible {
1506    color: #fff;
1507}
1508
1509div.hiddenBody {
1510    border-top: none;
1511    padding: 0px;
1512}
1513
1514div.hiddenGlobal:not(.hiddenHidden) > div.hiddenHead p::after,
1515div.hiddenGlobal.hiddenHidden > div.hiddenHead p::after {
1516    background-image: none !important;
1517}
1518
1519div.hiddenGlobal:not(.hiddenHidden) > div.hiddenHead p::before {
1520    background-image: url("/lib/plugins/hidden/images/shrink2.png");
1521}
1522
1523div.hiddenGlobal.hiddenHidden > div.hiddenHead p::before {
1524    background-image: url("/lib/plugins/hidden/images/enlarge2.png");
1525}
1526
1527div.hiddenHead p::before,
1528div.hiddenHead p::before {
1529    display: inline-block;
1530    background-size: 1.2em 1.2em;
1531    width: 1.2em;
1532    height: 1.2em;
1533    content: "";
1534}
1535
1536/* Translationplugin Integration */
1537.dokuwiki .plugin_translation {
1538    display:inline-block;
1539    text-align:right;
1540}
1541
1542.dokuwiki .plugin_translation ul {
1543    text-align: right;
1544    margin: 0 auto;
1545    padding: 0;
1546    list-style: none;
1547    background-color: transparent !important;
1548    border: none;
1549}
1550.dokuwiki .plugin_translation li {
1551    margin: 0;
1552    display: inline-block;
1553}
1554
1555.dokuwiki .plugin_translation a {
1556    color: #4D4D4D !important;
1557    display: inline-block;
1558    min-height: 16px;
1559}
1560
1561.dokuwiki .plugin_translation a.wikilink2 {
1562    visibility: hidden !important;
1563    width: 0px;
1564}
1565
1566.dokuwiki .plugin_translation .li a.wikilink1:before {
1567    color: #4D4D4D;
1568    content: " | ";
1569    padding-left: 3px;
1570}
1571
1572.notify {
1573    position: fixed;
1574    top: 0;
1575}
1576
1577/* explicitly overwrite translation_plugin style */
1578.dokuwiki div.plugin_translation ul li a.wikilink1:link,
1579.dokuwiki div.plugin_translation ul li a.wikilink1:hover,
1580.dokuwiki div.plugin_translation ul li a.wikilink1:active,
1581.dokuwiki div.plugin_translation ul li a.wikilink1:visited {
1582    background-color: transparent !important;
1583    color: #4D4D4D !important;
1584    padding: 0px;
1585    margin: 0px;
1586}
1587
1588
1589/* hide the inactive language button in the header*/
1590.plugin_translation ul li a.cur {
1591  display: none;
1592}
1593/*  */
1594
1595/* nspages plugin compatibility */
1596.catpageheadline {
1597  text-decoration: none !important;
1598  color: __text_alt__ !important;
1599  background-color: inherit;
1600  font-size: 140%;
1601  font-weight: bold;
1602  margin: 0.5em 0 0.25em 0;
1603  padding: 0;
1604}
1605
1606/* double column staff member sites */
1607.dokuwiki .memberimage {
1608    position:relative;
1609    float:left;
1610    width: 200px;
1611    margin-left: 4px;
1612    margin-right: 30px;
1613    margin-top: 10px;
1614}
1615
1616.dokuwiki .memberdescription {
1617    position:relative;
1618    float:left;
1619    text-align:left;
1620    width: 60%;
1621}
1622