@charset "utf-8";
/* Author:	
			Matthias Oßwald
			team:orange GmbH
			2009
*/
@import url("_reset.css");

/*=====================================================================================*/
/* ALLGEMEIN
=======================================================================================*/
h1													{ margin: 0;}

#page a												{ text-decoration: none; }
#page a:hover										{ color: #003c91; }

.footer 											{ clear: both; }
.hr		 											{ background-color: #e3e3e3;
													clear: both;
													height: 1px;
													overflow: hidden; }
.hr hr		 										{ display: none; }

/*=====================================================================================*/
/* STRUCT
=======================================================================================*/
body												{ background: url(../_images/body-back.jpg) repeat-x #dfdddd; margin:0; min-width: 980px; }
#stage 												{ background: url(../_images/stage-back.jpg) repeat-y center top;  min-width: 980px; }
#stage-front										{ background: url(../_images/stage-front.jpg) no-repeat center top; min-width: 980px;}
#page 												{ margin: 0 auto; padding: 27px 0 0 0; width: 980px; }
	#header 											{  }
	#main 												{ background: url(../_images/main-back.jpg) repeat-x bottom left; margin:0 1px; }
		#navi 												{ float:left; padding-left:10px; position:relative; width:232px; }
		#content 											{ float:left; padding:0 0 80px 40px; position:relative; width:450px;}
		#info	 											{ float:right; padding-top:10px; width:204px; }
	#footer 											{ background:url(../_images/footer-back.jpg) repeat-x; clear: both; height: 25px; padding: 0 30px 0 43px; }

#home #content 										{ z-index:12; }
/* 	IE6 */
* html #content 									{ overflow:hidden;}
* html #home #content 								{ overflow:visible;}

/*=====================================================================================*/
/* HEADER
=======================================================================================*/
/* ----------------------------------------------------------------------------------- */
/* 	HEADERMODUL */
#header-modul										{ background-position: top left;
													background-repeat: no-repeat;
													height: 204px;
													margin:0;
													position: relative; 
													padding-left: 45px;}
#header-modul.big									{ height: 342px;}

#header-modul #logo									{ background: url(../_images/iFAKT.png) no-repeat 0 0;
													height: 106px;
													position: absolute;
													left: 0; 
													top: 0;
													width: 192px;}
#header-modul #slogan								{ background: url(../_images/we-keep-an-eye-on-your-production.png);
													height: 29px;
													position: absolute;
													right: 25px;
													top: 48px; 
													width: 243px;}
#header-modul #slogan span,
#header-modul #logo	span							{ display:none; }

* html #header-modul #logo							{ background: url(../_images/iFAKT.gif); }
* html #header-modul #slogan						{ background: url(../_images/we-keep-an-eye-on-your-production.gif); }


/* 	Individual */
#home #header-modul									{ z-index:4; }
#home #header-modul #logo,
#home #header-modul #slogan							{ z-index:9; }
#home #header-modul .headline-block					{ padding:150px 0 0 0; width:330px; position:relative; z-index:8;}

#home #header-modul img								{ left:0;
													position:absolute;
													top:0; 
													z-index:5;}





/*=====================================================================================*/
/* MAIN
=======================================================================================*/
/* ----------------------------------------------------------------------------------- */
/* 	BLOCK */
#main .block 										{ float:left; width:234px; }
#main .block .block-top								{ background:url(../_images/block-top-back.png) no-repeat; height:4px; overflow:hidden; }
#main .block .block-middle							{ background:url(../_images/block-middle-back.png) repeat-y; padding:4px 13px 0px 4px; }
#main .block .block-content							{ background:url(../_images/block-content-back.jpg) no-repeat bottom left; padding:0 0 25px 0 ; }
#main .block .block-bottom							{ background:url(../_images/block-bottom-back.png) no-repeat; height:17px; overflow:hidden; }

* html #main .block .block-top						{ background:url(../_images/block-top-back.gif) no-repeat; }
* html #main .block .block-middle					{ background:url(../_images/block-middle-back.gif) repeat-y; }
* html #main .block .block-bottom					{ background:url(../_images/block-bottom-back.gif) no-repeat;  }

/* 	INDIVIDUAL */
#main .block 										{ margin-top: -34px;}
#home #main .block .block-middle					{ padding-top:0px; }


/*=====================================================================================*/
/* CONTENT
=======================================================================================*/
#content h1,
#content h2											{ color: #013279;
													font-size:14px;
													font-weight:bold;
													line-height:22px;
													margin:28px 0 5px 0;
													padding-right:100px;}
#content h3											{ font-size:12px; margin:10px 0 0 0}
#content a											{ color: #013279;}
#content a:hover									{ text-decoration:underline; }
#content p,
#content blockquote,
#content td,
#content cite,
#content address									{ font-size:12px;
													line-height:17px;
													padding:5px 0;}
#content div										{ font-size:12px;
													line-height:17px;}
#content ul											{ list-style:none; padding:5px 0;}
#content ul li										{ background: url(../_images/main-navi-dot.gif) no-repeat 2px 7px;
													padding-left:14px;}
#content ol											{ list-style:inside decimal;}
#content li											{ font-size:12px; }
#content hr											{ border:none; border-bottom:1px solid #E3E3E3;}
#content pre										{ font-size:12px; padding:5px 0; white-space:inherit;}

#content .headline-block							{ padding-bottom:5px; }

#content .googleMapCanvas							{ margin:5px 0 10px 0; }
#content .formBlockSurveyTable						{ margin:5px 0 10px 0; }
#content .formBlockSurveyTable .question			{ padding-right:10px;}

/* ----------------------------------------------------------------------------------- */
/* 	MAINNAVI */
#main .main-navi									{ padding:0;}
#main .main-navi p									{ padding:5px; line-height:normal!important;}
#main .main-navi div,
#main .main-navi blockquote,
#main .main-navi cite,
#main .main-navi address							{ padding:0px;}
#main .main-navi li									{ background: url(../_images/mainnavi-topitem-back.jpg) repeat-x; background-position:top; padding:0; }
#main .main-navi li.info							{ display:none;}
#main .main-navi li.nav-selected					{ background: url(../_images/mainnavi-current-back.jpg) repeat-y right 0; }
#main .main-navi li.nav-selected li					{ background: #FFFFFF; }
#main .main-navi li a								{ background: url(../_images/mainnavi-topitem-arrow.jpg) 10px 6px no-repeat;
													color: #013279;
													font-size: 13px;
													font-weight: bold;
													line-height: 28px;
													display: block;
													padding: 0 0 15px 30px;}
#main .main-navi li a:hover							{ color: #000000;}
#main .main-navi li a.selected						{ background: url(../_images/mainnavi-topitem-selected-arrow.jpg) 10px 6px no-repeat;}
#main .main-navi li a.current						{ color: #C30C10; }
	#main .main-navi li li								{ background: none;
														padding: 0 0 0 10px;
														margin-right:16px;}
	#main .main-navi li li a							{ background: url(../_images/main-navi-dot.gif) no-repeat 2px 10px;
														border-bottom: 1px solid #e3e3e3;
														color: #000;
														font-size: 12px;
														line-height: 22px;
														padding: 0 0 0 7px; }
	#main .main-navi li li a:hover						{ color: #003c91;}
	#main .main-navi li li a strong						{ line-height: 22px; }
		#main .main-navi li li li							{ background: none;
															 margin-right:0px;
															padding: 0 0 0 10px; }
		#main .main-navi li li li a							{ font-weight: normal; }
		/* 	INDIVIDUAL */
		#main .product-back 								{ background: url(../_images/ims-solution-dots/packung.png) no-repeat 2px bottom; }
		#main .software-back 								{ background: url(../_images/ims-solution-dots/packung.png) no-repeat 2px bottom; }
		#main .main-navi .product-back li					{ padding-left:35px; }
		#main .main-navi .software-back li					{ }
		#main .product-back li li							{ padding-left:25px; border:none;}
		#main .software-back li li							{ padding-left:25px; border:none;}
					
		#main .main-navi li.ims-software li a,
		#main .main-navi li.imapps li a						{ border-bottom: 1px solid #e3e3e3; font-weight:normal;}
		
		#main .main-navi li.ims-software,
		#main .main-navi li.ims_module__bersicht,
		#main .main-navi li.overview_of_the_ims_modules,
		#main .main-navi li.imapps							{ padding-left:0;}
		#main .main-navi li.imapps							{ padding-top:10px;}
		#main .main-navi li.ims-software a					{ background:url(../_images/ims-solution-dots/ims.png) no-repeat 0 -1px; 
															border:none;
															line-height:33px;
															overflow:hidden;
															padding-left:43px;
															z-index:200;}
															
		#main .main-navi li.imapps a						{ background:url(../_images/ims-solution-dots/imapp.png) no-repeat 0 -1px; 
															border:none;
															padding-left:43px;
															line-height:33px;
															overflow:hidden;
															z-index:200;}
		
		#main .main-navi li.web_based_collaborative_flexible_rental a,
		#main .main-navi li.services a,
		#main .main-navi li.prices_and_licensing a,
		#main .main-navi li.online_demo a,
		#main .main-navi li.webbasiert__kollaborativ__flexibel_mietbar a,
		#main .main-navi li.dienstleistungen a,
		#main .main-navi li.preise_and_lizenzmodell a,
		#main .main-navi li.demo a			{margin-left:25px;}	
		
		#main .main-navi li.webbasiert__kollaborativ__flexibel_mietbar a { margin-top:10px;}

															
		#main .main-navi li.ims_module__bersicht a, 
		#main .main-navi li.overview_of_the_ims_modules a			{ background:url(../_images/ims-solution-dots/ims.png) no-repeat 0 -1px; 
															border:none;
															line-height:33px;
															overflow:hidden;
															padding-left:43px;
															z-index:200;}
															
		#main .main-navi li.ims_module__bersicht ul li a, 
		#main .main-navi li.overview_of_the_ims_modules ul li a { line-height:29px; padding-left:33px;}			
		
		#main .main-navi li.imapps ul li a					 { line-height:20px; padding-left:7px;}													
										
															
		* html #main .main-navi li.ims-software a,
		* html #main .main-navi li.ims_module__bersicht a,
		* html #main .main-navi li.overview_of_the_ims_modules a,	{ background:url(../_images/ims-solution-dots/ims.gif) no-repeat 0 -2px;}
		#main .main-navi li.ims-software li a,
		#main .main-navi li.ims_module__bersicht li a,
		#main .main-navi li.overview_of_the_ims_modules li a	{ border-bottom: 1px solid #e3e3e3; }
		#main .main-navi li.ims-software li li,
		#main .main-navi li.ims_module__bersicht li li,
		#main .main-navi li.overview_of_the_ims_modules li li	{ z-index:205 };
		#main .main-navi li.ims-software li li a,
		#main .main-navi li.ims_module__bersicht li li a,
		#main .main-navi li.overview_of_the_ims_modules li li a		{ z-index:205 };
			
			#main .main-navi li.imdesigner,
			#main .main-navi li.imvalidation,
			#main .main-navi li.imanalyzer,
			#main .main-navi li.imcontroller,
			#main .main-navi li.imkcapture,
			#main .main-navi li.imknavigator					{ padding-left:25px; }
			
			#main .main-navi li.imdesigner a,
			#main .main-navi li.imvalidation a					{ line-height: 28px; padding-left: 35px;}
			#main .main-navi li.imanalyzer a,
			#main .main-navi li.imcontroller a,
			#main .main-navi li.imkcapture a,
			#main .main-navi li.imknavigator a,
			#main .main-navi li.imknowledgecapture a,
			#main .main-navi li.imknowledgenavigator a			{ line-height: 28px; padding-left: 15px;}
			#main .main-navi li.imdesigner a,
			#main .main-navi li.basismodul_imd a				{ background-image: url(../_images/ims-solution-dots/imd.png); background-repeat: no-repeat; background-position: 2px 2px;}
			#main .main-navi li.imvalidation a,
			#main .main-navi li.modul_imv a						{ background-image: url(../_images/ims-solution-dots/imv.png); background-repeat: no-repeat; background-position: 2px 2px;}
			#main .main-navi li.imanalyzer a					{ background-image: url(../_images/ims-solution-dots/ima.png); background-repeat: no-repeat; background-position: 2px 2px;}
			#main .main-navi li.imcontroller a,
			#main .main-navi li.modul_ima a						{ background-image: url(../_images/ims-solution-dots/ima.png); background-repeat: no-repeat; background-position: 2px 2px;}
			#main .main-navi li.modul_imc a						{ background-image: url(../_images/ims-solution-dots/imc.png); background-repeat: no-repeat; background-position: 2px 2px;}
			#main .main-navi li.imkcapture a,
			#main .main-navi li.imknavigator a,	
			#main .main-navi li.imknowledgecapture a,
			#main .main-navi li.imknowledgenavigator a		{ background-image: url(../_images/ims-solution-dots/imk.png); background-repeat: no-repeat; background-position: 2px 2px;}
			#main .main-navi li.imknav a,
			#main .main-navi li.modul_imkcap a,
			#main .main-navi li.imknowledgenavigator a		{ background-image: url(../_images/ims-solution-dots/imk.png); background-repeat: no-repeat; background-position: 2px 2px;}
			
			
			#main .main-navi li.wertstromdesigner a,
			#main .main-navi li.mixed_reality a					{ background:none;}
			
			* html #main .main-navi li.imdesigner a				{ background-image: url(../_images/ims-solution-dots/imd.gif); background-position: 2px 2px; }
			* html #main .main-navi li.imvalidation a				{ background-image: url(../_images/ims-solution-dots/imv.gif); background-position: 2px 2px; }
			* html #main .main-navi li.imanalyzer a				{ background-image: url(../_images/ims-solution-dots/ima.gif); background-position: 2px 2px; }
			* html #main .main-navi li.imcontroller a			{ background-image: url(../_images/ims-solution-dots/imc.gif); background-position: 2px 2px; }
			* html #main .main-navi li.imkcapture a,
			* html #main .main-navi li.imknavigator a,
			#main .main-navi li.imknowledgenavigator a	{ background-image: url(../_images/ims-solution-dots/imk.gif); background-position: 2px 2px;}

			
			#main .main-navi li.support_service a,
			#main .main-navi li.downloads a,
			#main .main-navi li.demolizenz a					{ font-weight:bold;}
			
			#main .main-navi li.support_service					{ margin-top:0px;}
	/* 	INDIVIDUAL */
	#main .main-navi ul								{ list-style:none; padding:8px 0 0 0;}
	#main .main-navi ul ul							{ padding:0;}
	#main #navi .main-navi ul ul					{ border-bottom: none; padding-bottom:0; }
	#main .main-navi li a							{ padding-bottom:0; }
	#main #navi .main-navi ul						{ padding-bottom:15px; border-bottom: 1px solid #e3e3e3; }
	#main .main-navi .product-back ul,
	#main .main-navi .software-back ul,
	#main .main-navi li ul ul						{ border-bottom: none; padding-bottom:0px; }
	#main .main-navi .software-back ul ul			{ padding-left:26px;}

	
	/* 	IE6 */
	* html #home #main .block						{ z-index:500; position:relative; }
	* html #home #main .main-navi li 				{ border-bottom:1px solid #FEFEFE; }
	* html .follow #main .main-navi li 				{ border-bottom:1px solid #FFFFFF; background-color:#FFFFFF;}
	* html #main .main-navi li a					{ padding: 0 0 0 30px; }
	* html #main .main-navi li li a					{ padding: 0 0 0 10px; }
	* html #main .product-back 						{ background: url(../_images/ims-solution-dots/packung.gif) no-repeat 2px bottom; border-top:1px solid #FFFFFF; position:relative; }
	* html #main .software-back 					{ background: url(../_images/ims-solution-dots/packung.gif) no-repeat 2px bottom; border-top:1px solid #FFFFFF; position:relative; }
/* ----------------------------------------------------------------------------------- */
/* 	HEADLINE-BLOCK */
.headline-block h1,
#content .headline-block h1							{ color: #292929;
													font-size: 29px;
													padding-right:0px;
													margin:0;}
.headline-block p									{ color: #002369; 
													font-family: Georgia, "Times New Roman", Times, serif;
													font-size: 13px;
													font-style: italic;
													padding:0 0 15px 0;}	
.headline-block .hr									{ background:url(../_images/hr-back.jpg) no-repeat 0 0; height:1px; overflow:hidden;}		

/* ----------------------------------------------------------------------------------- */
/* 	PAGE-LIST */
#content .ccm-page-list								{ background:url(../_images/grey-box-back.png) repeat-y;
													padding:10px 0 20px 20px;
													position:relative;
													margin-left:-20px;
													margin-top:20px;} 
#content .ccm-page-list h3							{ border-bottom:1px solid #FFFFFF;
													margin:0;
													padding:0;}
#content .ccm-page-list h3 a						{ background:url(../_images/page-list-arrow.gif) no-repeat 2px 7px;
													line-height:17px;
													display:block;
													padding:3px 0 3px 15px;}
#content .ccm-page-list .ccm-page-list-description	{ display:none;}
/* ----------------------------------------------------------------------------------- */
/* 	HIGHLIGHT */
#content .highlight									{ background:url(../_images/grey-box-back.png) repeat-y;
													padding:10px 0 20px 20px;
													margin-left:-20px;} 

/* 	INDIVIDUAL */
#home #content										{ padding-left: 37px; 
													width: 728px; }
.follow #content									{ padding-top: 23px; }

/* ----------------------------------------------------------------------------------- */
/* 	ACCORDION */
#content .accordion									{ border:1px solid #dfdfdf; } 
#content .accordion h4								{ padding-left:10px; line-height:20px;
													background-image:url(../_images/accordion-down-arrow.gif);
													background-repeat:no-repeat;
													background-position:right 0; }
#content .accordion h4:hover						{ background-position:right -46px; }
#content .accordion .top							{ background-color:#E7E7E7; cursor:pointer; padding-right:10px; }
#content .accordion .content						{ padding:10px 5px; }
#content .accordion .content .leftcol				{ float:left; width:180px; }
#content .accordion .content .rightcol				{ float:left; width:240px; padding-left:10px; }
/*=====================================================================================*/
/* INFO
=======================================================================================*/
#info div,
#info p												{ font-size:12px; }
#info .hr											{ margin-right:27px;}
/* ----------------------------------------------------------------------------------- */
/* 	INFONAVI */
.info-navi											{ padding-right: 28px; margin-bottom:15px; }
.info-navi li a										{ background: url(../_images/info-navi-arrow.gif) no-repeat 6px 5px;
													border-bottom: 1px solid #e3e3e3;
													color: #292929;
													display: block;
													font-size: 11px;
													font-weight: bold;
													line-height: 22px;
													padding-left: 20px}
.info-navi li:first-child a								{ border-top: 1px solid #e3e3e3; }		
/* ----------------------------------------------------------------------------------- */
/* 	GREY-BOX */
#info .box											{ border:1px solid #dddddd; margin-bottom: 10px; width:174px;}
#info .box .content									{ background:url(../_images/link-box-back.jpg) repeat-x bottom;
													border:3px solid #FFFFFF;
													padding:8px 7px;}
#info .box a										{ color:#000000; }
#info .box a:hover									{ color:#003c91; }
#info .box h3										{ color:#002369; font-size:16px; text-transform:uppercase;}
#info .box h3.flash-replaced						{ margin-left:-2px;}
#info .box h3 a										{ color:#002369;}
#info .box h4,
#info .box h4 a										{ color:#002369; font-size:12px; padding:0px 0 3px 0;}
#info .box h3 a:hover,
#info .box h4 a:hover								{ color:#000000; }

#info .box ul										{ }
#info .box ul li a									{ background:url(../_images/link-box-arrow.gif) no-repeat 2px 4px;
													color: #292929;
													display:block;
													font-size: 11px;
													font-weight: bold;
													padding: 2px 0 2px 15px;}
#info .box ul li a:hover							{ text-decoration:underline;}													
#info .box .hr										{ background:url(../_images/hr-back.jpg) no-repeat -180px 0; height:1px; margin-bottom:10px; margin-right:0; overflow:hidden; }		
#info .box .rssIcon									{ text-align:right;}
/* 	Links */
* html #info .links ul li							{ border-bottom:1px solid #E9E9E9;}
/* 	Downloads */
#info .downloads ul li								{ color:#002369;
													font-size: 11px;
													font-weight: normal;
													padding-bottom:4px;}
#info .downloads ul li a							{ background:url(../_images/download-file-icon.gif) no-repeat 0 0;
													color: #292929;
													display:block;
													font-weight: bold;
													padding: 4px 0 0 19px;}
#info .downloads ul li a:hover						{ text-decoration:underline;}

/*=====================================================================================*/
/* FOOTER
=======================================================================================*/
#footer ul											{ font-size: 11px;
													padding-top: 8px;}
#footer ul li										{ float: left;  }
#footer ul li a										{ border-right: 1px solid #FFFFFF;
													color: #FFFFFF;
													float: left;
													line-height: 8px;
													padding: 0 4px; }
#footer ul li a:hover								{ text-decoration: underline;
													color: #FFFFFF; }													
#footer ul li.last a								{ border-right: none; }
#footer hr											{ display: none; }
/* ----------------------------------------------------------------------------------- */
/* 	LANGUAGE-NAVI */
#footer #language-navi								{ float: right; }
#footer #language-navi a							{ border-right: none; line-height: 12px; margin-top:-2px}
#footer #language-navi .de a						{ background:url(../_images/language-de-icon.jpg) no-repeat 0 0; padding-left:20px;}
#footer #language-navi .en a						{ background:url(../_images/language-en-icon.jpg) no-repeat 5px 0; padding-left:25px; }
/* ----------------------------------------------------------------------------------- */
/* 	FOOTER-NAVI */
#footer-navi										{ float: left; }