/* Containers used in index.php */
/* 999999=darkgrey, FFFFFF=white, 000000=black */

/* Gesamtseitencontainer für Header, Hauptteil, Footer*/
	.page { 
		/*Feste Seitengröße*/ 	
		  width: 1024px; /*=>RESPONSIVE*/
		/*Rand um den "SeitenContainer" (Vertikal/Horizontal)*/ 	/*https://www.w3schools.com/css/css_margin.asp*/ /*zwingt andere objekte einen rand einzuhalten, bzw. in diesem Fall ist die Seite im Browser VertOben, HorizMittig*/
		  margin: 0px auto;
		/*Rand um den INHALT des "SeitenContainers" (allsides)*/ 	/*https://www.w3schools.com/css/css_padding.asp*/
		  /*padding: 0px;*/
		/*Development: sichtbarmachung des containers zu testzwecken 0=AUS*/
		  border: 0px solid black;
		}

	.page span {
		color: #000000;
		font-weight: normal;
	}

/* Header-Container für die einzelnen HeaderZeilenContainer*/
	.containerheader {
		/*Breite des HeaderContainers im PageContainer*/
		  width: 100%;
		/*Margin unnötig da 100%*/
		  /*margin: 0px auto;*/
		/*Development: sichtbarmachung des containers zu testzwecken 0=AUS*/
		  border: 0px solid red;
		}

/* Container Header Navigationszeile (obere Zeile)*/
	.topnavi {
		/*Backgroundimage für das Menu (blaue Zeile) 44pixel höhe */
		background: url('../images/nav_bg.jpg') repeat-x;	
		/*Hat genau die länge von image, weniger pixel und es würde unten abgeschnitten werden */
		height: 44px;	  
		/*Abstandshalter zum Banner (der 1px Top-Margin muss sein, sonst hat der lower Margin keine Wirkung*/		  
		  margin-top: 1px;
		  margin-bottom: 7px;
		/*Ohne folgende Zeile verschiebt sich das Layout des Headers nach unten (sobald das menuemodul aktiviert ist) */
		  /*padding-top: 1px;*/
		  border: 1px solid #f0efef;		  
		}

		/*Top-Menü-Anordnung*/
		ul.nav.menu {
			padding-left: 0px !important;
			padding-top: 10px !important;
			margin: 0px !important;
			}
		
		ul.nav.menu li {
			/*auf horizontale menudarstellung wechseln*/
			display:inline; /*inline-block*/
			/* Abgrenzunglinie zw den Menüeinträgen*/
			border-right: 1px solid white;	
			/*Abstand zw. den menueintraegen (left/right), und Begrenzung der Höhe der "Abgrenzunglinie" (top/bottom)*/
			padding-left: 14px;
			padding-right: 14px;
			padding-top: 4px;
			padding-bottom: 4px;
			}

		/*Top-Menü Linkdarstellung im Menü*/
		ul.nav.menu > li a {
			/* set font color for menu-links */
			color: #FFFFFF;
			/* set font type/size für Menu-Links */
			font-family: "Times New Roman", Times, serif;
			font-size: 0.9em;
			font-weight: bold;
			/* deactive link underline */
			text-decoration: none;
			}

/* Container Header Bannerzeile (untere Zeile) */	
	.logo { 
		/* 2DO: image direkt über die CSS anzeigen lassen statt über das modul ?? */
		margin: 0px auto;
		border: 0px solid yellow;
		}

/* Container für Seiteninhalt (artikel) */
	.content { 
		/* ca. 80% von Gesamtseite, entspricht der Header-Bannergroesse*/
		width:800px; 
		padding 0px auto;  
		margin: 0px auto;
		/*Development: sichtbarmachung des containers zu testzwecken 0=AUS*/
		border: 0px solid pink;
		}

/* Container für Footer - UNUSED */
	.footer {
		width: auto;
		height: 70px;
		color: #999999;
		text-align: center;
		font-size: 0.7em;
		/*Development: sichtbarmachung des containers zu testzwecken 0=AUS*/
		border: 0px solid red;
		}

/* Standart HTML-Elemente - USED */
	body {
		background-color: #f0efef;
		margin: 0px;
		overflow-y: scroll;
		}

	p {
		padding: 0px;
		margin: 0px 0px 30px 0px;
		font-family: sans serif;
		font-size: 20px;
		}

/* Standart HTML-Elemente - UNUSED */
	th, td, tr {
		margin-top:5px;
		font-family: sans serif;
		font-size: 20px;
		}