@charset "utf-8";
/* CSS Document */
body {
	font-size: 13px;
	font-family: Tahoma, Geneva, sans-serif;
	margin: 0;
	background: #E3E5E6 url(bg_body.jpg) top center repeat-x;
	}
	
/*png fix ie6 */
img { behavior: url(iepngfix.htc) }

#wrapAll {
	position: absolute;
	left: 50%;
	margin-left: -480px;
	}




/* Top Navigation */
#wrapTopnavigation {
	width: 920px;
	height: 80px;
	background: url(bg_topnavigation01.png) no-repeat;
	}
.logo {
	float: left;
	margin: 0;
	padding: 18px 0 0 30px;
	}
.wrapTopLink, .logo {
	position: absolute;
	z-index: 900;
	top: 0;
	}
.wrapTopLink {
	margin: 0 0 0 235px;
	width: 710px;
	}
.topNavigation {
	float: left;
	margin: 0;
	}
.topNavigation {
	width: 135px;
	text-align: center;
	vertical-align: middle;
	}
	.topNavigation a {
		display: block;
		margin: 21px 0 0 0;
		padding: 18px 0;
		text-decoration: none;
		color: #000;
		font-weight: bold;
		}
	.topNavigation a:hover {
		display: block;
		margin: 21px 0 0 0;
		padding: 18px 0;
		background: url(bg_toplink.png) bottom no-repeat;
		text-decoration: none;
		color: #000;
		font-weight: bold;
		}
		
	.topNavigation a,
	.topNavigation a:hover,
	.topNavigation a.ACT {
		display: block;
		margin: 26px 0 0 0;
		padding: 17px 0 15px 0;
		text-decoration: none;
		color: #000;
		font-weight: bold;
		}
	.topNavigation a:hover {
		background: url(bg_toplink.png) bottom no-repeat;
		}
	.topNavigation a.ACT {
		background: url(bg_toplink.png) bottom no-repeat;
		}
		
		
		


/* language selct */
.logoprocello {
	padding: 11px 0 0 0;
	}
#region_selector {
	z-index: 2000;
	position: relative;
	float: right;
	margin: 3px 75px 0 0;
	width: 240px;
	}
	#region_selector ul {
		float: left;
		height: 25px;
		width: 240px;
		}
		/*#region_selector ul li {
			width: 270px;
			}*/	
		#region_selector ul li {
			width: 240px;
			}
		#region_selector ul.l1 li {
			width: 200px;
			}
		#region_selector ul li img {
			float: left;
			margin: 0 8px 0 0;
			border: none;
			}
		#region_selector ul li a {
			padding: 0;
			}
		#region_selector ul li a {
			margin: 0;
			line-height: 30px;
			text-decoration: none;
			font-size: 11px;
			color: #000;
			}
	ul.menu, ul.menu ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		}
		ul.menu a {
			display: block;
			padding: 3px 10px 3px 10px;
			font-weight: normal;
			}
			ul.menu ul.l1 li a img {
				float: left;
				border: none;
				}
			ul.menu ul a {
				padding: 0 10px;
				}
			ul.menu ul li a {
				background: #fa9e00;
				}
			ul.menu ul li a:hover {
				background: #f1f1f1;
				color: #000;
				}
		ul.menu li {
			float: left;
			margin: 0;
			padding: 0;
			}
			ul.menu ul {
				margin: 0 0 0 30px;
				padding: 0 0 5px 0;
				position: absolute;
				display: none;
				min-width: 180px;
				}
/* IE-Hack */
*html ul.menu ul {
    width: 200px;
	}
	ul.menu ul.hover, 
	ul.menu li.hover ul, 
	ul.menu li:hover ul  {
		display: block;
		}
		ul.menu ul li {
			float: none;
			background-color: transparent;
			}






/* Content fader*/
.fadecontentwrapper { /* Total width: 350px+5px+5px=360px Read relative width relations for the other two containers below! */
	position: relative;
	width: 920px;
	height: 570px; /* Set height to be able to contain height of largest content shown*/
	overflow: hidden;
	}
.fadecontent { /*style for each fade content DIV within wrapper. Total width: 330px+10px+10px=350px (".fadecontentwrapper" width minus its padding and borders, if any) */
	position: absolute;
	/*background: white;*/
	padding: 0;
	visibility: hidden;
	width: 900px;
}
.fadecontenttoggler { /*style for DIV used to contain toggler links. Total width: 350px+5px+5px=360px */
	position: absolute;
	top: 530px;
	width: 920px;
	border-top-width: 0;
	overflow: hidden;
	z-index: 1000;
}

/* Button*/
/*.fadecontenttoggler a.toc, style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
.fadecontenttoggler a.prev, .fadecontenttoggler a.next, 
.fadecontenttoggler a.prev:hover, .fadecontenttoggler a.next:hover,
.fadecontenttoggler a.selected,
.fadecontenttoggler a.toc_leftACT {
	width: 210px;
	height: 40px;
	padding: 40px 10px 0 10px;
	font-size: 14px;
}
.fadecontenttoggler a.toc_left, 
.fadecontenttoggler a.toc_middel, 
.fadecontenttoggler a.toc_right  {
	width: 210px;
	height: 40px;
	padding: 40px 10px 0 10px;
	font-size: 14px;
}

.fadecontenttoggler a.toc_left,
.fadecontenttoggler a.toc_leftACT,
.fadecontenttoggler a.toc_middel,
.fadecontenttoggler a.toc_right { /*style for every navigational link within toggler */
	text-decoration: none;
	float: left;
	display: block;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	color: black;
}
.fadecontenttoggler a.toc_left { /*style for every navigational link within toggler */
	background: url(button_leftOff.png) no-repeat;
}
.fadecontenttoggler a.toc_middel { /*style for every navigational link within toggler */
	background: url(button_middel1Off.png) no-repeat;
}

.fadecontenttoggler a.toc_right { /*style for every navigational link within toggler */
	background: url(button_rightOff.png) no-repeat;
}
.fadecontenttoggler a.prev, .fadecontenttoggler a.next { /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
	color: black;
}
.fadecontenttoggler a.prev:hover, .fadecontenttoggler a.next:hover {
	color: white;
	background: black;
}/*
.fadecontenttoggler a.selected,
.fadecontenttoggler a.selected,
.fadecontenttoggler a.selected { style for selected page's toggler link. ".selected" class auto generated! 
	background:  #333;
	color: white;
}*/
.fadecontenttoggler a.selected, .fadecontenttoggler a.toc_right:hover {
		background: url(button_ACT4.png) no-repeat;
		}
.fadecontenttoggler a.selected, .fadecontenttoggler a.toc_middel:hover {
		background: url(button_ACT2.png) no-repeat;
		}
.fadecontenttoggler a.selected, .fadecontenttoggler a.toc_left:hover {
		background: url(button_ACT4.png) no-repeat;
		}


/*Content zindex fader 
.fadecontent img {
	position: absolute;
	top: 0;
	z-index: 10;
}*/
.contentInFade {
	position: absolute;
	z-index: 20;
	padding: 0 10px;
	width: 900px;
	}
.content_01_InFade {
	position: absolute;
	z-index: 21;
	top: -30px;
	left: 15px;
	margin: 50px 20px 0 20px;
	padding: 10px;
	width: 370px;
	font-size: 11px;
	/*
	background: url(bg_text.png);
	*/
	}
	.content_01_InFade a {
		float: right;
		padding: 4px;
		display: block;
		width: 100px;
		height: 15px;
		text-align: center;
		text-decoration: none;
		color: #FFF;
		background: url(bg_download_button.png) no-repeat;
		}
		
.content_02_InFade {
	position: absolute;
	z-index: 22;
	top: 230px;
	left: 15px;
	margin: 0 20px;
	padding: 10px;
	width: 370px;
	height: 185px;
	background: url(bg_content1u2.png) no-repeat;
	font-size: 11px;
}
	.content_02_InFade a {
		float: right;
		padding: 4px;
		display: block;
		width: 100px;
		height: 15px;
		text-align: center;
		text-decoration: none;
		color: #FFF;
		background: url(bg_download_button.png) no-repeat;
		}
.content_03_InFade {
	position: absolute;
	z-index: 23;
	top: 230px;
	left: 470px;
	margin: 0 20px;
	padding: 10px;
	width: 370px;
	height: 185px;
	background: url(bg_content1u2.png) no-repeat;
	font-size: 11px;
	}
	.content_03_InFade a {
		float: right;
		padding: 4px;
		display: block;
		width: 100px;
		height: 15px;
		text-align: center;
		text-decoration: none;
		color: #FFF;
		background: url(bg_download_button.png) no-repeat;
		}
.content_04_InFade {
	position: absolute;
	z-index: 23;
	top: 230px;
	left: 470px;
	margin: 0 20px;
	padding: 10px;
	width: 370px;
	height: 185px;
	background: url(bg_content1u2.png);
	font-size: 11px;
	}
	.content_04_InFade a {
		float: right;
		padding: 4px;
		display: block;
		width: 100px;
		height: 15px;
		text-align: center;
		text-decoration: none;
		color: #FFF;
		background: url(bg_download_button.png) no-repeat;
		}
		
		
		
/* news und quicklink */
#navigationNews, .tx-lumophpinclude-pi1 {
	float: left;
	width: 437px;
	}
	#navigationNews h1, .tx-lumophpinclude-pi1 h1 {
		margin: 0;
		padding: 5px 0 3px 10px;
		width: 427px;
		background: url(bg_home_news_top.png) no-repeat;
		}
	#navigationNews .newsItem, .tx-lumophpinclude-pi1 .newsItem {
		margin: 0;
		padding: 2px 20px;
		border-left: #a2a4a6 solid 1px;
		border-right: #a2a4a6 solid 1px;
		}
		#navigationNews .wrapNewsItem, 
		.tx-lumophpinclude-pi1 .wrapNewsItem {
			margin: 0;
			padding: 0;
			}
		#navigationNews .newsItem a, 
		.tx-lumophpinclude-pi1 .newsItem a {
			font-size: 11px;
			text-decoration: none;
			color: #36F;
			}
		#navigationNews .newsItem a:hover, 
		.tx-lumophpinclude-pi1 .newsItem a:hover {
			text-decoration: underline;
			color: #36F;
			}
	#navigationNews {
		margin: 15px 46px 15px 0;
		}
	.tx-lumophpinclude-pi1 {
		margin: 15px 0 15px 0;
		}
	#navigationNews h1, 
	.tx-lumophpinclude-pi1 h1 {
		font-size: 16px;
		font-weight: bold;
		}





#navigationFooter {
	float: left;
	width: 920px;
	font-size: 12px;
	color: #656a72;
	}
.navigationFooter a {
	padding: 10px;
	color: #656a72;
	text-decoration: none;
	}
.navigationFooter a:hover {
	color: #656a72;
	text-decoration: underline;
	}
#footer {
	float: left;
	margin: 30px 0 5px 0;
	padding: 10px;
	width: 900px;
	font-size: 11px;
	}

h1 {
	margin: 0;
	padding: 0;
	font-size: 20px;
	font-weight: normal;
	}
h2 {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: normal;
	color: #000;
	}