@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 {
		position: fixed;
		width: 1160px;			/* Breiter als "content", damit ganze Steine als Schaltflaechen verwendet werden koennen */
		height: 100px;
		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: 100px;
		bottom: 0;
		left: 50%;
		right: 50%;
		overflow: auto; }


/* KLASSEN-DEFINITIONEN */	
	.gal {						/* Galerie-Vorschaubild */
		display: block;
		float: left;
		width: 160px;
		height: 120px;
		border-width: 2px;
		border-style: solid;
		border-color: #80402A; }

	.nav {						/* Eintrag in der Navigationsleiste */
		display: block;
		float: left;
		width: 186px;
		height: 60px;
		margin-top: 40px;
		border: none; }

	.tbl {						/* Tabelle in der tipps.php */
		border-width: 1px;
		border-style:solid;
		border-color:#80402A; }


/* TEXTFORMATIERUNG */
	h1 {							/* Ueberschrift 1. Grades */
		font-family: Calibri, Arial, sans-serif;
		font-style: italic;
		font-size: 20pt;
		margin-right: 20px;
		color: #80402A;
		margin-right: 20px; }
		
	h2 {							/* Ueberschrift 2. Grades */
		font-family: Calibri, Arial, sans-serif;
		font-style: italic;
		font-size: 17pt;
		margin-right: 20px;
		line-height: 5px;
		color: #80402A;}
	
	p, li, th, td  {				/* Blocksatz, Auflistung, Tabellentitel- und zelle */
		font-family: Calibri, Arial, sans-serif;
		font-style: italic;
		font-size: 14pt;
		margin-right: 20px;
		color: #80402A;
		text-align: justify;
		empty-cells: show; }
		
	input, select, textarea {			/* Text- und Selektionsfeld fuer Kommentarformular */
		font-family: Calibri, Arial, sans-serif;
		font-style: italic;
		font-size: 12pt;
		color: #80402A;
		resize: none;
		border-width: 1px;
		border-style: solid;
		border-color: #80402A;
		background-color: #FFFFFF; }

	a {							/* Verweise im Fliesstext */
	text-decoration: none;
	color: #80402A; }
	a.lnk:link {
		text-decoration: none;
		font-weight: bold;
		color: #80402A; }
	a.lnk::before { content: "["; font-style: normal; }
	a.lnk::after { content: "]"; font-style: normal; }
	
	hr {							/* Trennlinie in der blog.htm */
		border-width: 1px;
		border-style: solid;
		border-color: #80402A; }