/*  Default CSS for Lacon Corporate Site    */


/* ******* */
/* common  */
/* ******* */
body, p, li, td, h1, h2, h3, h4, h5, h6, input, select, option, textarea {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:18px;
	color:#373737;
}
body, p, li, td, h1, h2, h3, h4, h5, h6, input, select, option, textarea, br, div, table, tr, ul, ol {
	text-align:left;
	vertical-align:top;
	margin:0;
	padding:0;
}

a {color:#DF0023;}
a:visited {color:#888888;}

img {border:none;}

h1, h2, h3, h5 {color:#888888;}
h2, h3, h4, h5 {font-weight:bold;}

h1 {
	font-size:18px;
	border-bottom:1px solid #888888;
	padding-bottom:5px;
	margin-bottom:15px;
}

h2 {
	font-size:13px;
	margin-bottom: 8px;
}

h3 {margin-bottom: 8px;
}

h4 {color:#de0023;}

h5 {
	font-size:20px;
	line-height:1.5em;
	margin-bottom: 10px;
}

br.clear {clear:both;}
span.nobr {white-space: nowrap;}

.helper {display:none;}


/* ***************** */
/* basic page layout */
/* ***************** */
body {
	text-align:center;
	background:url(../img/body_bg.gif) top center no-repeat;
}

#page {
	width:980px;
	background:url(../img/page_bg.png) top center repeat-y;
	margin:auto;
	margin-top:0;
	padding:0 10px 0 5px;
	overflow:hidden;
}

#head {
	width:100%;
	height:226px;
	position:relative;
	background:url(../img/head_bg.png) top left no-repeat;
	overflow:hidden;
}

#logo {
	width:187px;
	height:173px;
	position:relative;
	top:0;
	left:28px;
	background:url(../img/logo.png) top left no-repeat;
	overflow:hidden;
}
#logo a {
	width:173px;
	height:161px;
	display:block;
	margin:0 0 0 4px;
}

#servicenav {
	width:500px;
	position:absolute;
	top:0;
	right:0;
	background:url(../img/servicenav_bg.png) top right repeat-y;
	overflow:hidden;
}

#moodtext {
	width:350px;
	height:140px;
	position:absolute;
	top:112px;
	left:294px;
	overflow:hidden;
}

#search {
	position:absolute;
	top:184px;
	left:770px;
}

#mainnav {
	width:100%;
	height:33px;
	z-index:898;
}

#content {
	margin-top:30px;
	clear:both;
}

#left {
	width:177px;
	margin:0 37px 0 32px;
	float:left;
	margin-bottom:20px;
}

#center {
	width:493px;
	min-height:240px ;
	overflow:hidden;
	float:left;
	margin-bottom:20px;
}

#right {
	width:177px;
	margin:0 27px 0 32px;
	float:left;
	margin-bottom:20px;
	overflow:hidden;
}

#footer {
	width:995px;
	height:40px;
	clear:both;
	background:url(../img/footer_bg.png) top left no-repeat;
	padding-top:10px;
	margin:auto;
	margin-top:0;
	margin-bottom:10px;
}


/* servicenav */
ul.servicenav {text-align:right;}
ul.servicenav li {
	list-style:none;
	display:inline;
	text-align:right;
	padding:0 9px 0 6px;
	background:url(../img/servicenav_spacer.png) top right no-repeat;
	background-position:100% 2px;
}
ul.servicenav li.language {
	background-image:none;
}
ul.servicenav li.last {
	padding-right:15px;
	background-image:none;
}
ul.servicenav a {
	font-size:11px;
	line-height:22px;
	color:#6D7072;
	text-decoration:none;
	text-align:right;
}
ul.servicenav a:hover, ul.servicenav a.act {
	color:#DE0023;
}



/* footernav */
ul.footernav {text-align:center;}
ul.footernav li {
	list-style:none;
	display:inline;
	text-align:center;
	padding:0 9px 0 6px;
	background:url(../img/footernav_spacer.png) top right no-repeat;
	background-position:100% 2px;
}
ul.footernav li.last {
	background-image:none;
}
ul.footernav a {
	text-decoration:none;
}
ul.footernav a:hover, ul.footernav a.act {
	color:#FFFFFF;
}


/* ********** */
/* menu */
/* ********** */

/* mainnav */
ul.mainnavLv1 {
	background-color:#6D7072;
	width:980px;	
	display:block;
	position:relative;
	z-index:8000;
}

ul.mainnavLv1 li {
	background:#6D7072;
	list-style:none;	
	float:left;
	position:relative;
}
ul.mainnavLv1 a {
	background:#6D7072;
	font-size:12px;
	line-height:13px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	padding:10px 22px 10px 22px; /*43*/
	}


/* general lv2 */
ul.mainnavLv1 li ul.mainnavLv2 {
	padding-left:19px;
	padding-top:19px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
		}

ul.mainnavLv1 li ul.mainnavLv2 li {
	display:block;
	position:relative;	
	float:left;
	width:auto;/*140px*/
	margin-right:15px;
}
ul.mainnavLv1 li ul.mainnavLv2 li a {
	display:block;
	padding:3px;
}

/*Manueller Umbruch bei Assembling printed circuit boards:: englisch*/
ul.mainnavLv1 li ul.mainnavLv2 li.lv2_5 {
width:135px;
}

/* general lv3 */
ul.mainnavLv1 li ul.mainnavLv2 li ul.mainnavLv3 {
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 20px; /*fuer automatischen Umbruch!*/
	padding-left: 0;
}
ul.mainnavLv1 li ul.mainnavLv2 li ul.mainnavLv3 li {
	float:none;
	display:block;
	font-weight:normal;
	position:relative;
}
ul.mainnavLv1 li ul.mainnavLv2 li ul.mainnavLv3 li a {
	display:block;
	font-weight:normal;
	/*border-left-width: thin;
	border-left-style: outset;
	border-left-color: #FFFFFF;*/
}

/* hover */
ul.mainnavLv2 {
	display:none;
	position:absolute;
	top:0;
	left:-9999;
}
ul.mainnavLv1 li:hover>ul {
	display:block;
	top:33px;
	left:0;
}
ul.mainnavLv2 li {
	list-style:none;
	float:left;
}

/* Buttons oben, Summe max. 980px inkl. padding, siehe oben*/
ul.mainnavLv1 li.lv1_first {width:250px;}
ul.mainnavLv1 li.lv1_2 {width:190px;}
ul.mainnavLv1 li.lv1_3 {width:150px;}
ul.mainnavLv1 li.lv1_4 {width:190px;}
ul.mainnavLv1 li.lv1_last {width:200px;}



/* EMS*/
ul.mainnavLv1 li.lv1_first ul.mainnavLv2 {
	width:961px;
	height:240px;
	background-color:#73A533;
}

ul.mainnavLv1 li.lv1_first:hover a, ul.mainnavLv1 li.lv1_first a.act, ul.mainnavLv1 li.lv1_first ul li, ul.mainnavLv1 li.lv1_first ul {background-color:#73A533;}
ul.mainnavLv1 li.lv1_first ul.mainnavLv2 li a:hover {color:#73A533;	background-color:#FFFFFF;}

/* IE */
ul.mainnavLv1 li.lv1_2 ul.mainnavLv2 {
	width:270px;
	height:240px;
	background-color:#E2972E;
}

ul.mainnavLv1 li.lv1_2 ul.mainnavLv2 li {
	width:250px;
	float:none;
	font-weight:normal;
	position:relative;
}

ul.mainnavLv1 li.lv1_2 ul.mainnavLv2 li a {
	display:block;
	font-weight:normal;
}

ul.mainnavLv1 li.lv1_2:hover a, ul.mainnavLv1 li.lv1_2 a.act, ul.mainnavLv1 li.lv1_2 ul li, ul.mainnavLv1 li.lv1_2 ul {background-color:#E2972E;}
ul.mainnavLv1 li.lv1_2 ul.mainnavLv2 li a:hover {color:#E2972E;	background-color:#FFFFFF;}

/* DISTRI*/
ul.mainnavLv1 li.lv1_3 ul.mainnavLv2 {
	width:711px;
	height:240px;
	background-color:#207E67;
	left:-190px;
}

ul.mainnavLv1 li.lv1_3:hover a, ul.mainnavLv1 li.lv1_3 a.act, ul.mainnavLv1 li.lv1_3 ul li, ul.mainnavLv1 li.lv1_3 ul {background-color:#207E67;}
ul.mainnavLv1 li.lv1_3 ul.mainnavLv2 li a:hover {color:#207E67;	background-color:#FFFFFF;}

/* RM, End of life Management */

ul.mainnavLv1 li.lv1_4 ul.mainnavLv2 {
	width:171px;
	height:240px;
	background-color:#B95A85;
}
ul.mainnavLv1 li.lv1_4 ul.mainnavLv2 li {
	width:150px;
	float:none;
	font-weight:normal;
	position:relative;
}
ul.mainnavLv1 li.lv1_4 ul.mainnavLv2 li a {
	display:block;
	font-weight:normal;
}

/*
mehrspaltig
ul.mainnavLv1 li.lv1_4 ul.mainnavLv2 {
	width:350px;
	height:240px;
	background-color:#B95A85;
	position:absolute;
	left:-179px;
}
*/

ul.mainnavLv1 li.lv1_4:hover a, ul.mainnavLv1 li.lv1_4 a.act, ul.mainnavLv1 li.lv1_4 ul li, ul.mainnavLv1 li.lv1_4 ul {background-color:#B95A85;}
ul.mainnavLv1 li.lv1_4 ul.mainnavLv2 li a:hover {color:#B95A85;	background-color:#FFFFFF;}

/* ES*/
ul.mainnavLv1 li.lv1_last ul.mainnavLv2 {
	width:961px;
	height:240px;
	background-color:#5A9ED6;
		position:absolute;
	left:-780px;
}

ul.mainnavLv1 li.lv1_last:hover a, ul.mainnavLv1 li.lv1_last a.act, ul.mainnavLv1 li.lv1_last ul li, ul.mainnavLv1 li.lv1_last ul {background-color:#5A9ED6;}
ul.mainnavLv1 li.lv1_last ul.mainnavLv2 li a:hover {color:#5A9ED6;	background-color:#FFFFFF;}


/* subnav */
h1.subnav {
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
	text-decoration:none;
}
h1.subnavLv1_1 {}
h1.subnavLv1_1 {color:#73A533;}
h1.subnavLv1_2 {color:#E2972E;}
h1.subnavLv1_3 {color:#207E67;}
h1.subnavLv1_4 {color:#B95A85;}
h1.subnavLv1_5 {color:#5A9ED6;}

ul.subnav li {list-style:none;}
ul.subnav a {
	color:#6D7072;
	font-size:11px;
	display:block;
	border-bottom:1px solid #6D7072;
	text-decoration:none;
	padding-left:17px;
	background:url(../img/subnav_bg.png) top left no-repeat;
	background-position:0 5px;
}

ul.subnav a:hover, ul.subnav a.act {
	color:#FFFFFF;
	background-image:url(../img/subnav_hov_bg.png);
}
ul.subnav a.act {background-image:url(../img/subnav_act_bg.png);}
ul.subnavLv1_1 a:hover {background-color:#A6C67E;}
ul.subnavLv1_2 a:hover {background-color:#ECBB77;}
ul.subnavLv1_3 a:hover {background-color:#6EAB9C;}
ul.subnavLv1_4 a:hover {background-color:#D194B0;}
ul.subnavLv1_5 a:hover {background-color:#92BFE4;}

ul.subnavLv1_1 a.act {background-color:#73A533;}
ul.subnavLv1_2 a.act {background-color:#E2972E;}
ul.subnavLv1_3 a.act {background-color:#207E67;}
ul.subnavLv1_4 a.act {background-color:#B95A85;}
ul.subnavLv1_5 a.act {background-color:#5A9ED6;}

ul.subnavLv2 a {
	padding-left:26px;
	background-color:transparent;
	background-image:url(../img/subnavLv2_bg.png);
	background-position:0 6px;
	border:none;
}
ul.subnavLv2 li.last {border-bottom:1px solid #6D7072;}
ul.subnavLv2 a:hover, ul.subnavLv2 a.act {background-color:transparent;}

ul.subnavLv1_1 ul.subnavLv2 a:hover, ul.subnavLv1_1 ul.subnavLv2 a.act {background-image:url(../img/subnavLv2_ems_act_bg.png);}
ul.subnavLv1_2 ul.subnavLv2 a:hover, ul.subnavLv1_2 ul.subnavLv2 a.act {background-image:url(../img/subnavLv2_ie_act_bg.png);}
ul.subnavLv1_3 ul.subnavLv2 a:hover, ul.subnavLv1_3 ul.subnavLv2 a.act {background-image:url(../img/subnavLv2_dist_act_bg.png);}
ul.subnavLv1_4 ul.subnavLv2 a:hover, ul.subnavLv1_4 ul.subnavLv2 a.act {background-image:url(../img/subnavLv2_rm_act_bg.png);}
ul.subnavLv1_5 ul.subnavLv2 a:hover, ul.subnavLv1_5 ul.subnavLv2 a.act {background-image:url(../img/subnavLv2_es_act_bg.png);}

ul.subnavLv1_1 ul.subnavLv2 a:hover, ul.subnavLv1_1 ul.subnavLv2 a.act {color:#73A533;}
ul.subnavLv1_2 ul.subnavLv2 a:hover, ul.subnavLv1_2 ul.subnavLv2 a.act {color:#E2972E;}
ul.subnavLv1_3 ul.subnavLv2 a:hover, ul.subnavLv1_3 ul.subnavLv2 a.act {color:#207E67;}
ul.subnavLv1_4 ul.subnavLv2 a:hover, ul.subnavLv1_4 ul.subnavLv2 a.act {color:#B95A85;}
ul.subnavLv1_5 ul.subnavLv2 a:hover, ul.subnavLv1_5 ul.subnavLv2 a.act {color:#5A9ED6;}


/* ******* */
/* content */
/* ******* */
span.Ueberschrift4 {color:#DE001A;}
p.Hellgrau {color:#888888;}

#center ul li {
	list-style:none;
	padding-left:17px;
	background:url(../img/li_bg.png) top left no-repeat;
	background-position:0 5px;
}

#center ul li.csc-textpic-image {
background:none;
padding-left:0;
}

div.bottomnav {
	border-top:1px solid #A1A1A1;
	margin-top:30px;
	padding-top:10px;
}
div.bottomnav p {margin-bottom:5px;}
div.bottomnav a.printlink {
	color:#888888;
	text-decoration:none;
	background:url(../img/printlink_bg.png) top left no-repeat;
	padding-left:30px;
}
div.bottomnav a.toplink {
	color:#888888;
	text-decoration:none;
	background:url(../img/toplink_bg.png) top left no-repeat;
	padding-left:30px;
}






/* ****** */
/* footer */
/* ****** */
#footer * {
	color:#888888;
	font-size:10px;
	line-height:13px;
}
#footer .left {
	width:177px;
	margin:0 37px 0 32px;
	overflow:hidden;
	float:left;
}
#footer .center {
	width:493px;
	overflow:hidden;
	float:left;
}
#footer .right {
	width:177px;
	margin:0 27px 0 32px;
	overflow:hidden;
	float:left;
}





/* ****** */
/* Infobox */
/* ****** */

div.infobox_button {
	border:1px solid #C8C8C8;
	margin-bottom:15px;
}
div.infobox_button_link {
	height:24px;
	border-top:1px solid #C8C8C8;
	background:url(../img/infobox_button_bg.png) top left repeat-x;
}
div.infobox_button_link a {
	color:#888888;
	text-decoration:none;
	line-height:24px;
	display:block;
	padding-left:17px;
	background:url(../img/subnav_bg.png) top left no-repeat;
	background-position:0 8px;
}
div.infobox_button_link a:hover {color:#DF0023;}


div.infobox_teaser {
	padding:13px 15px 11px 15px;
	border:1px solid #C8C8C8;
	margin-bottom:15px;
	
}
div.infobox_teaser * {
	font-size:11px;
	color:#888888;
	line-height:16px;
}
div.infobox_teaser h1 {
	font-weight:bold;
	margin:0;
	padding:0;
	border:none;
}
div.infobox_teaser img {margin-top:10px;}
div.infobox_teaser_link {
	margin-top:15px;
}
div.infobox_teaser a {
	color:#DF0023;
}

div.infobox_teaser ul li {
	list-style:none;
	padding-left:17px;
	background:url(../img/li_bg.png) top left no-repeat;
	background-position:0 5px;
}

div.infobox_teaser ul li a {
	color:#888888;
}





img.language {text-align:right; margin:7px 10px 0 0;}



/* ***** */
/* search */
/* ***** */
input.search {
	width:148px;
	height:17px;
	background:transparent url(../img/search_bg.png) top left no-repeat;
	border:none;
	padding:2px;
}
input.submitbutton {margin-left:3px;}
div.tx-indexedsearch tr.rowtitle td {
	border-top:1px solid #888888;
	padding-top:20px;
}
div.tx-indexedsearch td.tx-indexedsearch-title a {
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
div.tx-indexedsearch td.tx-indexedsearch-descr {font-style:normal !important;}
div.tx-indexedsearch td.tx-indexedsearch-info {background-color:transparent !important;}
div.tx-indexedsearch tr.rowinfo td {
	padding-top:15px;
}
div.tx-indexedsearch li {
	list-style:none !important;
	background-image:none !important;
	padding-left:0 !important;
}



/* **** */
/* news */
/* **** */
div.news-latest-container {
	width:175px;;
	background:#F2F2F2 url(../img/news_latest_bg.png) top left no-repeat;
	padding-top:52px;
	border:1px solid #CCCCCC;
}
div.news-latest-container-en {
	width:175px;;
	background:#F2F2F2 url(../img/news_latest_bg_EN.png) top left no-repeat;
	padding-top:52px;
	border:1px solid #CCCCCC;
}
div.news-latest-item, div.news-latest-item-en {
	width:150px;
	margin:6px 0 6px 13px;
}

p.news-latest-date, p.news-latest-date-en {
	font-size:11px;
	line-height:16px;
	color:#888888;
	background:url(../img/news_latest_date_bg.png) top left no-repeat;
	background-position:0 4px;
	padding-left:12px;
	margin:0 0 2px 0;
}
div.news-latest-item h1, div.news-latest-item-en h1{
	font-size:11px;
	line-height:16px;
	color:#888888;
	font-weight:bold;
	border:none;
	margin:0 0 2px 12px;
	padding:0;
}
div.news-latest-subheader, div.news-latest-subheader-en {
	font-size:11px;
	color:#888888;
	margin:0 0 2px 12px
}

div.news-latest-subheader p, div.news-latest-subheader-en p{
	font-size:11px;
	line-height:16px;
	color:#888888;
}

div.news-latest-morelink, div.news-latest-morelink-en {
	margin-left:12px;
}

div.news-latest-morelink a, div.news-latest-morelink-en a{
	font-size:11px;
	line-height:16px;
	color:#888888;
}


div.news-list-item, div.news-list-item-en {
  margin-bottom:35px;
}

div.news-list-item img {
  float:right;
  margin-left:10px;
}

div.news-list-date, div.news-single-timedata {
	color:#888888;
	font-weight:bold;
}
h2.news-list-headline, h2.news-single-headline {
	color:#DF0023;
	margin-bottom:6px;
}
div.news-single-backlink {
	border-top:1px solid #A1A1A1;
	margin-top:30px;
	padding-top:10px;
}
div.news-list-morelink a {color:#888888;}
div.news-single-backlink a {
	color:#888888;
	text-decoration:none;
}


div.news-single-img {
	margin: 8px 0px 8px 20px !important;
	float: right;
}

/* Branch navigator */

div.tx-branchnavigator-pi1 {
  position:relative;
	/* width:177px; */
	height:135px;
	padding-top:12px;
	padding-left:8px;
	padding-right:8px;
	border:1px solid #CCCCCC;
	overflow:hidden;
	background:url(../img/branchnavi.png) bottom center no-repeat;
	margin-bottom:15px;
}

div.tx-branchnavigator-pi1 a {
	color:#888888;
	text-decoration:none;
}

/* Industries navigator */

div.tx-industriesnavi-pi1 {
  position:relative;
	/* width:177px; */
	height:135px;
	padding-top:12px;
	padding-left:8px;
	padding-right:8px;
	border:1px solid #CCCCCC;
	overflow:hidden;
	background:url(../img/branchnavi.png) bottom center no-repeat;
	margin-bottom:15px;
}

div.tx-industriesnavi-pi1 a {
	color:#888888;
	text-decoration:none;
}

/* Kupferkurse */

div.copperbox {
	width:177px;
	height:135px;
	border:1px solid #CCCCCC;
}
div.chart {
  width:177px;
	height:135px;
	top:-2px;
  background:url(http://www.kitconet.com/charts/metals/base/copper-d.gif) bottom center no-repeat;
  /* http://www.kitconet.com/charts/metals/base/spot-copper-30d.gif  +++++ 30 days 
     http://www.kitconet.com/charts/metals/base/spot-copper-6m.gif  ++++++ 6 months */
}



/* CSS-Styled-Content */

/* Bild links, Kein Umfluss */
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-text {
margin-left:20px;
}

/* Bild rechts, Kein Umfluss */
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-text {
margin-right:20px;
}

/* Bild links, Umfluss */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap {
  	margin-right: 29px !important;
	margin-bottom: 6px;
	}
	
/* Bild rechts, Umfluss */
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap {
	margin-left: 29px !important;
	margin-bottom: 6px;
	}

div.ext_language {
float:left;
z-index: 1;
position: absolute;
left: 120px; /* 175 */
top: 3px;
}


/* TDO */
div.tdo-grey-info-box {
    border:1px solid #C8C8C8;
    margin-bottom:15px;
}

div.tdo-grey-info-box div.csc-textpic div.csc-textpic-single-image img {
    margin-bottom:0;
}

div.tdo-grey-info-box div.csc-textpic-text {
    background: #F2F2F2 url(../img/infobox_button_bg.png) repeat-x left top;
    border-top: 1px solid #C8C8C8;
    min-height: 24px;
}

div.tdo-grey-info-box ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div.tdo-grey-info-box a:hover {
    color:#DF0023;
}

div.tdo-grey-info-box a {
    background:transparent url(../img/subnav_bg.png) no-repeat scroll 0 8px;
    color:#888888;
    display:block;
    line-height:24px;
    padding-left:17px;
    text-decoration:none;
}

#center p { margin-bottom: 20px; }
body#uid188 #head { background:transparent url(../img/head_bg_buch.png) no-repeat left top; }