/* CSS erkrath initial e.V. */

* { font-size:100%;} /*so wird die Schrift für alle Elemente erst einmal auf 100% gesetzt*/

body {
		font-size:70%;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		width:100%;/* Trick (?) damit Zentrierung auch bei IE funktioniert*/ 
		text-align:center; /* Trick (?) damit Zentrierung auch bei IE funktioniert*/ 
		background-color:#FFF9F0;
		margin:0;
		padding:0;
}


.unsichtbar {
		position: absolute;
  		top: -7000px;
		left: -7000px;
		height: 1px;
		width: 1px;
}

h1 {	font-size:140%; margin:0px;}
h2 {	font-size:120%; margin:0px;}
h3 {	font-size:100%; margin:0px;}
h5 {	font-size:100%; margin:0px;}

img  { border:0px; }

/*definiert den umfassenden Container*/	
#seitemittig {
		width:770px;
		margin:0 auto; /*margin: auto bewirkt die Zentrierung*/
		text-align:left; /*damit text-align: center von body wieder aufgehoben wird (?)*/
                position:relative; /*wichtig für absolute Positionierung der Spalten*/
                padding-bottom:10px;
}


/* ---------------- BANNER OBEN -------------------*/

#header {
		height:122px;
		margin:0;
}

/* ---------------- SERVICEMENÜ -------------------*/
#servicemenue_container {
		margin:0px 0 10px 320px;
		/*width:450px; ist wichtig für Opera, sonst funktioniert das vertikale Menü nicht*/
		height:15px;
		font-size:95%;
		padding-top:5px; /*mit margin-top funktioniert es bei IE irgendwie nicht*/
}

#servicemenue { /*Auszeichnung für ul, damit Liste keine Abstände ringsherum hat*/
		margin:0px;
		padding:0px;
}

#servicemenue li{
		display: inline;
		list-style-type:none;
}

#servicemenue a{
		border-left:1px solid #999;
		color:#666666;
		float:left;/*;anscheinend der TRICK, damit es auch in IE 5.0 und IE 5.5 funktioniert :-)*/
		padding:0px 15px 0px 5px; /*wichtig für IE6, dass diese Angaben hier und nicht unter a:link stehen; wird sonst nicht angewendet*/
}

#servicemenue a:link,
#servicemenue a:visited {
		font-weight:normal;
		text-decoration:none;
}

#servicemenue a:hover {
		color:#333333;
}


/* ---------------- NAVIGATION -------------------*/
	/*Platzierung des Containers im Seitenaufbau*/
#hauptmenue{
		width:143px;
		float:left;
		margin:0px;
		padding:0px 0 10px 0;
}

	/*Rubrikenüberschriften*/
#unsere_projekte {
		margin:0;
		height:22px;
		background-image: url("bilder/button_projekte.gif");
		background-repeat:no-repeat;
}
#aktuelle_infos {
		margin:0;
		height:22px;
		background-image: url("bilder/button_infos.gif");
		background-repeat:no-repeat;
}
#treffpunkt {
		margin:0;
		height:22px;
		background-image: url("bilder/button_marktplatz.gif");
		background-repeat:no-repeat;
}
#erkrath_initial {
		margin:0;
		height:22px;
		background-image: url("bilder/button_ei.gif");
		background-repeat:no-repeat;
}

/*******Navigation 1. Ebene*/
.hauptmenue_1_ebene {
		list-style-type:none;
		margin:0 0 10px 0;
		padding:0;
}
.hauptmenue_1_ebene a {
		display: block; /*so würde bei IE zwar das padding-left dargestellt werden, wird aber auch ein Abstand zwischen den li-Elementen eingefügt*/
		padding:3px 3px 3px 8px;
		width:132px; /*143 Breite der Rubrikbreite abzüglich des paddings*/
		border-bottom: 2px solid #FFF9F0;
}
.hauptmenue_1_ebene a:link,
.hauptmenue_1_ebene a:visited {
		color:#333333;
		text-decoration:none;
}
.hauptmenue_1_ebene a:hover { color:#FF6600;}
#hauptmenue_1_ebene_current {font-weight:bold;}

.hauptmenue_1_ebene a.projekte {background-color:#DEECBB;}
.hauptmenue_1_ebene a.aktuell {background-color:#D5DDB9;}
.hauptmenue_1_ebene a.treffpunkt {background-color:#CFD3B7;}
.hauptmenue_1_ebene a.erkrathinitial {background-color:#CBCDB7;}

/*******Navigation 2. Ebene*/
.hauptmenue_2_ebene {
		list-style-type:none;
		margin:0;
		padding:0;
}

#hauptmenue_2_ebene_current {font-weight:bold;}

.hauptmenue_2_ebene a.projekte {
		/*display: block; wird - so glaube ich -vererbt von der 1. Ebene */
		padding:3px 3px 3px 15px;
		width:125px;
		/*border-bottom: 2px solid #FFF9F0;  wird - so glaube ich -vererbt von der 1. Ebene*/
		background-color:#F2F4DA;
}

/*******Navigation 3. Ebene */
.hauptmenue_3_ebene {
		/*list-style-image:url(bilder/navi_punkte.gif);*/
		/*list-style-position:outside;*/
    		list-style-type:none;            
		margin:-2px 0 10px 15px;
		padding:0;
}

#hauptmenue_3_ebene_current {font-weight:bold;}

.hauptmenue_3_ebene a {
		/*display: block;  wird - so glaube ich -vererbt von der 1. Ebene*/
		padding:5px 0px 0px 10px;
		width:80px;
		border-style:none;
                background-image:url(bilder/navi_punkte.gif);
                background-repeat:no-repeat;
}

.hauptmenue_3_ebene a:link,
.hauptmenue_3_ebene a:visited {
		text-decoration: none;
}

.menuepunkte{
                       
                                
		font-size:130%;
}


/* ---------------- NAVIGATION HOME -------------------*/
#container_navigation_home{
		margin-top:30px;
		line-height:110%;
                font-size:90%;
}

.navbox_home{
		float:left;
		width:180px;
		margin:0 5px 5px 0;
}


.navbox_home p{
		 margin:0px;
		 padding:5px 5px 0 10px;
		 background-color:#DEECBB;
		 height:10em;

}

.navbox_home a {
		display: block; 
		padding:4px 0px 4px 11px;
		width:169px; /*180 Breite der Rubrikbreite abzüglich des paddings*/
		border-bottom: 2px solid #FFF9F0;
}

#navboxes_home .navbox_home a
{
                padding:0px;
                height: 80px;
                border-bottom: 0px;
                width: 180px;
}

#navboxes_home img
{
                display: block;
}

.navbox_home a:link {
		color:#000000;
		text-decoration:none;
		font-size:110%;
}

.navbox_home a:visited{
		color:#000000;
		text-decoration:none;
		font-size:110%;
}
.navbox_home a:hover {
		font-weight:bold;
}

	/*Hintergrundbilder für die Rubrikenüberschriften*/
#unsere_projekte_home {
		height:22px;
		background-image: url("bilder/button_projekte_home.gif");
		background-repeat:no-repeat;
}
#aktuelle_infos_home {
		height:22px;
		background-image: url("bilder/button_infos_home.gif");
		background-repeat:no-repeat;
}
#treffpunkt_home {
		height:22px;
		background-image: url("bilder/button_marktplatz_home.gif");
		background-repeat:no-repeat;
}
#erkrath_initial_home {
		height:22px;
		background-image: url("bilder/button_ie_home.gif");
		background-repeat:no-repeat;
}

	/*Listenformatierung*/
.hauptnavigation_home {
		list-style-type:none;
		margin:0; 
		padding:0; 
}
.link {background-color:#DEECBB; text-decoration:none  }
.projekte_home {background-color:#DEECBB;}
.aktuell_home {background-color:#D5DDB9;}
.forum_home {background-color:#CFD3B7;}
.verein_home {background-color:#CBCDB7;}

.hauptnavigation_home a:link,
.hauptnavigation_home a:visited {
		color:#333333;
		text-decoration:none;
}
.hauptnavigation_home a:hover {
		font-weight:bold;
}


/* ---------------- HAUPTINHALT ------------------- */
/*******Platzierung des Containers im Seitenaufbau*/
#hauptbereich {
		width:410px;
		display:inline; /*wichtig für IE*/
		float:left;
		/*margin:0 0 0 30px; läßt Platz für die linke Navigation - Achtung! IE 5 und Mac sind empfindlich bzgl. Pixelangabe; evetl. einen Pixel weniger berechnen*/
		line-height:135%;
                position:absolute;
                left:173px; /*143 zzgl. 30px Abstand*/
                top:152px; /*122 Banner + 15 Servicemenü + 10 Margin + 5 Padding-top */
                padding-bottom:10px;
}

/*******Breadcrumb-Navigation*/
#brotkruemel {
		margin:0px 0 25px 0;
		padding:2px 0 3px 5px;
		background-color:#DEECBB;
		font-size:90%;
		height:100%;
		\height:20px; /*Box Model Hack*/
		heig\ht:100%;/*Box Model Hack*/
}

#brotkruemel a:visited, a:link {text-decoration:underline;}
#brotkruemel em {
		font-weight:bold;
		font-style:normal;
		}
/******* Foto auf der Überblicksseite*******/
#foto{
		float:right;
		width: 144px; /*Breite des Blocks entspricht hier der Breite des Fotos* zzgl. 2 Pixel wg. Rahmen um Foto*/
		margin: 3px 0 3px 15px; /*Abstand zum Text am linken und unteren Rand des Blocks*/
}

#foto img{
		border-width:thin;
		border-color:#666666;
		border-style:solid;
}

#foto span{
		padding:3px 0 0 2px;
		display:block;
		font-size:90%;
		margin:0px;
		}
a.foto:link{                border-width:thin;
		border-color:#666666;
		border-style:solid;
                                }

/******* Allgemeine Formatierungen für den Hauptbereich *******/
#hauptbereich p{
		margin:0 0 15px 0;
}

#hauptbereich h2{
		margin:0 0 10px 0;
}

#hauptbereich p a:visited,
#hauptbereich p a:link{
		text-decoration:underline;
		color:#333333;
}

#formular{
		margin:5px 0 0 0;
		background-color:#DEECBB;
		padding:5px;
		border:1px dotted #435416;
}

#formular fieldset
{
                border: none;
}

#formular label
{
                display: block;
                margin-top: 3px;
}
#formular p{
		margin:0 0 5px 0;
}
#formular form{
		margin:0;
		padding:0;
}
#formular input{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:100%;
		width:16em;
		padding:2px;
		}
#formular textarea{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:100%;
		padding:2px; 
		}
#formular input.abschicken{
		width: auto;
		background-color:#FFFFFF;
		border-top: 1px solid #BFDA78;
		border-right: 1px solid #435416;
		border-bottom: 1px solid #435416;
		border-left: 1px solid #BFDA78;
}

/******** Hauptbereich für die Home *******/

#hauptbereich_home {
		width:555px;
		display:inline; /*wichtig für IE*/
		float:left;
		margin:0 23px 10px 0;
		background:  url("bilder/wz_gross.gif") no-repeat top right;
}
#hauptbereich_home h1{
		margin:5px 0 7px 0px;
		font-size:130%;
}
#hauptbereich_home p {
		margin:0 0 7px 0;
                font-size:110%;
                line-height:130%;
}

#hauptbereich_home .navbox_home p {
		margin:0;
}






/******* Zusatzformatierungen zu Aktuelle Infos*******/
		 /* Box zur Anmeldung beim Abo für Infoletter und Newsletter*/
.infoabo {
		margin-top:30px;
		background-color:#FEEAD8;
		border:#FF6600 1px dotted;
		padding:5px;
}

#infoabo p{
		font-weight:bold;
		font-size:100%;
}

#infoabo a{
		text-decoration:underline;
}
		 /* Zusatzformatierung für H3 für die HL-Balken bei termine, news, presse links */
h3 p{
	clear:left;
}

.terminedatum {
		background-color:#FF6600;
		color:#FFFFFF;
		padding:1px 0 2px 3px;
		margin:0px 0 8px 0;
		width:90px;
		font-size:8pt;
		float:left;
		font-weight:normal;
		height:auto;
}

.termineheadline {
		background-color:#FF6600;
		color:#FFFFFF;
		padding:1px 0 2px 7px;
		font-weight:bold; 
		margin:0px 0 8px 100px;
		width:auto;
}

.newsdatum {
		background-color:#CC5200;
		color:#FFFFFF;
		padding:1px 0 2px 3px;
		margin:0px 0 8px 0;
		width:90px;
		font-size:8pt;
		float:left;
		font-weight:normal;
		height:auto;
}

.newsheadline {
		background-color:#CC5200;
		color:#FFFFFF;
		padding:1px 0 2px 7px;
		font-weight:bold; 
		margin:0px 0 8px 95px;
		width:auto;
}

.pressedatum {
		background-color:#D5DDB9;
		color:#000000;
		padding:1px 0 2px 3px;
		margin:0px 0 8px 0;
		width:90px;
		font-size:8pt;
		float:left;
		font-weight:normal;
		height:auto;
}

.presseheadline {
		background-color:#D5DDB9;
		color:#000000;
		padding:1px 0 2px 7px;
		font-weight:normal; 
		margin:0px 0 8px 0px;
		width:auto;
		text-decoration:underline;

}

 .pressecatheadline {
		background-color:#D5DDB9;
		color:#000000;
		padding:1px 0 2px 7px;
		font-weight:normal; 
		margin:0px 100px 8px 0px;
		width:auto;
		text-decoration:underline;

}

.linkheadline {
		background-color:#D5DDB9;
		color:#000000;
		padding:1px 0 2px 7px;
		font-weight:bold; 
		margin:0px 0 8px 0px;
		width:auto;
}


/*----------------- SITEMAP ----------------*/
.sitemapebene1{
		margin:10px 0 10px 0;
		padding:0;
		font-weight:bold;
		font-size:110%;
		line-height:100%;
}
.sitemapebene1 a {
		text-decoration:underline;
}
.sitemapebene1 a:hover{
		font-weight:bold;
}



.sitemapebene2{
		margin:0 0 20px 50px;
		padding:0;
		font-weight:normal;
		font-size:90%;
		line-height:200%;
}
.sitemapebene2 a {
		text-decoration:underline;
}
.sitemapebene2 a:hover{
		font-weight:bold;
}



.sitemapebene3{
		margin:0 0 20px 100px;
		padding:0;
		font-weight:normal;
		font-size:90%;
		line-height:200%;
}
.sitemapebene3 a {
		text-decoration:underline;
}
.sitemapebene3 a:hover{
		font-weight:bold;
}




.sitemapebene4{
		margin:0 0 20px 150px;
		padding:0;
		font-weight:normal;
		font-size:90%;
		line-height:200%;
}
.sitemapebene4 a {
		text-decoration:underline;
}
.sitemapebene4 a:hover{
		font-weight:bold;
}



.sitemapebene5{
		margin:0 0 20px 200px;
		padding:0;
		font-weight:normal;
		font-size:90%;
		line-height:200%;
}
.sitemapebene5 a {
		text-decoration:underline;
}
.sitemapebene5 a:hover{
		font-weight:bold;
}

/* ---------------- MITGLIEDERVERZEICHNIS -------------------*/

.mitgliederrubrik td{
		padding:3px 6px 3px 0px;
		vertical-align:top;
}

.mitgliederprofil td{
		padding:2px 6px 2px 0px;
		vertical-align:top;
}

.mitgliederformular td{
		padding:2px 2px 2px 0px;
		vertical-align:top;

}

.drucken{
		font-weight:normal;
}

#formularmitglieder{
		margin:5px 0 0 0;
		background-color:#DEECBB;
		padding:5px;
		border:1px dotted #435416;
}

#formularmitglieder form{
		margin:0;
		padding:0;
}

/* ---------------- AKTUELLE INFORMATIONEN RECHTE SPALTE -------------------*/
	/*Platzierung des Containers im Seitenaufbau*/
#informationen {
		width:160px;
		float:left;
		/*margin:0 0 0 27px; für Abstand zum Hauptbereich bei normaler Positionierung*/
		font-size:90%;
		/*margin-left:8px; für IE 5*/
               position:absolute;
               top:152px;
               left:610px; /*770 - 160 width*/
               padding-bottom:10px;
}

	/* Hintergrundgrafiken für Rubriken*/
#aktuelle_termine {
			margin:0;
			height:22px;
			background-image: url("bilder/box_termine.gif");
			background-repeat:no-repeat;
}
#aktuelle_news {
			margin:0;
			height:22px;
			background-image: url("bilder/box_news.gif");
			background-repeat:no-repeat;
}
#aktuelle_projekte {
			margin:0;
			height:22px;
			background-image: url("bilder/box_projekte.gif");
			background-repeat:no-repeat;
}

	/* Listen- und Linkformatierungen*/
#informationen ul {
			list-style-type:none;
			margin:0; 
			padding:5px;
}
#informationen li {
			margin-bottom:5px;
}

#informationen a {
			padding-bottom:10px;
			margin:0;
			padding:0;
}
#informationen a:link,
#informationen a:visited {
			text-decoration:none;
			color:#333333;
			margin:0;
			
}
#informationen a:hover {
			text-decoration:underline;
			margin:0;
}	

	/*Rahmen Informationsboxen*/
#box_termine {
			border:#FF6600 1px solid;
			padding:2px 0 0 3px;
			width:155px;
			margin:0 0 10px 0;
			background-color:#FEEAD8;
}
#box_termine span {
			font-weight: bold;
}
			
#box_news {
			border:#CC5200 1px solid;
			padding:2px 0 0 3px;
			width:155px;
			margin:0 0 10px 0;
			background-color:#FAE8D8;
}

#informationen #box_news li
{
                        font-weight: bold;
}

#box_news span {
			font-weight: normal;
}

#box_projekte {
			border:#9B3E00 1px solid;
			padding:2px 0px 0 3px;
			width:155px;
			margin:0px 0px 10px 0px;
			background-color:#F5E6D8;
}

#informationen #box_projekte li
{
                        font-weight: bold;
}


#box_projekte p {
			margin:5px 3px 8px 5px;
}

		
		
.newsfooter{
			text-align:right;
			margin:-5px 8px 3px 0;
		}
.newsfooter a:link,
.newsfooter a:visited {
			color:#333333;
			text-decoration:none;
}
.newsfooter a:hover {
			text-decoration:underline;
		}

.projektfooter{
			text-align:right;
			margin:-5px 8px 3px 0;
                                                color:#333333;
		}

.projektfooter a:link {
			color:#333333;
			text-decoration:none;
}

.projektfooter a:visited {
			color:#333333;
			text-decoration:none;
}
.projektfooter a:hover {
			text-decoration:underline;
		}
		

		

/* ---------------- FUSSZEILE UNTEN -------------------*/
#fusszeile{
		clear:both; /*Textfluss der vorangehenden Abschnitte wird beendet - ein mit clear ausgezeichnetes Element wird
		unter einem mit float formatierten Element angeordnet*/
		text-align:center;
		padding:5px 0 10px 0;
		color:#666666;
		font-size:90%;
		border-top:1px solid #98E238;
}

.adresse{
		display:inline;
		padding-right:10px;
}	

#fusszeile a:link{
		color:#666;
}
#adresse {
		background-color:#96DC3C;
		color:#FFFFFF;
		padding:6px 2px 8px 8px;
}
#adresse p{margin:0px;}
#adresse a:link {
		color:#FFFFFF;}


/* ---------------- Klassen -------------------*/
.aktiv{
		text-decoration:underline;
}


.tx-guestbook-form-textarea {
font-size:12px;

}

/* -------------------- added by cf 2008 ------------ */

.teaser-list-item
{
      margin-bottom: 10px;
}

.teaser-list-item img
{
	float: right;
	margin-bottom:5px;
	margin-right:0px;
	margin-left:5px;
}

.teaser-list-morelink
{
     /*font-weight: bold;*/
     text-align: right;
}

.csc-menu-1
{
     list-style-type: none;
     margin-left: 0px;
     padding-left: 0px;
}

.tx-feusersview-list,
.tx-feusersview-link
{
     margin-top: 20px;
}

.tx-feusersview-details-table td
{
     vertical-align: top;
}

.tx-feusersview-details-label
{
     width: 100px;
     font-weight: bold;
}

.tx-feusersview-listitem
{
     margin-bottom: 15px;
}

#hauptbereich .tx-feusersview-listitem p
{
     margin-bottom: 5px;
}

#hauptbereich a
{
     color: #000000;
}