* { padding: 0; margin: 0; }

body {
   background: #ffe9ce url(graphics/logo.gif) no-repeat top left; /* 73x465px */
   background-attachment: fixed; /* Quantum-Shift bleibt immer oben */
   padding: 0px 0px 0 70px;    /* Rand oben rechts unten links */
   margin: 0;                    /* ??? */
   font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #684F0C;
   line-height: 1.2em;
   }

h2, h3 {color: #990000; }

/* http://www.evolt.org/article/A_revised_method_of_defining_link_pseudo_classes/17/35541/index.html */
:link:focus, :visited:focus { color: #990000;text-decoration: underline; }
:link {color: #B28715;text-decoration: none;}
:visited {color: #B28715;text-decoration: none;}
:link:hover, :visited:hover {color: #990000;text-decoration: underline;}
:link:active, :visited:active {color: #990000;}

/* --- container: Enthält alle anderen Elemente -------------------------------------- */

#container {
   background: #fff4e8 url(graphics/bg-container.gif) repeat-y top center; /* 73x465px */
   width: 700px;
   margin: 0 auto;
   }

/* --- header: Nur die Kopfgrafik. h1 wird nicht angezeigt --------------------------- */

#header {
   background: transparent url(graphics/header.jpg) no-repeat top center;
   width: 700px;
   height: 140px;
   }
#header h1 { display: none; }

/* --- Menü... ----------------------------------------------------------------------- */

#menu {
   background: transparent url(graphics/bg-menu.gif) repeat-y;
   position: relative;
   float: left;
   left: 5px;
   width: 220px;
   font-size: 11px;
   line-height: 12px;
   }

#menu h2 {
   margin-bottom: 5px;
   border-bottom: #990000 2px dotted;
   font-weight: bold;
   font-size: 14px;
   line-height: 17px;
}

#navigation, #news, #quick {position: relative; width: 162px; left: 34px; margin-bottom: 15px; }

#navigation ul li { margin-top: 5px; list-style-type: none; text-decoration: none; }
#navigation ul.top li { font-weight: bold; }
#navigation ul.level1 li { margin-left: 10px; font-weight: normal; }

#news p, #quick p {
   padding-top: 10px;
}

#menufoot { background: transparent url(graphics/menu-foot.jpg); width: 220px; height: 55px; }

/* content: Der eigentliche Inhalt --------------------------------------------------- */

#content { position:relative; float: right; width: 470px; }

#content h2 { /* Wegen der Hintergrundgrafik muss die Höhe mindestens 40 px sein. min-height geht wg. IE nicht*/
   background: transparent url(graphics/bg-h1.jpg) no-repeat bottom left;
   font-size: 17px;
   font-weight: normal;
   line-height: 20px;
   padding-top: 30px;
   padding-left: 40px;
   padding-bottom: 6px;
}

#content h3,
#content p,
#content ol,
#content ul { margin-left: 24px; margin-right: 25px;
} /* Eigentlich gehört hier #content > p etc. rein, aber IE 6.0 rafft das nicht,
     daher muss das weiter unten wieder zurückgesetzt werden */

#content h3 { font-size: 12px; padding-top: 15px; clear: left;}
#content p { padding-top: 5px; }
#content ol { padding-top: 10px; padding-left: 12px; }
#content ul { padding-top: 10px; padding-left: 12px; list-style-image: url(graphics/bullet.gif); }
#content li { padding-bottom: 5px; }
#content li p { margin-left: 0px; } /* s.o. bei #content p */

#content p.centered {
   text-align: center;
   padding: 12px 10px 8px 10px;
}

#content p.quote {
   text-align: center;
	font-weight: bold;
	font-family: Georgia, Times, serif;
	font-size: larger;
	line-height: normal;
   padding: 12px 10px 8px 10px;
}

#content p.citation {
   text-align: center;
	font-family: Georgia, Times, serif;
	line-height: normal;
   padding: 0px 10px 8px 10px;
}

.reference { margin: 15px 25px 0 24px; }
img.bookcover { padding-right: 15px; padding-bottom: 10px; vertical-align: top; float: left; }
.author { font-style: italic; font-weight: bold; }
.title { display: block;  font-weight: bold; margin-top: 3px; }
.description { display: block; margin-top: 3px; }

/* footer... ------------------------------------------------------------------------- */

#footer {
   clear: both;
   background: transparent url(graphics/bg-footer.gif) no-repeat bottom center;
   text-align: center;
   font-size: 11px;
   font-weight: bolder;
   padding-top: 20px;
   width: 700px;
   height: 70px;
}