@charset "utf-8";

/* AUFTEILUNG DES ANZEIGEBEREICHS */
	#background {				/* Nicht skalierender Hintergrund als Pufferzone fuer hohe Aufloesungen */
		position: fixed;
		width: auto;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-position: top center;
		background-attachment: fixed;
		background-repeat: no-repeat; }
	
	#navigation {				/* Siehe auch Klassen-Definitionen nav_lvl_1 und nav_lvl_2 unten */
		position: fixed;
		width: 1160px;			/* Breiter als "content", damit ganze Steine als Schaltflaechen verwendet werden koennen */
		height: 120px;
		margin-left: -570px;	/* Zentriert den Bereich im Browserfenster */
		top: 0;
		bottom: 0;
		left: 50%;
		right: 50%; }

	#content {
		position: fixed;
		width: 820px;			/* Weniger als im Konzept genannte 1024px, um rechts und links Abstand zum Rand zu haben */
		height: auto;
		margin-left: -410px;	/* Zentriert den Bereich im Browserfenster */
		top: 120px;
		bottom: 0;
		left: 50%;
		right: 50%;
		overflow: auto;}
	
/* FORMATIERUNG VON TEXT */
	h1 {							/* Ueberschrift 1. Grades */
		font-family: Calibri, Arial, sans-serif;
		font-style: italic;
		font-size: 14pt;
		text-align: center;
		line-height: 15px; }
	
	p, li  {						/* Blocksatz und Auflistung */
		font-family: Calibri, Arial, sans-serif;
		font-style: italic;
		font-size: 12pt;
		text-align: center;
		color: black;
		empty-cells: show; }
	
	a {
		border-style: dashed;
		text-decoration: none;
		color: black;
		padding: 5px;
		border-width: 1px;
	}
	
	a:hover {
		border-style: solid;
		border-width: 2px; }