html
{
	height: 100%;
}

body
{
	background: #f2f2f2 url(../images/bg.gif) repeat-x;
	margin: 0px;
	font-family: arial, helvetica, sans-serif;
	color: #505050;
	font-size: 11px;
	height: 100%;
}

a
{
	color: #e90512;
	text-decoration: none;
}

.boxBg
{
	position: relative;
	width: 1000px;
	height: 100%;
	margin: 0px auto;
	background-color: #ffffff;}

.boxAll
{
	position: relative;
	width: 1000px;
	margin: 0px auto;
	background-color: #ffffff;
}

.boxContent
{
	position: relative;
	width: 970px;
	margin-left: 15px;
}

.boxLeft
{
	width: 190px;
}

.boxCenter
{
	width: 580px;
}

.boxRight
{
	width: 190px;
}

/* styles for header */
.header
{
	width: 970px;
	height: 105px;
	background-image: url(../images/bg_header.gif);
}

.logo
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

.logoprint
{
	display: none;
}

.metaNav
{
	position: relative;
	top: 44px;
	left: 200px;
	width: 350px;
}

.metaNav a
{
	color: #3d3d3d;
	margin-left: 7px;
}

.metaNav span
{
	color: #3d3d3d;
	margin-left: 25px;
}

.selectCountry
{
	position: relative;
	top: 28px;
	/*left: 490px;*/
	left: 585px;
	/*width: 130px;*/
	width: 270px;
}

.selectCountry select
{
	width: 130px;
	border: solid 1px #a7acb2;
	color: #505050;
	font-size: 10px;
}

/*
.search
{
	position: relative;
	top: 9px;
	left: 760px;
	width: 200px;
}

.search input
{
	width: 96px;
	border: solid 1px #a7acb2;
	color: #505050;
	font-size: 10px;
}
*/

div.search 
{
	
}

div.search input.searchBox, div.selectCountry input.searchBox
{
	width: 130px;
	border: solid 1px #a7acb2;
	color: #505050;
	font-size: 10px;
}

div.selectCountry input.searchBox 
{
	width: 120px;
}

/* Im eAssistant ist die Suche weniger breit */
div.searchEAssistant input.searchBox 
{
	border: solid 1px #a7acb2;
	color: #505050;
	font-size: 10px;
	width: 140px;
	padding: 0;
}

div.homepageSearch input.searchBox 
{
	width: 172px;
	border: solid 1px #a7acb2;
	color: #505050;
	font-size: 11px;	
}

div.homepageSearch .invisible, div.selectCountry .invisible
{
	display: none;
}

div.divHomepageIDSearch 
{
	margin-top: 8px;
}

div.divHomepageIDSearch strong 
{
	font-size: 10pt;
}

div.searchEAssistant 
{
	width: 100%;
}

div.loggedInInfo
{
	position: relative;
	top: 47px;
	left: 195px;
	width: 580px;
	height: 16px;
}

div.loggedInInfo span.leftBlock
{
	float: left;
	margin-left: 12px;
}

div.loggedInInfo span.rightBlock
{
	float: right;
}

div.loggedInInfo span.rightBlock a
{
	margin-left: 10px;
}


/* styles for footer */

.footer
{
	position: relative;
	width: 970px;
	height: 30px;
	top: 3px;
	border-top: solid 1px #eaeaea;
	padding-top: 2px;
}

.footer a
{
	color: #505050;
}


/* styles for content */

.mainText
{
	vertical-align: top;
	margin: 0px 30px 10px 0px;
	padding: 0px 6px;
}

.textButton
{
	color: #505050;
	padding: 0px 5px;
}

.separator
{
	height: 1px;
	background-color: #ffffff;
}

.separatorTrans
{
	height: 4px;
}

.formCheck
{
	position: relative;
	top: -2px;
}

.textCheck
{
	position: relative;
	top: -4px;
	margin-left: 3px;
}
.formTrHeight
{
	height: 25px;
}

.input300
{
	width: 300px;
	border: solid 1px #a7acb2;
	color: #505050;
	font-size: 11px;
}

.dropdown300
{
	width: 306px;
	border: solid 1px #a7acb2;
	color: #505050;
	font-size: 11px;
}

.input300Error
{
	width: 300px;
	border: solid 2px red;
	color: #505050;
	font-size: 10px;
}

/*
 * By viw, use combined with other input classes.
 */
.inputReadOnly
{
	color: #a7acb2;
	border: solid 1px #ffffff;
}

.input300
{
	position: relative;
	top: 2px;
	width: 300px;
	border: solid 1px #a7acb2;
	color: #505050;
	font-size: 11px;
}

.input175
{
	position: relative;
	top: 2px;
	width: 172px;
	border: solid 1px #a7acb2;
	color: #505050;
	font-size: 11px;
}

.input120
{
	width: 120px;
	border: solid 1px #a7acb2;
	color: #505050;
	font-size: 11px;
}

.input90
{
	width: 88px;
	border: solid 1px #a7acb2;
	color: #505050;
	font-size: 11px;
}

.textboxRemarks
{
	width: 340px;
	height: 120px;
	border: solid 1px #a7acb2;
	color: #505050;
	font-size: 11px;
}

.textboxRemarksSmall
{
	width: 300px;
	height: 120px;
	border: solid 1px #a7acb2;
	color: #505050;
	font-size: 11px;
}

.input100
{
	width: 100px;
	border: solid 1px #a7acb2;
	color: #505050;
	font-size: 11px;
}


.input40
{
	position: relative;
	top: 2px;
	width: 40px;
	border: solid 1px #a7acb2;
	color: #505050;
	font-size: 10px;
}

.input25
{
	position: relative;
	left: 3px;
	width: 25px;
	border: solid 1px #a7acb2;
	color: #505050;
	font-size: 10px;
	margin-top: 2px;
}

.input18
{
	position: relative;
	left: 2px;
	width: 18px;
	border: solid 1px #a7acb2;
	color: #505050;
	font-size: 10px;
	margin-top: 2px;
}



.select70
{
	position: relative;
	top: 2px;
	width: 70px;
	border: solid 1px #a7acb2;
	color: #505050;
	font-size: 10px;
}

.select90
{
	position: relative;
	top: 2px;
	width: 91px;
	border: solid 1px #a7acb2;
	color: #505050;
	font-size: 10px;
}

.select100
{
	position: relative;
	top: 2px;
	width: 100px;
	border: solid 1px #a7acb2;
	color: #505050;
	font-size: 10px;
}

.select175
{
	position: relative;
	top: 2px;
	width: 176px;
	border: solid 1px #a7acb2;
	color: #505050;
	font-size: 10px;
}

.select150
{
	position: relative;
	top: 2px;
	width: 150px;
	border: solid 1px #a7acb2;
	color: #505050;
	font-size: 10px;
}

.select405
{
	position: relative;
	top: 2px;
	width: 350px;
	border: solid 1px #a7acb2;
	color: #505050;
	font-size: 10px;
}

.select100Percent
{
	position: relative;
	top: 2px;
	width: 100%;
	border: solid 1px #a7acb2;
	color: #505050;
	font-size: 10px;
}

.downloadIcon
{
	position: relative;
	padding-right: 5px;
	padding-bottom: 2px;
}

.downloadtext
{
	position: relative;
	padding: 3px 0px 3px 5px;
}

.spaceTop4
{
	margin-top: 4px;
}

.spaceTop20
{
	margin-top: 20px;
}

.tdCellWhite
{
	background-color: #ffffff;
	padding: 3px 0px;
}

.tdCellWhite1st
{
	position: relative;
	padding-left: 8px;
	background-color: #ffffff;
}

.tdCellGray
{
	background-color: #eaeaea;
	padding: 3px 0px;
}

.tdCellGray1st
{
	position: relative;
	padding-left: 8px;
	background-color: #eaeaea;
}

.pictos
{
	margin: 3px 5px 0px 0px;
}

.imgSize
{
	margin-right: 3px;
}

.productsName
{
	padding: 10px 6px 10px 6px;
}

.fontGray20
{
	font-size: 20px;
}

.productsDetailImg
{
	width: 120px;
	border-right: solid 1px #c8c8c8;
	text-align: center;
	padding: 20px 0px;
}

.productsDetailDesc
{
	padding: 2px 15px;
}
.ranking
{
	position: relative;
	width: 168px;
	height: 6px;
	background-color: #e8e8e8;
	margin: 4px 0px 4px 0px;
}

/* styles for the language selection in the top navigation */
div.header div.metaNav span.languageSelection 
{
	margin-left: 60px;
}

/* styles for search */
.searchInput
{
	display: block;
	padding: 10px 6px 10px 6px;
}

.searchInput input
{
	width: 175px;
	border: solid 1px #a7acb2;
	color: #505050;
	font-size: 10px;
}

#joboffers
{
    border: 1px solid #CCCCCC;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    height: 350px;
    display:block;
    overflow: auto;
}

table.clsRadioButtonList td
{
	padding: 0px 5px 5px 0px;
}

table.clsRadioButtonList input
{
	float:left;
}

table.clsRadioButtonList label
{
	float: left;
}

table.clsRadioButtonListWith2Items label
{
	width: 250px;
}

table.clsRadioButtonListWith3Items label
{
	width: 150px;
}


/*
 * Extranet Registration
 */
div.extranetRegistration input {
	width: 300px;
	border: solid 1px #a7acb2;
	color: #505050;
	font-size: 11px;
	
	margin-bottom: 10px;
}

div.extranetRegistration select {
	width: 306px;
	border: solid 1px #a7acb2;
	color: #505050;
	font-size: 11px;
	
	margin-bottom: 10px;
}

div.extranetRegistration input.city {
	width: 230px;
}

div.extranetRegistration input.zip {
	width: 60px;
	margin-right: 6px;
}

div.extranetRegistration fieldset 
{
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	/*margin-right: 20px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 20px;
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 0;*/
}

div.extranetRegistration fieldset legend {
	margin-left: 0px;
	margin-bottom: 10px;
	padding: 0;
	font-weight: bold;
}


div.extranetRegistration fieldset input.radio 
{
	float: left;
}

div.extranetRegistration label {
	width: 150px;
	float: left;
	margin-bottom: 10px;
	padding-left: 10px;
}

div.extranetRegistration p {
	padding-left: 4px;
	padding-top: 10px;
	padding-right: 10px;
}

span.error
{
	color: #e90512;
}

table.clsListItems 
{
	margin-left: 150px;
	border: 0px solid black;
	width: 200px;
}

table.clsListItems tr td
{
	padding: 0px 5px 5px 0px;
	width: auto;
	vertical-align: top;
	border: 0px solid blue;
}

table.clsListItems tr td input
{
	border: 0px solid green;
	width: 20px;
	height: auto;
	float: left;
}

table.clsListItems tr td label
{
	border: 0px solid red;
	width: auto;
	margin:  3px 0px 0px 0px;
	padding-left: 0px;
	float: left;
}

/*********************
 * Login Form Styles *
 *********************/
.frameLoginForm div
{
	height: 23px;
}

.frameLoginForm div label
{
	float: left;
	width: 84px;
	margin-top: 2px;
}

.frameLoginForm div input
{
	float: left;
}

.frameLoginForm div.frameLoginFormCheckbox label
{
	width: auto;
}

.frameLoginForm span.registration
{
	margin-top: 2px;
	float: right;
}


/**************************************************
 * Sliding Door Buttons Styles                    *
 * ---> Animations in "stylesAnimatedButtons.css" *
 **************************************************/
div.slidingButton
{
	display: -moz-inline-box;
	display: inline-block;
	outline: none;
	height: 20px;
	padding: 0px 0px 0px 3px;
	background: url(/dcswiss/images/slidingbutton_left.gif) no-repeat top left;
	color: #505050;
}
div.slidingButton span
{
	display: -moz-inline-box;
	display: inline-block;
	cursor: pointer;
	height: 17px;
	padding: 3px 8px 1px 5px;
	background: url(/dcswiss/images/slidingbutton_right.gif) no-repeat top right;
}

a.slidingButton
{
	display: -moz-inline-box;
	display: inline-block;
	outline: none;
	height: 20px;
	padding: 0px 0px 0px 3px;
	background: url(/dcswiss/images/slidingbutton_left.gif) no-repeat top left;
	color: #505050;
}

a.slidingButton span
{
	display: -moz-inline-box;
	display: inline-block;
	cursor: pointer;
	height: 17px;
	padding: 3px 8px 1px 5px;
	background: url(/dcswiss/images/slidingbutton_right.gif) no-repeat top right;
}

a.slidingButton img
{
	display: -moz-inline-box;
	display: inline-block;
	cursor: pointer;
	padding: 3px 8px 4px 5px;
	height: 13px;
	background: url(/dcswiss/images/slidingbutton_right.gif) no-repeat top right;
	border: 0;
}

a.slidingButtonBold
{
	font-weight: bold;
}

/**********************
 * Grid styles (gray) *	
 **********************/
table.webshopGrid tr td
{
	padding: 1px 5px 1px 5px;
}

table.webshopGrid tr.webshopGridHeader td
{
	background-color: #4f4f4f;
	padding-top: 0px;
}

table.webshopGrid tr.webshopGridHeader td a
{
	color: #ffffff;
	font-weight: bold;
}

/**************
 * Form styles *
 **************/
div.formContainer
{
	float: left;
	width: 578px;
	padding: 0px;
	border: solid 1px #4f4f4f;
	background-color: #f7f7f7;
}

div.formContainer div.formHeader
{
	float:left;
	background-color: #4f4f4f;
	color: #ffffff;
	font-weight: bold;
	width: 566px;
	margin: 0px 0px 10px 0px;
	padding: 0px 6px 0px 6px;
}

div.formContainer div.formFieldContainer
{
	float: left;
	width: 542px;
	padding: 0px 30px 6px 6px;
}

div.formContainer div.formFieldContainer label
{
	float: left;
	width: 144px;
	padding-top: 3px;
}

div.formContainer div.formFieldContainerCheckBox input
{
	float: left;
	width: 13px;
	height: 13px;
	margin: 4px 0px 0px 0px;
}

div.formContainer div.formFieldContainerCheckBoxLabelRight label
{
	margin-left: 5px;
	width: auto;
}

div.formContainer div.formFieldContainerDropDownList select
{
	float: left;
	border: solid 1px #a7acb2;
	color: #505050;
	font-size: 10px;
}

div.formContainer div.formFieldContainerTextBox input
{
	float: left;
	border: solid 1px #a7acb2;
	color: #505050;
	font-size: 10px;
	width: 390px;
}

div.formContainer div.formSpacer
{
	height: 10px;
	float: left;
	width: 100%;
}

div.formContainer div.formRuler
{
	height: 1px;
	float: left;
	width: 100%;
	border-bottom: solid 1px #4f4f4f;
}

div.formContainer div.formButtonContainer
{
	float: left;
	width: 566px;
	text-align: right;
	background-color: #ababab;
	margin-top: 10px;
	padding: 4px 6px 4px 6px;
}

/*******************
 * Link list steez *
 *******************/
ul.linkList
{
	list-style-type: none;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 15px 0px;
}

.tblPadding4 tr
{
	padding: 4px 4px 4px 0px;
}

/**********************
 * Basket Grid styles *
 **********************/
table.webshopBasketGrid tr td
{
	border: solid 1px;
	border-bottom: none;
	border-right: none;
	padding: 3px 5px 1px 5px;
	height: 21px;
}

table.webshopBasketGrid tr.webshopGridHeader td
{
	padding-top: 0px;
	height: auto;
	color: #ffffff;
	font-weight: bold;
}

table.webshopBasketGrid tr.webshopGridHeader td a
{
	color: #ffffff;
	font-weight: bold;
}

table.webshopBasketGrid tr td.webshopGridClearColumnLeft
{
	border-left: solid 1px transparent;
	background-color: transparent;
}

table.webshopBasketGrid tr td.webshopGridClearColumnRight
{
	border-top: solid 1px transparent;
	background-color: transparent;
	padding-right: 0px;
}

table.webshopBasketGrid tr td.webshopGridUnderlineColumn
{
	border-bottom: solid 1px;
}

table.webshopBasketGrid tr td.webshopGridDoubleUnderlineColumn
{
	border-bottom: double 3px;
}

table.webshopBasketGrid tr.webshopGridEvenItem td
{
	background-color: #ffffff;
}

table.webshopBasketGrid tr.webshopGridOddItem td
{
	background-color: #f7f7f7;
}

input.webshopBasketQuantityInput
{
	width: 40px;
	border: solid 1px #a7acb2;
	color: #505050;
	font-size: 10px;
	text-align: right;
}

/****************************
 * Basket Grid styles (red) *
 ****************************/
table.webshopBasketGridRed tr td
{
	border-color: #e90512;
}

table.webshopBasketGridRed tr.webshopGridHeader td
{
	background-color: #e90512;
}

table.webshopBasketGridRed tr td.webshopGridClearColumnRight
{
	background-color: transparent;
}

table.webshopBasketGridRed tr td.webshopGridUnderlineColumn
{
	border-bottom-color: #e90512;
}

table.webshopBasketGridRed tr td.webshopGridDoubleUnderlineColumn
{
	border-bottom-color: #e90512;
}

/****************************
 * Basket Grid styles (gray) *
 ****************************/
table.webshopBasketGridGray tr td
{
	border-color: #4f4f4f;
}

table.webshopBasketGridGray tr.webshopGridHeader td
{
	background-color: #4f4f4f;
}


table.webshopBasketGridGray tr td.webshopGridBorderRightColumn
{
	border-right: solid 1px #4f4f4f;
}

table.webshopBasketGridGray tr td.webshopGridClearColumnRight
{
	background-color: transparent;
}

table.webshopBasketGridGray tr td.webshopGridUnderlineColumn
{
	border-bottom-color: #4f4f4f;
}

table.webshopBasketGridGray tr td.webshopGridDoubleUnderlineColumn
{
	border-bottom-color: #4f4f4f;
}

/******************
 * Checkout Steps *
 ******************/
div.checkoutStepButtonsFrame
{
	width: 100%;
	float: left;
	text-align: right;
	margin-top: 16px;
	margin-bottom: 16px;
}

/*******************
 * Checkout Step 1 *
 *******************/
div.checkoutStep1Frame
{
	width: 578px;
	float: left;
}

div.checkoutStep1Frame div.checkoutStep1Selecter
{
	width: 286px;
	float: left;
}

div.checkoutStep1Frame div.checkoutStep1SelecterLeft
{
	margin-right: 6px;
}

div.checkoutStep1Frame div.checkoutStep1Selecter div.frameRed
{
	float: left;
	width: 100%;
}

div.checkoutStep1Frame div.checkoutStep1Selecter label
{
	float: left;
	width: 100px;
}

div.checkoutStep1Frame div.checkoutStep1Selecter div.label
{
	float: left;
	width: 100px;
}

div.checkoutStep1Frame div.checkoutStep1Selecter div.value
{
	float: left;
	width: 170px;
}

div.checkoutStep1Frame div.checkoutStep1Selecter div.separator
{
	background: transparent;
	float: left;
	width: 100%;
}

/*******************
 * Checkout Step 2 *
 *******************/
textarea.checkoutStep2Comments
{
	border: solid 1px #a7acb2;
	color: #505050;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	width: 100%;
}

/*********************
 * Rapid Order Entry *
 *********************/
.rapidOrderEntryHeaderId
{
	padding: 0px 3px 0px 0px;
}

.rapidOrderEntryHeaderQuantity
{
	padding: 0px 12px 0px 0px;
}

.rapidOrderEntryInputId
{
	width: 80px;
	border: solid 1px #a7acb2;
	color: #505050;
	font-size: 11px;
	margin: 4px 3px 0px 0px;
	text-align: right;
}

.rapidOrderEntryInputQuantity
{
	width: 50px;
	border: solid 1px #a7acb2;
	color: #505050;
	font-size: 11px;
	margin: 4px 12px 0px 0px;
	text-align: right;
}

.rapidOrderEntryStatusIcon
{
	margin: 3px 0px 0px 0px;
}

/* Homepage */
.homepageEAssistantLogedIn, 
.homepageEAssistant 
{
	background-image: url(../images/dcswiss_entry.jpg);
	width: 580px;
	height: 356px;
	margin-bottom: 10px;
	border: solid 1px white;
	border-left: none;
	margin-top: -1px;
}
.homepageEAssistantLogedIn
{
	background-image: url(../images/dcswiss_entryLogedIn.jpg);

}
.homepageEAssistantSelection 
{
	margin-left: 380px;
	margin-top: 40px;	
}

ul.homepageEAssistantSelectionList 
{
	margin-top: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 0px;
	list-style-type: none;
}

ul.homepageEAssistantSelectionList li 
{
	margin-left: 0px;
	padding-left: 0px;
}

.homepageEAssistantSelectionTitle 
{
	font-size: 10pt;
	font-weight: bold;
	margin-bottom: 4px;
}

.homepageEAssistantSelectionSubtitle, .homepageMaterialSearchTitle
{
	font-weight: bold;
	margin-bottom: 0px;
}

.homepageMaterialSearchTitle 
{
	font-size: 10pt;
}

#divMaterialSearchRollover
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 999999999;
	display: none;
}