@import url("moduls.css");


#IE5_FF2 										{ display: none; text-align: center; background: #fffab9; padding: 10px 0; border: 1px solid #a0a0a0; }


/* STRUCTURE */

*												{ margin: 0; padding: 0; }
html	{height: 100%; }
body											{ min-height:101%; font: 11px Arial, Helvetica, sans-serif; color: #666; text-align: center; background: #f5f2ed url(../media/bg_body.gif) 0 0 		repeat-x; margin-top:30px;  }

#page											{ position: relative; width: 988px; margin: 0 auto; padding: 6px 8px 0 8px; text-align: left; background: url(../media/bg_page.png) 0 0 repeat-y; }

#header          								{ position: relative; z-index: 2; height: 83px; background: url(../media/header.gif) 100% 0 repeat-y; margin-bottom:1px;}



body #img_navBot								{ margin-top: 30px; padding-bottom: 24px; height: 10px; background: url(../media/bg_navBottom1.gif) 0 2px repeat-x; }
body .contentPageHeader #img_navBot				{ height: 99px; }

* html #img_navBot								{ width:988px; }

#header            	 #logo      				{ position: absolute; top: 20px; background-position: 0 -56px; }

#breadcrumbNav									{ min-height: 17px; width: 542px; overflow: hidden; font-size: 10px; }
.col2 #breadcrumbNav							{ width: 762px; display: none; }


#stage 											{ background: #eee; }



/* BASIC ADJUSTMENTS */

.width_240										{ width: 210px; }
.quelle											{ font-size:9px; float:left  }
.align-left										{ float: left; }
.align-right									{ float: right; text-align: right; }
.align-none										{ float: none; clear: both; }

.image_container								{ background: #FFF; padding-top:8px} 
.image_caption									{ font-size: 10px; padding: 2px 7px 5px 7px; text-align:left; line-height: 130%; }

.magGlas										{ float: right; }

.clearer										{ clear: both; height: 0; overflow: hidden;}
.space											{ clear: both; height:10px; margin:0; padding: 0;}

ul, ol											{ list-style: none; }
hr												{ background: #ccc; color: #ccc; height: 1px; border: none; margin: 15px 0 15px 0; clear: both; }

* html hr										{ margin: -1px 0 -1px 0; }
*+html hr										{ margin: -1px 0 -1px 0; }

.hide											{ display:none;}


/* LINKS */
a, .ui-dialog .ui-dialog-content a				{ color: #e28702; text-decoration: none; cursor: pointer; outline: none; }
.ui-dialog .ui-dialog-content a					{ text-decoration: underline; }
.ui-dialog .ui-dialog-content a.btn_orange		{ color: #fff; text-decoration: none; }
a.block											{ display: block !important; background-position:1000px 0 !important; padding: 0 !important; cursor:pointer; }
a.btn											{ padding: 1px 5px 1px 5px !important; margin: 0 5px 0 0 !important; font-size: 100%; color: #97a6b7 !important; border: 1px solid #97a6b7; }
.jcarousel-skin-lapp a.block					{ text-indent: 0; line-height: 115%; }
a.download										{ background:url(../media/icon_download.gif) no-repeat 0 3px !important; padding:0 0 0 13px !important; }
a.external										{ text-decoration: underline; background: none !important; padding: 0 !important; }
a.email											{ background: url(../media/icon_arrow.gif) 0 3px no-repeat; padding-left: 12px; }
a:hover											{ text-decoration: none; }
a.btn:hover										{ color: #e28702 !important; text-decoration: none !important; }
a.external:hover								{ text-decoration: none !important; }
a:focus											{ color: #000; }
a:active										{ color: #000; }
a:focus h1, a:focus h2, a:focus h3, a:focus h4	{ text-decoration: none !important; }

#main a.content_begin 							{ background: url(../media/bg_content_top_col3.gif) 0 0 no-repeat; display: block; height: 5px; line-height: 5px; text-indent: -999em; margin: 0; padding: 0; } 	
.shop #main a.content_begin, .no_bg_content #main a.content_begin
												{ background: none; height: 0; }
.col2 #main a.content_begin						{ background: url(../media/bg_content_top_col2.png) 0 0 no-repeat; } 	


/* 
//// icons global
*/

.icon, .icon a 									{ position: relative; background-repeat: no-repeat; width: 10px; height: 1em; margin-top: -1px; }
.icon											{ display: -moz-inline-box; display: inline-block; vertical-align: middle; background-color:transparent; background-position: center center; }
.icon a											{ padding: 0 !important; margin: 0 !important; background: none !important; }
.icon span										{ position: absolute; left: -1000em; }



/* IMG */
	
img												{ border: none; }
img.trans										{ background: transparent;  }



/* FORMS */

input, textarea									{ display: inline; font: 12px Arial, Helvetica, sans-serif; padding: 0 3px; color: #666; }
#content_comments input,
#content_comments textarea						{ width: 300px; }

select											{ border: 1px solid #97a6b7; font: 100%/100% Arial, Helvetica, sans-serif;}
select optgroup									{ font-weight:normal;}
select option									{ margin:0 0 0 2px; border:0 solid #fff; padding:0; }
select option.p10								{ padding: 1px 1px 1px 10px;}

* html input.tf									{ padding: 2px 2px 1px 2px; }
* html input.btn								{ padding: 1px 1px 0 1px; }

*+html input.tf									{ padding: 2px 2px 1px 2px; }
*+html input.btn								{ padding: 1px 1px 0 1px; }


/* TABLE */

table h1, table h2, table h3, table p			{ margin-left: 0 !important; }


/* MAIN CLASSES */

#main											{ min-height: 400px; position:relative; }
.int #main										{ min-height: auto; }
#main:after										{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html #main									{ height: 233px; z-index: 0; }
*+html #main									{ z-index: 0; }

#main 	.filelinks a							{ color: #e28702; }
#main 	a:hover									{ text-decoration: underline; }
#main .contentTextImage a						{ /*text-decoration: underline;*/ }
#main .contentTextImage a:hover					{ text-decoration: underline; }

#main	h1, #main h1.startpage_title			{ clear: both; color: #666; font-size: 18px; margin: 1px 0 20px 0; font-weight: normal; }
.no_bg_content #main h1							{ display: none; }
#main	h1.startpage_title						{ background: url(../media/bg_title_startpage.gif) no-repeat; height: 49px; line-height: 49px; padding-left: 18px; margin-bottom: 0; }
.countryStartPage #main h1						{ text-indent: -999em; position: absolute; }
#main	div.csc-header-n2 h1					{ font-size: 12px; font-weight: bold; margin-bottom: 5px; }
.col2 #main .bg h1, body #main h1.bg, .col2 #main h5, #main div.container h1.h1_grey
												{ width:735px;background: url(../media/bg_h1_steady.png) 0 100% repeat-x; margin: 0 0 0 0px; height: 40px; line-height: 34px; padding: 0 20px 0 15px; text-transform: uppercase; }
#main div.container h1.h1_grey,
.col2 #main h5,
.tx-dgpzrestclient2-pi1 .bg h1	{ width: 729px !important;}
.home.shop.col2 #main h5,.tx-dgpzrestclient2-pi1 .bg h1	{ width: 728px !important; }
.dc-cablefinder-title h1.h1_grey { width: 729px !important; }

#coppernotering 								{ background: url(../media/bg_coppernotering.png) no-repeat; height: 24px; line-height: 24px; margin: -33px 0 0 581px; position: absolute; padding-left: 36px; width: 175px; }
.nl #coppernotering,  .extranet #coppernotering 		{ display: none; }

#main	h2										{ clear: both; color: #666; font-size: 12px; margin: 1px 0 10px 0; }

#main 	h5				{ font-size: 18px; font-weight: normal; text-transform: uppercase; }

#main	blockquote			{ clear: both; border: 1px solid #d0dae4; padding: 4px 14px 4px 14px; margin: 10px 0 10px 0; }
#main	p				{ margin: 0;}
#main	p.date				{ color: #0a65c6; margin: 0 0 -1px 0; }


.tx_powermail_pi1_fieldwrap_html				{ clear: both; margin-bottom: 5px; }
#main .tx_powermail_pi1_fieldwrap_html_998 label,
#main .tx_powermail_pi1_fieldwrap_html_999 label{ float: none; }



*html #main 	p image							{ position:relative; top:-2px;}
*+html #main	p image							{ position:relative; top:-2px;}

#main	.align-left								{ margin: 5px 10px 5px 0; }
#main	.align-right							{ margin: 5px 0 5px 10px; }

#main ul										{ margin: 0 0 5px 24px; list-style: disc outside }	
#main ul ul										{ list-style: square outside; }	
#main ol										{ margin: 5px 0 5px 18px; list-style: decimal outside; }	
#main ol ol										{ list-style: lower-alpha outside; }	
#main ul li										{ padding: 0;}

#main ul.extra									{ margin: 0 5px 18px 3px; }
#main ul.extra li								{ list-style: none; height: 25px; line-height: 25px; background: url(../media/bg_navLeft_li.gif) repeat-x; padding-left: 22px; }
#main ul.extra li a								{ color: #82807d; }

/* See T: 2045*/
#main #mainContent ul,
#main #mainContent ol	{ /* clear:both; */ clear: left;}
.brands #main #mainContent ul,
.brands #main #mainContent ol						{ clear:none;}	
					

*+html #main ul									{ margin: 5px 0 5px 17px; }
*+html #main ol									{ margin: 5px 0 5px 23px; }
* html #main ul									{ margin: 5px 0 5px 17px; }
* html #main ol									{ margin: 5px 0 5px 23px; }


#main #news ul                                  { margin: 0;}
#main #news ul ul           					{ margin: -3px 0 0 17px; }
.int #main #news ul ul           				{ margin: -2px 0 0 0; font-size: 12px; }


#news                                           { margin: 6px 0 3px 0; overflow: hidden; width: 988px; height: 114px;  list-style:url(../media/btn_search.gif);  }



#main #mainContent ul.clr						{ clear: none; }

#main .teaser									{ overflow: hidden; }
#main .teaser_box a.block 						{ color: #697684; }
#main .teaser_box a.block:hover					{ text-decoration: none; }
#main .teaser	img								{ border: 1px solid #d0dae4;  }

#main .teaserblock								{ padding: 0; }
#main .teaserblock:after						{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

*+html #main .teaserblock						{ height:1%; }
* html #main .teaserblock						{ height:1%; }


#main .bg_content								{ background: url(../media/bg_content.gif) 0 100% no-repeat; font-size: 12px; line-height: 145%; padding: 10px 16px 20px 16px; }
#mainContent #jqSitemap							{ display: none; }
#mainContent .bg_content #jqSitemap				{ display: block; }

.shop #page #main .bg_content, .no_bg_content #main .bg_content 					
												{ background: none; padding: 0; }


.col2 #main .bg_content							{ background: url(../media/bg_col2_content.png) 0 100% no-repeat; min-height: 500px; padding: 0 5px 20px 2px; }
.col2 #main .bg_content .content_padding, .col2 #main .csc-frame-invisible, .content_padding, .tx-indexedsearch
												{ padding: 16px 10px 10px 15px; }

#main #content_footer, #main #content_comments	{ padding-left: 16px; }
#main #content_comments							{ margin-top: 20px; }



/* SUB NAVIGATION */

#main .nav_sub									{ width: 212px; float: left; overflow:hidden; }
.productfinder #main .nav_sub					{ display: none; }



/* MAINCONTENT */
.groupStartPage #img_navBot						{ height: 287px; background: url(../media/dummy_group.jpg) no-repeat; padding-bottom: 1px; }
.groupStartPage #main							{ background: url(../media/bg_lappgroup_startpage.png) no-repeat; border-bottom: 2px solid #fff }
#groupCol1										{ width: 188px; padding: 25px 15px; float: left; }
#groupCol2										{ width: 245px; padding: 25px 16px; float: left; color: #fff; }
#groupCol2 h2, #groupCol2 a						{ color: #fff;}
#groupCol3										{ width: 230px; padding: 25px 15px; float: left; }
#groupCol4										{ width: 203px; padding: 25px 15px; float: left; }
.height_230										{ height: 100px; }
#groupCol3 select, #groupCol4 select			{ width: 200px; }

#mainContent									{ float:left; width: 544px; margin: 0 0 0 6px; padding-bottom: 10px; overflow:hidden; }
* html #mainContent								{ position:static; }
body.start #mainContent,
.col2 #mainContent								{ float: left; width: 770px; margin: 0 0 0 6px; padding-bottom: 10px; overflow:hidden; }
body.productfinder #mainContent					{ width: 988px; margin-left: 0; }


/* RIGHT COL GLOBAL */

#page #right_col								{ float: right; width: 223px; padding-top: 17px; }
#page #right_col p								{ margin: 0; }
#page #right_col h4								{ background: url(../media/bg_box_titleBar_grey.gif) no-repeat; font-size: 11px; height: 25px; line-height: 26px; overflow: hidden; padding: 0 0 0 14px; color: #fff; margin: 0; }
#page #right_col img							{ float: left; margin: 0 10px 12px 0; }
#page #right_col .typo3-editPanel-controls img	{ float: none; margin: 0; }
.typo3-editPanel-label							{ display: none; }
.typo3-editPanel-controls						{ background: none!important; }

#right_col hr									{ margin: 7px -5px 7px -5px; }



/* FOOTER */

#footer											{ width: 1004px; height: 5px; margin: 0 auto; background: url(../media/bg_page_bot.gif) 0 0 no-repeat; }


/* hide default T3 edit icons */
img.frontEndEditIcons 							{ display: none !important; }



/* indexed search - sitecrossingsearch */
#main div.tx-dgpsitecrossingsearch-pi2 iframe 	{ width: 100%; height: 900px; overflow: auto; }



/* general ZAB */
#page #main #right_col div.teaserbox p,
#page #main #right_col div.mod_related_text p,
#page #main #right_col div.teaser_box p,
#page #main #right_col div.teaser_box_content p { line-height: 15px; }

div.beta 										{ position: relative; width: 333px; height: 70px; top: -70px; left: 250px; overflow: hidden; cursor: pointer; }

div.betaModal p 								{ margin-bottom: 1.8em; font-size: 12px; color: #666666; }
div.betaModal form 								{ display: inline; }
div.betaModal fieldset 							{}
div.betaModal fieldset label 					{ width: 60px; display: block; clear: both; }
div.betaModal label 							{ margin-bottom: 5px; float: left; width: 275px; font-size: 12px; color: #666; }
div.betaModal textarea,
div.betaModal input 							{ margin-bottom: 5px; float: left;	width: 275px; background:transparent url(../media/form_bg_input.gif) no-repeat 0 0; border: 1px solid #e8e8e8; padding:2px 3px; }
div.betaModal textarea 							{ width: 465px; }
div.betaModal input#mailformformtype_mail 		{ background: url(../media/buttonBg.gif) no-repeat 0 0; color: #fff; cursor: pointer; margin: 5px 0 0 60px; display:inline; width: 75px; height: 28px; padding-bottom: 5px; }






#right_col #referenceLayerAlert {
	border:      1px solid red;
	border-left: 7px solid red;
	background:  #FFF;
	padding:     5px 5px 5px 7px; 
	margin:      10px 5px 10px 3px;
	cursor:      default !important;	
}

#right_col #referenceLayer {
	filter:      Alpha(opacity=30);
	opacity:     0.2;
	moz-opacity: 0.2;
	background:  #b00;
	background:  #777;	
	height:      450px;
	cursor:      default !important;
}


.shop .bg_content { background: none!important; }



/* general table header, used in verpackungsordnung */

table.grid th {
  background:transparent url(../media/bg_tableHeader.gif) repeat-x scroll 0 50%;
  border-color:#fff #ddd #ccc  #fff;
  border-style:solid;
  border-width:1px;
  color:#333;
  font-size:11px;
  font-weight:normal;
  padding:2px 6px;
  text-align:left;
}


#col_main #dc-cablefinder-content #dc-cablefinder-data .dc-cablefinder-data p { padding:45px 20px 20px 15px !Important; }




/* 
This is a serious problem for the google balloon height calculating! from line 267
    #main .bg_content { 
        background: url(../media/bg_content.gif) 0 100% no-repeat; 
        font-size: 12px; 
        line-height: 145%; 
        padding: 10px 16px 20px 16px;
    }

*/

body #main #mainContent .bg_content .tx-wecmap-map .marker p.empty { height: 5px;}
body #main #mainContent .bg_content .tx-wecmap-map .marker p.email { margin-bottom: -1.3em;}
body #main #mainContent .bg_content .tx-wecmap-map .marker p.country { margin-bottom: 5px;}

body #main #mainContent .bg_content .tx-wecmap-map .fromdirform,
body #main #mainContent .bg_content .tx-wecmap-map .todirform      { margin-top: -1.7em; }

body #main #mainContent .bg_content .marker p,
body #main #mainContent .bg_content .marker div.infotitle { line-height: 1.3em !important; }


.track-and-trace {
    padding: 16px 10px 10px 15px;
}

.track-and-trace label {
    width: 120px;
    display: inline-block;
}

.quick-add-info-popup { width:193px; height:27px; margin:15px 0 0 180px; padding: 21px 10px 10px 55px; display:none; position:absolute; background: url(../media/bg_layer-quickadd.gif) no-repeat 0 0; z-index:10000; }

html:root .quick-add-info-popup	{ background: url(../media/bg_layer-quickadd.png) no-repeat 0 0; } 

.quick-add-info-popup div { background: url(../media/ajax-lapp-loader.gif) no-repeat 0 0; padding-left:25px; height:16px; padding-top:1px; }

.quick-add-info-popup div.quick-info-message-two { margin-left:-16px; }

.popup #main .bg_content		{background:none;}
.popup #mainContent			{width:988px;}
.extranet .popup #header		{ background-image: url(../media/bg_header_PARTNER_popup.png); height:100px;}