/* Page layout stylesheet */

* {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
	/*color:#777777;*/
	color:#555555;
}

#main {
	width: 1009px;
	min-height: 1066px;
	position: relative;
	top: 0px;
	margin: auto;
	/* background: url(../../images/main_bg.gif) repeat-y 0 0 #FFF; */
	text-align: left;
	margin-bottom: 0;
	overflow:hidden;
	/*overflow:visible;*/
	background-attachment:fixed;
	background-position: center 28px;
}

#head {
	position: relative;
	height: 277px !important;
	height: 279px;
	margin-bottom:16px;
	z-index:100;
}

	#head h1 a {
		display: block;
		text-indent: -9999px;
		outline: 0;
		width: 226px;
		height: 191px;
		background-image: url(../../images/logo_JM_d.png);
		background-position:25px bottom;
		position: fixed;
		left: 0;
		top: 32px;
	}
	
	.languid_1 #head h1 a {
		background-image: url(../../images/logo_JM_f.png);
	}
	
	.languid_2 #head h1 a {
		background-image: url(../../images/logo_JM_i.png);
	}
	
	#head #quickSearch {
		position:absolute;
		bottom:0px;
		right:10px;
	}
	
	#mainNav {
		position:fixed;
		top: 0px;
		left: 26px;
		z-index: 101;
		width:203px;
		padding-bottom: 20px;
	}
	
	#mainNav li {
		position: relative;
		float: left; 
		display:block;
		width:203px;
		min-height:32px;
		padding-top:2px;
		background-image:url(../../images/mainNav.png);
	}
	
	#mainNav li a {
		display: block;
		font-size: 13px;
		color: #000;
		line-height:18px;
		width:187px;
	}
	
	#mainNav li.level1 {
		margin-right: 2px;
		text-transform: uppercase;
	}
	
	#mainNav li a.level1 {
		line-height: 24px;  
		font-size: 13px;
		color: #000;
		padding: 0 17px;
		font-family:Univers,Arial,sans-serif;
		text-transform: uppercase;
		font-weight: normal;
	}
	
	/* #mainNav li a:hover, */
	#mainNav li a.cur,
	#mainNav li a.act,
	#mainNav li a:hover,
	#mainNav li a.act:hover,
	#mainNav li a.cur:hover{ 
		color: #000;
		background-repeat: repeat-y;
		margin-top:-1px;
		padding-top:2px;
		background-image:url(../../images/subNav_bg.png);
		height:24px;
	}
	#mainNav li a:hover {
		margin-top:-1px;
		padding-top:1px;
		height:25px;
	}
	
	#mainNav li li a:hover {
		height:auto;
	}
	
	#mainNav li li a:hover,
	#mainNav li li a.act,
	#mainNav li li a.cur{ 
		color: #000;
		background-repeat: repeat-y;
		margin-top:0px;
		padding-top:0px;
		background-image:url(../../images/subNav_bg.png);
	}
	
	
	#mainNav li li a.act:hover,
	#mainNav li li a.cur:hover {
		background:url(../../images/subNav_point.png) no-repeat scroll 14px 6px transparent;
		padding:2px 5px 1px 28px;
	}
	
	#mainNav li.act,
	#mainNav li.cur{
		height:auto;
		background-image:url(../../images/subNav_top.png);
		min-height:23px;
	}
	
	#mainNav li ul {
		position: relative;
		left: 0px;
		display:inline-block;
		margin-bottom: -5px;
	}
	
	#mainNav li li ul {
		margin-bottom: 0px;
		padding-bottom: 3px;
	}
		
	#mainNav li:hover ul,
	#mainNav li:hover.act ul,
	#mainNav li:hover.cur ul,
	#mainNav li.sfhover ul {
		/* position: relative; */
		left: auto;
	}

	#mainNav li li {
		width: 203px;
		background:url(../../images/subNav_bg.png) repeat-y 0 0 transparent;
		
	}
	
	#mainNav .subNavCloser {
		background:url(../../images/subNav_bottom.png) no-repeat 0 0 transparent;
		display:block;
		width:203px;
		min-height:7px;
		font-size:1px;
		line-height:1px;
		height:7px;
		margin-top:-1px;
	}
		
	#mainNav li li a.level2 {
		font-size: 12px;
		padding-left: 28px;
		padding-right: 5px;
		padding-top: 1px;
		padding-bottom: 1px;
		/* width:203px; */
		width:167px;
		background:url(../../images/subNav_point.png) no-repeat 14px 5px transparent;
	}
	
	#mainNav li li.last a.level2 {
		padding-bottom: 8px;	
	}
	
	#mainNav li li.last ul {
		margin-top: -8px;	
	}

	#mainNav li li,
	#mainNav li li.cur,
	#mainNav li li.act {
		/* color: #FFF; */
		/* background-color: #ff8f3d; */
		background-image:url(../../images/subNav_bg.png);
		min-height:18px;
		text-transform: none;
	}
	
	#mainNav li li a:hover,
	#mainNav li li a.cur,
	#mainNav li li a.act,
	#mainNav li li a.act:hover,
	#mainNav li li a.cur:hover {
		text-decoration: underline;
		height: auto;
	}
	
	#mainNav li li.last {
		width: 203px;
		background:url(../../images/subNav_bg.png) repeat-y 0 0 transparent;
	}
	
	#mainNav li li li.last {
		padding-bottom: 8px;
	}
	
	#mainNav li li li a.level3 {
		font-size: 12px;
		padding-left: 45px;
		padding-right: 5px;
		padding-top: 1px;
		padding-bottom: 1px;
		width:150px;
		/* width:203px; */
		background:url(../../images/subNav_point.png) no-repeat 32px 5px transparent;
	}
	
	#mainNav li li li a.act:hover,
	#mainNav li li li a.cur:hover {
		padding-left: 45px;
		background-position: 32px 6px;
	}
	
	#langNav {
		position: relative;
		position:fixed;
		right: 0px;
		left:26px;
		top: 243px;
		width: 150px;
	}
	
	#langNav li {
		float: left;
		display:block;
		width:28px;
		height:32px;
		padding-right:6px;
		padding-top:2px;
		text-align:center;
		background-image:url(../../images/langNav.png);
	}
	
	#langNav li {
		margin-right: 0px;	
	}
	
	#langNav li.last {
		margin-right: 0px;
	}
	
	#langNav li a,
	#langNav li span {
		font-size: 13px;
		display: block;
		color: #000;
		line-height: 24px;
		font-family:Univers,Arial,sans-serif;
	}
	
	#langNav li a:hover,	
	#langNav li a.act,
	#langNav li a.cur {
		text-decoration: none;
	}
	
	#langNav li.act,
	#langNav li:hover,
	#langNav li.cur {
		background-image:url(../../images/langNav_act.png);
	}

#leftCol {
	width: 200px;
	float: left;
}
	
#midCol {
	margin-left: 255px;
	margin-right: 266px !important;
	margin-right: 263px; /* ie6 3px jog bugfix */
	background:url(../../images/midCol_top.png) no-repeat 0 0 transparent;
	padding-top:6px;/* 
	padding-bottom:104px;*/
	/* padding-bottom:139px;  */
	padding-bottom:16px;
	/* min-height:500px; */
}

	#midCol .ctArea {
		overflow: hidden !important;
		overflow: visible;
		height: auto !important;
		margin: 0px 5px 0px 0;
		width:483px;
		padding-bottom:0px;
/*		padding-top: 21.5px;*/
		min-height: 23px;
	}
	
	#midCol .ctAreaBottom {
		font-size:1px;
		line-height:1px;
		height:34px;
		background:url(../../images/ctAreaBottom_bg.png) no-repeat 0 bottom transparent;
		position:relative;
		/* margin-bottom:15px; */
		margin-bottom:27px;
		margin:0 auto 0 auto;
	}
	
	
	#fceLayerbox .ctAreaBottom {
		font-size:1px;
		line-height:1px;
		height:34px;
		background:url(../../images/ctAreaBottom_bg.png) no-repeat 0 bottom transparent;
		position:relative;
		/* margin-bottom:15px; */
		margin:0 auto;
		width:500px;
	}
	
	#fceLayerbox .ctAreaBottom a,
	#midCol .ctAreaBottom a{
		/* font-size:1px;
		line-height:1px;
		height:7px;
		background:url(../../images/ctAreaBottom.png) no-repeat 0 bottom transparent;
		display:block;
		height:27px;
		position:relative;
		right:-27px; */
		position:absolute;
		right:20px;
		top:11px;
		display:block;
		height:6px;
		width:10px;
	}
	
	
#rightCol {
	width: 239px;
	float: right;
	padding: 0px 27px 0 0;
}

	#rightCol .ctArea {
		width:239px;
	}

#footer {
	clear: both;
	/* background-color: #FFF; */
	background:url(../../images/footer_bg.png) repeat-y 0 0 transparent;
	position: relative;
	width: 1009px;
	height: 100px !important;
	height: 123px;
	padding-top:23px;
	z-index:100;
	/* position:fixed; */
	position:absolute; 
	bottom:0px;
}

	#copyright {
		font-size: 11px;
		line-height: 12px;
		position: absolute;	
		left: 838px;
		top: 50px;
		display:none;
	}
	
	#copyright a {
		font-size: 11px;
		line-height: 12px;
		color: #000000;
		margin-left: 2px;
	}
	
	#copyright a span {
		display: none;
	}
	
	#rootlineNav{
		position: relative;
		/*left:282px;*/
		width: 456px;
		/*margin-left:-27px;*/
		padding-left:27px;
		/* float:left; */
		height:auto;
		background:url(../../images/midCol_bg.png) repeat-y 0 bottom transparent;
		overflow:hidden;
	}
	
	#rootlineNav .clearer {
		clear: both;
	}
	
	#fceRootlineNav {
		position: relative;
		left: -8px;
		width:456px;
		margin-left: -50px;
		padding-left:27px;
		/* float:left; */
		height:auto;
		background:url(../../images/midCol_bg.png) repeat-y  bottom transparent;
		margin:0 auto;
		padding-top:4px;
		/*left:5px;*/
		overflow:hidden;
	}
	
	#fceRootlineNav .rootLine,
	#rootlineNav .rootLine {
		background:url(../../images/rootline_line.png) no-repeat 0 bottom transparent;
		/*height:22px;*/
		padding-bottom: 4px;
		padding-right: 35px;
	}
	
	#fceRootlineNav a,
	#rootlineNav a {
		background: url(../../images/rootline.png) no-repeat left center;
		padding-left: 14px;
		display: inline-block;
		line-height:18px;
		color:#4c85bf;
		/*float:left;*/
		margin-right: 4px;
		font-size:11px;
		text-decoration: underline;
	}
	
	#fceRootlineNav a:hover,
	#rootlineNav a:hover {
		color:#000000;
	}
	
	#fceRootlineNav a.first,
	#rootlineNav a.first {
		background: none;
		padding-left: 0px;			
	}
	
	#fceRootlineNav .print,
	#rootlineNav .print {
		position:absolute;
		right:8px;
		cursor:pointer;
		top:3px;
	}
	
	#fceRootlineNav .print {
		top:7px;
	}
	
	#fceRootlineNav .print a,
	#rootlineNav .print a {
		display:block;
		height:10px;
		width:12px;
		padding-left:0px;
		background:url(../../images/print.png) no-repeat 0 0 transparent;
		text-decoration:none;
	}
	
	#metaNav {
		background:url(../../images/metaNav_bg.png) no-repeat 0 0 transparent;
		display: block;
		height: 28px;
		width: 1009px;
		position:fixed;
		top:0px;
		z-index:9999;
	}
	
	#metaNav .hidecontent {
		text-transform:uppercase;
		display:block;
		/* width:150px; */
		padding-right:11px;
		font-size:13px;
		line-height:18.5px;
		/* background:url(../../images/metaNavHide_hide.png) no-repeat right 0 transparent; */
	}
	
	#metaNav .hidecontent img,
	#metaNav .showcontent img{
		position:relative;
		left:11px;
		top: -3px;
	}
	
	#metaNav .showcontent {
		text-transform:uppercase;
		display:block;
		/* width:150px; */
		/* background:url(../../images/metaNavHide_show.png) no-repeat right 0 transparent; */
		padding-right:11px;
		font-size:13px;
		line-height:18.5px;
	}
	
	#metaNav .hidecontent a,
	#metaNav .showcontent a {
		text-decoration:none;
		color:white;
		font-size:13px;
		line-height:18.5px;
	}
	
	#metaNav #hideAndShow {
		/* display:inline; */
		position:relative;
		margin:auto;
		width:200px;
		text-align:center;
		top:5px;
	}
	
	#metaNav #hideAndShow .showcontent {
		display:none;
	}
	
	#metaNav #hideAndShow.show .hidecontent,
	#metaNav #hideAndShow.show .hidecontent img{
		display:none;
	}
	
	#metaNav #hideAndShow.show .showcontent{
		display:block;
	}
	
	#metaNav #hideAndShow.show .showcontent img {
		display:inline;
	}
	
	#main #metaNav #hideAndShow img,
	#main #metaNav #hideAndShow img  {
		top:-7px;
		left: 5px;
	}
	
	#main #metaNav #hideAndShow a img,
	#main #metaNav #hideAndShow a img {
		top:-3px;
		left:0px;
	}
	
	#footerNav {
		background:url(../../images/footer_bg.png) no-repeat 0 0 transparent;
		display: block;
		height: auto;
		width: 1009px;
	}
	
	#metaNav ul {
		position:absolute;
		/* right:131px; */
		right:27px;
		top:0px;
	}
	
	#footerNav ul {
		position:relative;
		left:26px;
		top:6px;
		max-width:171px;
	}
	
	#metaNav li,
	#footerNav li{
		display: block;
		float:left;
	}
	
	#metaNav li a,
	#footerNav li a{
		display: block;
		position: relative;
		text-decoration:underline;
		color: #afafaf;
		line-height: 24px;
		padding-left: 11px;
		background-position: left center;
		font-size: 11px;
	}
	
	.languid_1 #footerNav li.last a,
	.languid_2 #footerNav li.last a {
		padding-left: 0;
	}
	
	#metaNav li a:hover,
	#footerNav li a:hover {
		color:#F7F7F7;
	}
	
	#footerNav div a {
		display:block;
		width:100%;
		height:100%;
		text-indent:-9999px;
	}
	
	#footerNav div,
	#footerNav ul{
		float:left;
	}
	
	#footerNav ul li.first a{
		padding-left:0px;
	}
	
	#footerNav div.eidgenossenschaft {
		background:url(../../images/footer_Eidgenossenschaft.png) no-repeat 0 0 transparent;
		width:214px;
		height:78px;
		margin-left:25px;
	}
	
	.languid_1 #footerNav div.eidgenossenschaft {
		background-image:url(../../images/footer_Eidgenossenschaft_f.png);
	}
	
	.languid_2 #footerNav div.eidgenossenschaft {
		background-image:url(../../images/footer_Eidgenossenschaft_i.png);
	}
	
	#footerNav div.swisscom {
		background:url(../../images/footer_Swisscom.png) no-repeat 0 0 transparent;
		width:106px;
		height:76px;
		margin-left:54px;
	}
	
	#footerNav div.pegi {
		background:url(../../images/footer_PEGI.png) no-repeat 0 0 transparent;
		width:120px;
		height:50px;
		margin-left:47px;
		margin-top:13px;
	}
	
	#footerNav div.jacobs {
		/*background:url(../../images/jacobs_new.jpg) no-repeat 0 0 transparent;*/
		background:url(../../images/jacobs_logo_2.jpg) no-repeat center center #FFF;
		width:130px;
		height:43px;
		margin-left:51px;
		margin-top:18px;
	}
	
	#footerNav div.separator {
		background:url(../../images/footer_separator.png) no-repeat 0 0 transparent;
		width:1px;
		height:77px;
		margin-left:51px;
	}
	
	#footerNav div.copyright {
		position:relative;
		left:28px;
		color:#AFAFAF;
		font-size:11px;
		width:171px;
		top:15px;
	}
	
	#metaNav li a:hover {
		text-decoration: underline;
	}

#homeDropOut {
	position:absolute;
	right:0px;
	bottom:52px;
	width:293px;
}

#homeDropOut.closed {
	right:-265px;
	/* width: */
}

/* Version before fix */
/* #homeDropOut .dropOutTop */
.dropOutTop{
	height:6px;
	background:url(../../images/dropOut_top.png) no-repeat 0 0 transparent;
}

.closed .dropOutTop {
	height:6px;
	background:url(../../images/dropOut_top.png) no-repeat 0 0 transparent;
	width:28px;
	overflow:hidden;
}

#homeDropOut .dropOutHeader {
	float:left;
	width:27px;
	word-wrap:break-word;
	height:100px;
	background-color:black;
	cursor:pointer;
	background:url(../../images/dropOut_arrowopen.png) no-repeat 11px 0 black;
}

#homeDropOut .dropOutHeader img {
	position:absolute;
	bottom:27px;
	left:4px;
}

#homeDropOut.closed .dropOutHeader {
	background:url(../../images/dropOut_arrowclose.png) no-repeat 10px 0 black;
	width:28px;
}

#homeDropOut .dropOutContent {
	width:239px;
	float:left;
	margin-left:0px;
	padding-left:0px;
	background:url(../../images/dropOut_bg.png) repeat-y -27px 0 transparent;
}

#homeDropOut .dropOutContent .ctElement {
	position:relative;
}

#homeDropOut.closed .dropOutContent,
#homeDropOut.closed .dropOutRight {
	display:none;
}

#homeDropOut.closed .dropOutBottom {
	width:28px;
}

#homeDropOut .dropOutContent .ctElement .ctElement {
	padding:0;
}

#homeDropOut .fceCtArea .ctElement .cornerBottomRight {
	position:absolute;
	right:13px;
	bottom:6px;
}


#homeDropOut .fceCtArea .ctElement .cornerBottomRight a{
	text-indent:9999;
	display:block;
	text-decoration:none;
	height:12px;
	width:12px;
	background:url(../../images/boxRightLink.png) no-repeat 0 0 transparent;
	font-size:12px;
	line-height:12px;
}

#homeDropOut .dropOutRight {
	float:left;
	height:47px;
	width:35px;
	position:relative;
	left:-7px;
	top:37px;
	margin-right:-8px;
	background:url(../../images/dropOut_right.png) no-repeat -7px 0 transparent;
}

#homeDropOut .dropOutBottom {
	clear:both;
	height:7px;
	background:url(../../images/dropOut_bottom.png) no-repeat 0 0 transparent;
}

#largerBackgroundTop {
	 
	/*position:fixed; */
	position:absolute;
	top:0px;
	width:100%;
	background-color:#858585;
	height:28px;
	z-index:100;
	left:0px;
}

#largerBackgroundBottom {
	/* position:fixed; */
	position:absolute; 
	bottom:0px;
	width:100%;
	background-color:#858585;
	height:123px;
	z-index:100;
	left:0px;
}


/* Footer modifications for whole JuM page - 130307 */

/* Stylesheet for home page */

#footer {
	/*height: 250px !important;	*/
	height: 180px !important;	

}

#footerNav {
	position: relative;
}

#footerNav div, 
#footerNav ul {
	position: absolute;
	float: none;
	margin-left: 0;
}

#footerNav div.footerTitle1 {
	top: -10px;
	left: 25px;
	width: 146px;
	height: 41px;
	/*background: url(../../images/footer_programmpartner.png) no-repeat 0 0;*/
	background: url(../../images/footer_website.png) no-repeat 0 0;
	text-indent: -9999px;	
}

.langkey_fr #footerNav div.footerTitle1 {
	width: 155px;
	background: url(../../images/footer_website_fr.png) no-repeat 0 0;
}

.langkey_it #footerNav div.footerTitle1 {
	width: 155px;
	background: url(../../images/footer_website_it.png) no-repeat 0 0;
}

#footerNav div.eidgenossenschaft {
	left: 0;
	top: 40px;
}

#footerNav div.swisscom {
	left: 223px;
	top: 40px;
}

#footerNav div.pegi {
	left: 10px;
	top: 150px;	
}

#footerNav div.jacobs {
	left: 183px;
	top: 150px;
}

#footerNav div.separator {
	/*height: 186px;*/
	height: 106px;
	background-repeat: repeat-y;
	/*margin-left: 430px;*/
	margin-left: 300px;
	margin-top: 41px;
}

/* Right part of footer */

#main #footerNav ul {
	left: 743px;
	/*top: 120px !important;*/
	top: 70px !important;
	max-width: 300px !important;
}

#footerNav li a {
	font-size: 12px;	
}

.langkey_fr #footerNav li.last a,
.langkey_it #footerNav li.last a {
	margin-left: 10px;
}

.languid_1 #footerNav li.last,
.languid_2 #footerNav li.last {
	clear: none !important;
	width: auto !important;
}

#footerNav div.copyright {
	left: 743px;
	/*top: 160px;	*/
	top: 110px;
}

#footerNav .footerRight {
	position: absolute;
	/*left: 470px;*/
	left: 330px;
	top: 40px;	
}

#footerNav div.footerTitle2 {
	top: -50px;
	left: 0;
	width: 110px;
	height: 41px;
	background: url(../../images/footer_follow.png) no-repeat 0 0;
	text-indent: -9999px;	
}

.langkey_fr #footerNav div.footerTitle2 {
	width: 93px;
	background: url(../../images/footer_follow_f.png) no-repeat 0 0;	
}

.langkey_it #footerNav div.footerTitle2 {
	width: 54px;
	background: url(../../images/footer_follow_i.png) no-repeat 0 0;	
}

#footerNav div.socialMediaButtons {
	width: 300px;
}

#footerNav div.socialMediaButtons a {
	float: left;
	display: block;
	width: 50px;
	height: 50px;
	background: no-repeat 0 0;
	margin-right: 10px;
}

#footerNav div.socialMediaButtons a.google {
	background-image: url(../../images/icon_googleplus.png);	
}

#footerNav div.socialMediaButtons a.fb {
	background-image: url(../../images/icon_fb_small.png);	
}

#footerNav div.socialMediaButtons a.twitter {
	background-image: url(../../images/twitter_icon.png);	
}

#footerNav div.socialMediaButtons a.youtube {
	background-image: url(../../images/icon_yt_small.png);
}

#footerNav div.socialMediaButtons a.rss {
	background-image: url(../../images/icon_rss_small.png);
	/*margin-top: 10px;
	clear: left;*/
}

#footerNav div.footerTitle3 {
	position: absolute;
	/*left: 273px;*/
	left: 413px;
	top: -50px;
	width: 184px;
	height: 41px;
	background: url(../../images/footer_nl.png) no-repeat 0 0;
	text-indent: -9999px;	
}

.langkey_fr #footerNav div.footerTitle3 {
	width: 208px;
	background: url(../../images/footer_nl_f.png) no-repeat 0 0;
}

.langkey_it #footerNav div.footerTitle3 {
	width: 213px;
	background: url(../../images/footer_nl_i.png) no-repeat 0 0;
}
	
#footerNav div.newsletterText {
	position: relative;
	/*left: 273px;*/
	left: 413px;
	top: 0;	
	height: 50px;
	width: 100px;
}

#footerNav div.newsletterText a {
	text-indent: 0;
	width: 200px;
	height: auto;
	color: #AFAFAF;
	text-decoration: underline;
}

#footerNav div.newsletterText a:hover {
	color: #FFF;
}

#mti_wfs_colophon {
	display: none !important;	
}