/* Kommentar */
/* Autor A. Badstuebner */
@import url("../css/navi_dropdown_menu.css");
body
{
	/*background: url(../images/hintergrund-2.jpg) no-repeat;*/
	background-position: center;
	background-position: top;
	background-color: #99B022; /*#558855 */
	font-family: Verdana;
	font-size: 8pt;
}

a
{
	text-decoration: none;
}

/* portal-site-Setup*/
#portal-site
{
	margin-top: 20px;
	width: 1000px;
	/* auto, um an den Inhalt anzupassen */
	height: auto;
	background-color: #FFFFFF;
	box-shadow: 8px 8px 8px 0px #7C7C7C;
}
	/* schraeg verlaufendes Logo */
	#potal_head_main-container
	{
		background: #FFF;
		background: url(../css/H1.png) no-repeat;
		width: 100%;
		height: 190px;
	}
	
		.potal_head_main-container_balken_titel
		{
			background: #456B25;
			width: auto;
			height: 30px;
			/* Abstand nach oben */
			/* Abstand innen; oben, rechts, unten, links*/
			margin: 80px 0px 0px 0px;
			padding: 0 0 0 120px;
			/* Schrift */
			font-size: 15pt;
			font-family: Calibri, Arial;
			color: #FFFFFF;
		}
		
		.logo_titel
		{
			background: url(../css/verein_logo.png) no-repeat;
			width: 127px;
			height: 127px;
			position: absolute;
			/* Abstand nach oben und nach rechts*/
			/* Hauptrahmen 1000px */
			margin: 50px 0px 0px 835px;
		}

	#potal_head_main-container_balken_navigation
	{
		background: #A3C315;
		width: 100%;
		height: 25px;
		/* Abstand nach oben */
		/* Abstand innen; oben, rechts, unten, links*/
		margin: -10px 0px 0px 0px;
		/* Schrift */
		font-size: 15pt;
		font-family: Calibri, Arial;
		color: #FFFFFF;
	}
		.navi-container
			{
				width: 100%;
				height: 40px;
			}

	/* Hauptinhalt */
	#potal_main-container
	{
		background: #FFF;
		width: 98%;
		height: auto;
		padding: 0 10px 0 10px;
	}
		/* zum Verändern der Saeulenbreite width aendern */
		/* zum Verändern des Beschreibungstextes */
		#potal_main-container table
		{
			width: 95%;
			font-size: 12pt;
			border: 0px;
		}
		
		/* Bildsteuerung mit rechtem Textumlauf und Bildunterschriftssteuerung */
			.bild_rechts-ausgerichtet_textumlauf-links
			{
				float: right;
				margin: 0px 20px 10px 10px;
				font-size: 9pt;
				font-style: italic;
				height: auto;
			}
			
			.bild_rechts-ausgerichtet_textumlauf-links img
			{
				display: block;
			}

		/* Kasten dass als erstes auf der Seite erscheint um den Inhalt dieser kurt darzustellen */
		.balben_ueberschrift
		{
			background: #CCCCCC;
			font-family: Verdana, Humanist 521, Arial;
			font-size: 10pt;
			width: 95%;
			height: auto;
			padding: 10px 30px 10px 10px;
			margin: 20px 0px 20px 0px;
			border-radius: 10px;
		}
		
		.ganze_breite
		{
			background: #EDEDED;
			font-family: Verdana, Humanist 521, Arial;
			font-size: 10pt;
			width: 95%;
			height: auto;
			/* padding: 10px 30px 10px 10px; */
			padding: 10px 30px 10px 10px;
			margin: 20px 0px 20px 0px;
			border-radius: 10px;
			overflow: auto;
		}

		.ganze_breite_kontakt
		{
			/* background: #EDEDED; */
			font-family: Verdana, Humanist 521, Arial;
			font-size: 10pt;
			width: 95%;
			height: auto;
			/* padding: 10px 30px 10px 10px; */
			padding: 10px 30px 10px 10px;
			margin: 20px 0px 20px 0px;
			border-radius: 10px;
			overflow: auto;
			font-size: 17px;
		}
		/* unter Kontakt linke Spalte */
		
		/* mit <p id="padding bla bla bla>"*/
		.kontakt_links
		{
			background: #CCCCCC;
			font-family: Humanist 521, Arial;
			font-size: 10pt;
			width: 47%;
			height: auto;
			float: left;
			padding: 10px 30px 10px 10px;
			margin: 5px 0px 5px 0px;
			border-radius: 10px;
		}
		
		.kontakt_rechts
		{
			background: #CCCCCC;
			font-family: Humanist 521, Arial;
			font-size: 10pt;
			width: 47%;
			height: auto;
			float: right;
			padding: 10px 30px 10px 10px;
			margin: 5px 0px 5px 0px;
			border-radius: 10px;
		}
		
		.p_kontakt_links
		{
			background: #FFFFFF;
			width: 49%;
			float: left;
			padding: 10px 0px 10px 10px;
			margin: 5px 0px 5px 0px;
		}
		
		.p_kontakt_rechts
		{
			background: #FFFFFF;
			width: 49%;
			float: right;
			padding: 10px 0px 10px 10px;
			margin: 5px -15px 5px 0px;
		}

		/* unter Kontakt rechte Spalte */

		.links
		{
			background: #CCCCCC;
			font-family: Humanist 521, Arial;
			font-size: 10pt;
			width: 45%;
			height: auto;
			float: left;
			padding: 10px 30px 10px 10px;
			margin: 5px 0px 5px 0px;
			border-radius: 10px;
		}

		.rechts
		{
			background: #CCCCCC;
			font-family: Humanist 521, Arial;
			font-size: 10pt;
			width: 45%;
			height: auto;
			float: right;
			padding: 10px 30px 10px 10px;
			margin: 5px 0 5px 0px;
			border-radius: 10px;
		}

		/* Querbalken über den Säulen */
		.potal_quer-container
		{
			background: #A3C315;
			width: 100%;
			height: 50px;
			padding: 0px 0px 0px 0px;
			border-radius: 10px;
			font-size: 20pt;
			padding: 17px 0 0 0;
		}
		/* Saule_1 */
		.potal_saele_1-container
		{
			background: #456B25;
			width: 100%;
			height: 280px;
			float: left;
			margin: 0px 0px 0px 0px;
			border-radius: 10px;
			color: black;
		}
			.potal_saele_1-container table
			{
			/* damit Text nicht am Rahmen beginnt */
				margin: 5px;
			}
			.saeule_table_headline
			{
				font-size: 20pt;
				font-weight: bold;
				text-align: center;
				font-variant: small-caps;
				color: #FFF;
			}
		/* Saule_2 */
		.potal_saele_2-container
		{
			background: #A3C315;
			width: 100%;
			height: 280px;
			float: left;
			margin: 0px 0px 0px 0px;
			border-radius: 10px;
		}
		.potal_saele_2-container table
			{
			/* damit Text nicht am Rahmen beginnt */
				margin: 5px;
			}
		/* Saule_3 */
		.potal_saele_3-container
		{
			background: #456B25;
			width: 100%;
			height: 280px;
			float: left;
			margin: 0px 0px 0px 0px;
			border-radius: 10px;
		}
		.potal_saele_3-container table
			{
			/* damit Text nicht am Rahmen beginnt */
				margin: 5px;
			}
		/* Saule_4 */
		.potal_saele_4-container
		{
			background: #A3C315;
			width: 100%;
			height: 280px;
			float: left;
			margin: 0px 0px 0px 0px;
			border-radius: 10px;
		}
		.potal_saele_4-container table
			{
			/* damit Text nicht am Rahmen beginnt */
				margin: 5px;
			}

	/* (hellgrüner Strich) Hauptinhalt */
	#potal_footer_1-container
	{
		background: #A3C315;
		width: 100%;
		height: 25px;
	}

	/* (dunkelgrüner Strich) Hauptinhalt */
	#potal_footer_2-container
	{
		background: #456B25;
		width: 100%;
		height: 100px;
	}

	/* Bildungsspender */
	#portal_footer_2-info
	{
		text-align: right; /* für Text-Zentrierung */
		font-family: Maiandra GD;
		font-size: 21pt;
		font-weight: bolder;
		/* Grossschreibung */
		text-transform: uppercase;
		background: none;
		color: yellow;
		/* Firefox */
		text-shadow: 0px 0px 10px #000000, -1px -1px #000;
		/* IE */
		filter:Glow(color=#444444, strength=4);
		/* text-shadow: black 3px 2px 4px; */
		width: 450px;
		height: 60px;
		float: right;
		margin: 35px 50px 0 0;
	}
.Text_1
{
	font-family: Humanist 521, Calibri, Arial;
	font-size: 15pt;
	/* alles in Grossschreigung */
	text-transform: capitalize;
	/* Zeichenabstand */
	letter-spacing: -0.9px;
	text-transform: uppercase;
	font-weight: bold;
}	
.Text_2
{
	font-family: Verdana;
	font-size: 8pt;
}

.Text_3
{
	font-family: Humanist 521, Calibri, Arial;
	letter-spacing: -0.05em;
	font-size: 17pt;
	text-shadow: black 3px 2px;
	font-weight: bold;
}

.Text_4
{
	font-family: Humanist 521, Arial;
	letter-spacing: -0.05em;
	font-size: 10pt;
}

/* Kleinüberschriften Kontakt */
.Text_5
{
	font-family: Humanist 521, Calibri;
	font-size: 15pt;
	font-weight: bold;
}

.Text_6
{
	font-family: Humanist 521, Calibri;
	font-size: 6pt;
}

.Ueberschrift_1
{
	font-family: Humanist 521, Arial;
	font-size: 15pt;
	text-transform: uppercase;
	/*font-variant: small-caps;*/
	font-weight: bold;
}

/* kleine Überschriften auf z.B. gegenwaertig */
.Text_zwischenueberschrift
{
	font-weight: bold;
}

/* ------------------------------------------------------------------------------------ */
/* -- Liste der Selbsthilfegruppen ---------------------------------------------------- */
/* ------------------------------------------------------------------------------------ */

	.Eingabefeld_15 {			/* in frontend.php: Suchbegriff  */
		width: 385px;
		background-color:white;
		border: 1px solid #bbb;
		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;
		border: 1px solid #ccc;
		border-radius: 4px;
		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 */
		border: 1px solid #bbb; /* border:none; */
		border-radius: 4px;
		box-sizing: border-box;
		font-size: 1em;
		width: 385px;
		border: 1px solid #bbb;
		padding: .75em 1em .5em 1em; /* padding:.1em 1em 0em 1em;*/ /* oben, rechts, unter, links */
		padding: 12px 20px;
		box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2);
		/* background-color: white; */
		background-image: linear-gradient(#ccff66, #6ec153);
		background-position: right;
		background-repeat: no-repeat; }

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

	.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);}