/* ------------------ 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 <col> nicht akzeptiert. Nach Bedarf 
ergaenzen: */

/* information/abenteuer.shtml */
#quests td:first-child + td, #quests td:first-child + td + td { text-align: center; }

/* gilden/zauberer/tabellen.shmtl */
#zspells td:first-child + td, #zspells td:first-child + td + td { text-align: center; }

/* gilden/zauberer/gqs.shtml */
#zquests td:first-child + td { text-align: center; }

/* gilden/zauberer/spells.shtml, gilden/zauberer/zauberstab.shtml -
kleinere rahmenlose Definitions-Tabellen im Fliesstext */
.tdef td:first-child, .tdef td:first-child + td, .tdef td:first-child + td + td { vertical-align: top; }

/* breite Tabelle, die mit normal grossem Text zu breit fuer schmalere Fenster
waere (wie die Zauberer-Spruchtabelle in spells.shtml) */
#btabelle td { font-size: 85%; }
#btabelle th { font-size: 90%; }



/* ------------------- Einzelne Seiten ------------------- */

/* Formatierung News-Seite */

.news { margin-top: 2em; }
.news dt { font-weight: bold; }
.news dd { margin-bottom: 1em; margin-left: 2em; }
.news code { text-weight: normal; }


/* Formatierung MPA-Artikel bei Suche */

.mpa_artikel {} /* darin: h4, strong, pre */


/* Formatierung Lebenszeitanzeige des Muds */

#offline { color: #AA3333; }
#lifetime { display: block; }
#uptime { color: #33AA33; }


/* Start-Seite */

#mgbox {
    margin: 0 auto;
    border: #788 4px solid;
    width: 88%;
    padding: 0;
    padding: 12px; 
}

.mudtext {
    color: #000;
    background-color: #efe5c5;
    background-color: #ffffff;
    line-height: 1.3em; 
    font-size: 13px;
    font-family: 'courier', 'courier new', 'lucida console', monaco, monospace;
    text-align: left; 
}

/*
.mgbox #box { 
    margin: 0 auto; 
}
*/

.prompt {
    color:#058;
    color:#c00;
}

.mittig { 
    text-align: center; 
    padding: 0 0 10px 0;
    margin:  30px 0 0 -50px;
    font-weight:bold;
    font-size:18px;
}

/* --------------------- Box --------------------- */
/* Box mit Rahmen & Hintergrund wie Tabellen oben, */
/* aber ohne Nachteile für Screenreader            */

.schatten {
    border: 1px solid #000000;
    border-collapse: collapse;
    border-spacing: 0px;
    margin-bottom: 10px;
    background-image: url(/img/bg-table.gif);
    padding: 2px 5px 2px 5px;
    vertical-align: top;
}