/* Allgemeine Einstellungen fuer den Seiteninhalt, auch fuer Tabellen */ html,body 
{ height: 100%; background-color: #000000; } body { margin: 0; padding: 0; } body, 
th, td { font-size: 12px; font-family: Verdana,Arial,Helvetica,sans-serif; color: 
#999999; } body.bgimage { background: #000000 url(http://www.baldur-kuhnle.de/quigley/images/bg_earth.png) 
no-repeat fixed bottom right; } th { font-size: 14px; font-weight: bolder; color: 
#000000; background-color: #CCCCCC; } td { vertical-align: top; } hr { height: 
1px; max-height: 1px; color: #999999; border: 1px solid #999999; } h1, h2, h3, 
h4, h5 { font-weight: normal; color: #cccccc; } h1 { font-size: 32px; } h2 { font-size: 
21px; } h3 { font-size: 18px; } h4 { font-size: 16px; } h5 { font-size: 14px; 
} img { border: 0; } /* Klassen für Tabellen */ .tdleft { background-color: #cccccc; 
color: #000000; font-weight: bold; } table.loosened td { height: 20px; } table.lined 
td { border: 1px solid #444; } /* Einige Klassendefinitionen fuer Formulare */ 
.button1 { width: 120px; height: 20px; line-height: 20px; background : #CCCCCC 
url(http://www.baldur-kuhnle.de/quigley/images/blank_grau.png) right no-repeat; 
} .input1 { width: 250px; border: 1px solid #CCCCCC; } /* Das Navigationsmenue 
*/ #leftlcars ul{ list-style:none; padding-left: 0; margin-left: 0; } #leftlcars 
li a, #leftlcars li li a { display: block; width: 120px; height: 20px; line-height: 
20px; border: 1px solid #000000; vertical-align: middle; text-align : right; color: 
#000000; text-decoration: none; font-weight: bold; } #leftlcars li a:hover { color: 
#FFFFFF; } a.submenu-1, a.submenu1, a.submenu2, a.submenu3, a.submenu4, a.submenu5, 
a.submenu6, a.active-1, a.active1 { background : #CCCCCC url(http://www.baldur-kuhnle.de/quigley/images/blank_grau.png) 
right no-repeat; } a.submenu2, a.active2 { background : #CCCCCC url(http://www.baldur-kuhnle.de/quigley/images/blank_grau_s2.png) 
right no-repeat; } a.submenu3, a.active3 { background : #CCCCCC url(http://www.baldur-kuhnle.de/quigley/images/blank_grau_s3.png) 
right no-repeat; } /* "Highlight" fuer Klasse activen */ #leftlcars a.active-1, 
#leftlcars a.active1, #leftlcars a.active2, #leftlcars a.active3 { color: #FFFFFF; 
} #leftlcars a.submenu-1:hover, #leftlcars a.submenu1:hover, #leftlcars a.submenu2:hover, 
#leftlcars a.submenu3:hover { color: #FFFFFF; } /* Definition für die obere Grafik. 
*/ #header { position: absolute; top: 0px; left: 0px; right: 0px; background: 
#000000 url(http://www.baldur-kuhnle.de/quigley/images/nebula.jpg) no-repeat; 
height: 100px; width: 100%; } /* Definition für den oberen LCARS-Balken */ #toplcars 
{ position: absolute; left: 0px; top: 100px; width: 100%; background: url(http://www.baldur-kuhnle.de/quigley/images/lcars_top.jpg) 
no-repeat; height: 30px; } /* Definition für die Menüleiste links Die Positionierung 
erfolgt absolut, Abstand von links 0, Breite 130. Die Padding-Angabe ist erforderlich, 
damit die Buttons nicht von der oberen Grafik verdeckt werden. */ #leftlcars { 
position: absolute; left: 0px; width: 130px; margin: 0; padding: 130px 0 0 0; 
} /* Definition für den vertikalen Trenner. Letztlich ein leerer DIV, der nur 
das Hintergrundbild beinhaltet und eine Höhe von 100% hat. */ #vertical { background: 
url(http://www.baldur-kuhnle.de/quigley/images/lcars_vertical.jpg) repeat-y; height: 
100%; margin: 0; padding: 0; } /* Definition für den eigentlichen Seiteninhalt. 
Dieser sollte sich ähnlich verhalten wie ein IFRAME; wird der Text länger als 
der sichtbare Bereich, sollte ein Scrollbalken erscheinen. Der Bereich skaliert 
durch Angabe der Abstände vom Rand automatisch bei unterschiedlichen Auflösungen.. 
*/ #content { /* Die absolute Positionierung samt Scrolling */ position: absolute; 
top: 120px; bottom: 30px; left: 180px; right: 0px; overflow: auto; margin: 0; 
/* Der Abstand rechts wird fuer den Konquerer gebraucht, der sonst den Scrollbalken 
ueber den Text legt, wenn der Inhalt des DIVs zu lang wird */ padding: 0 17px 
0 0; /* Angaben für die Schrift */ font-size: 12px; color: #999999; /* Johannes' 
Farbcode */ } #content ul { list-style-image: url(http://www.baldur-kuhnle.de/quigley/images/arrow.gif); 
} #content a:link { color: #F6ECA8; font-weight: bold; text-decoration : none; 
} #content th a:link { color: #000; } #content a:visited { color: #FFCC99; font-weight: 
bold; text-decoration : none; } #content a:active { background-color: #9BB5BD; 
} #content a:hover { text-decoration: underline; } /* Die Ueberschrift */ #heading 
{ margin: 38px 0px 0 180px; color: #000000; font-size: 0em; font-family: Haettenschweiler,Verdana,Arial,Helvetica,sans-serif; 
} /* Definition für den "Pfad bis hier" (Breadcrumb). Sollte zwischen unterem 
LCARS und Seiteninhalt angezeigt werden. */ #bread { margin-top: 35px; border-top: 
1px solid #000000; font-weight : bold; vertical-align : left; } #bread a{ font:bold 
7px verdana, sans-serif; text-decoration:none; } #bread ul { list-style-image: 
url(http://www.baldur-kuhnle.de/quigley/images/arrow1.gif); display: inline; padding-left: 
0; } #bread li{ display: inline; padding-left: 20px; background: url(http://www.baldur-kuhnle.de/quigley/images/arrow1.gif) 
left no-repeat; } /* Definition für den unteren LCARS-Balken. Sollte bündig am 
unteren Rand des Fensters stehen. */ #footer { position: absolute; bottom: 0px; 
left: 0px; height: 29px; background: url(http://www.baldur-kuhnle.de/quigley/images/lcars_bottom.png) 
no-repeat; width: 100%; margin: 0; } #headlines { margin-top: 20px; float: right; 
} #headlines table { width: 150px; border: 1px solid #999999; -moz-border-radius: 
8px; padding: 10px; } #headlines th, #headlines td { font-size: smaller; } /* 
Diese Definitionen dienen der Korrektur der Darstellung in den Opera-Versionen 
4-6. Sie sollten nur von diesen Browsern interpretiert werden. Quelle: http://www.lipfert-malik.de/webdesign/tutorial/css.html 
Auswirkungen der Änderung: * Der LCARS-Balken am Seitenfuß verschwindet beim Scrollen. 
* der "Pfad bis hier" wird oben drüber statt unter dem Text angezeigt */ html 
* body #footer[id] { position: fixed; z-index: 1; } html * body #bread[id] { position: 
absolute; margin-top: 120px; top: 0px; } /* Definitionen für die "Page Table Of 
Contents" Wiki-Erweiterung */ div.tocfloat { margin-bottom: 10px; border-top: 
1px dotted #555555; border-bottom: 1px dotted #555555; padding-top: 5px; padding-bottom: 
5px; width: 38%; float: right; margin-left: 10px; clear: right; margin-right:-13px; 
padding-right: 13px; padding-left: 13px; } #leftlcars li a[href] { background 
: #CCCCCC url(http://www.baldur-kuhnle.de/quigley/images/blank_grau.png) right 
no-repeat; padding-right: 2px; } #leftlcars li li a[href] { background : #CCCCCC 
url(http://www.baldur-kuhnle.de/quigley/images/blank_grau_s2.png) right no-repeat; 
} #leftlcars li li li a[href] { background : #CCCCCC url(http://www.baldur-kuhnle.de/quigley/images/blank_grau_s3.png) 
right no-repeat; } #leftlcars a.selflink { color: #ffffff; } /* END OF FILE */