/* $Id: zschimmer.css,v 1.5 2008/11/10 09:16:23 joacim Exp joacim $ */ /* Internet Explorer 6 kennt nicht A > B, nur A B. font-size: 16px = 100% 12px = 75% 11px = 91.6667% 10px = 83.3333% 11px = 68.75% / 17px = 1.5454% 9px = 81.8181% / 14px 13px = 118.1818% 10px = 62.5% */ /*---- zschimmer_base.css: ----------------------------------------------------------------------*/ div#zschimmer_page_top_full_width { position: absolute; top: 0px; z-index: 998; background-color: #f0f0f0; font-size: 1px; height: 15px; left: 0px; width: 100%; } /* Bis zu den Fensterrändern mit background-color ausfüllen */ div#zschimmer_page_top { position: absolute; top: 0px; z-index: 999; background-color: #f0f0f0; color: #606060; height: 13px; font: 8px/1em Verdana, sans-serif; width: 265pt /*ie6: für page_top_2_joacim */; margin: 0px; padding: 1px 10px 0px 1px; border: 0px; vertical-align: baseline; } /* zschimmer.js setzt für manche Browser position: fixed */ @media print { div#zschimmer_page_top_full_width, div#zschimmer_page_top { display: none; } /* Unterdrücken, weil mit Javascript position:fixed gesetzt sein kann, und dann erscheint die Zeile auf jeder Seite und verschluckt Text */ } /*@media screen and ( min-device-height: 600px ) / * Ab Firefox 3.1 * / { div#zschimmer_page_top_full_width { position: fixed; } / * Bis zu den Fensterrändern mit background-color ausfüllen * / div#zschimmer_page_top { position: fixed; } }*/ div.zschimmer_page_top_height { height: 15px; } span.zschimmer_page_top_part_gmbh { font-size: 9px; line-height: 1em; } span.zschimmer_page_top_part { font: 9px/1em Tahoma, sans-serif; padding-left: 2em; } div.zschimmer_old_browser_space { position: absolute; height: 70pt; } /* Übernommen von zschimmer.css: */ div#zschimmer_page_top a:link { color: inherit; background-color: inherit; text-decoration: none; } div#zschimmer_page_top a:active { color: inherit; background-color: inherit; text-decoration: none; } div#zschimmer_page_top a:visited { color: inherit; background-color: inherit; text-decoration: none; } div#zschimmer_page_top a:hover { color: black ; background-color: inherit; text-decoration: underline; cursor: pointer; } /* @media screen, handheld { div.zschimmer_page_top a:link { color: #0000a0; } div.zschimmer_page_top a:active { color: #0000a0; } div.zschimmer_page_top a:visited { color: #0000a0; } } */ a[name] { position: relative; top: -15px; } /* Gewagt: Um zschimmer_page_top.height herabsetzen. Funktioniert mit Firefox 3 und Opera 9 */ /*---- zschimmer_base.css ende---------------------------------------------------------------*/ div.page_top_2_joacim { position: absolute; top: 14px; height: 26px /*Derselbe Wert auch in zschimmer.xsl*/; line-height: 24px; white-space: nowrap; background-color: #f0f0f0; } .page_top_features { font: 9px/14px Verdana, Arial, sans-serif; padding-left: 1px; padding-top: 1px; Xletter-spacing: 1px; background-color: #f0f0f0; color: #606060; width: 100%; } .top_gray { background-color: #f0f0f0; } body { font: 11px/17px Verdana, Arial, sans-serif; } /* font-size: 68.75% ist zu klein auf Vaio */ /*div#body_content { font: 11px/17px Verdana, Arial, sans-serif; } / * font-size: 68.75% ist zu klein auf Vaio */ /*@media print { div#body_content { font-size: 8pt; line-height: 1.5em; } }*/ div.body_contents_with_joacim { position: absolute; top: 40px; padding-right: 7px; /* Anders in zschimmer_ie.css */ } div.body_contents { position: absolute; top: 14px; } div.body_contents_top_space { height: 1.5em; } .big { font-size: 13px; line-height: 17px; } .small { font-size: 9px; line-height: 12px; } .very_small { font-size: 9px; line-height: 12px; font-family: Tahoma, sans-serif; } h1 { font-size: 17px; line-height: 20px; font-weight: bold; margin-top: 3em; margin-bottom: 1em; } h2 { font-size: 14px; font-weight: bold; margin-top: 3em; } h3 { font-size: 11px; line-height: 17px; font-weight: bold; margin-top: 2em; } .zwischentitel { font-weight: bold; margin-top: 6ex } hr { height: 1px; font-size: 1px; border: 0px; color: gray; background-color: gray; margin: 0px; padding: 0px; } /*?p:first-child { margin-top: 0px; padding-top: 0px; }*/ p { margin-top: 0.5em; margin-bottom: 0px; } table.no_padding > tbody > tr > td { padding: 0px; } th:first-child { padding-left: 0px; } th { padding-left: 2ex; vertical-align: bottom; text-align: left; } td:first-child { padding-left: 0px; } td { font-size: 100%; padding-left: 1ex; padding-right: 1ex; vertical-align: top; } td p:first-child { margin-top: 0pt; } div { font-size: 100% } ol { margin-left: 24pt; padding-left: 0pt; } ul { margin-top: 0.5em; margin-bottom: 0.5em; margin-left: 12pt; padding-left: 0pt; } dt { margin-top: 2ex; } dd { margin-left: 4ex } col { padding-bottom: 1pt; padding-right: 2pt } caption { font-size: 90%; padding-bottom: 5pt; padding-left: 3pt; padding-right: 2pt; padding-top: 2pt } p.first { margin-top: 1ex; } p.mono { margin-left: 4ex } .mono { font-family: Lucida Console, monospace; } /* font-size: 90.909% bei Arial ; }*/ code { font-family: Lucida Console, monospace; } .code { font-family: Lucida Console, monospace; } pre.code { background-color: #f8f8f8; } .example_non_mono { background-color: #f8f8f8; font: 9px/14px Verdana, Arial, sans-serif; margin-top: 1em; margin-bottom: 1em; } pre.example_non_mono em { font-style: inherit; font-weight: inherit; text-decoration: inherit; color: #000080; } pre { font: 10px/13px Lucida Console,monospace; margin-top: 1em; margin-bottom: 1em; } pre i { font-family: Tahoma, Verdana, Arial, sans-serif; font-style: normal; } pre.XXX { background-color: #f8fff8; font: 10px/13px Lucida Console,monospace; margin-top: 1em; margin-bottom: 1em; padding-left: 0ex; max-width: 472pt; } /* Große Buchstaben in Verdana sind nicht zu groß. abbr { font-size: 90.9090%; } / * Für Abkürzungen aus Großbuchstaben * / @media print { abbr { font-size: 90.9090; } / * Für Abkürzungen aus Großbuchstaben * / } */ .capital { font-size: 90.9090%; } /* Für Großbuchstaben */ .comment { background-color: #FFFF00 } /* In zschimmer_base.css übernehmen */ a:link { color: inherit; text-decoration: none; } a:active { color: inherit; text-decoration: none; } a:visited { color: inherit; text-decoration: none; } a:hover { cursor: pointer; text-decoration: underline; } /*a:hover { background-color: #e0e0ff; cursor: pointer; text-decoration: underline; }*/ @media screen, handheld { a:link { color: #0000a0; } a:active { color: #0000a0; } a:visited { color: #0000a0; } } a.silent:link { color: inherit; text-decoration: none; } a.silent:active { color: inherit; text-decoration: none; } a.silent:visited{ color: inherit; text-decoration: none; } a.silent:hover { cursor: pointer; } a.hide { color: inherit; text-decoration: none; } a.hide:link { color: inherit; text-decoration: none; } a.hide:active { color: inherit; text-decoration: none; } a.hide:visited { color: inherit; text-decoration: none; } a.hide:hover { color: black; text-decoration: underline; } img { border: none; } img.pt10 { position: relative; bottom: -2.5pt; margin-left: 1pt; margin-right: 1pt; } .indent { margin-left: 4ex; } /*table.arrow_list tr td:first-child { padding-left: 0pt; padding-right: 2pt; width: 1pt; } table.arrow_list tr td { padding-left: 2pt; padding-bottom: 0.5em; }*/ /*.list:first-line { margin-left: 0px; margin-top: 4ex; margin-bottom: 2pt }*/ .list { margin-top: 4ex } .list_text { margin-left: 4ex; margin-top: 2pt } /* Beige Kästen mit blauem Rand */ div.box { margin-top: 3em; margin-bottom: 1.5em; padding: 1.5ex; } @media screen { div.box { border: solid 1px #c0c0f0; background-color: #ffffe0; } } div.box h2 { font-size: 100%; color: #e06000; margin-top: 0ex; margin-bottom: 1em; padding-top: 0em; /*color: #000080;*/ } div.box tr.head_line td { padding-bottom: 1pt; border-left: solid 1px #e8e8e8; border-bottom: solid 1px #e8e8e8; letter-spacing: 1pt; } div.box h3 { font-size: 100%; margin: 0px; padding-bottom: 0.5em; color: #000080; font-weight: bold; } div.box td.subtitle { vertical-align: top; } div.box_separator { height: 0em; } .box_padding { padding-left: 1.5ex; padding-right: 1.5ex; max-width: 700px; } /* Derselbe Rand wie div.box */ div.box div.features { margin: 0px; padding: 0px; } div.box div.features h2 { color: #e06000; margin-top: 0ex; margin-bottom: 1em; padding-top: 0em; } div.box div.features h3 { color: #000080; } div.box div.features > table.features > tbody > tr > td.demand { color: #000080; } div.box div.features > table.features > tbody > tr > td.realization { border-left: solid 1px #e8e8e8; } div.box div.features > table.features > tbody > tr.bar > td:first-child { border-left: none; } div.box div.features > table.features > tbody > tr.bar > td { line-height: 1px; border-bottom: solid 1px #e8e8e8; border-left: solid 1px #e8e8e8; padding: 0.5em; } div.features { margin-top: 3em; margin-bottom: 1.5em; padding: 1.5ex; box-sizing: border-box; -moz-box-sizing: border-box; -khtml-box-sizing: border-box; width: 100%; } div.features h2 { margin-top: 0ex; margin-bottom: 1em; padding-top: 0em; } Xdiv.features h2 { font-size: 100%; color: #e06000; margin-top: 0ex; margin-bottom: 1em; padding-top: 0em; } div.features tr.head_line td { padding-bottom: 1pt; border-left: solid 1px #e8e8e8; border-bottom: solid 1px #e8e8e8; letter-spacing: 2pt; } div.features h3 { padding-bottom: 0.5em; font-weight: bold; } div.features td.subtitle { vertical-align: top; } div.features > table.features > tbody > tr > td:first-child { padding-left: 0px; padding-right: 1.5ex; } div.features > table.features > tbody > tr > td { padding-left: 1.5ex; padding-right: 1.5px; } div.features > table.features > tbody > tr > td:last-child { padding-right: 0px; } div.features td.project_date { font-size: 85%; padding-right: 0px; text-align: right; } /* Die Elemente dieser Klasse bekommen für Internet Explorer mit JavaScript anderes padding-right */ .project_stretch { box-sizing: border-box; -moz-box-sizing: border-box; -khtml-box-sizing: border-box; width: 100%; max-width: 700px; margin: 0px; padding: 0px; font-size: 0px; letter-spacing: 10px; line-height: 0px; } .project_list { box-sizing: border-box; -moz-box-sizing: border-box; -khtml-box-sizing: border-box; width: 100%; max-width: 700px; border: solid 1px #e0e0f8; font-size: 9px; line-height: 12px; margin-top: 1ex; padding: 1.5ex; } .project_list_entry { margin-top: 1ex; /* Abstand zwischen den Einträgen*/ } @media screen { #project_list_head { background-color: #f8f8f8; border: solid 1px #e8e8e8; } } @media print { #project_list_head { margin-top: 3em; } } #project_list_head { color: gray; } #project_list_main { background-color: #ffffe0 /* Beige wie box */; } .project_list_head_line { letter-spacing: 1pt; color: Black; } #div.column { max-width: 350px; } .debug { background-color: Yellow; font: 90.9090% Lucida Console,monospace; } @media screen, handheld { .print_only { display: none; } /* 2008-10-28 Funktioniert in ie7 nicht */ } @media print { .dont_print { display: none; } } img.gisela { border: solid 1px #c0c0f0; } #zschimmer_for_javascript { z-index: 0; } @media screen { #zschimmer_for_javascript { z-index: 1; }