/****************************** 
CSS import ( for brower up to IE5, Mozilla/ FIREFOX 1,  )  
modified by eclore.de

version: 2010.10
project: ThyssenKrupp
coauthor: eclore.de;
Standard-Mode: XHTML 1.0 Strict
******************************/

 

/* positioning rules for navigation, content, context and footer divs
---------------------------------------------------------------------------------------------------------*/
body               		{ font-family:Arial, Helvetica, sans-serif; vertical-align:top; text-align:center; background:#dcdddf none repeat scroll 0 0; }
div#center          	{ width:744px; margin:auto; margin-top:20px; display:block;  clear:both;  text-align:left;  border:1px solid #dcdddf;  background: url(../images/grid/09_site-bg.gif) repeat-y scroll 0 0; position:relative; }
#popup div#center       { width:574px; background-image:url(../images/grid/09_site-bg_popup.gif); }

div#header				{ width:744px; height:119px; position:relative; clear:both; background:url(../images/grid/header_background.png) no-repeat scroll 0 0; display:block; -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; }
#popup div#header		{ width:574px; background-image:url(../images/grid/header_background_popup.png); }

div#contentArea       	{ width:740px; clear:both; overflow:hidden; margin-left:2px; /*_margin-top:-16px; */ display:block; padding-bottom:10px; border-bottom:1px solid #E6E6E6; border-top:5px solid #FFF; }
#start div#contentArea       	{ border-top:0px; }
/* FE Editing */ .feEditAdvanced div#contentArea       	{ overflow:visible; margin-top:70px; }
#print div#contentArea  { margin-top:0; }
#popup div#contentArea  { width:574px; }
#start div#contentArea  { _margin-top:0px; }

div#footer              { height:40px; margin:7px 0px 0px 0px; padding:0px; clear:both; }
#popup div#footer       { background-image:url(../images/grid/09_footer-bg_popup.gif); }

/* HTML Print Version of this Part.... */
body.print div#center	{ width:100%; }

/* head and navigation (horizontal blue bar)
---------------------------------------------------------------------------------------------------------*/

div#summary				{ width:740px; height:40px; position:relative; top:-51px; left:0px; clear:both; display:block; overflow:hidden; z-index:-1; font-size:10px; }
div#groupReference		{ padding:14px 0px 0px 530px; }
#print div#groupReference	{ padding:0; }
#popup div#groupReference	{ padding-left:350px; }


/* Print Navigation */
div#navPrint			{ width:100%; clear:both; }
div#navPrint div		{ width:49.9%; display:inline; float:left; }
div#navPrint div a		{ width:100%; display:block; background-color:#f2f2f2; font-size:16px; line-height:20px; text-align:center; }
div#navPrint div a:hover{ background-color:#666; color:#fff; }

/* HTML Print Version of this Part.... */
body.print div#header		{ display:none; }
body.print div#brand		{ height:110px; margin-bottom:15px; }
body.print div#summary		{ display:none; }

/* Service navigation
---------------------------------------------------------------------------------------------------------*/
div#navService    		{ height:20px; clear:both; padding:0px; margin:0px; display:block; }
.print div#navService 	{ display:none; }
div#navService ul		{ margin-left:10px; }
div#navService li 		{ float:left; line-height:20px; display:inline; padding-left:3px; }
/*div#navService a  		{ color:#000; text-decoration:none; font-size:10px; line-height:20px; padding-right:3px; display:block; background:url(../images/grid/dot.gif) no-repeat right center; margin:0 2px 0 0px; }*/
div#navService a  		{ color:#000; text-decoration:none; font-size:10px; line-height:20px; display:block; margin:0 15px 0 0px; }

div#navService ul li a:hover	{ color:#000; }
div#navService a.serv_act		{ color:#fff; }
div#navService a.last		{ background:none; }

div#navService li.serv_act a 	{ background:url(../images/grid/servNav_act_r.gif) right no-repeat; padding-right:3px; }
div#navService li.serv_act 	{ background:url(../images/grid/servNav_act_l.gif) left no-repeat; padding-left:3px; }

div#navGlobal         		{ height:24px; margin-top:5px; clear:both; overflow:hidden; }
div#navGlobal ul      		{ margin-left:5px; }
div#navGlobal li      		{ height:24px; float:left; display:inline; padding-left:0px; }
div#navGlobal li a     		{ height:24px; float:left; padding-right:5px; }

div#navGlobal li.pri_act a 	{ background:url(../images/grid/menuitem_act_r.gif) right top no-repeat; padding-right:5px; }
div#navGlobal li.pri_act 	{ background:url(../images/grid/menuitem_act_l.gif) left top no-repeat; padding-left:5px; margin-left:5px; }
.print div#navGlobal a 		{ background-color:#003466; }

div#navGlobal div#groupReference { float:right; }

/* keyvisual
---------------------------------------------------------------------------------------------------------*/
#start #keyvisual		{ margin-left:0px; _margin-top:0px; margin-bottom:2px; _margin-bottom:-9px; }
/* FE Editing */ #start.feEditAdvanced #keyvisual	{ margin-top:-70px; }

#start div.tx-wagrandomimage-pi1 { margin-left:0px; _margin-top:80px; margin-bottom:2px; _margin-bottom:-9px; }

#four_colum div#contentArea		{
	border-top:0px solid #fff;
}

/* HTML Print Version of this Part.... */
.print .keyvisual				{ display:none; }

/* local navigation, left, content & contextual column
---------------------------------------------------------------------------------------------------------*/

div#popup div#contentArea		{ width:570px; }

#four_colum div#pageContent		{ width:740px; margin:0px 0px 0px 0px; } 
div#pageContent					{ width:570px; float:left; display:inline; margin:0px 0px 0px 170px; }
#start div#pageContent			{ _margin-top:13px;  } 	
/* FE Editing */ .feEditAdvanced div#pageContent { margin-top: 5px; _margin-top: 20px; }
#popup div#pageContent			{ margin-left:0px; } 	

div#pageLeft					{ width:175px; float:left; display:inline; margin:0px 0px 0px -740px; overflow:hidden; _margin-top:0px; } 		
#start div#pageLeft				{ _margin-top:15px; }
/* FE Editing */ .feEditAdvanced div#pageLeft	{ margin-top:5px; _margin-top:20px; }

div.main					{ min-height:400px; float:left; font-size:12px; display:inline; background:none; }
#four_colum div.main		{ float:none; }
div.sub						{ float:left; font-size:12px; display:inline; background:none; }
	#one_colum div.main			{ width:193px; margin:0px 5px 0px 0px; display:inline; overflow:hidden; } /* 2 colums for the content */
	#one_colum div.sub			{ width:192px; margin:0px 5px 0px 0px; display:inline; overflow:hidden; } /* 1 colum for the content */
	#start div.main				{ width:390px; margin:0px 5px 0px 0px; display:inline; overflow:hidden; } /* 1 colum for the content  */
	#two_colum div.main			{ width:390px; margin:0px 5px 0px 0px; display:inline; overflow:hidden; } /* 1 colum for the content  */
	#three_colum div.main		{ width:570px; margin:0px 0px 0px 0px; display:inline; overflow:hidden; } /* 1 colum for the content  */	
	
/* FE Editing */ #one_colum.feEditAdvanced div.main		{ overflow:visible; } /* 2 colums for the content */
/* FE Editing */ #one_colum.feEditAdvanced div.sub		{ overflow:visible; } /* 1 colum for the content */
/* FE Editing */ #start.feEditAdvanced div.main			{ overflow:visible; } /* 1 colum for the content  */
/* FE Editing */ #two_colum.feEditAdvanced div.main		{ overflow:visible; } /* 1 colum for the content  */
/* FE Editing */ #three_colum.feEditAdvanced div.main	{ overflow:visible; } /* 1 colum for the content  */		

	.print div.main			{ width:99%; margin:0px; overflow:visible; } /* 2 colums for the content */
	.print div.sub			{ width:99%; margin:0px; overflow:visible; } /* 1 colum for the content */

	#popup	div.main			{ width:570px; margin:0px 0px 0px 0px; display:inline; overflow:hidden; } /* 1 colum for the content as a pop page */
/* FE Editing */ #popup.feEditAdvanced 	div.main			{ overflow:visible; } /* 1 colum for the content as a pop page */

div#context                 	{ width:175px; float:left; display:inline; margin:0px; font-size:11px; overflow:hidden; }	/* 1 colum for the context */		
/* FE Editing */ .feEditAdvanced 	div#context { overflow:visible; }

div#subContext                  { float:right; width:175px; font-size:11px; margin:0 0 0 5px; }

div#navLocal                    { width:165px; overflow:hidden; font-size:11px; }
#start div#navLocal             { width:165px; overflow:hidden; font-size:11px; }

div#navLocal ul                 { margin:0 0 4px 0px; }
div#navLocal ul ul              { margin:0 0 0px 0px; width:165px; overflow:hidden; }
div#navLocal li                 { background:#dadada; margin:0 0 1px 0; font-size:11px; font-weight:normal; line-height:20px; }
div#navLocal li li              { background:#F2F2F2; margin:0 0 0px 0; font-weight:normal; border-top:1px solid #FFFFFF; padding:0 0 0 0px; }
div#navLocal li li li           { background:#FFFFFF; margin:0 0 0px 0; font-weight:normal; border-top:1px solid #F3F3F3; padding:0 0 0 0px; }
div#navLocal li a               { color:#000; display:block; width:145px; padding:3px 0 3px 10px; text-decoration:none; }
div#navLocal li li a            { padding:3px 0 3px 18px; }
div#navLocal li li li a         { padding:3px 0 3px 25px; }
div#navLocal li.current li a	{ color:#000; }
div#navLocal li a:hover         { text-decoration:underline; }
div#navLocal a.current          { font-weight:bold; color:#000 !important; }
div#navLocal input.searchSubmit	{ margin:3px 0 0 0; }

div.element				{ margin:3px 5px 0px 0px; display:inline; overflow:hidden; float:left; }
div.element_1col		{ width:178px; }
div.element_2col		{ width:356px; }
div.element_3col		{ width:534px; }
div.element_h100		{ height:100px; }
div.element_h200		{ height:200px; }
div.element_h300		{ height:260px; }

/* HTML Print Version of this Part.... */
.print div#pageContent	{ width:100%; float:none; display:block; margin:0px; } 	
.print div#context      { display:none; }	/* 1 colum for the context */		
.print div#pageLeft		{ display:none; } 		
.print div#navLocal     { display:none; }

/* footer
---------------------------------------------------------------------------------------------------------*/
div#footer				{ font-size:10px; color:#999; -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:url(../images/grid/09_footer-bg.gif) no-repeat scroll left bottom;}
div#footer ul           { margin-left:175px; }
#popup div#footer ul    { margin-left:10px; }
div#footer li           { float:left; display:inline; }
div#footer *       		{ font-size:10px; }
div#footer a:link       { color:#2269B6; }
div#footer a:hover      { text-decoration:underline; }
div#footer a:visited    { color:#2269B6; }
#footer div#copyright	{ margin-left:175px; clear:both; display:block; margin-bottom:10px; }
#popup div#copyright    { margin-left:10px; }

#dataLogin				{ margin-top:25px; }

/* HTML Print Version of this Part.... */
.print div#footer ul            { display:none; }

/* Modalbox (overwrites typo3/contrib/extjs/resources/css/xtheme-gray.css)
-----------------------------------------------------------------------------------------------------------*/
.ext-el-mask {
    background-color: #333;
	opacity:0.8;
}