/* ------------------ Layout ------------------ */ body { position: relative; white-space: normal; width:980px; font-size: 1em; background-color: #000000; /* schwarzer Hintergrund mit MUD-Screenshot */ background-image: url(../img/bg-basic.gif); background-position: top left; margin: 0 auto; color: #000000; font-family: 'Arial','Helvetica',sans-serif; padding: 0; } #mg-logo { /* Drache oben */ width: 372px; height: 103px; position: absolute; top:10px; left:327px; z-index: 2; background-image: url(../img/mg-logo.gif); background-repeat:no-repeat; } #mg-logo2 { /* Drache rechts oben */ width: 100px; height: 94px; position: absolute; top:100px; right:60px; z-index: 2; background-image: url(../img/mgdrache_logo_small.gif); background-repeat:no-repeat; } #disclaimer { /* der kleine Abschnitt unten rechts */ width: 700px; height: 23px; position: relative; bottom: 10px; left: 270px; background-image: url(../img/bg-button.gif); border: ridge; border-width: 3px; border-color: #714B32; font-size: 12px; padding: 10px 23px 0px 23px; } #doc { /* Hauptfenster fuer Text */ position: relative; top:87px; left:51px; margin-bottom: 70px; margin-right: 51px; padding: 50px 110px 30px 110px; background-color:#D4C1A0; /* Hintergrund fuer den Fliesstextbereich: */ background-image: url(../img/bg-doc.gif); border: ridge; border-width: 3px; border-color: #714B32; min-height: 480px; height: auto; font-size: 0.95em; } * html #doc { /* Hack nur fuer Internet Explorer ... ich hasse Winzigweich! */ height: 480px; } #ie-hack { /* Workaround fuer IE und seine Unfaehigkeit, min-height zu interpretieren .. bzw margin-top und height gleichzeitig %&%%&!!! */ position: absolute; margin-bottom: -22px; } * html .ie-hack2 { /* Workararound fuer IE, damit dieser moechtegern-html- interpreter auch etwas padding macht */ height: 5px; } /* ----------- Fliesstext-Formatierung ------------ */ div { // font-size: 1em; } p { font-size: .95em; line-height: 1.3em; // font-stretch: wider; } /* ul { list-style:none; } */ h1 { font-size: 1.1em; margin-top: 30px; } h2 { font-size: 1em; margin-top: 25px; } h3 { font-size: 0.95em; } h4 { font-size: 0.95em; font-style: italic; } pre { font-size: 1em; } img { border:none; } /* code { font-weight: bold; font-family:'Arial','Helvetica',sans-serif; font-size:12px; } */ code { font-family: courier, 'courier new', 'lucida console', monospace; font-size: 1.1em; } code .input { font-weight: bold; font-size: 1.1em; } code:before { content:" "; } code:after { content:" "; } /* kein Abstand nach oben/unten (z.B. um kleine Tabellen lueckenlos in Fliesstext einzufuegen */ .nixoben { margin-top: 0; } .nixunten { margin-bottom: 0; } /* ------------ Links im Fliesstext ------------ */ a:link { color: #034659; text-decoration: none; font-weight: bold; } a:visited { color: #04637E; color: #246f79; text-decoration: none; font-weight: bold; } a:hover { color: #0695BE; text-decoration: underline; font-weight: bold; } /* a:active { color: #FFFF66; font-weight: bold; } */ /* a:focus { color: #00AA00; background-color: #FFFF77; font-weight: bold; } */ /* ------------ Zitate im Fliesstext ------------ */ blockquote { font-size: 1.05em; font-style: italic; width: 500px; margin: 0.25em 0; padding: 0.25em 40px; line-height: 1.45; position: relative; } blockquote:before { font-family: 'Georgia',serif; display: block; content: "\201C"; font-size: 80px; position: absolute; left: -5px; top: -15px; color: #cbb47b; } blockquote cite { font-size: 14px; display: block; margin-top: 5px; } blockquote cite:before { content: "\2014 \2009"; } /* ----------------- Topbar ------------------- */ #topleiste { cursor: pointer; font-weight: bold; padding-bottom: 5px; text-align: center; line-height: 30px; width: 100px; font-size: 0.9em; margin: 0; padding: 0; } #topleiste .button { width: 100px; border: ridge; border-width: 3px; border-color: #714B32; } #topleiste .aktuell { background-image: url(../img/bg-doc.gif); height:37px; border-bottom-width: 0px; } #topleiste .inaktuell { background-image: url(../img/bg-button.gif); height: 30px; } a.inaktuell:link { color: #000000; text-decoration: none; } a.inaktuell:visited { color: #000000; text-decoration: none; } a.aktuell:link { color: #043341; text-decoration: none; } a.aktuell:visited { color: #043341; text-decoration: none; } a.button:hover { color: #246f79; text-decoration: underline; } #button-spielen { position:absolute; top:50px; right:0px; z-index: 2; } #button-start { position:absolute; top:50px; left:51px; z-index: 2; } #button-info { position:absolute; top:50px; left:190px; z-index: 2; } #button-community { position:absolute; top:50px; right:140px; z-index: 2; } /* ----------------- Sidebar ------------------- */ #nav { font-size: 0.85em; position: absolute; top: 125px; left: 1px; z-index:2; } #nav .nav-1 { /* kleiner oberer Navigationsabschluss */ width: 125px; height: 36px; background-image: url(../img/bg-nav-1.gif); background-repeat: no-repeat; } #nav .nav-2 { /* Navigationsbereich mit Links */ width: 115px; background-image: url(../img/bg-nav-2.gif); background-repeat:repeat-y; padding-left: 10px; color:#000000; line-height: 1em; background-color: #C4B190; } #nav .nav-3 { /* kleiner unterer Navigationsabschluss */ width: 125px; height:35px; background-image: url(../img/bg-nav-3.gif); background-repeat: no-repeat; margin-bottom: 10px; } #nav .secnav { /* Aufklappbare Untermenues */ display: none; margin-left: 0.5em; } /* ------------------ Navigations-Links ------------------- */ #nav a { font-size: 1em; } a.nav:link { display: block; margin: 1.2em 0 0 0; color: #000000; text-decoration: none; font-weight: bold; } a.nav:visited { display: block; margin: 1.2em 0 0 0; color: #000000; text-decoration: none; font-weight: bold; } a.nav:hover { display: block; margin: 1.2em 0 0 0; color: #034659; text-decoration: underline; font-weight: bold; } //#nav .secnav a:link { color: #000000; text-decoration: none;} //#nav .secnav a:visited { color: #000000; text-decoration: none;} #nav .secnav a:visited, #nav .secnav a:link, #nav .wikilink a:link, #nav .wikilink a:visited { /* Arial hat in dieser Groesse bei Fettschrift unschoene Grossbuchstaben */ display: block; margin: 0; font-family: tahoma, helvetica, sans-serif; color: #000000; font-weight: 600; font-size: 0.85em; text-decoration: none; } #nav .secnav a:hover, #nav .wikilink a:hover { display: block; margin: 0; font-family: tahoma, helvetica, sans-serif; font-weight: 600; font-size: 0.85em; color: #034659; text-decoration: underline; } /* --------------------- Tabellen --------------------- */ .tabelle { border-left: 1px solid #000000; border-top: 1px solid #000000; border-collapse: collapse; border-spacing: 0px; margin-bottom: 10px; background-image: url(../img/bg-table.gif); } .tabelle td { border-right: 1px solid #000000; border-bottom: 1px solid #000000; padding: 2px 5px 2px 5px; vertical-align: top; } .tabelle th { border-right: 1px solid #000000; border-bottom: 1px solid #000000; padding: 2px 5px 2px 5px; vertical-align: top; background-image: url(../img/bg-th.gif); } .tab2 { font-size: 11px; } .tab2 td { padding: 3px; } /* fuer Firefox, der align-Angaben in