/******************************************************************************
* Dateiname:    templates.css                                                 *
* Datum:        16.09.2009                                                    *
* Author:       J. Dobler                                                     *
* Firma:        EVG Perlesreut eG                                             *
* Beschreibung: CSS*Template für Joomla, der EVG Website                      *
******************************************************************************/

/*****************************************************************************/
/**** Grundinitialisierung ***                                               */
/*****************************************************************************/
 * { 
		margin: 0;                                          /* Außenabstände */
		padding: 0;                                         /* Innenabstände */
		font-family: Verdana, Arial, sans-serif;                  /* Schrift */
		color: #333;                                        /* Standardfarbe */
	}

 html { height: 101%; }  /* auch im Firefox die Bildlaufleiste immer anzeigen */
 
 img { border: none; }                            /* bei Bildern kein Rahmen */
 img.bild_rechts { float: right; }               /* Bild nach rechts floaten */
 img.bild_left { float: left; }                   /* Bild nach links floaten */

 div.clr { clear: both; }                                     /* FLOAT CLEAR */
 
 /* Standardüberschriften --------------------------------------------------*/
 h1 { font: bold 1.3em/1.5em Verdana, Arial, sans-serif; }
 h2 { font: bold 1.1em/1.4em Verdana, Arial, sans-serif; border-bottom: 1px dashed #ff9200;}
 h3 { font: bold 0.9em/1.3em Verdana, Arial, sans-serif; border-bottom: 1px dashed #333;}

/*===========================================================================*/


/*****************************************************************************/
/**** BODY (Farbverlauf) ***                                                 */
/*****************************************************************************/
 body#farbverlauf { 
		background: url("../images/farbverlauf.jpg") repeat-x;/* Hintergrund */
	}
/*===========================================================================*/


/*****************************************************************************/
/**** HEADER ***                                                             */
/*****************************************************************************/
 div.header {
		background: url("../images/header-v5.png") no-repeat; /* Hintergrundbild */
		height: 220px;                                               /* Höhe */
		margin: 10px auto 0px;            /* zentriert, 10px top, 0px bottom */
		width: 812px;                                              /* Breite */
	}
/*===========================================================================*/


/*****************************************************************************/
/**** SERACHBOX ***                                                          */
/*****************************************************************************/
 div.searchbox {
	margin: 20px 30px 0px 0px;                              /* Außenabstände */ 
	float: right;                                   /* nach rechts gefloatet */
	height: 20px;                                                    /* Höhe */
/*	overflow: hidden;*/
/*	text-align:right;	*/
 }
/*===========================================================================*/


/*****************************************************************************/
/**** TOP_MENU ***                                                           */
/*****************************************************************************/
 div.top_menu {
		width: 100%;						                  /* 100% Breite */
		float: right;                               /* nach rechts gefloatet */
		margin-right: 12px;                /* Menü etwas nach links schieben */
	}

	/* TOP_MENU - unsortierte Liste -----------------------------------------*/
	.top_menu ul.menu {
		list-style: none;                          /* Listenpunkte entfernen */
	}
 
		/* TOP_MENU - Listenelemente ----------------------------------------*/
		.top_menu ul.menu li {
			float: right;                           /* nach rechts gefloatet */
		}

	/* TOP_MENU - Links -----------------------------------------------------*/
	.top_menu a  {
		display: block;                      /* als Blockelemente darstellen */
		font: normal 0.8em/1.6em Verdana, Arial, sans-serif;      /* Schrift */
		text-transform: lowercase;               /* alles in Kleinbuchstaben */
		text-decoration: none;         /* Unterstreichung der Links aufheben */
		padding: 0px 8px 0px 8px;                           /* Innenabstände */
	}

		/* TOP_MENU - Links (Schriftfarbe) ----------------------------------*/
		.top_menu a span {
			color: #EEE;                                     /* Schriftfarbe */
		}

		/* TOP_MENU - aktiven Link hervorheben ------------------------------*/	
		.top_menu ul.menu li.active span {
			border-bottom: 2px solid #ff9200;	   /* Unterstrich wenn Aktiv */		
		}
/*===========================================================================*/


/*****************************************************************************/
/**** MAIN_MENU ***                                                          */
/*****************************************************************************/
 div.main_menu {
	width: 100%;						                      /* 100% Breite */
	float: left;                                     /* nach links gefloatet */
	margin-left: 20px;                                /* Außenabstand, links */
 }

 	/* MAIN_MENU - unsortierte Liste ----------------------------------------*/
	.main_menu ul { list-style: none; }              /* Listenpunkte entfernen */

		/* MAIN_MENU - Listenelemente ---------------------------------------*/
		.main_menu ul li { width: auto; display: inline; }
	
	/* MAIN_MENU - Links ----------------------------------------------------*/
	.main_menu a {
		font: bold 0.6em/1.5em Verdana, Arial, sans-serif;        /* Schrift */
		display: block;                      /* als Blockelemente darstellen */
		float: left;                                 /* nach links gefloatet */ 
		padding: 5px 7px 5px 7px;                           /* Innenabstände */
		margin-top: 120px;                             /* Außenabstand, oben */
		text-decoration: none;         /* Unterstreichung der Links aufheben */
		border-right: 1px solid #999;                      /* Rahmen, rechts */
		border-left: 1px solid #999;                        /* Rahmen, links */
	}

		/* MAIN_MENU - Link (Schriftfarbe) ----------------------------------*/
		.main_menu a span {
			color: #EEE;
		}
	
		/* MAIN_MENU - Link-Hover -------------------------------------------*/
		.main_menu a:hover, .main_menu a:focus {
			color: #FFF;                                     /* Schriftfarbe */
			background-color: #276085;                   /* Hintergrundfarbe */
			border-bottom: 2px solid #ff9200;               /* Rahmen, unten */
		} 
		/* MAIN_MENU - aktiven Link hervorheben -----------------------------*/	
		div.main_menu div.moduletable_menu ul.menu li.active span {
			border-bottom: 2px solid #ff9200;
		}	
/*===========================================================================*/

/*****************************************************************************/
/**** LINKE_SPALTE ***                                                       */
/*****************************************************************************/
 div#leftcolumn {
	padding: 0px;		                                    /* Innenabstände */
	margin: 0px 0px 0px 5px;                                /* Außenabstände */
	float: left;                                     /* nach links gefloatet */
	width: 20%;                                                    /* Breite */
 }
	/* LINKE_SPALTE - ungeordnete Listen-------------------------------------*/
	#leftcolumn div.moduletable ul.menu {
		list-style: none;                          /* Listenpunkte entfernen */
		padding-left: 5px;	                          /* Außenabstand, links */
/*		padding-bottom: 5px;                          /* Außenabstand, unten */
		background-color: #ddd;                          /* Hintergrundfarbe */
		border-right: 1px solid #333;                      /* Rahmen, rechts */
		border-bottom: 1px solid #333;                      /* Rahmen, links */
	}
		/* LINKE_SPALTE - Schrift -------------------------------------------*/	
		#leftcolumn div.moduletable ul.menu span {
			font-weight: bold;                            /* Schriftart FETT */
			display: block;                  /* als Blockelemente darstellen */
			padding-top: 2px;                          /* Innenabstand, oben */
			padding-bottom: 2px;                      /* Innenabstand, unten */
		}
	
	/* LINKE_SPALTE - Links -------------------------------------------------*/
		#leftcolumn a {
		text-decoration: none;         /* Unterstreichung der Links aufheben */
		font: normal 0.6em/1.5em Verdana, Arial, sans-serif;      /* Schrift */
		color: black;                                        /* Schriftfarbe */
		padding-top: 2px;                              /* Innenabstand, oben */
		padding-bottom: 5px;                          /* Innenabstand, unten */
		display: block;                      /* als Blockelemente darstellen */
	}
		#leftcolumn a  span {
			border-bottom: 2px solid #ddd;
		}
		/* LINKE_SPALTE - Hover-Links ---------------------------------------*/
		#leftcolumn a:hover, #leftcolumn a:focus{
			background-color: #ff9200;                   /* Hintergrundfarbe */
		}
		#leftcolumn a:hover span, #leftcolumn a:focus span{
			border-bottom: 2px solid #ff9200;               /* Rahmen, unten */
			color: black;
		}
		/* LINKE_SPALTE - aktivierte Links ----------------------------------*/
        #leftcolumn div.moduletable ul.menu li.active span,           /* 1. Ebene */
		#leftcolumn div.moduletable ul.menu li.parent ul li.active span { /* 2. Ebene */
			border-bottom: 2px solid #ff9200;               /* Rahmen, unten */
			color: #333;                                     /* Schriftfarbe */
		}

	/* LINKE_SPALTE - 2. Listenebene ----------------------------------------*/
		/* 2. Listenebene konfigurieren */
		#leftcolumn div.moduletable ul.menu li.parent ul li { 
			margin-left: 15px;                        /* Außenabstand, links */
			list-style-type: circle;               /* Listenpunkte entfernen */
		}
		/* Border im linken Menü der 2. Ebene entfernen */
		#leftcolumn div.moduletable ul.menu li.active ul li span {
			border-bottom: 2px solid #DDD;
		}
		#leftcolumn div.moduletable ul.menu li.active ul li a:hover span,
		#leftcolumn div.moduletable ul.menu li.active ul li a:focus span	{
			border-bottom: 2px solid #ff9200;
		}
		
		
/*===========================================================================*/


/*****************************************************************************/
/**** MAIN_COLUMN ***                                                        */
/*****************************************************************************/
/* MAIN_COLUMN --------------------------------------------------------------*/
 div#maincolumn {
	margin-left: 21%;                                 /* Außenabstand, links */
	width: 75%;                                               /* Breite in % */
	min-height: 500px;                                      /* Minimale Höhe */
	padding-left: 5px;
	font: normal 0.8em/1.2em Verdana, Arial, sans-serif;	      /* Schrift */
 }
	#maincolumn div  {
		font: normal 1em/1em Verdana, Arial, sans-serif;	      /* Schrift */
		color: #333;	                                     /* Schriftfarbe */
	}
 
/* MAIN_COLUMN (FULL) -------------------------------------------------------*/
 div#maincolumn_full {
	margin-left: 0;                                   /* Außenabstand, links */
	padding-left: 15px;                               /* Innenabstand, links */
	width: 100%;                                              /* Breite in % */
	min-height: 500px;                                      /* Minimale Höhe */
 }
	#maincolumn_full p {
		font: normal 0.8em/1em Verdana, Arial, sans-serif;	      /* Schrift */
		color: #333;                                         /* Schriftfarbe */
              line-height: 1.2em;                                         /* Zeilehöhe */
              padding-right: 15px;
	}
	#maincolumn_full ul li, #maincolumn ul li {
		margin-left: 30px;						      /* Außenabstand, links */
	}
	/* MAIN_COLUMN - bei voller Breite den Rahmen von Breadcrumb ausschalten */
	#maincolumn_full div#breadcrumb {
		border-bottom: none;                                /* Rahmen, unten */
	}
/*===========================================================================*/


/*****************************************************************************/
/**** CONTENT ***                                                            */
/*****************************************************************************/
 div.content {
	background: url("../images/content-v1.png") repeat-y; /* Hintergrundbild */
	width: 812px;                                                  /* Breite */
	color: #276085;                                          /* Schriftfarbe */
	font-weight: bold;                                        /* Schriftstil */
	margin: 0px auto;                            /* Außenabstände, zentriert */
	min-height: 400px;                                      /* minimale Höhe */
 }
 
 table.contentpaneopen p {
	text-align: justify;
 }
 
 table.contentpaneopen, table.contentpane {
	margin: 0px;
	padding-right: 25px;
	width: 100%;
 }
/*===========================================================================*/


/*****************************************************************************/
/**** BREADCRUMB ***                                                         */
/*****************************************************************************/
 div#breadcrumb { 
	width: 100%;						                      /* 100% Breite */
	margin: 0px;                                            /* Außenabstände */
	padding: 3px;                                           /* Innenabstände */
	border-bottom: 1px dashed #999;                         /* Rahmen, unten */
 }
	#breadcrumb span {
		font: normal 0.8em/1em Verdana, Arial, sans-serif;
		color: #333;	
	}
/*===========================================================================*/

/*****************************************************************************/
/**** FOOTER ***                                                             */
/*****************************************************************************/
 div.footer {
 	background: url("../images/footer-v1.png") no-repeat;
	font: bold 0.6em/1.5em Verdana, Arial, sans-serif;
	color: #999;
	width: 812px;
	margin: 0px auto;
	text-align: right;
 }
/*===========================================================================*/








#maincolumn div.m4j_heading {
	padding-top: 20px;
	margin-bottom: 20px;
	overflow: visible;
	font: bold 1.3em/2em Verdana, Arial, sans-serif;
}

table.m4j_form_table{
	font: normal 0.7em/2em Verdana, Arial, sans-serif;
	color: #333;
}

#maincolumn div.m4j_pflichtfelder {
  font: italic 0.8em/1em Verdana, Arial, sans-serif;
  color: #666;
}










/***********************************************************************************************

                           U   N   C   H   E   C   K   E   D

***********************************************************************************************/

/*  div#leftcolumn ul li span {
	display: block;	
  }


/*  .content div {
	padding-left: 10px;
  }*/
 
/*  div#leftcolumn ul li a:visited span {
	color: #999;
  }*/

/*td.buttonheading img {
	border: none;
}


/* ************** M4J - Formulare *******************