/***********************************************************************/
/** Diese Stylesheet-Datei ist für globale Style-Definitionen auf     **/
/** www.markus-keppeler.de zuständig.                                 **/
/***********************************************************************/




/***********************************************************************/
/** Allgemeine Layout-Definitionen                                    **/
/***********************************************************************/

body			{ border-top:2em solid #3399FF;
			  border-left:2em solid #3399FF;
			  margin:0;
			  font-family:"Bitstream Vera Sans",Arial,sans-serif;
			  padding:2em; }


/***********************************************************************/
/** Überschriften                                                     **/
/***********************************************************************/

h1			{ font-size:1.4em;
			  font-weight:bold;
			  color:black; }

h2			{ font-size:1.2em;
			  font-weight:bold;
			  color:#CC6600; }

h2 a			{ color:#CC6600; }

h3			{ font-size:1em;
			  font-weight:bold;
			  color:#CC6600; }

h3 a			{ color:#CC6600; }


/***********************************************************************/
/** Allgemeine Links                                                  **/
/***********************************************************************/

a:hover			{ background:#99CCCC;
			  color:#000099; }


/***********************************************************************/
/** Sonstige allgemeine Auszeichnungen                                **/
/***********************************************************************/

strong			{ font-weight:bold;
			  color:green; }

em			{ font-style:normal;
			  font-weight:bold; }

/* Eingerückter Absatz für die Hauptseite                              */

p.overview		{ margin-left:2em; }

/* Auszeichnung für Kommentare von mir (z.B. Kommentare zu Links etc.) */
div.comment		{ padding-left:1em;
			  font-size:0.85em; }

/***********************************************************************/
/** Listen                                                            **/
/***********************************************************************/

/* Gewisse Listen von Links bekommen zur Auflockerung einen höheren    */
/* Zeilenabstand (Linkliste, Suchergebnisse, ...). Bilder in diesen    */
/* Listen werden vertikal zentriert.                                   */
li.enge_liste		{ padding-bottom:0.85em; }
li.enge_liste img	{ vertical-align:middle;
			  padding:0.1em; }



/***********************************************************************/
/** Elemente, die auf jeder Seite nur einmal vorhanden sind/          **/
/** sein können und deshalb einen eindeutigen Identifier bekommen.    **/
/***********************************************************************/


/***********************************************************************/
/** Navigationselemente                                               **/
/***********************************************************************/

/* Die Brotkrumen-Navigation an der rechten Seite                      */

#sitemap		{ float:right;
			  background:#CCFFFF;
			  color:black;
			  border:3px solid #330033;
			  margin:2em;
			  padding:1em;
			  min-height:10em;
			  min-width:7em; }

#sitemap h2		{ background:#CCFFFF;
			  color:#CC6600; }

#sitemap ul		{ padding:0em;
			  margin:0em;
			  list-style:none; }

/* Die globale Navigationsleiste ganz oben auf der Seite               */

#globalnav		{ border-top:2px solid #CC6600;
			  border-bottom:2px solid #CC6600;
			  border-left:2px solid #CC6600;
			  font-size:0.85em;
			  padding:0.4em;
			  width:75%; }

#globalnav a		{ color:gray;
			  padding-right:5px;
			  padding-left:5px;
			  border-right:1px solid black;
			  border-left:1px solid black; }

#globalnav ul		{ padding:0em;
			  margin:0em; }

#globalnav ul li	{ display:inline;
			  list-style-type:none;
			  padding:0em;
			  margin:0em; }

/***********************************************************************/
/** Sonstige Identifier-Elemente                                      **/
/***********************************************************************/

#content		{ max-width:35em;    /* Der Inhalt der Seite   */
			  padding-right:5em;
			  margin-top:2em;
			  width:expression(document.body.clientWidth > (500/12) * parseInt(document.body.currentStyle.fontSize)?"30em":"auto" );
}

#logo			{ position:absolute; /* Das Logo rechts oben   */
			  display:block;
			  top:0;
			  right:0;
			  margin:0;
			  padding:0; }