/*
 * CSS Datei
 * Content-Bereich
 * ec_navi_rahmen.css
 * Definitionen f�r die Men�-Rahmen
 * Erstellt: DE 04.09.2007
 * Gr�n Software AG, Aachen
 */

/* Formatierungen der Menues */
/******************************************************************************/
/* Menueebene 1 */
/******************************************************************************/
div.menu1 {
	font-family: Verdana;
	font-size: 16px;
}
span.menuitem1 {
  padding: 0px 10px;
	color: #4a494a;
	line-height: 20px;
	vertical-align: middle;
  float: left;
  margin-bottom: 4px;
  font-family: Verdana;
  font-size: 16px;
}
span.menuitem1:hover {
  border-bottom: 5px solid #666;
  cursor: pointer;
}
span.menuitem1aktiv {
  padding: 0px 10px;
  color: #008472;
  line-height: 20px;
  vertical-align: middle;
  float: left;
  /*border-right: 2px solid #666;*/
  margin-bottom: 4px;
  font-family: Verdana;
  font-size: 16px;
}
span.menuitem1aktiv:hover {
  border-bottom: 5px solid #666;
  cursor: pointer;
}

div.menu1separator {
	line-height: 22px;
	width: 2px;
	background-color: #666;
	display: block;
	float: left;
	border-bottom: 1px solid #666;
	vertical-align: bottom;
}
a.menuitem1 {
  color: #4a494a;
  font-family: Verdana;
  font-size: 16px;
}
a.menuitem1:hover {
	text-decoration: none;
}

/*** ORANGE *******************************************************************/
span.menuitem1_orange {
  padding: 0px 10px;
  color: #7ACC22;
  line-height: 20px;
  vertical-align: middle;
  float: left;
  margin-bottom: 4px;
}
span.menuitem1_orange_hover {
  padding: 0px 10px;
  color: #7ACC22;
  line-height: 20px;
  vertical-align: middle;
  float: left;
  margin-bottom: 4px;
  border-bottom: 5px solid #7ACC22;
}
span.menuitem1aktiv_orange {
  padding: 0px 10px;
  color: #7ACC22;
  line-height: 20px;
  vertical-align: middle;
  float: left;
  margin-bottom: 4px;
  border-bottom: 5px solid #7ACC22;
}
a.menuitem1_orange {
  color: #7ACC22;
  font-family: Verdana;
  font-size: 16px;
}
a.menuitem1_orange:hover {
  color: #7ACC22;
  text-decoration: none;
}
a.menuitem1aktiv_orange {
  color: #7ACC22;
  font-family: Verdana;
  font-size: 16px;
}
a.menuitem1aktiv_orange:hover {
  text-decoration: none;
}
/*** GRAU *********************************************************************/
span.menuitem1_gray {
  padding: 0px 10px;
  color: #464E52;
  line-height: 20px;
  vertical-align: middle;
  float: left;
  margin-bottom: 4px;
}
span.menuitem1_gray_hover {
  padding: 0px 10px;
  color: #464E52;
  line-height: 20px;
  vertical-align: middle;
  float: left;
  margin-bottom: 4px;
  border-bottom: 5px solid #464E52;
}
span.menuitem1aktiv_gray {
  padding: 0px 10px;
  color: #464E52;
  line-height: 20px;
  vertical-align: middle;
  float: left;
  margin-bottom: 4px;
  border-bottom: 5px solid #464E52;
}
a.menuitem1_gray {
  color: #464E52;
  font-family: Verdana;
  font-size: 16px;
}
a.menuitem1_gray:hover {
  color: #464E52;
  text-decoration: none;
}
a.menuitem1aktiv_gray {
  color: #464E52;
  font-family: Verdana;
  font-size: 16px;
}
a.menuitem1aktiv_gray:hover {
  text-decoration: none;
}
/*** BLAU *********************************************************************/
span.menuitem1_blue {
  padding: 0px 10px;
  color: #3580CE;
  line-height: 20px;
  vertical-align: middle;
  float: left;
  margin-bottom: 4px;
}
span.menuitem1_blue_hover {
  padding: 0px 10px;
  color: #3580CE;
  line-height: 20px;
  vertical-align: middle;
  float: left;
  margin-bottom: 4px;
  border-bottom: 5px solid #3580CE;
}
span.menuitem1aktiv_blue {
  padding: 0px 10px;
  color: #3580CE;
  line-height: 20px;
  vertical-align: middle;
  float: left;
  margin-bottom: 4px;
  border-bottom: 5px solid #3580CE;
}
a.menuitem1_blue {
  color: #3580CE;
  font-family: Verdana;
  font-size: 16px;
}
a.menuitem1_blue:hover {
  color: #3580CE;
  text-decoration: none;
}
a.menuitem1aktiv_blue {
  color: #3580CE;
  font-family: Verdana;
  font-size: 16px;
}
a.menuitem1aktiv_blue:hover {
  text-decoration: none;
}
/*** GRUEN ********************************************************************/
span.menuitem1_green {
  padding: 0px 10px;
  color: #008472;
  line-height: 20px;
  vertical-align: middle;
  float: left;
  margin-bottom: 4px;
}
span.menuitem1_green_hover {
  padding: 0px 10px;
  color: #008472;
  line-height: 20px;
  vertical-align: middle;
  float: left;
  margin-bottom: 4px;
  border-bottom: 5px solid #008472;
}
span.menuitem1aktiv_green {
  padding: 0px 10px;
  color: #008472;
  line-height: 20px;
  vertical-align: middle;
  float: left;
  margin-bottom: 4px;
  border-bottom: 5px solid #008472;
}
a.menuitem1_green {
  color: #008472;
  font-family: Verdana;
  font-size: 16px;
}
a.menuitem1_green:hover {
  color: #008472;
  text-decoration: none;
}
a.menuitem1aktiv_green {
  color: #008472;
  font-family: Verdana;
  font-size: 16px;
}
a.menuitem1aktiv_green:hover {
  text-decoration: none;
}

/*** ROT **********************************************************************/
span.menuitem1_red {
  padding: 0px 10px;
  color: #CD352E;
  line-height: 20px;
  vertical-align: middle;
  float: left;
  margin-bottom: 4px;
}
span.menuitem1_red_hover {
  padding: 0px 10px;
  color: #CD352E;
  line-height: 20px;
  vertical-align: middle;
  float: left;
  margin-bottom: 4px;
  border-bottom: 5px solid #CD352E;
}
span.menuitem1aktiv_red {
  padding: 0px 10px;
  color: #CD352E;
  line-height: 20px;
  vertical-align: middle;
  float: left;
  margin-bottom: 4px;
  border-bottom: 5px solid #CD352E;
}
a.menuitem1_red {
  color: #CD352E;
  font-family: Verdana;
  font-size: 16px;
}
a.menuitem1_red:hover {
  color: #CD352E;
  text-decoration: none;
}
a.menuitem1aktiv_red {
  color: #CD352E;
  font-family: Verdana;
  font-size: 16px;
}
a.menuitem1aktiv_red:hover {
  text-decoration: none;
}

/* Menueebene 2 */
/******************************************************************************/
div.menu2 {
	font-family: Verdana;
	font-size: 12px;
}
span.menuitem2 {
  padding-left: 10px;
  border-bottom: solid 1px #fff;
  vertical-align: bottom;
  padding-top: 2px;
  padding-bottom: 2px;
  float: left;
}
span.menuitem2:hover {
  cursor: pointer;
  text-decoration: underline;
}
span.menuitem2aktiv {
  color: #007d84;
  padding-left: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-bottom: solid 1px #fff;
  vertical-align: bottom;
  float: left;
  font-weight: bold;
}
span.menuitem2aktiv:hover {
  cursor: pointer;
}

a.menuitem2 {
  font-size: 12px;
  text-decoration: none;
}

a.menuitem2aktiv {
  font-size: 12px;
	text-decoration: none;
}
a.menuitem2aktiv:hover {
  font-size: 12px;
  text-decoration: none;
}

/* Menueebene 3 */
/******************************************************************************/
div.menu3 {
	height: 20px;
}
p.menuitem3 {
  padding: 2px 0px 2px 8px;
  color: #008472;
  background-color: #FFF;
  font-size: 11px; 
}
p.menuitem3_hover {
  padding: 2px 0px 2px 8px;
  font-size: 11px;
  cursor: pointer;
  background-color: #464E52;
  color: #FFF;
}
p.menuitem3aktiv {
  padding: 2px 0px 2px 8px;
  background-color: #464E52;
  font-size: 11px;
  font-weight: bold;
  color: #FFF;
}
a.menuitem3 {
  color: #464E52;
  font-size: 11px;
  text-decoration: none;
}

img.menuitem3 {
  padding-bottom: 1px;
}

a.menuitem3aktiv {
  color: #008472;
  font-size: 11px;
  text-decoration: none;
}

img.menuitem3aktiv {
  padding-bottom: 0px;
}


/* Menueebene 4 */
/******************************************************************************/
div.menu4 {
  height: 20px;
}
p.menuitem4 {
  padding: 2px 0px 2px 18px;
  background-color: #FFF;
  font-size: 11px;
}
p.menuitem4_hover {
  padding: 2px 0px 2px 18px;
  font-size: 11px;
  cursor: pointer;
  background-color: #464E52;
  color: #FFF;
}
p.menuitem4aktiv {
  padding: 2px 0px 2px 18px;
  background-color: #464E52;
  color: #FFF;
  font-size: 11px;
  font-weight: bold;
}
a.menuitem4 {
  color: #464E52;
  font-size: 11px;
  text-decoration: none;
}

img.menuitem4 {
  padding-bottom: 1px;
}

a.menuitem4aktiv {
  color: #008472;
  font-size: 11px;
  text-decoration: none;
}

img.menuitem4aktiv {
  padding-bottom: 0px;
}


h1.blue {
  font-size: 14px;
}