/***************************************************************************************/
/***   ESSENTIAL STYLES (nicht ändern)                                               ***/
/***************************************************************************************/
.menu_top, .menu_top * {
	margin:			0%;
	padding:		0%;
	list-style:		none; 
}

.menu_top { line-height:	1.0; }

.menu_top ul li {
	position:       relative;
	width:			100%;
}

.menu_top li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.menu_top li {
	position:		relative;
	float:			left;  /* bei waagerechten Menue*/
	}
	
.menu_top a {
	position:		relative;
	display:		block; /* bei waagerechten Menue*/
}
.menu_top li:hover ul {
	left:			0%;
	top:			2.8em; /* match top ul list item height */
	z-index:		99;
}
ul.menu_top li:hover li ul {
	top:			-999em;
}
ul.menu_top li li:hover ul {
	left:			10em; /* match ul width */
	top:			0%;
}
ul.menu_top li li:hover li ul {
	top:			-999em;
}
ul.menu_top li li li:hover ul {
	left:			10em; /* match ul width */
	top:			0%;
}

.menu_top li, .menu_top ul ul ul { position: relative; }
.menu_top ul ul ul { display: none; }
.menu_top ul ul li:hover ul ul { display: none; }
.menu_top ul ul li:hover ul { display: block; }
.menu_top ul ul ul li:hover ul { display: block; }
.menu_top ul li, .menu_top ul li a { display: inline-block; /* haslayout Schalter fuer IE6/7 */ }
.menu_top ul li, .menu_top ul li a { display: block; /* haslayout reset */ }


/***************************************************************************************/
/*** aktuelle Aenderungen                                                            ***/
/***************************************************************************************/
/* Menue ul gesamt */
ul.menu_top {
vertical-align:top;
width:100%;
height:50px;
text-align:center;
margin:0px;
margin-top:-4px;
padding-left:5%;
background:black;
opacity:1.0;
}

/* Menüpunkte 1. Ebene: Hintergrund */
ul.menu_top li {
height:100%;
font-size: 100%;
border-right: 0px solid black;
margin-left:3%;
vertical-align:middle;
text-align:left;
text-transform:none;
background:transparent;
}

.menu_top li:first-child { margin-left:10.4%; }
.menu_top li:first-child { margin-left:2%; }
.menu_top li:first-child a {  }

.menu_top li:last-child { margin-right:0%; }
.menu_top li:last-child a {  }

.menu_top li:nth-child(1) {  }
.menu_top li:nth-child(2) {  }

/* Menüpunkte 1. Ebene Inhalt */
ul.menu_top li a {
padding-top:10px;
padding-left:0%;
font-size: 110%;
font-weight:normal;
text-decoration:none;
text-align:center;
color:#F9ECC5;
color:white;
}


/***************************************************************************************/
/***  2. Ebene (wenn anders)                                                         ***/
/***************************************************************************************/
/* 2. Menuepunkte: Hintergrund */
.menu_top li ul {
z-index:1;
background:#8FD665;
padding-top:0%;
padding-left:0%;
padding-bottom:0%;
width: 150%; 
}

/* 2. Menuepunkte */
.menu_top li ul li {
margin-top:-10%;
border-top: 0% solid #9CF;
}

/* 2. Menuepunkt */
.menu_top li li { 
background-color:transparent; 
}

/* Menüpunkte 2. Ebene Inhalt */
.menu_top li li a {
text-decoration:none;
font-weight:normal;
text-transform:uppercase;
background:transparent;
position: static;
color:#FCF5E0;
padding-top:0%;
padding-bottom:4%;
margin-top:0%;
text-align: left;
vertical-align: middle;
}




/***************************************************************************************/
/*** wichtig                                                                         ***/
/***************************************************************************************/

/* 1. Menuepunkt: Hover */
.menu_top li:hover, .menu_top a:focus, .menu_top a:hover, ul.menu_top li:hover a:hover, ul.menu_top li:focus a:focus
 { 
text-decoration:none; color:#DAA520; color:#DAA520;
}

/*1. Menuepunkt: Aktiv */
ul.menu_top li.current a { 
text-decoration:none; color:#DAA520; background: transparent;
} /* aktiv */

.menu_top a:visited  { /* visited pseudo selector so IE6 applies text colour*/
/* color:white; font-weight:normal; */
}

/* 2. Menuepunkt (wichtig: genau so wie 1. Menuepunkt) */
ul.menu_top li:hover li a { 
color:#DAA520;   font-weight:normal; /*gleiche Hintergrundfarbe wie li li */
} 

/* 2. Menuepunkt: Parent */
ul.menu_top li:hover a  { color:#DAA520; }

/* Aktiver 2. Menuepunkt */
ul.menu_top li.parent ul li a:hover, ul.menu_top li.parent ul li a:focus, ul.menu_top li.parent ul li.current a { color:#DAA520; }





/***************************************************************************************/
/***  3. Ebene (wenn anders)                                                         ***/
/***************************************************************************************/
.menu_top li li li {
}

ul.menu_top li:hover li ul {
	top:			-999em;
}



@media screen and (max-width:980px) {  ul.menu_top { padding-left:0%; }   ul.menu_top li a  { font-size: 95%;  }  }

@media screen and (max-width:880px) {  ul.menu_top li a  { font-size: 90%;  } }




/* ****************************************************************************** */
/* Smartphones                                                                    */
/* ****************************************************************************** */
@media screen and (max-width:770px) {
	
.menu_top, .menu-top * {
	margin: 0;
	padding: 0;
}

.menu_top {
position:relative;
z-index: 99;
vertical-align:top;
width:100%;
height:auto;
opacity:1;
}

/***************************************************************************************/
/* Menüpunkte 1. Ebene: Hintergrund */
/***************************************************************************************/
ul.menu_top li {
list-style: none;
width:100%;
height:auto;
margin: 0px;
padding:0px;
vertical-align:middle;
text-align:left;
text-transform:none;
background:black;
list-style: none;
border-bottom: 2px solid #DAA5203;

padding-top:10px;
padding-bottom:10px;

padding-right:10%;

margin-left:-10%;
}

ul.menu_top li:first-child {
border-top: 0px solid #DAA520;
margin-left:-10%;
}

/***************************************************************************************/
/* Menüpunkte 1. Ebene Inhalt */
/***************************************************************************************/
ul.menu_top li a {
color:white;
background:transparent;
padding-top:6px;
padding-left:40%;
text-align:left;

width:100%;
min-width:200px;

padding-top:10px;
padding-bottom:0px;

font-size: 140%;
font-size: 180%;

}


/***************************************************************************************/
/* Menüpunkte aktiv */
/***************************************************************************************/

/* 1. Menuepunkt: Hover */
.menu_top li:hover, .menu_top li:focus {  color: #dc4d16; }

/*1. Menuepunkt: Aktiv */
ul.menu_top li.current { 
text-decoration:none; color:#DAA5203;
} 

.menu_top li:visited { /* visited pseudo selector so IE6 applies text colour*/
color:#DAA5203;
}

/***************************************************************************************/
/* Menüpunkte 2. Ebene, wenn anders */
/***************************************************************************************/
ul.menu_top li ul { 
margin: 0px; padding:0px;
}

ul.menu_top li li {
border: 0px solid #DAA5203;
}

ul.menu_top li li a {
padding-left:32%;
font-weight:normal;
}

/***************************************************************************************/
/* Menüpunkte 3. Ebene, wenn anders */
/***************************************************************************************/
.menu_top ul ul { display:none; }

}