/* Frset Styles und Classen *
**************************************************************************************************************************************************************************/

/* Body Style für main.php *
**************************************************************************************************************************************************************************/

body {
	margin: 0px;
	scrollbar-arrow-color: #27156C;
	scrollbar-3dlight-color: #27156C;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-face-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-darkshadow-color: #27156C;
	scrollbar-track-color: #FFFFFF;
	background-color: #FFFFFF;	
} 

/* Body class für menu.php *
**************************************************************************************************************************************************************************/

body.FrsetMenu{
	margin: 0px;	
	background-color: #1F257F;
	background-attachment: scroll;														/* fixed, scroll */	
	background-image: url(images/frset_menu_bggraphix.gif);
	background-repeat: repeat;																/* no-repeat, repeat */
/*background-position: left bottom;*/												/* optional */
}

/* HauptTable class für menu.php, falls 2 BgImages vorhanden sind */
table.Menu,td.Menu,tr.Menu{
	margin: 0px;	
	background-attachment: fixed;
	background-image: url(images/frset_menu_bggraphix1.gif);
	background-repeat: no-repeat;
	background-position: left bottom;	
}

/* Body class für top.php *
**************************************************************************************************************************************************************************/

body.FrsetTop{
	margin: 0px;	
	background-color: #27156C;
	background-attachment: fixed;
	background-image: url(images/frset_top_bggraphix.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}

/* HauptTable class für top.php, falls 2 BgImages vorhanden sind */
/*table.FrsetTop,td.FrsetTop,tr.FrsetTop{
	margin: 0px;	
	background-color:#E1EAF2;
	background-attachment: fixed;
	background-image: url(images/frset_top_bggraphix1.gif);
	background-repeat: no-repeat;
	background-position: right bottom;	
}*/

/* Body class für right.php *
**************************************************************************************************************************************************************************/

body.FrsetRight{
	margin: 0px;	
	background-color: #1F257F;
	background-attachment: fixed;
	background-image: url(images/frset_right_bggraphix.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}

/* HauptTable class für right.php, falls 2 BgImages vorhanden sind */
table.FrsetRight,td.FrsetRight,tr.FrsetRight{
	margin: 0px;	
	background-color: #1F257F;
/*background-attachment: fixed;
	background-image: url(images/frset_right_bggraphix1.gif);
	background-repeat: no-repeat;
	background-position: left bottom;	*/
}



/*
Alle a Klassen der MenüStruktur haben folgende erforderliche Parameter:

display: block; // bewirkt, dass die gesamte td, welche den <a> umschliesst, die Eigenschaften des <a> übernimmt, abhängig von line-height: und width:
width: 193px; // Breite des <a> entspricht der Breite der td, welche den <a> umschliesst
background-image: url(images/menu_icon01.gif); // Bestimmt das entsprechende Menu-, SubMenu-, SubSubMenu-Icon, Breite entspricht der td, welche den <a> umschliesst,
icon01 - StdIcon, icon02 - OverIcon, icon03 - Selected Icon
line-height: 20px; // entspricht der Höhe der td, welche den <a> umschliesst
text-indent: 22px; // Bestimmt den linken Abstand der td zum Text des <a>
*/

/* Menü: menu Klassen *
**************************************************************************************************************************************************************************/

a.menu:link {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	width: 193px; 
	background-image: url(images/menu_icon01.gif);	
	line-height: 20px;
	text-indent: 22px;	
}

a.menu:visited {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	width: 193px; 
	background-image: url(images/menu_icon01.gif);	
	line-height: 20px;
	text-indent: 22px;	
}

a.menu:hover {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	width: 193px; 
	background-image: url(images/menu_icon02.gif);	
	line-height: 20px;
	text-indent: 22px;	
}

a.menu:active {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	width: 193px; 
	background-image: url(images/menu_icon03.gif);	
	line-height: 20px;
	text-indent: 22px;	
}

/* Menü: menuselected Klassen *
**************************************************************************************************************************************************************************/

.menuselected:link {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	width: 193px; 
	background-image: url(images/menu_icon03.gif);	
	line-height: 20px;
	text-indent: 22px;	
}

a.menuselected:visited {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	width: 193px; 
	background-image: url(images/menu_icon03.gif);	
	line-height: 20px;
	text-indent: 22px;	
}

a.menuselected:hover {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	width: 193px; 
	background-image: url(images/menu_icon03.gif);	
	line-height: 20px;
	text-indent: 22px;	
}

a.menuselected:active {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	width: 193px; 
	background-image: url(images/menu_icon03.gif);	
	line-height: 20px;
	text-indent: 22px;	
}

/* Menü: submenu Klassen *
**************************************************************************************************************************************************************************/

a.submenu:link {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	width: 193px; 
	background-image: url(images/menusub_icon01.gif);
	line-height: 20px;
	text-indent: 22px;	
}

a.submenu:visited {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	width: 193px; 
	background-image: url(images/menusub_icon01.gif);
	line-height: 20px;
	text-indent: 22px;	
}

a.submenu:hover {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	width: 193px; 
	background-image: url(images/menusub_icon02.gif);	
	line-height: 20px;
	text-indent: 22px;	
}

a.submenu:active {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	width: 193px; 
	background-image: url(images/menusub_icon03.gif);	
	line-height: 20px;
	text-indent: 22px;	
}

/* Menü: submenuselected Klassen *
**************************************************************************************************************************************************************************/

a.submenuselected:link {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	width: 193px; 
	background-image: url(images/menusub_icon03.gif);		
	line-height: 20px;
	text-indent: 22px;	
}

a.submenuselected:visited {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	width: 193px; 
	background-image: url(images/menusub_icon03.gif);		
	line-height: 20px;
	text-indent: 22px;	
}

a.submenuselected:hover {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	width: 193px; 
	background-image: url(images/menusub_icon02.gif);		
	line-height: 20px;
	text-indent: 22px;	
}

a.submenuselected:active {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	width: 193px; 
	background-image: url(images/menusub_icon03.gif);	
	line-height: 20px;
	text-indent: 22px;	
}

/* Menü: subsubmenu Klassen *
**************************************************************************************************************************************************************************/

a.subsubmenu:link {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	width: 193px; 
	background-image: url(images/menusubsub_icon01.gif);		
	line-height: 20px;	
	text-indent: 32px;	
}

a.subsubmenu:visited {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #475C73;
	text-decoration: none;
	width: 193px; 
	background-image: url(images/menusubsub_icon01.gif);		
	line-height: 20px;	
	text-indent: 32px;	
}

a.subsubmenu:hover {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	width: 193px; 
	background-image: url(images/menusubsub_icon02.gif);		
	line-height: 20px;	
	text-indent: 32px;	
}

a.subsubmenu:active {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	width: 193px; 
	background-image: url(images/menusubsub_icon03.gif);		
	line-height: 20px;	
	text-indent: 32px;	
}

/* Menü: subsubmenuselected Klassen *
**************************************************************************************************************************************************************************/

a.subsubmenuselected:link {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	width: 193px; 
	background-image: url(images/menusubsub_icon03.gif);		
	line-height: 20px;	
	text-indent: 32px;	
}

a.subsubmenuselected:visited {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	width: 193px; 
	background-image: url(images/menusubsub_icon03.gif);		
	line-height: 20px;	
	text-indent: 32px;	
}

a.subsubmenuselected:hover {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	width: 193px; 
	background-image: url(images/menusubsub_icon02.gif);		
	line-height: 20px;	
	text-indent: 32px;	
}
a.subsubmenuselected:active {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	width: 193px; 
	background-image: url(images/menusubsub_icon03.gif);		
	line-height: 20px;	
	text-indent: 32px;	
}



/* Link Styles *
**************************************************************************************************************************************************************************/

a:link,A:link {	
 	font-family: Arial, Helvetica, sans-serif;	
/*font-size: 11px;*/
	color: #27156C;
 	text-decoration:none;
}

a:visited,A:visited {
 	font-family: Arial, Helvetica, sans-serif;	
/*font-size: 11px;*/
	color: #27156C;
 	text-decoration: none;
}

a:hover,A:hover {
 	font-family: Arial, Helvetica, sans-serif;	
/*font-size: 11px;*/
	color: #DA251C;
 	text-decoration: underline;
}

a:active,A:active {
 	font-family: Arial, Helvetica, sans-serif;	
/*font-size: 11px;*/
	color: #DA251C;
 	text-decoration: underline;
}

/* Konzeptra Copyright Link Style *
**************************************************************************************************************************************************************************/

a.Konzeptra:link {	
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #8D84B2;
	text-decoration: none;
	line-height: 23px;
	width: 193px; 
	background-color: #27156C;
/*background-image: url(images/menusubsub_icon03.gif);		/* optional mit Hintergrundgraphik*/		
/*text-indent: 22px;*/	
}

a.Konzeptra:visited {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #8D84B2;
	text-decoration: none;
	line-height: 23px;
	width: 193px; 
	background-color: #27156C;
/*background-image: url(images/menusubsub_icon03.gif);		/* optional mit Hintergrundgraphik*/		
/*text-indent: 22px;*/	
}

a.Konzeptra:hover {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 23px;
	width: 193px; 
	background-color: #27156C;
/*background-image: url(images/menusubsub_icon03.gif);		/* optional mit Hintergrundgraphik*/		
/*text-indent: 22px;*/
}

a.Konzeptra:active {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 23px;
	width: 193px; 
	background-color: #27156C;
/*background-image: url(images/menusubsub_icon03.gif);		/* optional mit Hintergrundgraphik*/		
/*text-indent: 22px;*/
}

/* Frset Link Styles *
**************************************************************************************************************************************************************************/

a.Frset:link {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	width: 193px; 
	background-image: url(images/frset_icon01.gif);	
	line-height: 19px;
	text-indent: 10px;	
	text-align: left;
}

a.Frset:visited {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	width: 193px; 
	background-image: url(images/frset_icon01.gif);	
	line-height: 19px;
	text-indent: 10px;	
	text-align: left;
}

a.Frset:hover {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: underline;
	width: 193px; 
	background-image: url(images/frset_icon02.gif);	
	line-height: 19px;
	text-indent: 10px;	
	text-align: left;
}

a.Frset:active {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	width: 193px; 
	background-image: url(images/frset_icon03.gif);	
	line-height: 19px;
	text-indent: 10px;
	text-align: left;
}



/* Texte: diverse Klassen *
**************************************************************************************************************************************************************************/

.Frset_Text01 { /* zB. right.php Title Suche, Title Newsletter */
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	width: 193px; 
	background-image: url(images/frset_title.gif);	
	line-height: 22px;
	text-indent: 10px;	
	text-align: left;
}
.Frset_Text02 { /* zB. right.php */
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #8D84B2;
	text-decoration: none;
	width: 193px; 
/*background-image: url(images/frset_title.gif);	*/
	background-color: #27156C;
	line-height: 23px;
/*text-indent: 22px;*/	
	text-align: center;
}

.diverser_Text01 { /* cfg.php, Für diesen Menüpunkt wurde noch kein Inhalt erstellt */ 
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #27156C;
	text-decoration: none;
}



/* Formular + Formular Verarbeitungs Styles *
**************************************************************************************************************************************************************************/


/* Newsletter Formular: cfg.php Anmelden/Abmelden *
**************************************************************************************************************************************************************************/

.news_Text01{ /* Text für Feldbezeichungen */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #27156C;	
}

.news_Text02{ /* z.B Stern für Pflichtfelder */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #5E5B6A;	
}

.news_Text03{ /* Text bei Bedarf für zusätzliche Hinweise zB zwischen den Formularfeldern*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5E5B6A;	
}

.news_Text04{ /* Text bei Bedarf für zusätzliche Hinweise zB PflichtfeldHinweis */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5E5B6A;	
}

.news_Anrede{ /* Select DropDown Feld */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5E5B6A;
	background-color: #FFFFFF;
	line-height:19px;
	vertical-align: middle;
	margin: 0px;
	height: 19px;
	width: 95px;
	padding: 0px;
	border: 1px solid #8E8B9C;	
}

.news_Firma,.news_Vorname,.news_Nachname,.news_EMail,.news_Str,.news_HausNr,.news_TuerNr,.news_Ort,.news_PLZ { /* Einzeilige Textfelder;  */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5E5B6A;
	background-color: #FFFFFF;
	margin: 0px;
	height: 19px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	 2px;
	border: 1px solid #8E8B9C;	
}

.news_Button { /* Anmelde, Abmelde, Abbrechen-Button mit HinterGrundGraphik und normalem Text drauf */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;																/* text-align wirkt auf Button immer mittig, egal welcher Wert in FF, NS */
	vertical-align: middle;								
	color: #FFFFFF;
	background-image: url(images/button_news01.gif);	/* img kann auch grösser sein als width*/
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #27156C;												/* falls img transparent, scheint sonst standard button grau durch */
	margin: 0px;
	border: 0px;
	line-height: 19px;
	height: 19px;
	width: 100px;																			/* = Gesamtbreite des Buttons!; da text-align nur mittig wirkt unter FF, NS width Wert dementsprechend genau anpassen */
/* 16px;*/	
	cursor: hand; 																		/* Internet Explorer */
	cursor: pointer;																	/* andere Browser    */
}

.news_Button01 { /* optional 2te Klasse, falls type="image" buttons mit anderem bgImg verwendet werden, weiteres .gif anlegen! */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;																/* text-align wirkt auf Button immer mittig, egal welcher Wert in FF, NS */
	vertical-align: middle;								
	color: #FFFFFF;
	background-image: url(images/button_news01.gif);	/* img kann auch grösser sein als width*/
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #27156C;												/* falls img transparent, scheint sonst standard button grau durch */
	margin: 0px;
	border: 0px;
	line-height: 19px;
	height: 19px;
	width: 100px;																			/* = Gesamtbreite des Buttons!; da text-align nur mittig wirkt unter FF, NS width Wert dementsprechend genau anpassen */
/* 16px;*/	
	cursor: hand; 																		/* Internet Explorer */
	cursor: pointer;																	/* andere Browser    */
}

/* Newsletter VerarbeitungsTexte: cfg.php; die nach dem Formularversand ausgegeben werden zB ErrorHinweise oder erfolgreich angemeldet etc */

.news_Msg_Text01{ /* z.B Sie haben sich erfolgreich angemeldet, ein Fehler ist aufgetreten etc */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5E5B6A;
	background-color: #FFFFFF;	
}

.news_Msg_Text02{ /* bei Bedarf, HinweisText in anderer Farbe */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5E5B6A;
	background-color: #FFFFFF;	
}


/* Suche Formular: * 
**************************************************************************************************************************************************************************/

.search_Text{ /* Einzeiliges Textfeld zur Eingabe der Suchebegriffe*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #27156C;
	background-color: #FFFFFF;
	margin: 0px;
	height: 19px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	 2px;
	border: 1px solid #8E8B9C;	
}

.search_Button { /* Such-Button mit HinterGrundGraphik und normalem Text drauf */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;																/* text-align wirkt auf Button immer mittig, egal welcher Wert in FF, NS */
	vertical-align: middle;								
	color: #FFFFFF;
/*background-image: url(images/button_search01.gif);*//* img kann auch grösser sein als width*/
/*background-position: left top;*/
/*background-repeat: no-repeat;*/
	background-color: #1F257F;												/* falls img transparent, scheint sonst standard button grau durch */	
	margin: 0px;
	border: 0px;
	line-height: 19px;
	height: 19px;
	width: 30px;																			/* = Gesamtbreite des Buttons!; da text-align nur mittig wirkt unter FF, NS width Wert dementsprechend genau anpassen */
/* 16px;*/		
	cursor: hand; 																		/* Internet Explorer */
	cursor: pointer;																	/* andere Browser    */
}

/* Suche VerarbeitungsTexte: cfg.php, main.php; */

.search_Msg_Text01{ /* main.php, de.php; Anzahl der Seiten die gefunden wurden, Suchbegriff */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #27156C;	
}

.search_Msg_Text02{ /* main.php, de.php; "Eintrag, Einträge gefunden" */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5E5B6A;	
}

.search_Msg_Text03{ /* cfg.php noch nicht in Verwendung) Titel der Seite die gefunden wurde */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5E5B6A;	
}


/* Gästebuch Formular Eingabefelder: * 
**************************************************************************************************************************************************************************/

.guestb_Text01{ /* Text für Feldbezeichungen */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #27156C;	
}

.guestb_Text02{ /* Text für Gästebuchüberschrift */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #27156C;	
}

.guestb_Name,.guestb_EMail,.guestb_HomePage,.guestb_Titel{ /* Einzeiliges Textfeld*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5E5B6A;
	background-color: #FFFFFF;
	margin: 0px;
	height: 19px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	 2px;
	border: 1px solid #8E8B9C;	
}

.guestb_Kommentar { /* mehrzeiliges Textfeld */ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5E5B6A;
	background-color: #FFFFFF;
	margin: 0px;
	height: 90px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	 2px;
	border: 1px solid #8E8B9C;
	overflow: auto;	
}

.guestb_Button { /* Button mit HinterGrundGraphik und normalem Text drauf */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;																/* text-align wirkt auf Button immer mittig, egal welcher Wert in FF, NS */
	vertical-align: middle;								
	color: #FFFFFF;
	background-image: url(images/button_guestb01.gif);/* img kann auch grösser sein als width*/
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #27156C;												/* falls img transparent, scheint sonst standard button grau durch */	
	margin: 0px;
	border: 0px;
	line-height: 19px;
	height: 19px;
	width: 100px;																			/* = Gesamtbreite des Buttons!; da text-align nur mittig wirkt unter FF, NS width Wert dementsprechend genau anpassen */
/* 16px;*/		
	cursor: hand; 																		/* Internet Explorer */
	cursor: pointer;																	/* andere Browser    */
}

.guestb_Button01 { /* optional 2te Klasse, falls type="image" buttons mit anderem bgImg verwendet werden, weiteres .gif anlegen! */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;																/* text-align wirkt auf Button immer mittig, egal welcher Wert in FF, NS */
	vertical-align: middle;								
	color: #FFFFFF;
	background-image: url(images/button_guestb01.gif);/* img kann auch grösser sein als width*/
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #27156C;												/* falls img transparent, scheint sonst standard button grau durch */	
	margin: 0px;
	border: 0px;
	line-height: 19px;
	height: 19px;
	width: 100px;																			/* = Gesamtbreite des Buttons!; da text-align nur mittig wirkt unter FF, NS width Wert dementsprechend genau anpassen */
/* 16px;*/		
	cursor: hand; 																		/* Internet Explorer */
	cursor: pointer;																	/* andere Browser    */
}

/* Gästebuch Formular Ausgabe: cfg.php, main.php; */
.guestb_AusgabeText01{ /* "Kein Eintrag vorhanden" */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5E5B6A;	
}

.guestb_AusgabeName,.guestb_AusgabeDatum{ /* Text für Feldbezeichungen */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5E5B6A;	
}

.guestb_AusgabeTitel{ /* Text für Feldbezeichungen */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #27156C;	
}

.guestb_AusgabeKommentar{ /* Text für Feldbezeichungen */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5E5B6A;	
}

.guestb_AusgabeEMail:link,.guestb_AusgabeHomePage:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #27156C;
	text-decoration: underline;	
}

.guestb_AusgabeEMail:visited,.guestb_AusgabeHomePage:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #27156C;
	text-decoration: underline;	
}	

.guestb_AusgabeEMail:hover,.guestb_AusgabeHomePage:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #5E5B6A;
	text-decoration: none;	
}
.guestb_AusgabeEMail:active,.guestb_AusgabeHomePage:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #DA251C;
	text-decoration: none;	
}

/* Gästebuch VerarbeitungsTexte: cfg.php, */
.guestb_Msg_Text01{ /* cfg.php; Anzahl Sekunden des letzten Eintrags*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #27156C;	
}

.guestb_Msg_Text02{ /* cfg.php; "Sie haben erst vor kurzem einen Eintrag verfasst....." */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5E5B6A;	
}

.guestb_Msg_Text03{ /* optional */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #27156C;	
}


/* Passwort Formular: * 
**************************************************************************************************************************************************************************/

.passw_Text01{ /* Text für Feldbezeichungen */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #27156C;	
}

.passw_User,.passw_PW{ /* Einzeiliges Textfeld*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5E5B6A;
	margin: 0px;
	height: 19px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	 2px;
	border: 1px solid #8E8B9C;	
}

.passw_Button { /* Passwort-Button mit HinterGrundGraphik und normalem Text drauf */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;																/* text-align wirkt auf Button immer mittig, egal welcher Wert in FF, NS */
	vertical-align: middle;								
	color: #FFFFFF;
	background-image: url(images/button_passw01.gif);	/* img kann auch grösser sein als width*/
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #27156C;												/* falls img transparent, scheint sonst standard button grau durch */	
	margin: 0px;
	border: 0px;
	line-height: 19px;
	height: 19px;
	width: 100px;																			/* = Gesamtbreite des Buttons!; da text-align nur mittig wirkt unter FF, NS width Wert dementsprechend genau anpassen */
/* 16px;*/		
	cursor: hand; 																		/* Internet Explorer */
	cursor: pointer;																	/* andere Browser    */
}

/* Passwort VerarbeitungsTexte: wrong.php; */
.passw_Msg_Text01{ /* wrong.php; Anzahl Sekunden des letzten Eintrags*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #5E5B6A;	
}

.passw_Msg_Text02{ /* wrong.php; "Sie haben erst vor kurzem einen Eintrag verfasst....." */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #27156C;	
}

.passw_Msg_Text03{ /* optional */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #DA251C;	
}


/* Sonstige Formulare */ 
.form_bg{
	background-attachment: scroll;
	background-image: url(images/form_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}

.form_Text01{ /* Text für Feldbezeichungen */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #27156C;	
}

.form_Text02{ /* z.B Stern für Pflichtfelder */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #5E5B6A;	
}

.form_Text03{ /* Text bei Bedarf für zusätzliche Hinweise zB zwischen den Formularfeldern*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5E5B6A;	
}

.form_Text04{ /* Text bei Bedarf für zusätzliche Hinweise zB PflichtfeldHinweis */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5E5B6A;	
}

.form_Select{ /* Select DropDown Feld */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #27156C;
	background-color: #FFFFFF;
	line-height:19px;
	vertical-align: middle;
	margin: 0px;
	height: 19px;
	width: 95px;
	padding: 0px;
	border: 1px solid #8E8B9C;	
}

.form_TextInput { /* Einzeiliges Textfeld;  */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5E5B6A;
	background-color: #FFFFFF;
	margin: 0px;
	height: 19px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	 2px;
	border: 1px solid #8E8B9C;	
}

.form_TextInput01 { /* mehrzeiliges Textfeld */ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5E5B6A;
	background-color: #FFFFFF;
	margin: 0px;
	height: 90px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	 2px;
	border: 1px solid #8E8B9C;
	overflow: auto;	
}

.form_Sel { /* Select DropDown Feld */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5E5B6A;
	background-color: #FFFFFF;
	line-height:19px;
	vertical-align: middle;
	margin: 0px;
	height: 19px;
	padding: 0px;
}

.form_SelList { /* Select Listenfeld */ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #5E5B6A;
	text-decoration: underline;
	margin-top: 2px;
	margin-bottom: 2px;
	height: 110px;																		/* IE zeigt Höhe 5 Pixel zu wenig als angegeben an */
	padding: 0px;
	background-color: #FFFFFF;
	border-width:1px;
	border-style:solid;
	border-color:#8E8B9C #FFFFFF #FFFFFF #8E8B9C;
	overflow: auto;
}

.form_SelList_Option { /* Select Listenfeld */ 
	cursor: hand;
	cursor: pointer;
	height: 19px;
	vertical-align: middle;
}

.form_Button { /* Anmelde, Abmelde, Abbrechen-Button mit HinterGrundGraphik und normalem Text drauf */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;																/* text-align wirkt auf Button immer mittig, egal welcher Wert in FF, NS */
	vertical-align: middle;								
	color: #FFFFFF;
	background-image: url(images/button_form01.gif);	/* img kann auch grösser sein als width*/
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #27156C;												/* falls img transparent, scheint sonst standard button grau durch */	
	margin: 0px;
	border: 0px;
	line-height: 19px;
	height: 19px;
	width: 100px;																			/* = Gesamtbreite des Buttons!; da text-align nur mittig wirkt unter FF, NS width Wert dementsprechend genau anpassen */
/* 16px;*/	
	cursor: hand; 																		/* Internet Explorer */
	cursor: pointer;																	/* andere Browser    */
}

.form_Button01 { /* optional 2te Klasse, falls type="image" buttons mit anderem bgImg verwendet werden, weiteres .gif anlegen! */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;																/* text-align wirkt auf Button immer mittig, egal welcher Wert in FF, NS */
	vertical-align: middle;								
	color: #FFFFFF;
	background-image: url(images/button_form01.gif);	/* img kann auch grösser sein als width*/
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #27156C;												/* falls img transparent, scheint sonst standard button grau durch */	
	margin: 0px;
	border: 0px;
	line-height: 19px;
	height: 19px;
	width: 100px;																			/* = Gesamtbreite des Buttons!; da text-align nur mittig wirkt unter FF, NS width Wert dementsprechend genau anpassen */
/* 16px;*/	
	cursor: hand; 																		/* Internet Explorer */
	cursor: pointer;																	/* andere Browser    */
}

/* form_Radio; 12x12 fixe Standardgrösse, für vertikal mittig Ausrichtung, diese table Eigenschaften verwenden
<table style="width:200px; height:12px;" cellpadding="0" cellspacing="0" border="0">
	<tr>
  	<td valign="middle" style="width:12px; height:12px; text-align:left;"><input name="RadioGroup" style="height:12px; width:12px; margin:0px;" type="radio" value=""></td>
  	<td valign="middle" style="width:88px; height:12px; text-align:left;">Radio1</td>
  	<td valign="middle" style="width:12px; height:12px; text-align:left;"><input name="RadioGroup" style="height:12px; width:12px; margin:0px;" type="radio" value=""></td>
  	<td valign="middle" style="width:88px; height:12px; text-align:left;">Radio2</td>
  </tr>
</table>
*/

/* form_CheckBox; 13x13 fixe Standardgrösse, für vertikal mittig Ausrichtung, diese table Eigenschaften verwenden
<table style="width:200px; height:13px;" cellpadding="0" cellspacing="0" border="0">
	<tr>
  	<td valign="middle" style="width:13px; height:13px; text-align:left;"><input name="CheckGroup" style="height:13px; width:13px; margin:0px;" type="checkbox" value=""></td>
  	<td valign="middle" style="width:87px; height:13px; text-align:left;">CheckBox1</td>
  	<td valign="middle" style="width:13px; height:13px; text-align:left;"><input name="CheckGroup" style="height:13px; width:13px; margin:0px;" type="checkbox" value=""></td>
  	<td valign="middle" style="width:87px; height:13px; text-align:left;">CheckBox2</td>
  </tr>
</table>
*/
