.base_font { font-family: Arial,Helvetica,sans-serif; font-size: 9pt; } /* Fonts und Farben der gesamten Seite */ .ipk_body { font-family: Arial,Helvetica,sans-serif; font-size: 9pt; background-color: rgb(244, 244, 244); color: rgb(0, 0, 0); } /* (800) 784px --------------------------------------------------------------------------------- | | | kopf_div | 90px | weblogo | | | --------------------------------------------------------------------------------- | menu_bar | 14px --------------------------------------------------------------------------------- | 592px | 168px | | page_main|20000px | page_info|1000px | | | | --------------------------------------------------------------------------------- --------------------------------------------------------------------------------- | 784px | | kopf_div | 90px | | --------------------------------------------------------------------------------- | | | | | 116px | 452px | 168px | | menu_div|550 | overview_main|20000px | overview_info|1323 | | | | | --------------------------------------------------------------------------------- Hinweis: 'width' ist immer die innere Grösse des Bereichs, ohne das padding. D.h., dass das padding immer rechts und links dazukommt. Aktuelle Breite: 8 + ( 8 + 116 + 8 ) + 8 + ( 8 + 452 + 8 ) + 8 + ( 8 + 168 + 8) + 8 + ( 8 132 8 468 8 184 ->8 ->148 ->624 Aktuelle Breite: 8 + ( 8 + 116 + 8 ) + 8 + ( 8 + 452 + 8 ) + 8 + ( 8 + 168 + 8) + 8 + ( 8 + 168 + 8) + 8 8 132 8 468 8 184 ->8 ->148 ->624 -> 816 */ /* Geometrie */ .kopf_div { position: absolute; top: 8px; left: 8px; width: 976px; padding: 8px; height: 90px; text-align: center; ; font-family: Times New Roman; color: rgb(0, 0, 0); font-size: 20pt; font-weight: bold; } .weblogo { top: 8px; left: 8px; width: 96px; height: 90px; float: left; border: 0px } .menu_div { position: absolute; top: 120px; left: 8px; width: 116px; padding: 8px; height: 750px; background-color: rgb(255, 255, 255); font-size: 9pt; } .overview_main { position: absolute; top: 120px; left: 148px; width: 452px; padding: 8px; height: 20000px; text-align: justify; background-color: rgb(255, 255, 255); font-size: 9pt; } .overview_info { position: absolute; top: 120px; left: 624px; width: 168px; padding: 8px; height: 4000px; text-align: left; background-color: rgb(255, 255, 255); font-size: 9pt; } .overview_info2 { position: absolute; top: 120px; left: 816px; width: 168px; padding: 8px; height: 4000px; text-align: left; background-color: ; font-size: 9pt; } .menu_bar { position: absolute; top: 120px; left: 8px; width: 976px; padding: 8px; height: 14px; text-align: center; font-size: 9pt; } .page_main { position: absolute; top: 166px; left: 8px; width: 592px; padding: 8px; height: 20000px; text-align: justify; background-color: rgb(255, 255, 255); font-size: 9pt; } .page_info { position: absolute; top: 166px; left: 624px; width: 168px; padding: 8px; height: 1000px; background-color: ; font-size: 9pt; } /* Design */ .ul { text-decoration: underline; } .menu_title { font-size: 12pt; font-weight: bold; text-decoration: underline; } .activeLink { font-size: 10pt; color: rgb(102, 102, 102); color: rgb(32,32,160); font-style: italic; font-weight: bold; xtext-decoration: underline; } .overview_domain { font-weight: bold; text-decoration: underline } .overview_domain_title { font-weight: bold; text-align: left; } .domain_title { font-size: 144%; font-weight: bold; text-decoration: underline; color: rgb(102, 102, 102); text-align: left; } .page_title { font-size: 121%; font-weight: bold; text-decoration: underline; color: rgb(102, 102, 102); text-align: left; } .book_main { text-align: left; font-size: 10pt; } .blue { color: blue; } .red { color: red; } .redtxt { color: red; } .redultxt { color: red; text-decoration: underline; } .redbtxt { color: red; font-weight: bold; } .page_path { font-size: 121%; font-weight: bold; text-decoration: underline; color: rgb(102, 102, 102); } .font90 { font-size: 90%; } .font90Fat { font-size: 90%; font-weight: bold } .font90FatUl { font-size: 90%; font-weight: bold; text-decoration: underline; } .font90Ul { font-size: 90%; text-decoration: underline; } .font80 { font-size: 80%; } .font80Fat { font-size: 80%; font-weight: bold } .font80FatUl { font-size: 80%; font-weight: bold; text-decoration: underline; } .font80Ul { font-size: 80%; text-decoration: underline; } .font90 { font-size: 90%; } .font90Fat { font-size: 90%; font-weight: bold } .font90FatUl { font-size: 90%; font-weight: bold; text-decoration: underline; } .font90Ul { font-size: 90%; text-decoration: underline; } .font144 { font-size: 144%; } .font144Fat { font-size: 144%; font-weight: bold } .font144FatUl { font-size: 144%; font-weight: bold; text-decoration: underline; } .font144Ul { font-size: 144%; text-decoration: underline; } .font121 { font-size: 121%; } .font121Fat { font-size: 121%; font-weight: bold } .font121FatUl { font-size: 121%; font-weight: bold; text-decoration: underline; } .font121Ul { font-size: 121%; text-decoration: underline; } .fontFat { font-weight: bold } .fontFatUl { font-weight: bold; text-decoration: underline; } .fontUl { text-decoration: underline; } .font200 { font-size: 200%; } .font200Ul { font-size: 200%; text-decoration: underline; } .font200Fat { font-size: 200%; font-weight: bold } .font200FatUl { font-size: 200%; font-weight: bold; text-decoration: underline; } .font200Ul { font-size: 200%; text-decoration: underline; } .letter { font-size: 200%; font-weight: bold; font-style: italic } .uline { text-decoration: underline; } .rubrik { background-color: lightgrey; font-size: 121%; text-align: center; margin-bottom: 6; margin-top: 6; font-style: italic } .arubrik { background-color: LightSkyBlue; font-size: 121%; text-align: center; margin-bottom: 6; margin-top: 6; font-style: italic } .erubrik { background-color: coral; font-size: 121%; text-align: center; margin-bottom: 6; margin-top: 6; font-style: italic } .rubrikTab { table-layout: fixed; font-size: 13pt; margin-bottom: 12 } .atcspan { background-color: coral; font-size: 141%; padding-left: 2em; } .ftcspan { background-color: gold; font-size: 141%; padding-left: 2em; } .tcspan { background-color: gold; font-size: 141%; padding-left: 2em; } .coldt { width: 3.75em; } .tddt { padding-right: 8; text-align: right; vertical-align: top } .btddt { padding-right: 8; text-align: right; vertical-align: top; font-weight: bold } .tdln { padding-left: 8; text-indent: -8; vertical-align: top } .infobox { background-color: rgb(244, 244, 244); border: solid ; border-width: 1; padding: 4 } .redbox { padding: 4; vertical-align: top; border: 2px solid coral; border-style: dashed } .blackbox { padding: 4; vertical-align: top; border: 3px solid black; background-color: #f0f0f0 } .r { color: red } .br { font-weight: bold; color: red } .clmn { border-right: 1px solid lightgrey; border-left: 1px solid lightgrey }