/***************************************************************************************/
/***   ESSENTIAL STYLES (nicht ändern)                                               ***/
/***************************************************************************************/
.menu, .menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.menu ul {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	z-index: 99;
}

ul.menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

.menu li {
	position: relative;
	display:block;
}

.menu > li { float: left; }
.menu li:hover > ul { display: block; }
.menu a {
	display: block;
	position: relative;
}
.menu ul ul {
	top: 0;
	left: 100%;
}




/***************************************************************************************/
/* aktuelle Aenderungen                                                                 */
/***************************************************************************************/

/* Menue ul gesamt */
ul.menu {
vertical-align:top;
height:34px;
margin:0px;
padding:0px;
background-color: white;
padding-left:8.4%;
padding-right:0.5%;
}


/***************************************************************************************/
/* Menüpunkte 1. Ebene: Hintergrund */
/***************************************************************************************/
ul.menu li {
width:auto; 
height:auto;
border-bottom: 0px solid #EC8016;
vertical-align:middle;
text-align:center;
text-transform:none;
background:transparent;
margin-right:0%;
margin-left:2.5%;
background-color: transparent;
}

ul.menu li:first-child {
margin-left:0%;
}


ul.menu li:last-child { margin-right:0%; padding-right:0%; }


/***************************************************************************************/
/* Menüpunkte 1. Ebene Inhalt                                                          */
/***************************************************************************************/
ul.menu li a {
background:transparent;
padding-top:7px;
font-size: 94%;
font-weight:bold;
background:text-decoration:none;
width:100%;
text-align:center;
color:#A1A1A1; 
}



/***************************************************************************************/
/* 1. Menüpunkte aktiv */
/***************************************************************************************/
/* 1. Menuepunkt: Hover */
.menu li:hover { background:white; color:#283c50; }

.menu a:focus, .menu a:hover { color:#283c50; }


/*1. Menuepunkt: Aktiv */
ul.menu li.current a { color:#283c50; } /* kein li.active ! */

.menu li:visited a  { /* visited pseudo selector so IE6 applies text colour*/
color:#A1A1A1;
}

/* Hover */
ul.menu li:hover { 
background:white; /* gleiche wie li li */
} 

/* Parent */
ul.menu li:hover a  { color:#283c50; }


/***************************************************************************************/
/* 2. Menüpunkte (wenn anders)  */
/***************************************************************************************/
ul.menu li ul {
width:100%;
z-index:99;
margin-top:0px; /* Verschieben nach unten */
}
.menu li:hover li:first-child { width:100%; }

ul.menu li:hover ul { opacity:0.95; }

ul.menu li li {
width:100%;
vertical-align:middle;
text-align:center;
padding-top:6px;
padding-bottom:6px;
background:white;
}

ul.menu li li a { color:black; }
ul.menu li:hover li a { color:black; }
.menu li li:first-child {  }
.menu li li:last-child {  }

ul.menu li.parent ul li:hover, ul.menu li.parent ul li:focus, ul.menu li.parent ul li.current { background:white; }

ul.menu li.parent ul li a:hover, ul.menu li.parent ul li a:focus, ul.menu li.parent ul li.current a { color:black; }

ul.menu li li.current {  } 


/***************************************************************************************/
/* Navigation responsive */
/***************************************************************************************/
@media screen and (max-width:1350px) {

ul.menu li {  margin-left:1.5%;  }
ul.menu li:last-child { margin-right:0%; padding-right:0%; }
ul.menu li a { font-size: 84%; padding-top:8px; }
}

@media screen and (max-width:1250px) {	
ul.menu li {  margin-left:1.2%;  }
ul.menu li a { font-size: 82%; }
}

@media screen and (max-width: 950px) {
ul.menu li a { font-size: 80%; }
}


@media screen and (max-width: 900px) {
ul.menu li a { font-size: 76%; }
}