/* -----------------------------------------------------------------------------
** Author    : t3media AG
** Version   : 0.1.4
** Datei     : menu_main.css
** LayoutKey : menu_main_vt_def
** Desc      : Main Menu Vertikal Text (Li-Symbol als Hintergrundgrafik)
** Changes   : 05.02.08 - dg - Create File
** Changes   : 27.05.08 - eb - Adapted with new categories, similar to default menu_sub
** -----------------------------------------------------------------------------
*/


/* -----------------------------------------------------------------------------
** Menu Design 
** -----------------------------------------------------------------------------
*/

/* Default <div id="menu_alt1"> */
#menu_alt1 {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 2px; 
	border-width:0px 0px 0px 0px; 
	border-style: solid solid solid solid; 
	border-color:#9a9a9a #9a9a9a #9a9a9a #9a9a9a; 
	background-color:transparent; 
}

* html #menu_alt1 {margin: 0px 0px 0px 0px;}

/* ---------------------------------------
** LEVEL 1
** ---------------------------------------
*/
/* <ul> */
#menu_alt1 ul {
	margin:0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	border-width: 0px 0px 0px 0px;
	border-style: solid solid solid solid;
	border-color:#ffffff #ffffff #ffffff #ffffff; 
	background-color: transparent; 
	list-style-type:none;
	list-style:none;
}
*+html #menu_alt1 ul {width:99%;} /* IE 7*/ 
* html #menu_alt1 ul {height:1%;} /* damit IE6 den border-top kann */

/* <ul> <li> */
#menu_alt1 ul li {
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px; 
  border-width: 0px 0px 2px 0px;
	border-style: solid solid solid solid;
	border-color:#ffffff #ffffff #ffffff #ffffff;
	line-height:2.85em; 
	text-transform:none; 
  /* height:1%;  Boxmodelhack IE : weil er sonst height nicht kann und keinen Background darstellt ... */
}

/* <ul> <li.first> Das erste Elemente in der Liste */
#menu_alt1 ul li.first {
	
}


/* <ul> <li.last> Das letzte Elemente in der Liste */
#menu_alt1 ul li.last {
	border-width: 0px 0px 0px 0px; 
}

/* <ul> <li.active> Alle aktiven Elemente in der Liste */
#menu_alt1 ul li.active {}

/* -- <li.hasChild> Elemente welche Kinder haben ----- */
/* -- <li.activesub> aktiv und geoeffnet -------------- */
/* -- <li.currentsub> aktiv und geoeffnet ------------- */
#menu_alt1 ul li.hasChild, #menu_alt1 ul li.activesub, #menu_alt1 ul li.currentsub {
}


/* -- Seitentyp : Spacer ------------------------------ */
#menu_alt1 ul li.spacer {
	padding:5px 0px 5px 0px; 
	color:#555555;
	font-size:10px;
	text-align:center; 
}

/* <ul> <li> <a> */
#menu_alt1 ul li a,
#menu_alt1 ul li a:link,
#menu_alt1 ul li a:visited,
#menu_alt1 ul li a:hover,
#menu_alt1 ul li a:active {
	margin:0px 0px 0px 0px;
	padding:95px 5px 1px 10px; 
	border-width: 0px 0px 0px 0px;
	border-style: solid solid solid solid; 
	border-color:#9a9a9a #9a9a9a #9a9a9a #9a9a9a; 
	background-color: transparent; 
	color:#ffffff; 
	font-size:18px; 
	font-weight:normal; 
	text-decoration:none; 
	display:block;	
	height:1%; /*Boxmodelhack IE : weil er sonst display:block nicht darstellt ... */
}

#menu_alt1 ul li.first a {
  background-image: url(/fileadmin/images_layouts/ausstellung_inaktiv.jpg); 
}

#menu_alt1 ul li.item-137 a {
	background-image: url(/fileadmin/images_layouts/beratung_inaktiv.jpg); 
}

#menu_alt1 ul li.last a {
	background-image: url(/fileadmin/images_layouts/lieferdienst_inaktiv.jpg); 
}



/* <ul> <li> <a:hover> LINK Mouseover Default */
#menu_alt1 ul li a:hover {
	background-color:transparent; 
	color: #ffffff; 
  font-weight:normal; 
	text-decoration:none; 
	border-width: 0px 0px 0px 0px; 
	border-style: solid solid solid solid; 
	border-color:#9a9a9a #9a9a9a #9a9a9a #9a9a9a; 
}
#menu_alt1 ul li.first a:hover{background-image:url(/fileadmin/images_layouts/ausstellung_aktiv.jpg);}
#menu_alt1 ul li.item-137 a:hover{background-image:url(/fileadmin/images_layouts/beratung_aktiv.jpg);}
#menu_alt1 ul li.last a:hover{background-image:url(/fileadmin/images_layouts/lieferdienst_aktiv.jpg);}



/* <ul> <li> <a.active> Unterschiede zu <a> */
#menu_alt1 ul li a.active,
#menu_alt1 ul li a.active:link,
#menu_alt1 ul li a.active:visited,
#menu_alt1 ul li a.active:hover,
#menu_alt1 ul li a.active:active {
	background-color: transparent; 
	color:#ffffff; 
	font-weight:normal; 
	text-decoration:none; 
	border-width: 0px 0px 0px 0px; 
	border-style: solid solid solid solid; 
	border-color:#9a9a9a #9a9a9a #9a9a9a #9a9a9a; 
}
#menu_alt1 ul li.first a.active, 
#menu_alt1 ul li.first a.active:link, 
#menu_alt1 ul li.first a.active:visited, 
#menu_alt1 ul li.first a.active:hover, 
#menu_alt1 ul li.first a.active:active {background-image:url(/fileadmin/images_layouts/ausstellung_aktiv.jpg);}

#menu_alt1 ul li.item-137 a.active, 
#menu_alt1 ul li.item-137 a.active:link, 
#menu_alt1 ul li.item-137 a.active:visited, 
#menu_alt1 ul li.item-137 a.active:hover, 
#menu_alt1 ul li.item-137 a.active:active{background-image:url(/fileadmin/images_layouts/beratung_aktiv.jpg);}

#menu_alt1 ul li.last a.active, 
#menu_alt1 ul li.last a.active:link, 
#menu_alt1 ul li.last a.active:visited, 
#menu_alt1 ul li.last a.active:hover, 
#menu_alt1 ul li.last a.active:active {background-image:url(/fileadmin/images_layouts/lieferdienst_aktiv.jpg);}




/* <ul> <li> <a.active:hover> Unterschiede zu <a:hover> */
#menu_alt1 ul li a.active:hover {
	background-color:transparent; 
	color:#ffffff; 
	font-weight:normal; 
	text-decoration:none; 
}
#menu_alt1 ul li.first a.active:hover {background-image:url(/fileadmin/images_layouts/ausstellung_aktiv.jpg);}
#menu_alt1 ul li.item-137 a.active:hover {background-image:url(/fileadmin/images_layouts/beratung_aktiv.jpg);}
#menu_alt1 ul li.last a.active:hover {background-image:url(/fileadmin/images_layouts/lieferdienst_aktiv.jpg);}




/* -----------------------------------------------------------------------------
/* ---------------------------------------
** LEVEL 2
** ---------------------------------------
*/
/* <ul> <li> <ul> */
#menu_alt1 ul li ul {
	margin:0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;   
	border-width: 0px 0px 0px 0px; 
	border-style: solid solid solid solid; 
	border-color:#dadada #dadada #dadada #dadada; 
	background-color: transparent; 
	list-style-type:none;
	list-style:none;
}

/* <ul> <li> <ul> <li> */
#menu_alt1 ul li ul li {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-width: 0px 0px 0px 0px;  
	border-style: solid solid solid solid; 
	border-color:#dadada #dadada #dadada #dadada; 
	line-height:1.25em;
	/* height:1%;  Boxmodelhack IE : weil er sonst height nicht kann und keinen Background darstellt ... */
}

/* <ul> <li> <ul> <li.first> Das erste Elemente in der Liste */
#menu_alt1 ul li ul li.first {
	border-width: 0px 0px 0px 0px; 
}

/* <ul> <li> <ul> <li.last> Das letzte Elemente in der Liste */
#menu_alt1 ul li ul li.last {
	border-width: 0px 0px 0px 0px; 
}

/* <ul> <li> <ul> <li.active> Alle aktiven Elemente in der Liste */
#menu_alt1 ul li ul li.active {}

/* -- Seitentyp : Spacer ------------------------------ */
#menu_alt1 ul li ul li.spacer {
	padding:5px 0px 5px 0px; 
	color:#555555; 
	font-size:10px; 
	text-align:center; 
}

/* <ul> <li> <ul> <li> <a> */
#menu_alt1 ul li ul li a,
#menu_alt1 ul li ul li a:link,
#menu_alt1 ul li ul li a:visited,
#menu_alt1 ul li ul li a:hover,
#menu_alt1 ul li ul li a:active {
	margin:0px 0px 0px 0px;
	padding:3px 2px 3px 7px; 
	border-width: 0px 0px 0px 0px;  
	border-style: solid solid solid solid; 
	border-color:#dadada #dadada #dadada #dadada; 
	background-color: transparent; 
	color:#000000; 
	text-decoration:none; 
	font-size:11px; 
	font-weight:normal; 
	display:block;
	height:1%; /*Boxmodelhack IE : weil er sonst display:block nicht darstellt ... */
}

/* <ul> <li> <ul> <li> <a:hover> LINK Mouseover Default */
#menu_alt1 ul li ul li a:hover {
	background-color:transparent; 
	color: #D2001B; 
  text-decoration:none; 
  font-weight:normal; 
}

/* <ul> <li> <ul> <li> <a.active> Unterschiede zu <a> */
#menu_alt1 ul li ul li a.active,
#menu_alt1 ul li ul li a.active:link,
#menu_alt1 ul li ul li a.active:visited,
#menu_alt1 ul li ul li a.active:hover,
#menu_alt1 ul li ul li a.active:active {
	background-color:transparent; 
	border-width: 0px 0px 0px 0px;  
	border-style: solid solid solid solid; 
	border-color:#dadada #dadada #dadada #dadada; 
	color:#D2001B; 
	font-weight:normal; 
	text-decoration:none; 
}

/* <ul> <li> <ul> <li> <a.active:hover> Unterschiede zu <a:hover> */
#menu_alt1 ul li ul li a.active:hover {
	background-color:transparent;
	color:#D2001B; 
	font-weight:normal; 
	text-decoration:none; 
}

/* ---------------------------------------
** LEVEL 3
** ---------------------------------------
*/
/* <ul> <li> <ul> <li> <ul> */
#menu_alt1 ul li ul li ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 5px 0px; 
	border-width: 0px 0px 0px 0px; 
	border-style: solid solid solid solid; 
	border-color:#dadada #dadada #dadada #dadada; 
	background-color:transparent; 
	list-style-type:none;
	list-style:none;
}

/* <ul> <li> <ul> <li> <ul> <li> */
#menu_alt1 ul li ul li ul li {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-width: 0px 0px 0px 0px;  
	border-style: solid solid solid solid; 
	border-color:#dadada #dadada #dadada #dadada; 
	line-height:1.25em; 
	/* height:1%;  Boxmodelhack IE : weil er sonst height nicht kann und keinen Background darstellt ... */
}

/* <ul> <li> <ul> <li> <ul> <li.first> Das erste Elemente in der Liste */
#menu_alt1 ul li ul li ul li.first {
	border-width: 0px 0px 0px 0px; 
}

/* <ul> <li> <ul> <li> <ul> <li.last> Das letzte Elemente in der Liste */
#menu_alt1 ul li ul li ul li.last {
	border-width: 0px 0px 0px 0px; 
}

/* <ul> <li> <ul> <li> <ul> <li.active> Alle aktiven Elemente in der Liste */
#menu_alt1 ul li ul li ul li.active {}

/* -- Seitentyp : Spacer ------------------------------ */
#menu_alt1 ul li ul li ul li.spacer {
	padding:5px 0px 5px 0px; 
	color:#555555; 
	font-size:10px; 
	text-align:center; 
}

/* <ul> <li> <ul> <li> <ul> <li> <a> */
#menu_alt1 ul li ul li ul li a,
#menu_alt1 ul li ul li ul li a:link,
#menu_alt1 ul li ul li ul li a:visited,
#menu_alt1 ul li ul li ul li a:hover,
#menu_alt1 ul li ul li ul li a:active {
	margin:0px 0px 0px 0px;
	padding:3px 2px 3px 14px; 
	background-color:transparent; 
	color:#000000; 
	text-decoration:none; 
	font-size:11px; 
	font-weight:normal;
	display:block;
	height:1%; /*Boxmodelhack IE : weil er sonst display:block nicht darstellt ... */
}

/* <ul> <li> <ul> <li> <ul> <li> <a:hover> LINK Mouseover Default */
#menu_alt1 ul li ul li ul li a:hover {
	background-color:transparent; 
	color: #D2001B; 
  text-decoration:none; 
}


/* <ul> <li> <ul> <li> <ul> <li> <a.active> Unterschiede zu <a> */
#menu_alt1 ul li ul li ul li a.active,
#menu_alt1 ul li ul li ul li a.active:link,
#menu_alt1 ul li ul li ul li a.active:visited,
#menu_alt1 ul li ul li ul li a.active:hover,
#menu_alt1 ul li ul li ul li a.active:active {
	background-color:transparent; 
	color:#D2001B; 
	font-weight:normal; 
	text-decoration:none; 
}

/* <ul> <li> <ul> <li> <ul> <li> <a.active:hover> Unterschiede zu <a:hover> */
#menu_alt1 ul li ul li ul li a.active:hover {
	background-color:transparent; 
	color:#D2001B; 
	font-weight:normal; 
  text-decoration:none; 
}

/* ---------------------------------------
** LEVEL 4
** ---------------------------------------
*/
/* <ul> <li> <ul> <li> <ul> <li> <ul> */
#menu_alt1 ul li ul li ul li ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 5px 0px; 
	border-width: 0px 0px 0px 0px; 
	border-style: solid solid solid solid; 
	border-color:#dadada #dadada #dadada #dadada; 
	background-color:transparent; 
	list-style-type:none;
	list-style:none;
}

/* <ul> <li> <ul> <li> <ul> <li> <ul> <li> */
#menu_alt1 ul li ul li ul li ul li {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-width: 0px 0px 0px 0px; 
	border-style: solid solid solid solid; 
	border-color:#dadada #dadada #dadada #dadada; 
	line-height:1.25em; 
	/* height:1%; Boxmodelhack IE : weil er sonst height nicht kann und keinen Background darstellt ... */
}

/* <ul> <li> <ul> <li> <ul> <li> <ul> <li.first> Das erste Elemente in der Liste */
#menu_alt1 ul li ul li ul li ul li.first {
	border-width: 0px 0px 0px 0px; 
}

/* <ul> <li> <ul> <li> <ul> <li> <ul> <li.last> Das letzte Elemente in der Liste */
#menu_alt1 ul li ul li ul li ul li.last {
	border-width: 0px 0px 0px 0px;  
}

/* <ul> <li> <ul> <li> <ul> <li> <ul> <li.active> Alle aktiven Elemente in der Liste */
#menu_alt1 ul li ul li ul li ul li.active {}

/* -- Seitentyp : Spacer ------------------------------ */
#menu_alt1 ul li ul li ul li ul li.spacer {
	padding:5px 0px 5px 0px;
	color:#555555; 
	font-size:10px; 
	text-align:center; 
}

/* <ul> <li> <ul> <li> <ul> <li> <ul> <li> <a> */
#menu_alt1 ul li ul li ul li ul li a,
#menu_alt1 ul li ul li ul li ul li a:link,
#menu_alt1 ul li ul li ul li ul li a:visited,
#menu_alt1 ul li ul li ul li ul li a:hover,
#menu_alt1 ul li ul li ul li ul li a:active {
	margin:0px 0px 0px 0px;
	padding:3px 2px 3px 21px; 
	background-color:transparent; 
	color:#000000; 
  background-image:none;
	text-decoration:none; 
	font-size:11px; 
	font-weight:normal;
	display:block;
	height:1%; /*Boxmodelhack IE : weil er sonst display:block nicht darstellt ... */
}

/* <ul> <li> <ul> <li> <ul> <li> <ul> <li> <a:hover> LINK Mouseover Default */
#menu_alt1 ul li ul li ul li ul li a:hover {
	background-color:transparent; 
	color: #D2001B; 
	font-weight:normal; 
	text-decoration: none; 
}

/* <ul> <li> <ul> <li> <ul> <li> <ul> <li> <a.active> Unterschiede zu <a> */
#menu_alt1 ul li ul li ul li ul li a.active,
#menu_alt1 ul li ul li ul li ul li a.active:link,
#menu_alt1 ul li ul li ul li ul li a.active:visited,
#menu_alt1 ul li ul li ul li ul li a.active:hover,
#menu_alt1 ul li ul li ul li ul li a.active:active {
	background-color:transparent; 
	background-image:none;
	color:#D2001B; 
	font-weight:normal; 
	text-decoration: none;
}

/* <ul> <li> <ul> <li> <ul> <li> <ul> <li> <a.active:hover> Unterschiede zu <a:hover> */
#menu_alt1 ul li ul li ul li ul li a.active:hover {
	background-color:transparent; 
	color:#D2001B; 
	font-weight:normal; 
	text-decoration: none; 
}