/**********************************************************************************
 * Style Sheet für die fv-mes WebSite
 * nur für den Screen gedacht
 *
 * Wenn mann es noch vereinfachen möchte, könnte man überall die Arial anweisungen
 * font sizes rausnehmen nur Sie nur in dem Style "Seite" definieren.
 * Dabei müsste man aber wieder alles überprüfen ob es so ist wie gewollt.
 *
 * Version 8
 * Stnd: 05.03.2013
 **********************************************************************************/


/****
 * Definition des Layouts für 'Body' was das gesamte dokument definiert
 ****/
bodyXX
{
	background-color: #FF0000;		/* blauer Hintergrund */
    margin: 0; padding: 0em;
	min-width: 40em;				/* Mindestbreite verhindert Umbruch und
									   Anzeigefehler in modernen Browsern */
}

/****
 * Aufbau der Body Classe Seite. Dieses Style wird für jede WebSite als Klasse
 * für den Body angeben
 ****/
.Seite
{
	position: absolute;
	min-width: 40em;				/* Mindestbreite verhindert Umbruch und
										   Anzeigefehler in modernen Browsern */
	max-width: 1600px;
	margin: 0%;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #0080FF;		/* Light Blue */
	background-color: #FFFFFF;		/* White */
/*
	width:			98%;
	min-width:		600px;
	margin-top:		1%;
	margin-left:	1%;
	margin-right:	1%;
	margin-bottom:	1%;
*/
}


/*****
 * Layout for the page header Image Left, Text Middle, Image Right
 *****/
.Header
{
	position: relative;
	background-color: silver;
background-color: white;
}

.Header_Left  { float: left;  width: auto; margin-left:  1em; margin-top: 1em; padding: 0em; align: left; }
.Header_Right { float: right; width: auto; margin-right: 1em; margin-top: 1em; padding: 0em; align: right; }
.Header_Middle
{
	margin: 5 12em 1 16em;
	font-family: Comic Sans MS;Helvetica,Arial,sans-serif;
	font-size: 18pt;
	font-weight: bold;
	text-align: center;
	background-color: white;
}

/****
 * Definition des Layouts für 'Main Navigation'
 * Size comes from Class "Seite"
 ****/
.Nav_Top
{
	position: relative;
	background-color: #0080FF;				/* Light Blue */

   /****
	* Margins for Navigator Top
	****/
	min-height: 20px;
	padding-left: 155px;
	padding-right: 0;
	padding-top: 1em;
	padding-bottom: 1em;

   /****
	* Font used in Navbar Top
	****/
	font-family: Arial, Helvetica, sans-serif;
 	font-style: normal;
 	font-size: 13pt;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
}

/****
 * Definition des Layouts für 'Nav_Top' Item
 ****/
.Nav_Top a:link    {text-decoration: none;		font-style: normal; font-weight: 700; font-size: 13pt; color: #FFFFFF;}	/* White */
.Nav_Top a:visited {text-decoration: none;		font-style: normal; font-weight: 700; font-size: 13pt; color: #FFFFFF;}	/* White */
.Nav_Top a:hover   {text-decoration: none;		font-style: normal; font-weight: 700; font-size: 13pt; color: #000000;}	/* Black */
.Nav_Top a:active  {text-decoration: underline;	font-style: normal; font-weight: 700; font-size: 13pt; color: #000000;}	/* Black */


/****
 * Definition des Layouts für 'Left Navigation' Area
 ****/
.Nav_Left
{
	position: absolute;
	background-color: #00FF00;		/* Grün */
	background-color: #0080FF;		/* Light Blue */

   /****
	* Size and Position of the Navigator Bar
	****/
	left: 0;
	width: 150px;
	min-width: 150px;
/*	border: 1px dashed silver; */

   /****
	* Padding for the Links
	****/
	padding-left: 5px;
	padding-right: -5px;
	padding-top: 0;
	padding-bottom: 1em;

   /****
	* Font used in Navbar Top
	****/
	font-family: Arial, Helvetica, sans-serif;
 	font-style: normal;
 	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
}
.Nav_Left H2 {font-size: 13pt; color: #FFFF80; }	/* not as black as it gets */
.Nav_Left H3 {font-size: 12pt; color: #FFFF80; }	/* not as black as it gets */
.Nav_Left dt {font-size: 12pt; color: #FFFF80; }	/* not as black as it gets */
.Nav_Left dd {font-size: 12pt; color: #FFFF80; }	/* not as black as it gets */

/****
 * Definition des Layouts für 'Nav_Links' Item
 ****/
.Nav_Left a:link	{text-decoration: none;		 font-style: normal; font-weight: 700; font-size: 10pt; Line-height: 10pt; color: #FFFFFF;}	/* White */
.Nav_Left a:visited	{text-decoration: none;		 font-style: normal; font-weight: 700; font-size: 10pt; Line-height: 10pt; color: #FFFFFF;}	/* White */
.Nav_Left a:hover	{text-decoration: none;		 font-style: normal; font-weight: 700; font-size: 10pt; Line-height: 10pt; color: #000000;}	/* Black */
.Nav_Left a:active	{text-decoration: underline; font-style: normal; font-weight: 700; font-size: 10pt; Line-height: 10pt; color: #000000;}	/* Black */

/****
 * Definition des Layouts für 'Inhalt' definiert den Inhalt der angezeigten Seite
 * im rechten Teil des Bildschirms. Also da wo die eigentlichen Daten angezeigt
 * werden sollen.
 ****/
.Inhalt
{
	position: relative;
	background-color: #eeeeee;			/* Light Grey */

   /****
	* Size and Left Position of the Text area
	****/
	min-height: 300px;
	margin-left: 155px;

   /****
	* Here you can define the inner Margins aka paddings for the text area
	****/
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.5em;
	padding-bottom: 1em;

   /****
	* Standard font für alle Texte in den bereich Inhalt
	****/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: left;
/*	font-style: italic;*/
}

/****
 * Headline in Contents Area
 ****/
/*
.Inhalt h1 { font-size: 16pt; text-decoration: underline; }
.Inhalt h2 { font-size: 14pt; text-decoration: underline; }
.Inhalt h3 { font-size: 12pt; text-decoration: underline; }
.Inhalt h4 { font-size: 10pt; text-decoration: underline; }
.Inhalt ul { font-size: 10pt; text-decoration: none; }
.Inhalt li { font-size: 10pt; text-decoration: none; }
*/


/****
 * Definition der Style Typen eines HTML Dokumentes
 * h1-h6	Header
 * p		Absatz
 * a		Hyperlink
 * dd		Definitions eintrag
 * td		Tabellen Details
 * th		Tabellen Header
 * tr		Tabelle neue Zeile
 * dl		Liste
 * ol		Nummerierungen
 * ul		Aufzählung
 * li		List Item
 ****/
h1, h2, h3, h4, p, a, li, dd, td, th
{
	font-family: Arial, Helvetica, sans-serif;
	color:#333333;					/* Light Black */
	text-align: left;
}

/****
 * Formatiert einen Bereich wie im Editor eingegeben (präformatierter Text) - siehe
 ****/
pre
{
	font-family: Courier;
	font-size: 10pt;
	color:#333333;						/* Light Black */
	text-align: left;
}
a:link		{ color: #880000; text-decoration: none; }	/* Dark Red */
a:visited	{ color: #880000; text-decoration: none; }	/* Dark Red */
a:active	{ color: #e2001a; text-decoration: none; }	/* Light Red */
a:hover		{ color: #e2001a; text-decoration: none; }	/* Light Red */


/****
 * Definition des Layouts für Bildbereiche die Rechts neber dem Text stehen sollen
 * und vom Text umflossen werden.
 ****/
.BildRechts
{
	padding: 0px 0px 0px 0px;
	float: right;
	width: 300px;
	margin-top: 0px;
	margin-left: 5px;
	text-align: left;
}

/****
 * Definition des Layouts für 'tabelle'
 ****/
.tabelle th
{
	font-size: 10pt;
	Background-Color: #0080FF;
	color: white;
	vertical-align: top;
	font-weight: bold;
}
.tabelle td
{
	font-size: 10pt;
	vertical-align: top;
}

/****
 * Definition des Layouts Impressium
 ****/
.Imp-Topic
{
	font-size: 10pt;
/*	font-style: italic;*/
	font-weight: bold;
	text-decoration: underline;
}
.Imp-Text
{
	font-size: 10pt;
	font-style: italic;
}

/****
 * Definition des Layouts Satzung
 * Drei gruppen von Formaten, für die Satzung. 
 * h1		definiert die Einladung
 * h2		Gibt den Punkt der Satzung an e.g. §1
 * ol		Ist dann der eigentliche Text der Paragraphen der Satzung
 ****/
.Satzung
{
	font-size: 10pt;
	color: #0000FF;
	text-align: center;
	font-weight: none;
}

.Satzung h1
{
	font-size: 11pt;
	font-weight: bold;
	color: #0000FF;
	text-align: center;
	text-decoration: underline;
}

.Satzung h2
{
	font-size: 10pt;
	font-style: italic;
	text-align: left;
/*	color: #00FF00;*/
}

.Satzung ol		{ list-style-type: decimals; }
.Satzung li		{ font-size: 10pt; padding-bottom: 0.4em; }
.Satzung_alpha	{ list-style-type: lower-alpha; }
.Satzung_list	{ list-style-type: square; }
.Satzung_rom	{ list-style-type: lower-roman; }


/****
 * Definition des Layouts für tabelle 'Links' aka Verknüpfungen
 * Erst die eigentliche Tabelle und dannach den Detail Bereich und den Header
 ****/
.TabLinks
{
	font-size: 12pt;
	vertical-align: top;
	align: right;
	border: 2;
	border-collapse: collapse;
	bordercolor: #111111;
	width: 100%;
}
.TabLinks td { font-size: 12pt; vertical-align: top; }
.TabLinks th { font-size: 12pt; vertical-align: top; font-weight: bold; Background-Color: #FFAAAA; }


/****
 * Definition des Layouts für 'Table Members'
 *
 * Format anweisungen in der Tabelle sind MembersCol dann kommt die zeile und
 * die spalte Col12 = Zeile 1, Spalte 2
 * Hierbei gibt es zusätzlich zur Tabelle auch noch die Topics und Text styles
 * die auf dieser Seite Verwendet werden
 ****/
.MemTopic	{ font-size: 12pt; font-weight: 700; text-align: left;}
.MemText	{ font-size: 10pt; }
.MemThanks	{ font-size: 10pt; font-weight: bold; font-style: italic;}
.MembersTab
{
	vertical-align: top;
	align: right;
	text-align: right;
	border: 2;
/*	border: 1px dashed rgb(255,0,0);*/
/*	border-collapse: collapse;*/
	padding: 1px;
/*	width: 375;*/
	width: 100%
	Background-Color: #FFFFFF;
}
/*
 * Spalten der Mitglider Statistik mit absoluten pixel angaben
 * wird zur zeit nicht verwendet (siehe unten)
 *
.MemCol11	{ width: 275pt; border: 0px solid; text-align: left;  font-weight: bold;  }
.MemCol12	{ width:  50pt; border: 0px solid; text-align: right; font-weight: bold; }

.MemCol21	{ width:  33pt; border: 0px none; }
.MemCol22	{ width: 220pt; border: 0px solid; text-align: left;  font-weight: bold; }
.MemCol23	{ width:  40pt; border: 0px solid; text-align: right; font-weight: bold; }
.MemCol24	{ width:  29pt; border: 0px none; }

.MemCol31	{ width:  33pt; border: 0px none; }
.MemCol32	{ width:  33pt; border: 0px none; }
.MemCol33	{ width: 176pt; border: 0px solid; font-style: italic; }
.MemCol34	{ width:  45pt; border: 0px solid; font-style: italic; text-align: right;}
.MemCol35	{ width:  29pt; border: 0px none; }
*/

/*
 * Hier ist das ganze ohne breiten angeben in pixel
 */
.MemCol11	{ border: 0px solid; text-align: left;  font-weight: bold; Background-Color2: #0000FF; }
.MemCol12	{ border: 0px solid; text-align: right; font-weight: bold; Background-Color2: #FF0000; }

.MemCol21	{ border: 0px none; }
.MemCol22	{ border: 0px solid; text-align: left;  font-weight: bold; Background-Color2: #FF0000; }
.MemCol23	{ border: 0px solid; text-align: right; font-weight: bold; Background-Color2: #00FF00; }
.MemCol24	{ border: 0px none;}

.MemCol31	{ border: 0px none; }
.MemCol32	{ border: 0px none; }
.MemCol33	{ border: 0px solid; text-align: left;  font-style: italic; Background-Color2: #FF0000; }
.MemCol34	{ border: 0px solid; text-align: right; font-style: italic; Background-Color2: #00FF00;}
.MemCol35	{ border: 0px none; }


/****
 * Definition des Layouts für 'Sponsoring'
 * Auf dieser Seite werden immer zuerst das Topic genannt und anschliessen der Text
 ****/
.Sponsor
{
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
}
.Sponsor h3	{ font-size: 10pt; text-align: left; font-weight: bold;   text-decoration: underline; }
.Sponsor li	{ font-size: 10pt; text-align: left; font-weight: normal; text-decoration: none; }

/****
 * Definition des Layouts für 'EMail'
 ****/
.EMail-Text		{ font-size: 10pt; text-align: left; font-weight: bold; }

/****
 * Defintion eines zitats
 ****/
.Zitat
{
	padding: 10px;
	border:thin solid blue;
}
blockquote
{
	padding: 10px;
	border: thin solid silver;
	background-color: #FFFFFF;				/* White */
}

/****
 * Definition des Layouts für 'Inhalt' definiert den Inhalt der angezeigten Seite
 * im rechten Teil des Bildschirms
 ****/
.Inhalt_PDFs
{
	position: relative;
	background-color: #EEEEEE;			/* Light Grey */

   /****
	* Here you can define the inner Margins aka paddings for the text area
	****/
	margin-left: 155px;
	padding-left: 0em;
	padding-right: .5em;
	padding-top: 0em;
	padding-bottom: 0em;
}

/*****
 * Layout for the page footer
 *****/
.Footer
{
	position: fixed;
	bottom: 0px;
	position: relative;
	background-color: #0080FF;
	text-align: center;
	font-size: 10pt;
	color: #FFFF80;
	padding-left: 0em;
	padding-right: 0em;
	padding-top: 0em;
	padding-bottom: 0em;
}
.Footer table
{
	table-layout:fixed;
	width: 100%;
	border-spacing: 0.5em;
	padding-left: 0px;
}
.FootCol1 { witdh: 75%; text-align: left;  color: #FFFF80; }
.FootCol2 { witdh: 25%; text-align: right; color: #FFFF80; font-style: italic; }