﻿/* Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt
version: 2.5.1 */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,html{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*input,textarea,select{*font-size:100%;}*/
legend{color:#000;}
/* end reset.css */

/* content.css */
body,textarea,input	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.3em; color: #333; }
a { color: #333; text-decoration: underline; }
a:visited { color: #333; }

p { font-size: 11px; line-height: 1.3em; margin: 1em 0; }

p.error, div.error	{ color: #cb0100; }
h1 { font-size: 24px; line-height: 1.3em; margin: 0 0 10px 0; }
h2 { font-weight: bold; font-size: 14px; line-height: 18px; margin: 0 0 10px 0; }
h3 { font-weight: bold; font-size: 12px; line-height: 17px; margin: 20px 0 10px 0; }
h4 { font-weight: bold; font-size: 10px; line-height: 12px; margin: 0 0 12px 0; }
h5 { font-weight: normal; font-size: 14px; line-height: 18px; margin: 18px 0 9px 0; color: #666666; }


/*	--------------------------------------------------------------------
	Layout
	------------------------------------------------------------------*/
body,html { width: 100%; padding: 0; margin: 0; background: url('../images/headerbg.gif') top left repeat-x #eef4fa; }
/*#wrapper { width: 920px; }*/
#header-wrapper { width: 100%; min-width: 1050px; float: left; height: 108px; }
#logo { width: 168px; height: 108px; float: left; }
#header { float: left; height: 90px; }
#navibox { width: 513px; height: 90px; float: left; }
#loginbox { width: 234px !important; height: 89px; border: 1px solid #fff; border-width: 0 1px 1px 0; float: left; overflow: hidden;  }
#miscbox { width: 110px; height: 90px; float: left; overflow: hidden; }
#lang-menu { margin: 8px 0 0 10px; width: 105px; float: left; display: inline; overflow: hidden; }
#lang-menu img { margin: 4px 0 2px; }
#breadcrumb { height: 18px; width: 910px; display: block; }

#container { clear: both; width: 920px; float: left; z-index: 19;}

/*	--- Blackbox --- */
#blackbox { width: 430px; height: 215px; background: #000; color: #fff; z-index: 10; float: left; position: absolute; overflow: hidden; }
#blackbox-content { width: 195px; height: 205px; padding: 10px 5px 0 15px; float: left; }
#blackbox-image { width: 215px; height: 215px; float: left; overflow: hidden; }

#tstandard #blackbox, #toverview #blackbox, #tmain #blackbox { width: 300px; height: 270px; }
#tstandard #blackbox-content, #toverview #blackbox-content, #tmain #blackbox-content { width: 270px; height: 250px; padding: 10px 5px 0 25px; }
#tstandard #blackbox-image, #toverview #blackbox-image, #tmain #blackbox-image { display: none; }

#tstandard .blackbox-related-content #blackbox { width: 430px; height: 215px; }
#tstandard .blackbox-related-content #blackbox-content { width: 200px; height: 205px; padding: 10px 0 0 15px; }
#tstandard .blackbox-related-content #blackbox-image { width: 215px; height: 215px; }

/* --- allgemeine Table stylings ---- (ohne produktabellen)         */
td {padding: 5px; vertical-align: top; }
thead .tr-even { background-color: #646466; color:#fff; }
.tr-even { background-color: #c9cbcc; }
th {text-align: center; }

/*	--- Teaser-Image (only Main-Template) --- */
#teaser { position: absolute; left: 240px; }

/*	--- Main-Container --- */
#main-container { width: 610px; margin: 0px 0 0 0px; float: right; display: block; z-index: 90; position: absolute; left: 310px;  }
#main-container .csc-menu dd{margin-bottom:7px;}



#tstandard #main-container, #toverview #main-container { width: 590px; margin-left: 20px; }
#tmain #main-container { width: 470px; left: 450px; margin-left: 0; margin-top: 405px; }

/*	--- Content --- */
#content-teaser { width: 568px; height: 44px; margin: 110px 0 15px 0; float: right; text-align: right; }
#content { width: 568px; border: 1px solid #333; background: #fff; padding: 20px 20px 80px 20px; float: left; }
#footer { width: 568px; padding: 20px; float: left; text-align: center;  }
#ttable #footer a { color: #333333; }


#tstandard #content, #tstandard #footer,
#toverview #content, #toverview #footer { width: 548px; }
#toverview #content { padding: 20px 0 80px 0; }

#tmain #content, #tmain #footer { width: 470px; border: none; background: none; }
#tmain #content { padding: 0 0 40px 0; }
#tmain #footer { padding: 20px 0; }


#toverview #main-container { margin-top: 50px; }
#toverview #content { background: none; border: none; width: 550px; }

/*	--- Sidebar --- */
#sidebar-container { width: 200px; margin: 235px 0 0 90px; border: 1px solid #333; background: #fff; color: #646466; float: left; display: inline; position: absolute; z-index: 150; }
#sidebar { }

#tmain #sidebar-container { width: 267px; margin: 405px 0 0 165px; }

/*	--------------------------------------------------------------------
	Navigation
	----------------------------------------------------------------- */
#navibox li { width: 170px; height: 29px; border: 1px solid #fff; border-width: 0 1px 1px 0; display: block; float: left; font-size: 12px; line-height: 28px; text-indent: 4px; overflow: hidden; }
#navibox li.top-button-re { width: 321px; }
#navibox li.top-button-li, #navibox li.top-button-re { background: #085da2; }
#navibox li a { width: 170px; height: 29px; display: block; text-decoration: none; color: #fff; }

#breadcrumb li { float: left; font-size: 10px; line-height: 1em; margin: 3px 0 0 5px; }
#breadcrumb li.last { float: right; font-size: 10px; line-height: 1em; margin: 3px 0 0 5px; }
#breadcrumb a { text-decoration: none; margin-left: 5px; }

#lang-menu { color: #fff; }
#lang-menu a { text-decoration: none; color: #fff; font-size: 10px; }

#blackbox { color: #fff; }
#blackbox a { color: #fff; text-decoration: underline; }
#blackbox h2 { font-size: 15px; font-weight: bold; line-height: 1.3em; margin: 0 0 10px 0; }
#blackbox ul { margin-top: 0; }
#blackbox ul li {  }
#blackbox ul li.onsub { }
#blackbox ul li.spacer { height: 4px; font-size: 0; line-height: 0; overflow: hidden; }
#blackbox ul li.li-for-the-subnav { margin: 0; padding: 0; overflow: hidden; height: auto;  }
#blackbox ul ul { margin-left: 15px; }
#blackbox ul a { text-decoration:none; }
#blackbox ul a.active { font-weight: bold; }
#blackbox ul a:hover { color: #646466; }
#blackbox ul li.onsub a { font-weight: bold; }

#toverview #blackbox h2 { font-size: 24px; line-height: 29px; font-weight: normal; margin-top: 10px; }

#loginbox { width: 150px; }
#loginbox, #loginbox h4, #loginbox a { color: #fff; }
#loginbox .submitbuttons { padding-left: 2px; padding-right: 10px; padding-top: 4px; }
#loginbox .submitbuttons .form-row { width: 65px; float: left; }
#loginbox .submitbuttons a { float: left; text-decoration: none; font-size: 9px; line-height: 15px; padding-right: 5px; }
#custlogin-submit { clear: none; display: inline-block; width: auto; float: right; font-size: 10px;  }
#forgotpasswordlink { position: absolute; top: 3px; margin-left: 20px; }

/*	--------------------------------------------------------------------
	Content-Area
	----------------------------------------------------------------- */
#footer p { font-size: 10px; line-height: 12px; }
#content .csc-firstHeader {font-size: 18px; line-height: 1.3em; margin: 0 0 10px 0;}
#content h1 {font-size: 16px; line-height: 1.3em; margin: 0 0 10px 0;}
#content ul { margin: 1em 0;}
#content li { margin-left: 15px; list-style: disc outside; }
#content-teaser h1 { font-weight: bold; color: #646466; }

/*	--------------------------------------------------------------------
	Sidebar
	----------------------------------------------------------------- */
#sidebar h3 { font-weight: bold; margin: 10px; }
#sidebar p { margin: 10px; }
#sidebar ul { margin: 1em 0;}
#sidebar li { margin-left: 15px; list-style: none; padding-bottom:5px; }
#sidebar li.spacer{height:8px;}
#sidebar li a {padding-right:15px;}

/*	--------------------------------------------------------------------
	Tableview
	----------------------------------------------------------------- */
#ttable #content { border-color: #000; background: #000; color: #fff; width: auto; min-width: 568px; max-width: 1200px; }
#ttable h2 { margin-top: 0; }
#ttable p { font-size: 10px; line-height: 12px; }
#ttable table { margin-top: 15px; }
#ttable th { font-weight: bold; padding: 5px 3px 10px 3px; border-bottom: 2px solid #fff; border-top: 1px solid #fff;  text-align: left; vertical-align: top; }
#ttable td { padding: 1px 3px; border-bottom: 1px solid #fff; }
#ttable .col-0 { padding-left: 0px; }
#ttable .tr-even, #ttable .tr-odd { background: none; color: inherit; }
#ttable .tr-odd { background: #333; }
#ttable .center { text-align: center; }
#ttable .left   { text-align: left; }
#ttable .right  { text-align: right; }
#ttable .order-row     { white-space: nowrap; }
#ttable .order-row a   { margin-top: 2px; }
#ttable .order-row img { padding: 0px 1px 2px; border: 0; }

#ttable a { color: #fff; }

.tx-leutronproducts-pi1 td { white-space: nowrap; }
.tx-leutronproducts-pi1 .products-gige-accessories td,
.tx-leutronproducts-pi1 .products-usb-accessories td,
.tx-leutronproducts-pi1 .products-cl-accessories td,
.tx-leutronproducts-pi1 .products-smart-accessories td,
.tx-leutronproducts-pi1 .products-picportcl td,
.tx-leutronproducts-pi1 .products-picportcl-accessories td,
.tx-leutronproducts-pi1 .products-picportanalogstandard td,
.tx-leutronproducts-pi1 .products-picportanalogstandard-accessories td,
.tx-leutronproducts-pi1 .products-picportanalogmono td,
.tx-leutronproducts-pi1 .products-picportanalogmono-accessories td,
.tx-leutronproducts-pi1 .products-lvmpcall-addon td,
.tx-leutronproducts-pi1 .products-lvmpcall-accessories td,
.tx-leutronproducts-pi1 .products-lvmpccl-accessories td,
.tx-leutronproducts-pi1 .products-lvmpcmono-accessories td,
.tx-leutronproducts-pi1 .products-lvmpcstandard-accessories td,
.tx-leutronproducts-pi1 .products-mvtec .td-2,
.tx-leutronproducts-pi1 .products-lvsds .td-2,
.tx-leutronproducts-pi1 .products-phlox .td-2


{ white-space: normal; }

.tx-leutronproducts-pi1 .products-picportcl .td-0,
.tx-leutronproducts-pi1 .products-picportcl .td-10,
.tx-leutronproducts-pi1 .products-picportanalogstandard .td-0,
.tx-leutronproducts-pi1 .products-picportanalogmono .td-0 { white-space: nowrap; }


#ttable #sidebar-container { width: 120px; margin-left: 170px; }
#ttable #sidebar-container a { color: #333; text-decoration: none; }
#ttable #sidebar-container a:hover { text-decoration: underline; }
#ttable #sidebar-container h2 { margin: 7px 5px 7px 10px; font-size: 13px; }
#ttable #sidebar .csc-menu { margin: 0 0 15px 10px; }
#ttable #sidebar .csc-menu li { margin-left: 0px; list-style: none; }



#ttable h1 { margin-top: 20px; }
#ttable h1.csc-firstHeader { margin-top: 0; }


/*	--------------------------------------------------------------------
	Overview
	----------------------------------------------------------------- */
#toverview #blackbox h2 { font-size: 24px; line-height: 29px; font-weight: normal; margin-top: 10px; }

#toverview #main-container { margin-top: 50px; }
#toverview #content { background: none; border: none; }

/*	--------------------------------------------------------------------
	Main
	----------------------------------------------------------------- */
#tmain #blackbox h2 { font-size: 24px; line-height: 29px; font-weight: normal; margin-top: 10px; }


/*	--------------------------------------------------------------------
	Section-Frames
	----------------------------------------------------------------- */
/*	Product-Overview, reuse of csc-frame-frame1 */
.product-box { float: left; width: 101px; display: inline; }
.product-box h4 { }
.product-box p { font-size: 10px; line-height: 12px; }
.product-box .csc-textpic-image { border: 1px solid #333; width: 99px; height: 99px; overflow: hidden; }
.product-box-margin-right { margin-right: 9px; }
.product-box-margin-left { margin-left: 16px; }
.product-box-framegrabber { width: 172px; }
.product-box-framegrabber .csc-textpic-image { width: 170px; height: 170px; }


/*	--------------------------------------------------------------------
	News
	----------------------------------------------------------------- */
.news-latest-container h3 { font-size: 14px; margin-bottom: 8px; }
.news-latest-header { margin: 0 10px; }
.news-latest-header .date { margin-right: 5px; }
.news-latest-header .headline { font-weight: bold; }
.news-latest-morelink { margin: 0 10px 10px 10px; text-align: right; }
.news-latest-morelink a { text-decoration: none; color: #646466; }
.news-latest-container img { float: right; margin: 0 10px; }


.news-list-container img { float: right; margin-left: 15px; }
.news-list-morelink a { text-decoration: none; color: #646466; }
.news-list-container h3 { font-size: 14px; }
.news-list-container h3 span { font-size: 10px; margin-left: 10px; color: #646466; }
.news-list-container h3 a, .news-list-container h3 a:hover { text-decoration: none; }
.news-list-container p.subheader { font-weight: bold; color: #646466; margin-top: 10px; margin-bottom: 5px; }
.news-list-container p { margin-top: 0; }
.news-list-container .news-list-item { padding-bottom: 20px; margin-bottom: 10px; border-bottom: 2px solid #D2D2D2; }

.news-single-item h2 { font-size: 15px; }
.news-single-item h2 span { font-size: 10px; margin-left: 10px; color: #646466; }
.news-single-item .news-single-img { width: auto; text-align: right; float: right; }
.news-single-item .news-single-img img { margin-left: 15px; }
.news-single-item .news-single-additional-info { margin: 20px 0 20px 0; }
.news-single-item .news-single-files,
.news-single-item .news-single-links { margin-top: 15px; }
.news-single-item .news-single-files dt,
.news-single-item .news-single-links dt { margin-bottom: 4px; font-weight: bold; }
.news-single-item .news-single-files dd img { margin-right: 4px; }
.news-single-item .news-single-links dl { margin: 1em 0;}
.news-single-item .news-single-links dd { margin-left: 15px; list-style: disc outside; display: list-item; }
.news-single-backlink { margin: 10px 0 0 0; text-align: left; }
.news-single-backlink a { text-decoration: none; color: #646466; }

.tx-ttnews-browsebox p { margin: 0; }
.tx-ttnews-browsebox a { text-decoration: none; color: #333; }
.tx-ttnews-browsebox-SCell { background: #d2d2d2; }
.tx-ttnews-browsebox td { padding: 5px; }


.tx-ttnews-browsebox-SCell a { color: #646466; font-weight: bold;  }


.csc-uploads { width: 100%; }
.csc-uploads-fileName p { margin: 0; }

/*** default form styles ***/
.tx_powermail_pi1_form {
	width: 100%;
}

.powermail_pagebrowser {
	display: none;
}

.tx-felogin-pi1 fieldset,
.tx-powermail-pi1_fieldset {
	padding: 10px;
	border: 1px solid #d2d2d2;
	margin: 5px 0 15px;
}

#rma fieldset,
.hidden-legend {
	border: 0;
	padding: 0;
	margin: 0 0 5px;
}

.tx-felogin-pi1 legend,
.tx_powermail_pi1_form legend {
	font-size: 14px;
	color: #666666;
}

#rma legend,
.tx_powermail_pi1_form .hidden-legend legend {
	display: none;
}

.tx-felogin-pi1 form div,
div.tx_powermail_pi1_fieldwrap_html {
	float: left;
	width: 100%;
	margin: 0 0 5px;
	border: 0;
}

.tx_powermail_pi1_fieldwrap_html label {
	width: 100%;
	float: left;
}

.tx-felogin-pi1 #user,
.tx-felogin-pi1 #pass,
.tx_powermail_pi1_fieldwrap_html .powermail_text,
.tx_powermail_pi1_fieldwrap_html .powermail_password {
	float: left;
	width: 200px;
	margin: 0 0 2px;
	border: 1px solid #666666;
}

.tx_powermail_pi1_fieldwrap_html .zip {
	width: 60px;
}


.tx_powermail_pi1_fieldwrap_html .powermail_select {
	float: left;
	margin: 0 0 2px;
}

.tx_powermail_pi1_fieldwrap_html input.validation-failed {
	border: 1px solid #c00000;
}

.tx_powermail_pi1_fieldwrap_html textarea.powermail_textarea {
	border: 1px solid #666666;
	width: 300px;
	height: 80px;
	margin: 0 0 2px;
}

.tx_powermail_pi1_fieldwrap_html textarea.fullwidth {
	width: 525px;
}

.tx_powermail_pi1_fieldwrap_html textarea.problemdescription {
	width: 540px;
	height: 115px;
}

.tx_powermail_pi1_fieldwrap_html input.powermail_submit {
	float: left;
	width: auto;
	margin: 10px 0 10px 0;
	padding: 2px 15px;
}

.validation-advice,
.powermail_mandatory_js {
	color: #c00000;
	position: absolute;
	margin-top: 16px;
	margin-left: 210px;
}

.tx_powermail_pi1_fieldwrap_html dfn {
	padding: 0 10px;
	/*text-underline: none;*/
	display: block;
}

/** checkboxes **/

#powermaildiv_uid53 label,
.tx_powermail_pi1_fieldwrap_html_text label,
.tx_powermail_pi1_fieldwrap_html_password label,
.tx_powermail_pi1_fieldwrap_html_select label,
.tx_powermail_pi1_fieldwrap_html_textarea label,
.tx_powermail_pi1_fieldwrap_html_captcha label,
.tx_powermail_pi1_fieldwrap_html_checkbox_title,
.tx_powermail_pi1_fieldwrap_html_radio_title {
	font-weight: bold;
}

.tx_powermail_pi1_fieldwrap_html .powermail_radio_inner,
.tx_powermail_pi1_fieldwrap_html .powermail_check_inner {
	margin: 0 0 0.5em;
	float: left;
	width: 100%;
}

.tx_powermail_pi1_fieldwrap_html .powermail_radio_inner label,
.tx_powermail_pi1_fieldwrap_html .powermail_check_inner label {
	float: left;
	width: auto;
}

.tx_powermail_pi1_fieldwrap_html input.powermail_radio,
.tx_powermail_pi1_fieldwrap_html input.powermail_check {
	float: left;
	border: 0;
	margin-right: 1em;
}

#powermaildiv_uid19 {
	z-index: 100;
}
#powermaildiv_uid19 input,
.tx_powermail_pi1_submitmultiple_forward {
	float: right;
}

#rma .tx_powermail_pi1_submitmultiple_back {
	margin-top: -41px;
	float: left;
	z-index: 10000;
}

.hide-legend legend { display: none; }
.hidden legend { display: none; }

.icon_info { display: none; }
.date2cal_img_help { display: none; }
.jscalendar_cb { display: none; }
.tx_powermail_pi1_fieldwrap_html_datetime span { display: none; }
.tx_powermail_pi1_fieldwrap_html_date span { display: none; }

#productgroup-previewimage {  display: block; position: absolute; margin-left: 320px; margin-top: -12px; }
#productgroup-previewimage img { width: 200px; border: 1px solid #666666; }

#rma #add-rma-serialno {
	margin: 10px;
	float: left;
	width: 500px;
} 
#rma .serialno {
	float: left;
	clear: both;
}

#serialnumber-helper {
	float: left;
	width: 100%;
	margin: 20px 0; 
}
#serialnumber-helper img {
	clear: both;
	margin-top: 10px;
	width: 160px;
}

#powermaildiv_uid18 .powermail_mandatory_js,
#powermaildiv_uid21 .powermail_mandatory_js {
	position: static;
	margin-left: 0;
	margin-top: 0;
}


/** requiered **/
#advice-required-uid44 { 
	position: static;
	margin-left: 0px; 
	margin-top: 3px;
	margin-bottom: 10px;
}
#advice-required-uid40 {
	position: static;
	margin-left: 15px; float: left; 
	margin-top: 3px;
}

#uid40 {
	 float: left; 
}


/** captcha **/
#powermaildiv_uid58 {
	margin-bottom: 15px;
}

#powermaildiv_uid58 .powermail_mandatory_js {
	margin-left: 0;
	margin-top: 0;
}


/** customer registration **/
select.powermail_registration{
width:200px;
float:left;
}

#cust-login .form-row{
width: 220px !important;
}

#cust-login .inputText{
width:135px !important;
}

.userdisplay{
height: 30px; 
padding:4px;
margin-left:4px;
color:#fff; 
}

#username{
float:left;
height:50px; 
width:180px;
padding:8px;
color:#fff;
}




