p   { font-size: small; font-family: Verdana, Arial, sans-serif }
b  { font-weight: bold; font-size: small; font-family: Verdana, "Arial Black", sans-serif }
a  { color: blue; font-size: small; font-family: Verdana, Arial, sans-serif }
td { font-size: small; font-family: Verdana, Arial, sans-serif }
h3  { font-weight: bold; font-size: large; font-family: Verdana, Arial, sans-serif }

/* ------------------------------------------------------------------------------------ */
/* -- Texte --------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------ */

.Text_1 {												/* in frontend.php: Tabelle der SHGn, Titel der SHG */
	font-family: Humanist 521, Calibri, Arial;
	font-size: 12pt; }

.Text_2 {												/* in frontend.php: Tabelle der SHGn */
	font-family: Verdana;
	font-size: 8pt; }

.Text_3 {												/* in frontend.php: Tabelle der SHGn, Hinweis auf URL der Gruppe */
	margin-left: 30px;									/* Einrücken des Textes */ }

/* ------------------------------------------------------------------------------------ */
/* -- Liste der Selbsthilfegruppen u. Kontaktformular --------------------------------- */
/* ------------------------------------------------------------------------------------ */

	/* Tabelle für Liste der Selbsthilfegruppen */
		table.tabelle_selbsthilfegruppen 		{
			border-spacing: 1px; 	}

		table.tabelle_selbsthilfegruppen th 	{
			background-color: #e3e3e3;
			text-align: left;
			padding: 5px 5px 5px 5px;	/* Zeielnabstand: oben rechts unten links */ 	}

		table.tabelle_selbsthilfegruppen td 	{
			padding: 5px 0px 5px 0px;	/* Zeielnabstand: oben rechts unten links */ 	}

			table.tabelle_zustimmung_verarbeitung td	{	/* kleine Tabelle mit Kontrollkästchen zur Bestätigung der dig. Verarbeitung */
				text-align: left;		/* Ausrichtung links */
				vertical-align:top;		/* Aursichtung oben (für Kontrollkästchen) */
			}


	/* Eingabefelder */
		.Eingabefeld_15 {									/* in frontend.php: Suchbegriff  */
			width: 385px;
			border: 1px solid #bbb; /* border: 1px solid #ccc; */
			border-radius: 4px;
			background-color: white;
			padding: .75em 1em .5em 1em;
			box-shadow: inset 0 5px 5px 0 rgba(0,0,0,0.2);		
			/* padding: 12px 20px; */
			margin: 8px 0;
			display: inline-block;
			
			box-sizing: border-box;	}

			.Eingabefeld_15:hover {
				box-shadow: 0 5px 5px 0 rgba(0,0,0,1.1); }

		.pulldown_shg_kategorie  { 							/* Pulldownfeld in der Liste der SHG */
			width: 385px;
			border: 1px solid #bbb; /* border:none; */
			border-radius: 4px;
			background-color: white;
			padding: .75em 1em .5em 1em; 	/* oben, rechts, unter, links */
			box-shadow: inset 0 5px 5px 0 rgba(0,0,0,0.2);
			margin: 8px 0;
			box-sizing: border-box; }

			.pulldown_shg_kategorie:hover {
				box-shadow: 0 5px 5px 0 rgba(0,0,0,1.1); 	}

		.button_suchen, .button_filtern, .button_suchen_und_filtern 	{
			width:  100px; /*max-width: 100px*/
			padding:    10px 20px;
			background: -moz-linear-gradient(top, #99B022, #558855);											/* f. Firefox 3.6-15 */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(#99B022), color-stop(#558855)); /* Safari 4+, Chrome 1-9 */
			background: -webkit-linear-gradient(top, #99B022, #558855);											/* Safari 5.1+, Mobile Safari, iOS -6.1, Chrome 10-25, Android -4.3 */
			background: -o-linear-gradient(top, #99B022, #558855);												/* f. Opera 11.10-12.02 */
			background: -ms-linear-gradient(top, #99B022, #558855);												/* f. InternetExplorer */
			background: linear-gradient(to bottom, #99B022, #558855);											/* W3C, Firefox 16+, Chrome 26+, IE10+, Opera 12.10+, Safari 6.1+ */
			filter:     progid:DXImageTransform.Microsoft.gradient( startColorstr='(#ccff66', endColorstr='#6ec153',GradientType=0 );	/* f. IE 7 u. 8+ */
			color: #fff;																						/* Textfarbe */
			text-align: center;																					/* Textausrichtung */
			-moz-border-radius: 10px;																			/* Abgerundete Ecken */
			-webkit-border-radius: 10px;																		/* Abgerundete Ecken */
			border-radius: 10px;																				/* Abgerundete Ecken */
			-moz-box-shadow: 0px 1px 2px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,255,255,0.9);			/* Schatten */
			-webkit-box-shadow: 0px 1px 2px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,255,255,0.9);		/* Schatten */
			box-shadow: 0px 1px 2px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,255,255,0.9);				/* Schatten */
			cursor: pointer;																					/* Curser als Hand */ 	}

		.kontaktbutton1 	{
			max-width:100px;
			padding:10px 20px;
			background: #1e5799;
			background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 38%, #7db9e8 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(38%,#2989d8), color-stop(100%,#7db9e8));
			background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 38%,#7db9e8 100%);
			background: -o-linear-gradient(top, #1e5799 0%,#2989d8 38%,#7db9e8 100%);
			background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 38%,#7db9e8 100%);
			background: linear-gradient(to bottom, #1e5799 0%,#2989d8 38%,#7db9e8 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );
			color:#fff;
			text-align:center;																				/* Textausrichtung */
			-moz-border-radius:10px;																		/* Abgerundete Ecken */
			-webkit-border-radius:10px;																		/* Abgerundete Ecken */
			border-radius:10px;																				/* Abgerundete Ecken */
			-moz-box-shadow:0px 1px 2px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,255,255,0.9);		/* Schatten */
			-webkit-box-shadow:0px 1px 2px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,255,255,0.9);	/* Schatten */
			box-shadow:0px 1px 2px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,255,255,0.9);			/* Schatten */
			cursor:pointer;																					/* Curser als Hand */ 	}

	/* Kontakt */
		.Eingabefeld_7	{		/* in shg-kontakt.php: Festnetz, Handy, Fax, Mail, Bemerkung  */ /* in frontend.php: Kontaktfomular - Name, Telefonnummer, Mail */
			width: 310px;
			width: 50%;
			padding: 12px 20px;
			margin: 8px 0;
			display: inline-block;
			border: 1px solid #ccc;
			border-radius: 4px;
			box-sizing: border-box; }

			.Eingabefeld_7:hover {
				box-shadow: 0 5px 5px 0 rgba(0,0,0,1.1);}

		.Eingabefeld_8 {			/* in frontend.php: Kontaktfomular - Mitteilung  */
			width: 310px;
			width: 100%;
			padding: 12px 20px;
			margin: 8px 0;
			display: inline-block;
			border: 1px solid #ccc;
			border-radius: 4px;
			box-sizing: border-box; }

			.Eingabefeld_8:hover {
			box-shadow: 0 5px 5px 0 rgba(0,0,0,1.1);}