@charset "iso-8859-1";
/* CSS Document */

/* BODY-TAG was gesamte Seite (inkl.Hintergrund umschließt) */
body {
	background-image:url(../img/background.jpg);
	background-repeat:repeat-x;

	margin:0px;
	padding:0px;

	/* IE 5.5 Hack -> in Kombi mit text-align:left; im #container */
	text-align:center;
}

/* Allgemeine Link-Darstellung */
a{
	color:#669c38;
	text-decoration:none;
}

/* FORM-TAG (Damit IE 5.5-7 keinen extra Abvstand um das Formular produzieren) */
form {
	padding:0px;
	margin:0px;
}

/* Schriftformatierungen für span-Tags */
	span.boldWhite {
		color:#FFFFFF;
		font-weight:bold;
	}

	span.boldGrey {
		color:#87888a;
		font-weight:bold;
	}

	span.boldGreen {
		color:#669c38;
		font-weight:bold;
	}

	span.boldRed {
		color:#ff0000;
		font-weight:bold
	}

/* CONTAINER-BEREICH - Umschließt #header, #menue, #main, #footer */
#container {
	color:#FFFFFF;
	font-family:Tahoma, verdana, san-serif;
	text-align:left;
	margin:50px auto;
	width:980px;
}

/* HEADER-BEREICH */
#header {
	background-image:url(../img/header-background2.jpg);
	background-repeat:no-repeat;
	height:230px;
}

	/* Oberer Bereich des Headers (Grün) */
	#headerArea1 {
		text-align:right;
		height:63px;
		font-size:11px;
		letter-spacing:1px;
		padding:10px 10px 0px 0px;
	}

	/* Allgemeine Darstellung des HeaderMenue-Bereichs */
	#headerMenue {
		color:#FFFFFF;
	}

	#loginArea {
		padding:15px 0px 0px 0px;
		font-size:9px;
	}

	/* Unterer Bereich des Headers (Weiß) - beinhalet Titel */
	#headerArea2 {
		height:126px;
		padding:31px 0px 0px 145px;
	}

	/* Darstellung für Links im HeaderMenue */
	a.headerMenueLinks {
		color:#ffffff;
		text-decoration:none;
	}

	/* Header-Hauptüberschrift */
	span.headerH1 {
		color:#669c38;
		font-size:36px;
	}

	/* Header-Zweite Überschrift */
	span.headerH2 {
		color:#669c38;
		font-size:24px;
	}

/* MENUE-BEREICH */
#menue {
	background-image:url(../img/menue-background.jpg);
	background-repeat:no-repeat;

	height:69px;
}

/* Die Navigationsleiste */
	ul#Navigation{
		margin:0;
		/* padding:0.6em 0em 0em 0em; */
		padding:0em 0em 0em 0em;
		text-align:center;
	}

/* Listen-Einträge in der Navigation */
	ul#Navigation li{
		list-style:none;
		display:inline;
		/* margin:0em 0.4em; */
		padding:0;
	}

/* Aussehen für Menüpunkte in der Navigation */
	ul#Navigation a{
		background-image:url(../img/menue-button.jpg);
		background-repeat:no-repeat;
		color:#FFFFFF;
		float:left;
		font-family:Tahoma;
		font-size:12px;
		font-weight:bold;
		/* margin:18px 0px 0px 17px; */
		text-decoration:none;
	}

/* MAIN-BERIECH (Der Hauptbereich der den Content-Bereich(links) und den infoBox-Bereich(rechts) beinhaltet */
#main {
	background-color:#efefef;
	color:#87888a;
	font-size:12px;
	font-family:Tahoma;
	padding:8px 0px 15px 17px;
}

	/* Content-Bereich (In dem die Themen-Inhalte der Seite stehen) */
	#content {
		float:left;
		width:680px;
	}

	/* mainList - Formatierung von Listen im Main-Bereich */
	ul.mainList {
		margin:0px 0px 0px 25px;
		padding:0px;
	}

	/* subList - Formatierung von Sublisten die unter mainListen liegen */
	ul.subList {
		margin:0px 0px 0px 17px;
		padding:0px 0px 0px 0px;
	}

	/* Hauptüberschift im MAIN-Bereich */
	h1.mainH1 {
		color:#669c38;
		font-size:16px;
		margin:10px 0px 0px 0px;
	}
	
	h2.mainH1 {
		color:#669c38;
		font-size:16px;
		margin:10px 0px 0px 0px;
	}

	/* Themenüberschrift im MAIN-Bereich */
	h2.mainH2 {
		color:#669c38;
		font-size:14px;
		margin:0px 0px 0px 0px;
	}

	/* A-Tag Formatierung im MAIN-Bereich */
	a.mainLinks {
		color:#669c38;
	}

	/* Darstellung für Input-Buttons */
	input.linkButton {
		padding:0px;
		text-align:left;
		border:none;
		background:none;
		color:#669c38;
		cursor:pointer;
		margin:0px;
	}
	
	input.formButton {
		color:#FFFFFF;
		background-color:#69a034;
	}

	/* hover-Effekt für Input-Buttons */
	input.linkButton:hover {
		color:#FF9900;
	}

	/* INFOBOX-Bereich */
	#infoBox {
		margin:5px 0px 0px 700px;
		width:250px;
	}

	/* Hauptüberschriften im infoBox-Bereich */
	h2.infoH1 {
		background-image:url(../img/newsbox-balken.jpg);
		background-repeat:no-repeat;
		color:#FFFFFF;
		font-size:12px;
		font-weight:bold;
		padding:10px;
		margin:0px;
	}
	
	h3.infoH1 {
		background-image:url(../img/newsbox-balken.jpg);
		background-repeat:no-repeat;
		color:#FFFFFF;
		font-size:12px;
		font-weight:bold;
		padding:10px;
		margin:0px;
	}

	/* Info-Bereich1 in InfoBox */
	#info1 {
		padding:8px 10px 8px 15px;
	}

	/* Info-Bereich1 in InfoBox */
	#info2 {
		padding:8px 10px 8px 15px;
	}

	/* Info-Bereich1 in InfoBox */
	#info3 {
		padding:8px 10px 0px 15px;
		width:210px;
		text-align:justify;
	}

/* FOOTER-Bereich */
#footer {
	background-image:url(../img/footer-background.jpg);
	background-repeat:no-repeat;
	font-size:11px;
	height:84px;
}

	/* Linkdarstellung im Footer-Bereich */
	a.footerLinks:link {
		color:#ffffff;
		font-weight:normal;
	}
    a.footerLinks:visited {
		color:#ffffff;
		font-weight:normal;
	}
    a.footerLinks:hover {
		color:#ffffff;
		font-weight:normal;
	}
    a.footerLinks:active {
		color:#ffffff;
		font-weight:normal;
	}
