/* DIE NAVIGATION :: olemedien | buero fuer visuelle kommunikation */


.navi_ebene1 {
	margin: 0;
	padding: 10px 0 5px 0;
}

.navi_ebene1 a,
.navi_ebene1 a:link,
.navi_ebene1 a:visited {
	margin: 0;
	padding: 0;
	border: 0;
}

.navi_ebene1 a:hover,
.navi_ebene1 a:active {
	margin: 0;
	padding: 0;
	border: 0;
}

.navi_ebene2 {
	margin: 0;
	padding: 0 0 5px 30px;
}


/*NAVIGATION Stufe 1 */
ul.mouseover  {
	margin: 0;
	padding: 0;
}

ul.mouseover li.ebene1,
ul.mouseover li.ebene1_on  {
	position: relative;
	overflow: hidden;
	float: right;
	width: 170px;
	margin: 0px;
}

/* ebene 1 */
ul.mouseover li.ebene1 a img {
	position: relative;
	width: 340px;
	height: 20px;
	border: 0;
	left: 0px;
}

ul.mouseover li.ebene1 a:hover {
	position: relative;
	left: -170px;
	/*left: 0px;*/
}

/* ebene 1 ON */
ul.mouseover li.ebene1_on a img {
	position: relative;
	width: 340px;
	height: 20px;
	border: 0;
	left: -170px;
}

ul.mouseover li.ebene1_on a:hover {
	position: relative;
	left: 0px;
}

/* ebene 2 */
ul.mouseover li.ebene2,
ul.mouseover li.ebene2_on  {
	position: relative;
	overflow: hidden;
	float: right;
	width: 130px;
	margin: 0px 0px 0px 0px;
	padding: 0px;	
}

ul.mouseover li.ebene2 a img {
	position: relative;
	width: 260px;
	height: 18px;
	border: 0;
	left: 0px;
}

ul.mouseover li.ebene2 a:hover {
	position: relative;
	left: -130px;
	border: 0;
}

/* ebene 2 ON */
ul.mouseover li.ebene2_on a img {
	position: relative;
	width: 260px;
	height: 18px;
	border: 0;
	left: -130px;
}

ul.mouseover li.ebene2_on a:hover {
	position: relative;
	left: 0px;
	border: 0;
}

/* ALTE JavaScript - NAVIGATION Stufe 1 */
.navi1 {	
	background: transparent url(../images/menu_normal.gif) no-repeat top left;
	text-decoration: none;
	color: #777;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: bold;
	padding: 0px;
	display: block;	
	height: 23px;
	margin: 0;
}

.navi1 a:link {	
	background: transparent url(../images/menu_normal.gif) no-repeat top left;
	text-decoration: none;
	color: #777;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: bold;
	padding: 4px 0px 0px 12px;
	display: block;	
	height: 19px;
	margin: 0;
	border: 0;
}

.navi1 a:visited {	
	background: transparent url(../images/menu_normal.gif) no-repeat top left;
	text-decoration: none;
	color: #777;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: bold;
	padding: 4px 0px 0px 12px;
	display: block;
	height: 19px;
	margin: 0;
	border: 0;
}

.navi1 a:hover {	
	background: transparent url(../images/menu_on.gif) no-repeat top left;
	text-decoration: none;
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: bold;
	padding: 4px 0px 0px 12px;
	display: block;	
	height: 19px;
	margin: 0;
	border: 0;
}

.navi1 a:active {
	background: transparent url(../images/menu_on.gif) no-repeat top left;
	text-decoration: none;
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: bold;
	padding: 4px 0px 0px 12px;
	display: block;	
	height: 19px;
	margin: 0;
	border: 0;
}

/*NAVIGATION Stufe 1 ON */
.navi1_on {	
	background: transparent url(../images/menu_on.gif) no-repeat top left;
	text-decoration: none;
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: bold;
	padding: 0px;
	display: block;	
	height: 23px;
	margin: 0px;
	border: 0;
}

.navi1_on a:link {	
	background: transparent url(../images/menu_on.gif) no-repeat top left;
	text-decoration: none;
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: bold;
	padding: 4px 0px 0px 12px;
	display: block;	
	height: 19px;
	margin: 0;
	border: 0;
}

.navi1_on a:active {	
	background: transparent url(../images/menu_on.gif) no-repeat top left;
	text-decoration: none;
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: bold;
	padding: 4px 0px 0px 12px;
	display: block;	
	height: 19px;
	margin: 0;
	border: 0;
}

.navi1_on a:visited {
	background: transparent url(../images/menu_on.gif) no-repeat top left;	
	text-decoration: none;
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: bold;
	padding: 4px 0px 0px 12px;
	display: block;
	height: 19px;
	margin: 0;
	border: 0;
}

.navi1_on a:hover {	
	background: transparent url(../images/menu_on.gif) no-repeat top left;
	text-decoration: none;
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: bold;
	padding: 4px 0px 0px 12px;
	display: block;	
	height: 19px;
	margin: 0;
	border: 0;
}

/* NAVIGATION Stufe 2 */
.navi2 {	
	background: transparent url(../images/menu_over.gif) no-repeat top left;
	text-decoration: none;
	color: #ff7d22;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: bold;
	padding: 0px;
	display: block;	
	height: 23px;
	margin: 0;
}

.navi2 a:link {	
	background: transparent url(../images/menu_over.gif) no-repeat top left;
	text-decoration: none;
	color: #ff7d22;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	padding: 4px 0px 0px 12px;
	display: block;	
	height: 19px;
	margin: 0;
	border: 0;
}

.navi2 a:visited {	
	background: transparent url(../images/menu_over.gif) no-repeat top left;
	text-decoration: none;
	color: #ff7d22;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	padding: 4px 0px 0px 12px;
	display: block;	
	height: 19px;
	margin: 0;
	border: 0;
}

.navi2 a:hover {
	background: transparent url(../images/menu2_on.gif) no-repeat top left;	
	text-decoration: none;
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	padding: 4px 0px 0px 12px;
	display: block;	
	height: 19px;
	margin: 0;
	border: 0;
}

.navi2 a:active {	
	background: transparent url(../images/menu2_on.gif) no-repeat top left;
	text-decoration: none;
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	padding: 4px 0px 0px 12px;
	display: block;	
	height: 19px;
	margin: 0;
	border: 0;
}

/*NAVIGATION Stufe 2 ON */
.navi2_on {	
	background: transparent url(../images/menu2_on.gif) no-repeat top left;
	text-decoration: none;
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	padding: 0px;
	display: block;	
	height: 23px;
	margin: 0;
	border: 0;
}

.navi2_on a:link {	
	background: transparent url(../images/menu2_on.gif) no-repeat top left;
	text-decoration: none;
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	padding: 4px 0px 0px 12px;
	display: block;	
	height: 19px;
	margin: 0;
	border: 0;
}

.navi2_on a:visited {	
	background: transparent url(../images/menu2_on.gif) no-repeat top left;
	text-decoration: none;
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	padding: 4px 0px 0px 12px;
	display: block;	
	height: 19px;
	margin: 0;
	border: 0;
}

.navi2_on a:hover {
	background: transparent url(../images/menu2_on.gif) no-repeat top left;
	text-decoration: none;
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	padding: 4px 0px 0px 12px;
	display: block;	
	height: 19px;
	margin: 0;
	border: 0;
}

.navi2_on a:active {	
	background: transparent url(../images/menu2_on.gif) no-repeat top left;
	text-decoration: none;
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	padding: 4px 0px 0px 12px;
	display: block;	
	height: 19px;
	margin: 0;
	border: 0;
}

/* NAVIGATION Stufe 3 */
.navi3 {
	background: transparent url(../images/menu_over.gif) no-repeat top left;
	text-decoration: none;
	color: #777;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	padding: 0px;
	display: block;	
	height: 23px;
	margin: 0;
}

.navi3 a:link {
	background: transparent url(../images/menu_over.gif) no-repeat top left;
	text-decoration: none;
	color: #777;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	padding: 4px 0px 0px 18px;
	display: block;	
	height: 19px;
	margin: 0;
	border: 0;
}

.navi3 a:visited {	
	background: transparent url(../images/menu_over.gif) no-repeat top left;
	text-decoration: none;
	color: #777;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	padding: 4px 0px 0px 18px;
	display: block;	
	height: 19px;
	margin: 0;
	border: 0;
}

.navi3 a:hover {
	background: transparent url(../images/menu_grau.gif) no-repeat top left;	
	text-decoration: none;
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	padding: 4px 0px 0px 18px;
	display: block;	
	height: 19px;
	margin: 0;
	border: 0;
}

.navi3 a:active {
	background: transparent url(../images/menu_grau.gif) no-repeat top left;
	text-decoration: none;
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	padding: 4px 0px 0px 18px;
	display: block;	
	height: 19px;
	margin: 0;
	border: 0;
}

/* NAVIGATION Stufe 3 */
.navi3_on {
	background: transparent url(../images/menu_over.gif) no-repeat top left;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #ff7d22;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 23px;
	display: block;	
	border: 0;
}

.navi3_on a:link {
	background: transparent url(../images/menu_over.gif) no-repeat top left;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #ff7d22;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 18px;
	height: 19px;
	display: block;	
	border: 0;
}

.navi3_on a:visited {
	background: transparent url(../images/menu_over.gif) no-repeat top left;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #ff7d22;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 18px;
	height: 19px;
	display: block;	
	border: 0;
}

.navi3_on a:active {
	background: transparent url(../images/menu_over.gif) no-repeat top left;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #ff7d22;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 18px;
	height: 19px;
	display: block;	
	border: 0;
}

.navi3_on a:hover{
	background: transparent url(../images/menu_over.gif) no-repeat top left;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #ff7d22;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 18px;
	height: 19px;
	display: block;	
	border: 0;
}