/* CSS Styles for Klaus Jürgen Becker, Author Tim Reeves, Stand 09.07.05 */ /* For the xml parser the canvas is , not */ html { display: block; background-color: #4169E1; background-image: url(../images/space.gif); /* background-repeat: repeat-y; */ } div.nav { position: absolute; left: 30px; width: 145px; margin: 0px; padding: 0px 0px 10px 0px; text-align: center; background-color: #4169E1; border-top: 3px solid #B89146; border-left: 3px solid #B89146; border-bottom: 3px solid #B89146; /* This would save using the box model hack */ /* but since only IE 5 is in error just forget it */ /* background-image: url(../images/navhg.png); background-repeat: repeat-y; */ overflow: visible; } div.nav2 { position: absolute; left: 175px; width: 590px; height: 27px; margin: 0px; padding: 0px; background-color: #E7F2FF; border: 3px solid #B89146; z-index: 2; } table.nav2 { width: 100%; height: 24px; margin: 0px; padding: 0px; } table.nav2 td { text-align: center; font-size: 13px; } table.nav2 td.mitte { border-left: 2px solid #B89146; border-right: 2px solid #B89146; } div.main { position: absolute; top: 30px; left: 175px; width: 590px; /* height: 100%; Bad news if browser window is too short and scrolled down*/ /* Padding-bottom is a bad idea here - causes Gecko to fail on the 100% */ overflow: auto; background-color: #E7F2FF; border: 3px solid #B89146; } /* like main, but with content centered */ div.cent { position: absolute; top: 30px; left: 175px; width: 590px; overflow: auto; background-color: #E7F2FF; border: 3px solid #B89146; text-align: center; } /* like main, but leaving space above for nav2 */ div.leistung { position: absolute; top: 30px; left: 175px; width: 590px; overflow: auto; background-color: #E7F2FF; border: 3px solid #B89146; text-align: left; z-index: 1; } h1, h2, h3 { font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; color: #000066; text-decoration: none; } h4, h5 { font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; color: #000066; text-decoration: none; } p, ul, ol, li, td, th { font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif, Tahoma; color: #000066; text-decoration: none; } h1, h2 { font-size: 16pt; } h1 { letter-spacing: 1px; margin: 24px 12px 6px 15px; } h1.gold { color: #A37D3A; } h2 { margin: 24px 12px 5px 15px; } h3 { color: #A37D3A; font-size: 13pt; margin: 24px 12px 4px 15px; } h4 { font-size: 12pt; margin: 15px 12px 3px 15px; } h5 { font-size: 11pt; margin: 12px 12px 2px 15px; } p, ul, ol, li { font-size: 10pt; } p { margin: 8px 12px 7px 15px; line-height: 133%; } p.platzoben { margin: 16px 12px 7px 15px; } p.gold { color: #A37D3A; font-weight: bold; margin-top: 24px; } /* Note: IE positions the bullet image at the top of the line but Gecko at the bottom */ ul { list-style-image: url(../images/dash.gif); } ul, ol { margin: 0px 0px 0px 35px; padding: 0px; } ul li, ol li { margin: 0px 12px 6px 0px; padding: 0px 0px 0px 4px; } strong { font-size: 9pt; font-weight: bold; letter-spacing: 1px; } div.cent * { margin-left: auto; margin-right: auto; } /* div.kjb { margin: 20pt 0pt 0pt 0pt; text-align: center; } span.kjb { font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; font-size: 80pt; font-weight: bold; color: #FFFF00; height: 130px; background-color: #4169E1; } */ p.navkjb { color: #FFFFFF; line-height: 60px; vertical-align: center; text-align: center; margin: 0px; padding: 0px; } p.kjb { margin-top: 22px; } ol.leistung { margin: 0px 0px 0px 55px; padding-left: 5px; } ol.leistung li { font-size: 12pt; margin: 8px 0px 0px 0px; padding-left: 5px; } /* Standard link style : Permanently blue links */ a, a:link, a:visited, a:active, a:focus { color: #0000FF; background-color: transparent; text-decoration: underline; } /* Except on Hover */ a:hover { color: #0000FF; background-color: #C7D5FF; text-decoration: underline; } /* Classes for Navigation */ /* The margins and paddings order: top right bottom left */ div.nav p.header { color: #FFFF00; font-style: italic; font-weight: bold; margin: 12px 19px 7px 19px; } div.nav p.item { margin: 0px 19px 7px 19px; font-size: 13px; line-height: 120%; } a.avble, a.avble:link, a.avble:visited, a.avble:active, a.avble:focus { display: block; color: #0000FF; background-color: #E7F2FF; text-align: center; text-decoration: none; border: 1px solid #000000; margin: 0px; padding: 0px; width: 104px; } a.avble:hover { display: block; color: #0000FF; background-color: #C7D5FF; text-align: center; text-decoration: none; border: 1px solid #000000; margin: 0px; padding: 0px; width: 104px; } a.iscur, a.iscur:link, a.iscur:visited, a.iscur:active, a.iscur:focus { display: block; color: #0000FF; background-color: #D8B880; text-align: center; text-decoration: none; border: 1px solid #000000; margin: 0px; padding: 0px; width: 104px; } a.iscur:hover { display: block; color: #0000FF; background-color: #D8B880; text-align: center; text-decoration: none; border: 1px solid #000000; margin: 0px; padding: 0px; width: 104px; } a.ln2, a.ln2:link, a.ln2:visited, a.ln2:active, a.ln2:focus, a.ln2:hover { width: 100%; border-style: none; line-height: 27px; vertical-align: center; } /* Extra styles for the "Rattenschwanz" links */ div.nav p.xtra { margin: 4px 0px 4px 0px; font-size: 11px; letter-spacing: 1px; } a.xtra, a.xtra:link, a.xtra:visited, a.xtra:active, a.xtra:focus { color: #FFFF00; background-color: transparent; text-decoration: none; } /* Except on Hover */ a.xtra:hover { color: #0000FF; background-color: #C7D5FF; text-decoration: none; } a.xtrc, a.xtrc:link, a.xtrc:visited, a.xtrc:active, a.xtrc:focus { color: #0000FF; background-color: #D8B880; text-decoration: none; } /* Except on Hover */ a.xtrc:hover { color: #0000FF; background-color: #D8B880; text-decoration: none; } /* PART 1 OF THE BROWSER-SPECIFIC TRICKY STUFF TO KEEP THE NAVIGATION-DIV VISIBLE ON TOP-LEFT */ /* Has to be in a stylesheet because in xml documents the ">" sign can't be embedded */ #nav { /* netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */ top: 30px; } #nav2 { /* netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */ top: 0px; } body > div#nav { /* used by Netscape6+/Mozilla, Opera 5+, Konqueror, Safari, OmniWeb 4.5+, ICEbrowser */ position: fixed; top: 30px; } body > div#nav2 { position: fixed; top: 0px; }