/* common styling */
/*.menu {font-family: arial, sans-serif; width:106px; height:150px; position:relative; margin:0; font-size:11px; margin:50px 0;}*/
/*.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000; width:104px; height:20px; text-align:center; border:1px solid #fff; border-width:1px 1px 0 0; background:#c9c9a7; line-height:19px; font-size:11px;} */

/* 663300 */

/*.menu ul
{
	padding: 0;
	margin: 0px; 
	list-style-type: none;
	vertical-align: top;
	z-index: 2;
}

.menu ul li
{
	margin: 0em 0em 0em 0em;
	position: relative;
	float:left; 
	margin-right:1px; 
	margin-top: 0px;
	z-index: 2;
	display: inline-block;
}

.menu ul li a, .menu ul li a:visited
{
	display: block;
	padding: 0.3em 0.7em 0.2em 1.2em; 
	border-top: solid 0.1em rgb(200,200,200);
	border-left: solid 0.5em rgb(235,235,235);
	background-color: #663300;
	text-decoration: none;
	font-weight: bold;
	color: rgb(226,226,226);
	font-weight: normal;
	height: 1.3em;
	width: 104px;
	z-index: 2;
}

#left-navheader-first {
	display: block;
	margin: 0em 0em 0em 0em;
	padding: 0.3em 0.7em 0.3em 0.9em;
	border-left: solid 0.5em #663300;
	background-color: #663300;
	text-decoration: none;
	color: rgb(226,226,226);
	width: 108px;
	font-weight: bold;
	z-index: 2;
}

.menu ul li ul {
	
	display: none;
	
}


.menu ul li:hover a   {color:#663300; background:#fff; border-left: solid 0.5em #663300; border-left: solid 0.5em #663300;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:130px; width:130px;

}
.menu ul li:hover ul li a.hide {background:#663300; color:#fff;}
.menu ul li:hover ul li:hover a.hide {width:130px;}
.menu ul li:hover ul li ul {
	display: none;

}
.menu ul li:hover ul li a {display:block; background:#663300; color:#fff; width:130px; border-left: solid 0.5em rgb(235,235,235);}
.menu ul li:hover ul li a:hover {background:#fff; color:#663300; border-left: solid 0.5em #663300;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:157px; top:0; color:#000;

}
.menu ul li:hover ul li:hover ul li a {display:block; width:130px; background:#663300; color:#fff;}
.menu ul li:hover ul li:hover ul li a:hover {background:#fff; color:#663300;}
*/

/* testen!!!!!!!!!!!!! */


.menu ul
{
	padding: 0;
	margin: 0px; 
	list-style-type: none;
	vertical-align: top;
	z-index: 2;
	list-style: none;
}

.menu ul li
{
	margin: 0em 0em 0em 0em;
	position: relative;
	float:left; 
	margin-right:1px; 
	margin-top: 0px;
	z-index: 2;
	display: inline-block;
}

.menu ul li a, .menu ul li a:visited
{
	display: block;
	padding: 0.3em 0.7em 0.2em 1.2em; 
	border-top: solid 1px rgb(200,200,200);
	border-left: solid 5px rgb(235,235,235);
	background-color: #663300;
	text-decoration: none;
	font-weight: bold;
	color: rgb(226,226,226);
	font-weight: normal;
	height: 1.3em;
	width: 104px;
	z-index: 2;
}

#left-navheader-first {
	display: block;
	margin: 0em 0em 0em 0em;
	padding: 0.3em 0.7em 0.3em 0.9em;
	border-left: solid 0.5em #663300;
	background-color: #663300;
	text-decoration: none;
	color: rgb(226,226,226);
	width: 108px;
	font-weight: bold;
	z-index: 2;
}

.menu ul li ul {
	position:absolute;
	opacity: 0;
	visibility:hidden;
	top:0;
	width:104px;
	left:100%;
    transition: all 0.5s ease 0.2s;
	
	
}


.menu ul li:hover a   {color:#663300; background:#fff; border-left: solid 0.5em #663300; border-left: solid 5px #663300;}
.menu ul li:hover ul { 

top:0; left:100%; width:104px;
visibility:visible;
	opacity: 1;
    transition: all 0s ease 0s;
	
}

.menu ul li:hover ul li a.hide {background:#663300; color:#fff;width:104px;}
.menu ul li:hover ul li:hover a.hide {width:104px;}
.menu ul li:hover ul li ul {
	width:104px;
	position:absolute;
	opacity: 0;
    transition: all 0.5s ease 0.2s;
}
.menu ul li:hover ul li a {display:block; background:#663300; color:#fff; width:104px; border-left: solid 5px rgb(235,235,235);}
.menu ul li:hover ul li a:hover {background:#fff; color:#663300; border-left: solid 5px #663300;width:104px;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:130px; top:0; color:#000;
	opacity: 1;
    transition: all 0s ease 0s;
}
.menu ul li:hover ul li:hover ul li a {display:block; width:104px; background:#663300; color:#fff;}
.menu ul li:hover ul li:hover ul li a:hover {background:#fff; color:#663300;}