/* 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;
}