
/* ThyssenKrupp Grid Styles */

/*body {margin: 0;padding: 20px 0 0 0;background :#fff;font-family:Arial, Helvetica, sans-serif;text-align: center;}*/
body                  {background:#e6e6e6; font-family:Arial, Helvetica, sans-serif; padding:0 0 20px 0; }
div#center            {background:#fff; margin:20px auto 0 auto; width:742px; }
div#global { width:740px; margin:0 auto; text-align:left; background:url("grid/shadow_right.gif") repeat-y right; padding:0 2px 0 0; }


/*-- the Header ----------------------------------------------------------*/
div#header           { position:relative; width:742px; margin:0 auto; height:119px; background:url("grid/header_background.jpg") no-repeat; text-align:left; }
div#header div.comp  { position:absolute; top:12px; left:180px; }
div#header div.wort  { position:absolute; top:32px; left:180px; }
div#header div.bild  { position:absolute; top:15px; right:15px; }

div#header div#serviceNaviOverlay ul { padding:10px 10px 10px 10px; }
div#header div#serviceNaviOverlay li.locations { }
div#header div#serviceNaviOverlay li.locations a { padding:22px 0 12px 0; }
div#header div#serviceNaviOverlay a { color:#333; font-size:11px; padding:5px 0 0px 0; text-decoration:none; margin:0 0 1px 0; display:block; height:18px; z-index:99; }
div#navAux                 { position:absolute; bottom:32px; left:10px; width:600px; }
div#navAux ul              { list-style-type:none; padding:0; margin:0; color:#666; }
div#navAux ul li           { display:inline; font-size:10px; margin:0; }
div#navAux ul li a         { height:14px; padding:3px 0 0 0; text-align:center; margin-right:15px; color:#000; text-decoration:none; display:block; float:left; }
div#navAux ul li a.sans    { background:none; }
div#navAux ul li a.current { color:#fff; }
div#navAux ul li a.a.current { background:url("grid/home_f2.png") no-repeat; }
div#navAux ul li a.c.current { background:url('../images/navigation/navAux-suche-bg-de.jpg') no-repeat; }
div#navAux ul li a.d.current { background:url('../images/navigation/navAux-mediaplayer-bg.jpg') no-repeat; }
div#navAux ul li a.e.current { background:url('../images/navigation/navAux-kontakt-bg-de.jpg') no-repeat; }
div#navAux ul li a.f.current { background:url('../images/navigation/navAux-hilfe-bg-de.jpg') no-repeat; }
div#navAux ul li a.g.current { background:url('../images/navigation/navAux-sitemap-bg-de.jpg') no-repeat; }
div#navAux ul li a.a { width:35px; }
div#navAux ul li a.c { width:36px; }
div#navAux ul li a.d { width:62px; }
div#navAux ul li a.e { width:43px; }
div#navAux ul li a.f { width:28px; }
div#navAux ul li a.g { width:45px; }

div#sidebar h2       { font-weight:normal; margin:0 10px 10px 10px; padding: 5px 0 1px 0; color:#333; font-weight:bold; font-size:11px; }
div#sidebar div.serviceNavigation { background:none; }
div#sidebar div.factbook { background:none; }
div#sidebar div.serviceNavigation ul              { padding:4px 0 3px 10px; }
div#sidebar div.factbook ul              { padding:4px 0 3px 10px; }
div#sidebar div.serviceNavigation ul li           { border:none; padding:0 0 8px 0; }
div#sidebar div.factbook ul li           { border:none; padding:0 0 8px 0; }
div#sidebar div.serviceNavigation ul li a         { width:125px; background:  url("../images/basis/icon_linklist.gif") no-repeat 0 2px; display:block; padding: 0 0 0 16px; margin:0; text-decoration: none; line-height:14px; font-size: 11px; font-weight:normal; color:#333; }
div#sidebar div.factbook ul li a         { width:135px; background:  url("../images/basis/icon_linklist.gif") no-repeat 0 2px; display:block; padding: 0 0 0 16px; margin:0; text-decoration: none; line-height:14px; font-size: 11px; font-weight:normal; color:#2269B6; }
div#sidebar div.serviceNavigation ul li a.current { background:  url("../images/basis/icon_linklist_active.gif") no-repeat 0 2px; color:#202020 !important; }
div#sidebar div.serviceNavigation a:visited       { color:#333; }
div#sidebar div.serviceNavigation a:hover         { text-decoration:underline;}
div#sidebar div.factbook ul li a.current { background:  url("../images/basis/icon_linklist_active.gif") no-repeat 0 2px; color:#2269B6 !important; }
div#sidebar div.factbook a:visited       { color:#2269B6; }
div#sidebar div.factbook a:hover         { text-decoration:underline;}
div.serviceNavigation li { background:none !important; }
div.factbook li { background:none !important; }
div.serviceNavigation li.mediaplayer a { background:url(../images/icons/service_mediaplayer_de.gif) no-repeat 0 1px !important; }
div.factbook li.fact a { background:url(../images/icons/icon_linklist.gif) no-repeat 0 2px !important;}
div.serviceNavigation li.pub a { background:url(../images/icons/service_publikationen.gif) no-repeat 0 1px !important; }
div.serviceNavigation li.newsletter a { background:url(../images/icons/service_newsletter.gif) no-repeat 0 1px !important; }
div.serviceNavigation li.rss a { background:url(../images/icons/service_rss.gif) no-repeat 0 1px !important; }
div.serviceNavigation li.twitter a { background:url(../images/icons/service_twitter.gif) no-repeat 0 1px !important; }


div#header div#serviceNaviOverlay a:hover { text-decoration:underline; }

#logo {
	background: url("base/header_tklogo.gif") no-repeat right top;
}	

#title {	
	height: 42px;
	margin: 0 0 0 10px;
}

	#title img {	
		margin-top: 6px;
	}


/*-- the Breadcrumb Navigation -------------------------------------------*/

#navBreadcrumbs {
	width: 600px;
	height: 13px;
}

#navBreadcrumbs ul {
 list-style-type: none; 
 padding: 0 0 0 10px; 
 margin: 0; 
 color: #666 }

#navBreadcrumbs ul li {
 display: inline; 
 font-size: 10px; 
 margin: 0 }

#navBreadcrumbs ul li a {
 padding: 0 10px 0 0; 
 margin-right: 10px; 
 color: #999; 
 text-decoration: none; 
 float: left; 
 background: url("base/dot.gif") no-repeat right center;
}

#navBreadcrumbs ul li a.sans {
 background: none;
}

#navBreadcrumbs ul li a.current {
 color: #003366;
}


/*-- the Main Navigation -------------------------------------------------*/

div#navGlobal        { position:absolute; bottom:4px; left:0px; height:21px; clear:both; }


/*-- the Sidebar ---------------------------------------------------------*/

#sidebar {
	border-right: 5px solid #fff;
	padding: 0;
	float: left;
	width: 170px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 165px;
	margin-top:5px;
	/*background-color: #c90;*/
}

html>body #sidebar {
	width:165px;
} 


/*-- the wrapper and the Content Column -----------------------------------*/

#wrap {
	width: 570px;
	float: right;
	color: #333;
	/*background-color: red;*/
	margin: 0;
	margin-top:5px;
}
#adminwrap {
	width: 740px;
	color: #333;
	/*background-color: red;*/
	margin: 0;
}
#content {
	float: left; 
	width: 390px;
}

#admincontent {
	float: left; 
	width: 100%;
}

#contentFull {
	float: left; 
	width: 560px; 
}

		
/*-- the service navigation -------------------------------------------------------*/
 
ul#navService {
 clear: both; 
 margin: 0 0 0 10px; 
 padding: 0 0 0 0; 
 list-style-type: none; 
}

ul#navService li {
 display: inline; 
}

ul#navService li a.top, ul#navService li a.print, ul#navService li a.close {
 display: inline; 
 float: left; 
 margin-top: 14px; 
}

ul#navService li a.top, ul#navService li a.print {
 margin-right: 8px
}
 
 
 /*-- the Context Column ---------------------------------------------------------*/

div#context{ float:left; width:165px; font-size:11px; margin:0 0 0 5px; }

div#context h2       { font-weight:normal; margin:0 10px; padding: 5px 0 1px 0; color:#333; font-weight:bold; font-size:11px; }

/*-- the Footer Column ----------------------------------------------------------*/

#footer {
	width: 740px; 
	border-top: 1px solid #e6e6e6; 
	padding: 7px 0 0 0; 
	margin: 7px 0 0px 0; 
	clear: both;
}

#footer ul {
	background: #fff; 
	list-style-type: none; 
	padding: 0 0 0 10px;
	margin-left:170px;
	margin-bottom:5px;
	text-align:left;
}

#footer ul li {
	font-size: 10px; 
	line-height: 15px; 
	display: inline; 
	margin: 0; 
	padding: 0; 
	color: #999;
}

#footer a, #footer p {
	font-size: 10px; 
	line-height: 12px; 
	text-decoration: none;
}

#footer a {
	color: #2269b6;
}

#footer a:hover {
	color: #2269b6; 
	text-decoration: underline;
}

#footer p {
	color: #999; 
	padding: 0 0 0 10px; 
	margin: 0;
}
#copyright{ margin-left:170px; }


div#shadowBottom { margin:0 auto; width:742px; height:6px; background:url('../images/grid/shadow_bottom.gif') no-repeat; }

/* +++++++++++ INVISIBLE HORIZONTAL RULE +++++++++++ */	
/* ++++++++++ AND LINE BREAK CLEAR FLOATS ++++++++++ */	
hr, br.fix {
 visibility: hidden; 
 clear: both; 
 line-height: 0px; 
 background: #fff; 
 height: 0px; 
 font-size: 0px; 
 padding: 0; 
 margin: 0 }

.frame
{
    border: 1px solid #CCCCCC;
    padding: 5px;
    float: left;
    width: 150px;
    height: 150px;
    vertical-align: top;
    text-align: center;
    background:#f5f5f5;
    margin:0 10px 10px 10px;
}

.desc
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    line-height: 15px;
    margin-top: 2px;
    margin-bottom: 2px;
}
