/*

LEGENDE:

color: 				Schriftfarbe
background-color: 	Hintergrundfarbe
background:url		Hintergrundbild

font-size:			Schrftgrösse
font-family:		Schrift Typ
h1, h2,...			Übrschriften

a					Links (Farbe, Unterstrichen)
a:hover				Links bei Mouseover
a:actice			aktive Links

height:				Höhe des Modus
width:				Breite des Moduls
line-height:		Zeilenabstand

margin:				Aussenabstand des Moduls
margin-top:			Aussenabstand oben
margin-left:		Aussenabstand links
margin-right:		Aussenabstand rechts


padding:			Innenabstand
padding top:		Innenabstand oben
padding-left:		Innenabstand links
padding-right:		Innenabstand rechts


*/




/*------------------------- ------------------ ---------------------------*/
/*------------------------------ MENU - SPALTE ---------------------------*/
/*------------------------- ------------------ ---------------------------*/

.hr{
	border:2px;
	background-color:#DFDFDF;
	color:#AD005A;
	width:760px;
}

/*---------- MENÜ-FONT -----------------------*/
.menu_menulinks {
	font-family: Arial, "Lucida Grande",  Verdana, sans-serif;
	padding: 0px;
	width: 130px;
	/*text-align:right;*/
}


/*---------- FARBE, SCHRIFTGRÖSSE UND FORMATIERUNG DER LINKS -----------------------*/
.menu_menulinks a {
	text-decoration: underline;
	color: grey;
	font-size: 14px;
	line-height: 28px;
}


/*---------- LINIE UNTER LINKS -----------------------*/
.menu_menulinks li {
	border-bottom-color: #e5e1b6;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	width: 100%;
	list-style: none;
} 



/*---------- AKTIVE MENUPUNKTE ---------------------------*/

.menu_menulinks li.active a {
		color: #B40505;
		font-weight: bold;
		/*background-color:#FFE981;*/
}



/*-----------FARBE MOUSEOVER  -----------------------------*/

.menu_menulinks a:hover {
	/*background-color: #e0ca00;*/
	text-decoration: none;
	color: #B40505;

}



/*-----------SUBMENU SPALTE --------------------------------------*/

ul.menu_menulinks li ul li {
	padding-left: 5px;
	line-height: 13px;
	width: 155px;
	border-bottom-width: 0px;
	font-size: 12px;
	font-weight: normal;
	text-decoration:none;

}

/*-----------EINRÜCKUNG SUBMENU --------------------------------------*/
ul.menu_menulinks ul {
    margin-left: 15px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-left: 0px;
}



/*----- FARBE IM SUBMENÜ, MOUSEOVER UND AKTIVE MENUPUNKTE------------*/

.menu_menulinks li.active > ul a {
		color: green;
		font-weight: normal;
		/*background-color:#FFE981;*/				
}

.menu_menulinks li.active > ul a:hover {
		color: blue;
		font-weight: normal;
		/*background-color:#FFE981;*/			
}

.menu_menulinks li.active > ul li.active a {
		color: blue;
		font-weight: bold;
		/*background-color:#FFE981;*/			
}









/*------------------------- ------------------ ---------------------------*/
/*------------------------------  TOP MENU	--------------------------*/
/*------------------------- ------------------ ---------------------------*/


/*-----------MENÜFONT UND FONTGRÖSSE  --------------------------------------*/
#top .menu{
  float:none;  
  width: 100%;  
  display: inline-block;
  font-size: 13px;
  font-family: Arial, "Lucida Grande",  Verdana, sans-serif;
  border-left: 1px solid #3F3F3F; margin-right: 1px;
}

/*-----------EINFACH SO LASSEN  --------------------------------------*/
#top .menu li:hover {
  /*background-color: #ffffff;*/
  text-decoration: none;
}

.nav {
  float: left;
  margin: 0px;
  text-align: left;
}

.nav li {
  list-style-type:none;
}

.menu ul {
  position: absolute;
  width: 10px;
  list-style: none;
  margin: 10;
  padding: 0;
  float: left;
}

/*-----------FARBE DER MENUPUNKTE  --------------------------------------*/
.menu a {
  padding: 0px;
  margin: 0px;
  display: block;
  border: none;
  text-decoration: none;
  color: #000;
}


/*-----------FARBE MOUSEOVER MENÜ TOP --------------------------------------*/
#top .menu a:hover {
	/*background-color: #e0ca00;*/
	text-decoration: none;
	color: #B40505;
}

/*-----------FARBE AKTIVER MENÜPUNKT MENÜ TOP --------------------------------------*/
#top ul.menu li.active > a {
	color: #B40505;
	font-weight: bold;
}


/*----------- IS EINFACH SO  --------------------------------------*/
.menu li {position: relative;}
.menu ul { position: absolute; z-index: 500; }
.menu ul ul { position: absolute; top: 0; left: 100%; }
ul.menu ul,
ul.menu li:hover ul ul,
ul.menu ul li:hover ul ul,
ul.menu ul ul li:hover ul ul
{display: none;}
ul.menu li:hover ul,
ul.menu ul li:hover ul,
ul.menu ul ul li:hover ul,
ul.menu ul ul ul li:hover ul
{display: block;}


/*----------- AUSRICHTUNG - ABSTAND - TEXTTRANSFORM ---------------*/
.menu li {
  text-transform: uppercase;
  z-index: 1;
  padding: 0 10px;
  border-right: 1px solid #3f3f3f;
  float: left;
  position: relative;
  line-height: 16px;
 }


/*----------- DROP DOWNMENU  ---------------*/
ul.menu li ul li {
  padding-left: 0px;
  padding-bottom: 4px;
  padding-right: 0px;
  padding-top: 4px;
  line-height: 19px;
  border-width: 0px;
  font-size: 14px;
  height: auto;
  text-transform: none;
  font-variant: normal;
  width: 200px;
  margin: 0px;
    
}

/*----------- EINFACH SO LASSEN  ---------------*/
ul.menu li ul li hover{
	background-color: red;
}

/*----------- HINTERGRUNDFARBE DOWNMENU (Transparent)  ---------------*/
ul.menu ul {
  background-color: rgba(255, 255, 255, 0.95);
  margin-left: -5px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-top: 0px;
    padding-top: 7px;
  padding-left: 5px;
  width: 100px;
  
}

/*----------- EINFACH SO LASSEN  ---------------*/
ul.menu ul ul {
  opacity: 1;
  -moz-opacity: 1.00;
}