/* CSS Styles for Höfle Konstruktionen, Tim Reeves, Stand 2006-01-11 */ /* For the xml parser the canvas is , not */ html { width: 100%; height: 100%; /* Gecko and Opera both need this, in html AND body */ margin: 0px; padding: 0px; overflow: hidden; border-style: none; background-color: rgb(140,140,220); font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; } body { width: 100%; height: 100%; background-color: transparent; margin: 0px; padding: 0px; overflow: hidden; border-style: none; } img, form, div, div div, div div div, div div div div { margin: 0px; padding: 0px; border-style: none; border-width: 0px; } div.cent { /* Some browsers, esp. IE5, miss scrollbars on body */ position: relative; /* so we need an extra div for them */ width: 100%; height: 100%; overflow: auto; /* THIS allows the scrollbars */ text-align: center; /* This is for a weakness in IE5 */ } div.wide { /* This extends the upper panels to viewport width */ position: relative; /* It's needed because it has to scroll */ width: 100%; /* Buggy IE6 adds horizontal scroller: expression */ height: auto; overflow: hidden; } div.main { position: relative; width: 962px; height: auto; margin: 0px auto; text-align: left; overflow: hidden; } div.main div.kopf { position: absolute; top: 0px; left: 0px; width: 962px; height: 135px; background-image: url(../images/kopf-hg.gif); background-repeat: no-repeat; background-color: rgb(0,0,0); z-index: 2; } div.main div.kopf div.nav { position: absolute; top: 115px; left: 102px; width: 680px; /* 962 - (Logo 102 + Story 180) */ height: 20px; background-color: rgb(0,0,0); overflow: hidden; } div.main div.kopf div.story { position: absolute; top: 25px; left: 782px; width: 180px; height: 110px; background-color: rgb(0,0,0); } div.main div.kopf div.story img { position: absolute; top: 0px; left: 0px; } /* div.main div.kopf div.story p { position: absolute; top: 116px; left: 0px; width: 178px; padding: 0px; text-align: center; font-weight: bold; font-variant: small-caps; } */ div.main div.verdecken { /* Optical space between menu and text areas */ position: absolute; top: 135px; /* left: 20px; width: 922px; */ left: 0px; width: 962px; height: 10px; background-color: rgb(200,200,255); z-index: 2; } div.main div.vdbsp { /* Set to lighter blue in Beispielen */ } div.main div.mitte { /* Static (or relative) position = scroll relevance */ /* margin: 0px auto 0px 20px; width: 922px; /* 922 + 20 + 20 = 962 insgesamt */ margin: 0px auto 0px 0px; width: 962px; height: auto; min-height: 450px; /* 600 - 150 */ background-color: rgb(200,200,255); z-index: 1; padding: 150px 0px 0px 0px; } div.main div.fliesstext { /* Need l-r padding (picture pages don't) */ width: 422px !important; /* padding: 165px 388px 10px 82px !important; */ padding: 165px 438px 10px 102px !important; min-height: 425px !important; /* 600 - 165 - 10 */ } div.main div.schluss { /* Long pages don't end in text BG-Color */ border-bottom: 20px solid rgb(140,140,220); } div.main div.rechts { /* Neben div.(mitte fliesstext) */ position: absolute; top: 210px; left: 512px; width: 340px; height: auto; padding: 5px 18px 8px 18px; background-color: rgb(233,233,255); border-right: 1px solid #9999FF; border-bottom: 1px solid #9999FF; border-top: 1px solid #000066; border-left: 1px solid #000000; } div.main div.bildrechts { /* Neben div.(mitte fliesstext) */ position: absolute; top: 170px; left: 565px; width: 313px; height: auto; text-align: center; background-color: transparent; } div.main div.gross { /* Qualifies "bildrechts" */ left: 550px; width: 352px; } div.main div.bsprechts { /* Neben Beispielbild: Weiter | Zurück */ /* Context is: cent | wide | main. Bottom-Left Position fails in FF-Mac. */ /* But div.mitte forces a minimum height of 600px, so top-posn is safe. */ position: absolute; top: 484px; /* bottom: 20px; */ /* left: 766px; */ left: 806px; width: 160px; height: auto; text-align: center; background-color: transparent; } div.main div.bsprechts p { padding: 12px 0px 0px 0px; } div.main div.txtrechts { /* Neben Beispielbild: Beschreibung */ position: absolute; top: 250px; left: 500px; width: 422px; height: auto; text-align: left; background-color: transparent; } img.bottomright { position: absolute; /* In Bezug auf Elternelement div.cent */ top: 595px; left: 925px; } h1, h2, h3, h4, h5, h6 { color: rgb(20,0,133); text-decoration: none; margin: 0px; padding: 0px; letter-spacing: 1px; } p, ul, ol, li, td, th, div, input, select { color: rgb(16,0,96); text-decoration: none; margin: 0px; padding: 0px; } /* "Höfle Konstruktionen" im Kopfbereich (not used) */ h2 { font-size: 49px; padding: 17px 0px 0px 127px; color: rgb(253,0,255); letter-spacing: 6px; } /* "Konstruktion und Bau..." im Kopfbereich*/ h1 { font-size: 18px; padding: 70px 0px 0px 131px; color: rgb(0,2,251); } /* Allgemeine Überschriften 1. Ranges */ h3 { font-size: 13.5pt; padding: 0px 0px 12px 0px; font-variant: small-caps; } h3.erste { padding: 15px 0px 12px 0px; } /* Allgemeine Überschriften 1. Ranges nach einem Bild */ h4 { font-size: 13.5pt; padding: 28px 0px 16px 0px; font-variant: small-caps; } /* Überschriften 2. Ranges */ h5 { font-size: 11pt; padding: 12px 0px 3px 0px; } /* Überschriften 3. Ranges */ h6 { font-size: 10pt; padding: 9px 0px 3px 0px; } p, td, th, div, ul, ol, ul li, ol li { font-size: 10pt; } p { line-height: 13.5pt; padding: 3px 0px 6px 0px; } p.strong, strong { font-size: 9pt; font-weight: bold; letter-spacing: 1px; } p.strong { color: rgb(20,0,133); } div.mitte ul, div.mitte ol { margin: 0px 0px 0px 14px; padding: 0px; } div.mitte ol li, div.mitte ul li { margin: 3px 0px 6px 3px; padding: 0px 0px 0px 2px; } div.nav p { margin: 1px 0px 0px 29px; padding: 0px; height: 16px; font-size: 11px; font-weight: bold; letter-spacing: 1px; line-height: 100%; } p.nav1 { margin-top: 4px !important; } /* Link classes for menu entries */ div.nav p a, div.nav p a:link, div.nav p a:visited, div.nav p a:active, div.nav p a:hover, div.nav p a:focus { text-decoration: none; } div.nav p a.iscur, div.nav p a.iscur:link, div.nav p a.iscur:visited, div.nav p a.iscur:active, div.nav p a.iscur:hover, div.nav p a.iscur:focus { color: rgb(255,255,255); } div.nav p a.avble:hover { color: rgb(255,255,255) !important; } div.nav p.nav1 a.avble, div.nav p.nav1 a.avble:link, div.nav p.nav1 a.avble:visited, div.nav p.nav1 a.iscur:active, div.nav p.nav1 a.avble:focus { color: rgb(255,216,60); /* Goldgelb */ } /* Normal links in text - Blau */ a, a:link, a:visited, a:active, a:focus { color: rgb(0,0,255); } a:hover { /* Rot */ color: rgb(255,0,0); } p.nachoben { margin-top: 12px; } div.main div.beispiel { background-color: rgb(233,233,255) !important; } div.main div.beispiel h3, div.main div.beispiel h6, div.main div.beispiel p.nachoben { margin-left: 30px; } div.main div.beispiel h3 { padding-bottom: 0px !important; } div.main div.beispiel ol { margin: 9px 0px 0px 47px; } div.main div.txtrechts ol { margin: 9px 0px 24px 18px; } div.main div.beispiel ol li, div.main div.txtrechts ol li { color: rgb(20,0,133); font-weight: bold; margin: 3px 0px 6px 3px; padding: 0px 0px 0px 2px; }