/* menu.css */

/* Metanavigation */
.moduletable-metanav {
	position: relative;
	float: right;
	height: 30px;
	vertical-align: bottom;
	margin: 0;
	margin-top: 30px;
	padding: 0;
	text-align: right;
}

.moduletable-metanav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.moduletable-metanav li {
	display: inline;
	margin: 0px;
	padding: 0px;
	padding-left: 20px;
}

.moduletable-metanav a,
.moduletable-metanav a:visited,
.moduletable-metanav a:active,
.moduletable-metanav a:focus {
	margin: 0;
	padding: 0;
	color: #928966;
	font-size: 16px;
	font-family: HelveticaNeueLTStd-Bd, arial, sans-serif;
	text-decoration: none;
}

.moduletable-metanav a:hover {
	text-decoration: none;
	color: #0071ab;
}

.moduletable-metanav li.active a {
	color: #0071ab;
	text-decoration: none;
}


/* Hauptnavigation oben */
.dj-main {
    padding: 0;
    margin: 0;
    list-style: none;
    height: 36px;
    background: transparent;
    position: relative;
    z-index: 500;
    width: auto;
	background: #a29a76;
}

.dj-main img {
    border: 0 !important;
}

.dj-main li.dj-up {
	position: relative;
    display: block;
    float: left;
    padding: 0;
    margin: 0;
}

.dj-main li a.dj-up_a {
    display: block;
    float: left;
    height: 36px;
    line-height: 36px;
    padding: 0;
	margin: 0;
    cursor: pointer;
 }


/* Navigationsgrafiken DE */
.dj-main li a.dj-up_a.l1de {
	width: 133px;
	background: transparent url(../images/navigation/de-die-stiftung-off.png) no-repeat 0px 0px;
}

.dj-main li:hover a.dj-up_a.l1de span.dj-drop,
.dj-main li a.dj-up_a.active.l1de,
.dj-main li a.dj-up_a.l1de:hover {
	width: 133px;
	background: transparent url(../images/navigation/de-die-stiftung-on.png) no-repeat 0px 0px;
}

.dj-main li a.dj-up_a.l2de {
	width: 140px;
	background: transparent url(../images/navigation/de-rudolf-geigy-off.png) no-repeat 0px 0px;
}

.dj-main li:hover a.dj-up_a.l2de span.dj-drop,
.dj-main li a.dj-up_a.active.l2de,
.dj-main li a.dj-up_a.l2de:hover {
	width: 140px;
	background: transparent url(../images/navigation/de-rudolf-geigy-on.png) no-repeat 0px 0px;
}

.dj-main li a.dj-up_a.l3de {
	width: 210px;
	background: transparent url(../images/navigation/de-r-geigy-foerderpreis-off.png) no-repeat 0px 0px;
}

.dj-main li:hover a.dj-up_a.l3de span.dj-drop,
.dj-main li a.dj-up_a.active.l3de,
.dj-main li a.dj-up_a.l3de:hover {
	width: 210px;
	background: transparent url(../images/navigation/de-r-geigy-foerderpreis-on.png) no-repeat 0px 0px;
}

.dj-main li a.dj-up_a.l4de {
	width: 219px;
	background: transparent url(../images/navigation/de-unterstuetzte-projekte-off.png) no-repeat 0px 0px;
}

.dj-main li:hover a.dj-up_a.l4de span.dj-drop,
.dj-main li a.dj-up_a.active.l4de,
.dj-main li a.dj-up_a.l4de:hover {
	width: 219px;
	background: transparent url(../images/navigation/de-unterstuetzte-projekte-on.png) no-repeat 0px 0px;
}

.dj-main li.itemid439 a,
.dj-main li.itemid440 a {
	padding: 0 16px 0 16px;
	color: #fff;
	font-size: 19px;
	letter-spacing: 1px;
	font-family: 'HelveticaNeueLTStd-Roman',sans-serif;
}

.dj-main li.itemid439.active a,
.dj-main li.itemid440.active a,
.dj-main li.itemid439.active a:hover,
.dj-main li.itemid440.active a:hover {
	background: #017fba;
}

.dj-main li.itemid439 ul li a,
.dj-main li.itemid440 ul li a {
	padding: 0 0 0 16px;
	font-weight: normal;
	font-family: 'HelveticaNeueLTStd-Roman',sans-serif;
}



/* Navigationsgrafiken EN*/
.dj-main li a.dj-up_a.l1en {
	width: 133px;
	background: transparent url(../images/navigation/en-foundation-off.png) no-repeat 0px 0px;
}

.dj-main li:hover a.dj-up_a.l1en span.dj-drop,
.dj-main li a.dj-up_a.active.l1en,
.dj-main li a.dj-up_a.l1en:hover {
	width: 133px;
	background: transparent url(../images/navigation/en-foundation-on.png) no-repeat 0px 0px;
}

.dj-main li a.dj-up_a.l2en {
	width: 140px;
	background: transparent url(../images/navigation/en-rudolf-geigy-off.png) no-repeat 0px 0px;
}

.dj-main li:hover a.dj-up_a.l2en span.dj-drop,
.dj-main li a.dj-up_a.active.l2en,
.dj-main li a.dj-up_a.l2en:hover {
	width: 140px;
	background: transparent url(../images/navigation/en-rudolf-geigy-on.png) no-repeat 0px 0px;
}

.dj-main li a.dj-up_a.l3en {
	width: 163px;
	background: transparent url(../images/navigation/en-r-geigy-award-off.png) no-repeat 0px 0px;
}

.dj-main li:hover a.dj-up_a.l3en span.dj-drop,
.dj-main li a.dj-up_a.active.l3en,
.dj-main li a.dj-up_a.l3en:hover {
	width: 163px;
	background: transparent url(../images/navigation/en-r-geigy-award-on.png) no-repeat 0px 0px;
}

.dj-main li a.dj-up_a.l4en {
	width: 194px;
	background: transparent url(../images/navigation/en-supported-projects-off.png) no-repeat 0px 0px;
}

.dj-main li:hover a.dj-up_a.l4en span.dj-drop,
.dj-main li a.dj-up_a.active.l4en,
.dj-main li a.dj-up_a.l4en:hover {
	width: 194px;
	background: transparent url(../images/navigation/en-supported-projects-on.png) no-repeat 0px 0px;
}
/* Ende navigationsgrafiken */


.dj-main li a.dj-up_a span {
    float: left;
    display: block;
	margin: 0;
	padding: 0;
    background: transparent;
}

li.dj-up .separator {
	margin: 0;
	padding: 0;
	width: 1px;
}

li.dj-up.separator a.dj-up_a 
	width: 1px;
}

li.dj-up.separator a.dj-up_a span 
	position: absolute;
	height: 0px;
	width: 0px;
	left: -3600px;
	top: -2400px;
	display: none;
}


.dj-main li:hover {
    position: relative;
    z-index: 200;
}

.dj-main li:hover ul.dj-submenu {
    left: 0px;
    top: 36px;
    padding: 0px;
    width: 273px;
    height: auto;
    z-index: 300;
	background: #0071ab;
	background: rgba(0,113,171,0.8);
}


/* Subnavigation Deutsch */
.dj-main li.itemid108:hover ul.dj-submenu {
    width: 275px;
}

.dj-main li.itemid116:hover ul.dj-submenu {
    left: 0px;
    top: 36px;
    padding: 0px;
    width: 210px;
    height: auto;
    z-index: 300;
	background: #0071ab;
	background: rgba(0,113,171,0.8);
}

.dj-main li.itemid116:hover ul.dj-submenu ul {
    width: 240px;
}

.dj-main li.itemid122:hover ul.dj-submenu {
    left: 0px;
    top: 36px;
    padding: 0px;
    width: 240px;
    height: auto;
    z-index: 300;
	background: #0071ab;
	background: rgba(0,113,171,0.8);
}

.dj-main li.itemid122:hover ul.dj-submenu ul {
    left: 260px;
}

/* Subnavigation Englisch */
.dj-main li.itemid125:hover ul.dj-submenu {
    left: 0px;
    top: 36px;
    padding: 0px;
    width: 275px;
    height: auto;
    z-index: 300;
	background: #0071ab;
	background: rgba(0,113,171,0.8);
}

.dj-main li.itemid127:hover ul.dj-submenu {
    left: 0px;
    top: 36px;
    padding: 0px;
    width: 220px;
    height: auto;
    z-index: 300;
	background: #0071ab;
	background: rgba(0,113,171,0.8);
}

.dj-main li.itemid127:hover ul.dj-submenu ul {
    width: 230px;
}

.dj-main li.itemid128:hover ul.dj-submenu {
    left: 0px;
    top: 36px;
    padding: 0px;
    width: 255px;
    height: auto;
    z-index: 300;
	background: #0071ab;
	background: rgba(0,113,171,0.8);
}

.dj-main li.itemid128:hover ul.dj-submenu ul {
    left: 275px;
}

.dj-main li:hover ul.dj-submenu li {
    display: block;
    height: auto;
    position: relative;
	height: 26px;
    font-weight: normal;
}

.dj-main li:hover ul.dj-submenu li a {
    display: block;
	padding-left: 13px;
	height: 26px;
    line-height: 26px;
	font-size: 14px;
    color: #ffffff;
	font-family: HelveticaNeueLTStd-Bd, arial, sans-serif;
    text-decoration: none;
}

.dj-main li ul.dj-submenu li a.dj-more {
    color: #ffffff;
}

.dj-main li:hover ul.dj-submenu ul {
	margin-left: -40px;
	background: #0071ab;
	background: rgba(0,113,171,0.8);
}


.dj-main li:hover ul.dj-submenu li a:hover, 
.dj-main li ul.dj-submenu li a.active, 
.dj-main li ul.dj-submenu li li a.active,
.dj-main li ul.dj-submenu li li li a.active {
    background: #004c6d;
    color: #ffffff;
}

.dj-main li:hover ul.dj-submenu li a.dj-more:hover {
    background: #004c6d;
    color: #ffffff;
}

.dj-main li:hover ul.dj-submenu li a.dj-more-active {
    background: #004c6d;
    color: #ffffff;
}

.dj-main li:hover ul.dj-submenu li a.dj-more-active:hover {
    background: #004c6d;
    color: #ffffff;
}

.dj-main li:hover li:hover ul {
	margin-top: 4px;
}

.dj-main li:hover li:hover ul,
.dj-main li:hover li:hover li:hover ul,
.dj-main li:hover li:hover li:hover li:hover ul, 
.dj-main li:hover li:hover li:hover li:hover li:hover ul {
    left: 230px;
    top: -4px;
    white-space: nowrap;
    width: 260px;
    z-index: 400;
    height: auto;
	padding: 0;
}


/* Stiftungsrat DE */
.dj-main li:hover li.itemid214:hover ul {
    left: 297px;
    top: -4px;
    white-space: nowrap;
    width: 313px;
    z-index: 400;
    height: auto;
	padding: 0;
}

/* Stiftungsrat EN */
.dj-main li:hover li.itemid130:hover ul {
    left: 297px;
    top: -4px;
    white-space: nowrap;
    width: 339px;
    z-index: 400;
    height: auto;
	padding: 0;
}

/* Spenden */
.dj-main li:hover li.itemid112:hover ul,
.dj-main li:hover li.itemid132:hover ul {
    left: 293px;
    top: -4px;
    white-space: nowrap;
    width: 232px;
    z-index: 400;
    height: auto;
	padding: 0;
}

/* Gesuch */
.dj-main li:hover li.itemid114:hover ul {
    left: 293px;
    top: -4px;
    white-space: nowrap;
    width: 232px;
    z-index: 400;
    height: auto;
	padding: 0;
}

/* Application */
.dj-main li:hover li.itemid135:hover ul {
    left: 293px;
    top: -4px;
    white-space: nowrap;
    width: 260px;
    z-index: 400;
    height: auto;
	padding: 0;
}

.dj-main ul, .dj-main li:hover ul ul, 
.dj-main li:hover li:hover ul ul, 
.dj-main li:hover li:hover li:hover ul ul, 
.dj-main li:hover li:hover li:hover li:hover ul ul {
    position: absolute;
    left: -9999px;
    top: -9999px;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.dj-main li:hover li:hover li,
.dj-main li:hover li:hover li:hover li,
.dj-main li:hover li:hover li:hover li:hover li {

}

.dj-main li:hover li:hover a.dj-more, 
.dj-main li:hover li:hover li:hover a.dj-more, 
.dj-main li:hover li:hover li:hover li:hover a.dj-more, 
.dj-main li:hover li:hover li:hover li:hover li:hover a.dj-more {
    background: #004c6d;
    color: #ffffff;
}

.dj-main li:hover li:hover li a.dj-more, 
.dj-main li:hover li:hover li:hover li a.dj-more, 
.dj-main li:hover li:hover li:hover li:hover li a.dj-more {
    background: #004c6d;
    color: #ffffff;
}