html { background-color: #000000; }

BODY { font-size: 12px;
margin: 0;
padding: 0;
background: #000000 url(../images/bg_earth.jpg) no-repeat bottom right;
font-family: Verdana,Arial,Helvetica,sans-serif; color: #a2a2bc;
/* Scrollbar Einstellungen (nur IE) */
scrollbar-arrow-color: #C0C0C0; scrollbar-3dlight-color: #000000;
scrollbar-highlight-color: #ADAEC3;
scrollbar-face-color: #000000;
scrollbar-shadow-color: #ADAEC3;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #000000;
background-color: #000000; }

table, td, tr { font-size: 12px;
margin: 3px;
padding: 3px;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #a2a2bc;
border: 0; }

hr {
height: 1px;
max-height: 1px;
color: #a2a2bc;
border: 1px solid #a2a2bc;
}

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; }

ul { list-style-image: url(../images/arrow.gif); }

a {
color: #ffffff;
font-weight: bold;
text-decoration : none;
}

a:active { background-color: #f2e189; }

a.submenu-1, a.submenu1, a.submenu2, a.submenu3 {
width: 120px;
max-width: 120px;
height: 14px;
max-height: 20px;
padding: 3px 0 3px 0;
display: block;
border: 0;
vertical-align : middle;
text-align : right;
margin: 0px 0px -10px 0;
color: #000000;
text-decoration: none;
font-weight: bold;
/* Tantek-Hack; IE5.x ignoriert alles folgende siehe http://www.tantek.com/CSS/Examples/boxmodelhack.html */
voice-family: "\"}\""; /*
padding: 5px 0 5px 0; */
}

a.submenu4 {
width: 120px;
max-width: 120px;
height: 14px;
max-height: 20px;
padding: 3px 0 3px 0;
display: block;
border: 0;
vertical-align : middle;
text-align : right;
margin: 0px 0px -10px 0;
color: #000000;
text-decoration: none;
font-weight: bold;
/* Tantek-Hack; IE5.x ignoriert alles folgende siehe http://www.tantek.com/CSS/Examples/boxmodelhack.html */
voice-family: "\"}\""; /*
padding: 5px 0 5px 0; */ }

a.submenu1 { background : #CCCCCC url(../images/blank_grau.png) no-repeat; }

a.submenu2 {
background : #CCCCCC url(../images/blank_grau.png) no-repeat;
margin-left: 5px;
}

a.submenu3 {
background : #CCCCCC url(../images/blank_grau.png) no-repeat;
margin-left: 10px; }

a.submenu1:hover, a.submenu2:hover, a.submenu3:hover
a.submenu4:hover { color: #FF9900; }

a.submenu4 { background : #CCCCCC url(../images/blank_gelb.png) no-repeat; }

/* Definition für die obere Grafik. */
#header {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
background: url(../images/nebula_lensfx4.jpg) no-repeat;
/*top_bg_nebula_1.jpg*/
height: 100px;
width: 100%;
}
/* Definition für den oberen LCARS-Balken */
#lcars_topend {
position: absolute;
left: 0px;
top: 100px;
width: 100%;
background: url(../images/lcars_top.jpg);
height: 29px;
/* Tantek-Hack; IE5.x ignoriert alles folgende siehe http://www.tantek.com/CSS/Examples/boxmodelhack.html
*/ voice-family: "\";}\"";
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: 140px 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(../images/lcars_left.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;
left: 180px;
right: 0px;
overflow: auto;
bottom:60px;
/* Der Abstand rechts wird fuer den Konquerer gebraucht, der sonst den Scrollbalken ueber den Text legt,
wenn der Inhalt des DIVs zu lang wird */
/* Angaben für die Schrift */
font-size: 14px;
color: #7F7FA3;
/* Johannes' Farbcode */ /* Hoehe und Breite fuer den IE ausrechnen */
height: expression(document.body.clientHeight
- ( 140 + 30 ) + "px");
width: expression(document.body.clientWidth - ( 180 )
+ "px"); }

#heading {
margin: 38px 0px 0 180px;
color: #000000;
font-size: 2em;
font-family: Haettenschweiler,Verdana,Arial,Helvetica,sans-serif;
}

#stardate {
position: absolute;
left: 0px;
bottom: 30px;
width: 150px;
}

/* Definition für den "Pfad bis hier" (Breadcrumb). Sollte zwischen unterem LCARS und Seiteninhalt
angezeigt werden. */

#bread {
position: absolute;
bottom: 30px;
left: 180px;
font-weight: bold;
vertical-align : middle;
}

#bread a{
font:bold 12px
verdana, sans-serif;
text-decoration:none;
}

/* 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(../images/lcars_bottom.jpg) no-repeat;
width: 100%;
/* Tantek-Hack; IE5.x ignoriert alles folgende siehe http://www.tantek.com/CSS/Examples/boxmodelhack.html
*/ voice-family: "\"}\""; margin: 0; }
/* 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; }