@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;}


/* KLASSEN-DEFINITIONEN */	
	.nav_lvl_1 {					/* Navigation - erste Ebene */
		position: absolute;
		top: 35px;
		border: none; }
	
	.nav_lvl_2 {					/* Navigation - zweite Ebene */
		position: absolute;
		top: 65px;
		border: none; }
		
	.frm {						/* Tabellenzellen fuer Formularfelder */
		vertical-align: middle;
		border: none;
		padding-top: 15px;
		padding-bottom: 15px; }
		
	.req  {						/* Pflichtfelder hervorheben */
		border-color: #FF0000;
		background-color: #FFFFF0; }
		
		
	.neues_foto > input {			/* Foto-Upload fuer bestehende Profilen */
		display: none;
	}
	
/* FORMATIERUNG VON TEXT UND TABELLEN */
	h1 {							/* Ueberschrift 1. Grades */
		font-family: Calibri, Arial, sans-serif;
		font-style: italic;
		font-size: 14pt;
		line-height: 15px;
		color: #646464;}
	
	p, li  {						/* Blocksatz und Auflistung */
		font-family: Calibri, Arial, sans-serif;
		font-style: italic;
		font-size: 12pt;
		line-height: 1.5;
		margin-right: 30px;
		color: #646464;
		text-align: justify;
		empty-cells: show; }

		
	input, select, textarea {
		font-family: Calibri, Arial, sans-serif;
		font-style: italic;
		font-size: 12pt;
		color: #646464;
		height: 25px;
		resize: none;
		border-width: 1px;
		border-style: dotted;
		border-color: #646464;}
		
	input:focus, select:focus, textarea:focus {
		border-style: solid; }
	
	input[type=submit], input[type=reset], input[type=button] {
		font-family: Calibri, Arial, sans-serif;
		font-style: italic;
		font-size: 12pt;
		color: #646464;
		line-height: 22px;
		width: 100px;
		height: 25px;
		border-width: 1px;
		border-style: dotted;
		border-color: #646464; }
	
	input[type=submit]:hover, input[type=reset]:hover, input[type=file]:hover, input[type=button]:hover {
		border-style: solid; }
	
	input[readonly] {				/* Nur-Lesen-Eingabefelder */
		color: #999999;
		background-color: #FFFFFF;}
		
	a {							/* Verweise im Fliesstext */
	text-decoration: none;
	color: #646464; }
	a.lnk:link {
		text-decoration: none;
		font-weight: bold;
		color: #646464; }
	a.lnk::before { content: "[ "; font-style: normal; }
	a.lnk::after { content: " ]"; font-style: normal; }

	table {
		width: 790px;
		color: #646464;
		font-family: Calibri, Arial, sans-serif;
		font-style: italic;
		font-size: 12pt;
		text-align: left;
		border-collapse: collapse;
		border-width: 2px;
		border-style: solid;
		}
		
	th {
		font-style: bold;
		padding: 5px 10px;
		border-width: 1px 1px 4px 1px;
		border-style: solid solid double solid;
		vertical-align: top;}

	td {
		border-style: solid;
		padding: 5px 10px;
		border-width: 1px;
		vertical-align: top;}