/* Main Styles */	
/* NOTE IE mit HTML 4.0 funktioniert hover nicht richtig zur Aktivierung Sub-Menue! */ 
/* Menue horizontal */
#wrapper{
	width:620px;
	margin:0 auto;
	margin-top:100px;
	margin-left:100px;
}

#nav {
	position:relative;
	width:620px;
	margin:0 auto;
	margin-left:100px;
}

ul#navigation {
	margin:0px auto;
	position:relative;
	float:left;
	border-left:1px none rgba(196,219,231,0);
	border-right:1px none rgba(196,219,231,0);
	list-style-type: none; /* keine Punkte */
}

ul#navigation li {
	display:inline;
	font-size:18px;
	font-weight:bold;
	margin:0;
	padding:0;
	float:left;
	position:relative;
	border-top:1px none rgba(196,219,231,0);
	border-bottom:2px none rgba(196,219,231,0);
}

/* Hauptmenue */
ul#navigation li a {
	padding:10px 15px;
	color:#ff990f; /* Textfarbe */
	text-shadow:0px 0px 0px #FF8635; 
	text-decoration:none;
	font-size:14px;
	display:inline-block;
	border-right:1px none rgba(255,255,255,0);
	border-left:1px none rgba(194,194,194,0); /* vertikale Trennlinie */
	border-top:1px none rgba(255,255,255,0);
	background: rgba(220,160,140,0);
	
	
	-webkit-transition:color 0.2s linear, background 0.2s linear;	
	-moz-transition:color 0.2s linear, background 0.2s linear;	
	-o-transition:color 0.2s linear, background 0.2s linear;	
	transition:color 0.2s linear, background 0.2s linear;	
}

ul#navigation li a:hover {
	background:rgba(248,248,248,0);
	color:#FFff35; /* Textfarbe */
}

ul#navigation li:hover > a {
	background:rgba(255,15,0,0);
}

/* Drop-Down Navigation */
ul#navigation li:hover > ul
{
	visibility:visible;
	opacity:1;
}

/* submenue */
ul#navigation ul, ul#navigation ul li ul {
	list-style: none;
    margin: 0;
    padding: 0;    
	visibility:hidden;
    position: absolute;
    z-index: 99999;
	width:180px;
	background:rgba(248,248,248,0);
	box-shadow:0px 0px 0px rgba(204,204,204,0); /* äußerer Rahmen submenue (unten und rechts) */
	opacity:0;
	-webkit-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-moz-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-o-transition:opacity 0.2s linear, visibility 0.2s linear; 
	transition:opacity 0.2s linear, visibility 0.2s linear; 	
}

ul#navigation ul {
    top: 143px;
    left: 1px;
}

ul#navigation ul li ul {
    top: 0;
    left: 181px;
}

ul#navigation ul li {
	clear:both;
	width:100%;
	border:0 none;
	border-bottom:1px none rgba(201,201,201,0); /* Trennlinie zwischen Submenue */
}

ul#navigation ul li a {
	background:none;
	padding:7px 15px;
	color:#ff990f; /* #ff990f */
	text-shadow:0px 0px 0px #FF8635;
	text-decoration:none;
	display:inline-block;
	border:0 none;
	float:left;
	clear:both;
	width:150px;
}

ul#navigation li a.first {
	border-left: 0 none;
}

ul#navigation li a.last {
	border-right: 0 none;
}
/* ENDE Menü horizonal */ 







/* Menü vertikal aufbauen */
#navv {
	position:relative;
	width:130px;
	margin:0 auto;

}


ul#naviver {
	margin:0px;
	padding-left:0px; /* Einzug nach links verhindern */
	position:relative;
	float:left;
	border-left:1px none rgba(196,219,231,0);
	border-right:1px none rgba(196,219,231,0);
	list-style-type: none; 
}

ul#naviver li a{
	display:inline;
	font-size:12px;
	font-weight:0px;
	margin:0px; /* Zeilenhöhe */ 
	padding:0px;
	float:left;
	position:relative;
	border-top:1px none rgba(196,219,231,0);
	border-bottom:2px none rgba(196,219,231,0);
}

/* Hauptmenue */
ul#naviver li a {
	padding:1px 1px; /* top left */
	color:#ff990f; /* Textfarbe */
	text-shadow:0px 0px 0px #FF8635; 
	text-decoration:none;
	display:inline-block;
	border-right:1px none rgba(255,255,255,0);
	border-left:1px none rgba(194,194,194,0); /* vertikale Trennlinie */
	border-top:1px none rgba(255,255,255,0);
	background: rgba(220,160,140,0);
	
	
	-webkit-transition:color 0.2s linear, background 0.2s linear;	
	-moz-transition:color 0.2s linear, background 0.2s linear;	
	-o-transition:color 0.2s linear, background 0.2s linear;	
	transition:color 0.2s linear, background 0.2s linear;	
}

ul#naviver li a:hover {
	background:rgba(248,248,248,0);
	color:#007700; /* Textfarbe */
	
}



/* Drop-Down naviver */
ul#naviver li:hover > ul 
{
	visibility:visible;
	opacity:1;
}

/* submenue */
ul#naviver  ul , ul#naviver  ul li ul  {
	list-style: none;
  margin: 5px;
  padding: 0px;    
  font-weight:0px;
	visibility:hidden; 
  position: absolute;
  z-index: 99999;
	width:330px; /* 180 */
	background:rgba(238,248,7,0.9);
	box-shadow:1px 1px 3px rgba(204,204,204,1); /* äußerer Rahmen submenue (unten und rechts) */
	opacity:0;
	-webkit-transition:opacity 0.6s linear, visibility 0.6s linear; 
	-moz-transition:opacity 0.6s linear, visibility 0.6s linear; 
	-o-transition:opacity 0.6s linear, visibility 0.6s linear; 
	transition:opacity 0.6s linear, visibility 0.6s linear; 	
}

/* Positionierung sub-menue - inkl. unsichtbares submenü*/
ul#naviver  ul {
   /* top: 45px;		*/
     left: 120px;  /* Verschiebung Submenu */
}

/* Submenue die Einrückung positionieren */
ul#naviver  ul li  {
	position:relative;
    top: -10px;
    left: 1px; /* 181 */
}

ul#naviver  ul li {
	clear:both;
	width:330px;
	border:0 none;
	border-bottom:1px solid rgba(201,201,201,1); /* Trennlinie zwischen Submenue */
}


ul#naviver  ul li a {
	background:none;
	margin:5px; /* Zeilenhöhe Submenue */
	padding:1px 5px; /* Positionierung Submenue einstellen */ 
	color:#ff990f; /* #ff990f */
	text-shadow:0px 0px 0px #FF8635;
	text-decoration:none;
	display:inline-block;
	border:0 none;
	float:left;
	clear:both;
	width:350px; /* wenn Zeilenabstand zu gross kann mit größerer Breite auf einzeilig eingestellt werden ! */
}

ul#naviver li a.first {
	border-left: 0 none;
}

ul#naviver li a.last {
	border-right: 0 none;
}