/* body ist das ganze Dokument aber es ist nur der Hintergrund. 
   z.B. Für background-color sieht man nur die Farbe, die nicht bei einem anderen Element
   überzogen ist.
*/

body {
	/*background-color:#EAE3C7;*/
	/*
	scrollbar-face-color: #006699;;
	scrollbar-shadow-color: #EAEAEA;
	scrollbar-highlight-color: #EAEAEA;
	scrollbar-3dlight-color: #EAEAEA;
	scrollbar-darkshadow-color: #EAEAEA;
	scrollbar-track-color: #EAEAEA;
	scrollbar-arrow-color: #EAEAEA;
	*/
	background-color: #003366;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

/* text ist der normale Text im Dokument. 
   z.B. "Sie befinden sich auf der Webseite der Organisation SwissErgo..." auf index.php
*/

.text {
	color: #000000; 
	text-align: justify;
	font-size: 80%;
	padding-bottom: 16px;
}

/* text ist der normale Text im Dokument - ABER linksbündig für Aufzählungen. 
   z.B. "Sie befinden sich auf der Webseite der Organisation SwissErgo..." auf index.php
*/

.text_left {
	text-align: left;
}

/* title ist für die kleine Titel. 
   z.B. "Vorstand" auf ueber_uns.php
*/

.title {
	font-weight: bold;
	font-size: 90%;
	/*color: #AF4326;*/
	color: #006699;
	text-align: left;
	padding: 30px 0px 12px 18px;
}

/* pagetitle ist für die grösse Titel. 
   z.B. "Willkommen bei der Schweizerischen Gesellschaft für Ergonomie" auf index.php
*/

.pagetitle {
	font-size: 100%;
	font-weight: bold;
	color: #006699;
	text-align: left;
    margin-top: 20px;
}

/* A: geht für alle Links, die nicht individuell definiert sind. 
   z.B. "Suissepro" auf index.php
   
   link: normale Links (nicht geklickt). 
   visited: Links, die besucht werden.
   hover: Links, wenn man die Maus über den Link bewegt. 
*/

A:link {
	text-decoration: underline;
	/*color: #D32104;*/
	color: #006699;
}

A:visited {
	text-decoration: underline;
	/*color: #D32104;*/
	color: #006699;
}

A:hover {
	text-decoration: underline;
	/*color: #D32104;*/
	color:#CC9900;
}

/* footer ist für die kleine Menü-Links unter dem Inhalt-Fenster. 
   z.B. Startseite, Über uns... auf index.php
   
   link: normale Links (nicht geklickt). 
   visited: Links, die besucht werden.
   hover: Links, wenn man die Maus über den Link bewegt. 
*/

.footer {
	font-size: 11px;
	/*color: #5C380E;*/
	color: #006699;
	text-decoration: none;
}

.footer:link {
	text-decoration: none;
	/*color: #D33D32;*/
	color: #006699;
}

.footer:visited {
	text-decoration: none;
	/*color: #D33D32;*/
	color: #006699;
}

.footer:hover {
	text-decoration: none;
	/*color: #D33D32;*/
	color: #006699;
}

/* credits ist nur für "Site designed by" auf index.php benutzt. 
*/

#credits {
  font-size: 11px;
  color: #5C380E;
  text-align: right;
  padding-right: 6px; 
}

/* pageTable ist die grösste Seite-Tabelle. sie erfasst die obere Bilder, das linke Menü und die Inhalt-Tabelle  
*/

.pageTable {
  width: 780px;
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
  /*
  border-color: #000000;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  */
  background-color: #FFFFFF;
}

/* pageTable td ist eine horizontale Zelle von pageTable.
*/

.pageTable td {
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
}

/* topTable ist die obere Tabelle. 
*/

.topTable {
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
}

/* mainTable ist die Inhalt-Tabelle.  
*/

.mainTable {
  width: 596px;
  height: 800px;
  margin: 0px;
  padding: 0px;
}

/* mainTable td ist eine Zelle der Inhalt-Tabelle.  
*/

.mainTable td {
  padding-left: 30px;
  padding-right: 30px;
}

/* regFormTable ist die Beitrittsformular-Tabelle
*/

.regFormTable {
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
  width: 100%;
}

/* regFormTable ist eine Zelle der Beitrittsformular-Tabelle
*/

.regFormTable td {
  padding: 1px;
}

/* regFormTitle ist für den Beitrittsformular-Titel
*/

.regFormTitle {
  display: inline;
  color: #000000; 
  text-align: justify;
  font-size: 90%;
  font-weight: bold;
}

/* regFormFont ist die Beitrittsformular-Schrift
*/

.regFormFont {
  display: inline;
  color: #000000; 
  text-align: justify;
  font-size: 90%;
}

/* regFormField ist für Felder des Beitrittsformulars
*/

.regFormField {
  width: 200px;
}

/* regFormTextArea ist für grosse Felder des Beitrittsformulars
*/

.regFormTextArea {
  width: 300px;
}

/* topRightContentImage ist für alle Bilder die oben recht im Inhalt sind.
*/

.topRightContentImage {
  margin-left: 10px;
  margin-bottom: 5px;
}

.smaller {
  display: inline;
  font-size: 11px;
  color: #006699;
  text-decoration: none;
}

.pageIndicator {
  display: inline;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}

.pageIndicator:link {
  text-decoration: none;
  color: #006699;
}

.pageIndicator:visited {
  text-decoration: none;
  color: #006699;
}

.pageIndicator:hover {
  text-decoration: none;
  color:#CC9900;
}

.pageIndicatorSimple {
  display: inline;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}

/* helpbutton ist für die Hilfe-Buttons im Newsletter-Formular
*/

.helpbutton {
  width:132px;
  text-align:center;
}

           /*
INPUT, TEXTAREA, SELECT, OPTION {
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	font-size: 12px;
	color: #D32104;
	background-color: #F7F3E8;
	border: 1px solid #5C380E;
}

INPUT:hover, TEXTAREA:hover, INPUT:focus, TEXTAREA:focus {
	background-color: #FAF8F1;
}
*/