html, body
{
	margin: 0;
	padding: 0;
	font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
}

div, form
{
	margin: 0;
	padding: 0;
}

table.layout
{
	margin: 0;
	padding: 0;
	border: none;
	border-collapse: collapse;
	font-size: 100%;
}

h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd, caption, table.layout th, table.layout td, label
{
	font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0;
	padding: 0;
	text-align: left;
}

ol
{
	margin-top: 0;
	margin-bottom: 0;
}

ul,li
{
	list-style-type: none;
}

table.layout th, table.layout td
{
	vertical-align: top;
}

a
{
	font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: none;
}

strong
{
	font-weight: bold;
}

em
{
	font-style: italic;
}

img, fieldset
{
	margin: 0;
	padding: 0;
	border: none;
}

input, select, textarea, button, legend
{
	font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
	color: #333;
}

input.button, button
{
	cursor: pointer;
}

select, textarea
{
	margin: 0;
	padding: 0;
	background: #fff;
}

form
{
	display: inline;
}

hr
{
	display: none;
}

.access, h6
{
	position: absolute;
	left: -7000px;
}

.clearfix
{
	min-height: 1%;
}
* html .clearfix
{
	height: 1%;
}

.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	font-size: 0;
	visibility: hidden;
}


/* START: grid */
html,
body
{
	height: 100%; /* for sticky footer */
	background: #fff;
}

#page
{
	width: 960px;
	margin: 0 auto;
}

#header
{
	position: relative;	
	background: url(../img/bg_header.gif) repeat-x 0 49px transparent;
	width: 959px;
	height: 86px;
	margin-left: 1px;
}

#logo
{
	position: absolute;
	left: 5px;
	top: 25px;
}

div#site-id
{
	position: absolute;
	right: 0;
	top: 0;
}

#claim-id
{
	position: absolute;
	right: -1px;
	top: 52px;
}

#claim-id a
{
	color: #333;
	font-size: 11px;
	font-weight: normal;
}

#content-wrapper
{
	width: 960px;
	padding: 20px 0 0 0;
}

#intro
{
	font-size: 0;
	line-height: 0;
}
/* END: grid */
/***********************************************************************/
/* START: navigation tabs */
#table-tabs
{
	width: 100%;
	margin-left: 0 !important;
}

#table-tabs div.tab-aktiv a,
#table-tabs div.tab-inaktiv a
{
	background: #fff url(../img/bg-tabs.gif) 0 0 repeat-x;
	background-image: -moz-linear-gradient(top, #ffffff, #e0e2e4); /* Firefox 3.6 */
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #e0e2e4),color-stop(1, #ffffff)); /* Safari & Chrome */
	color: #535e69;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	display: block;
	height: 50px;
	margin: 0 0 0 4px;
	padding: 5px 8px 2px 12px;
}

#table-tabs li:first-child div.tab-aktiv a,
#table-tabs li:first-child div.tab-inaktiv a
{
	margin: 0;
}

#table-tabs div.tab-aktiv a
{
	background: #fff url(../img/bg-tabs-active.gif) 0 0 repeat-x;
	background-image: -moz-linear-gradient(top, #e0e2e4, #ffffff); /* Firefox 3.6 */
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ffffff),color-stop(1, #e0e2e4)); /* Safari & Chrome */
}

#table-tabs div.tab-inaktiv a
{
	-moz-box-shadow: 1px 2px 2px #838383;
	-webkit-box-shadow: 1px 2px 2px #838383;	
	box-shadow: 1px 2px 2px #838383;
}

.ie6 #table-tabs div.tab-inaktiv a,
.ie7 #table-tabs div.tab-inaktiv a,
.ie8 #table-tabs div.tab-inaktiv a
{
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#838383', Direction=145, Strength=2);
}

/* END: navigation tabs */
/***********************************************************************/
/* START: footer */

#footer
{
	padding: 20px 0;
	height: 18px;
}
#footer p,
#footer li
{
	float: left;
	margin: 0 10px 0 0;
	font-size: 11px;
}

/* END: footer */
/***********************************************************************/

/***********************************************************************/
/* START: legend and label */
legend
{
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	padding: 0;
}

legend.access
{
	font-size: 0;
	line-height: 0;
}

label
{
	display: inline-block;
	font-size: 12px;
	line-height: 16px;
	color: #666;
	padding: 3px 0 2px;
}
/* END: legend and label */
/***********************************************************************/
/* START: text input */
input.text
{
	font-size: 12px;
	color: #000;
	border: 1px solid #ccc;
	padding: 2px 5px;
	width: 268px;
	outline: 0; /*safari blue outline*/
}

.mac.firefox input.text
{
	padding: 3px 5px 2px;
}

.webkit input.text
{
	margin: 0;
}

.safari input.text
{
	padding: 6px 5px 0;
}

.win.safari input.text
{
	padding: 4px 5px 0;
}
/* END: text input */
/***********************************************************************/
/* START: file input */
input.file
{
	color: #000;
	font-size: 12px;
	margin: 0;
	padding: 2px 5px;
	width: 281px;
	outline: 0; /*safari blue outline*/
}

.firefox input.file
{
	margin-bottom: -1px;
}

.mac.firefox input.file
{
	margin-bottom: -2px;
}

.webkit input.file
{
	margin: 2px 0 0;
	padding: 0;
}

.mac.safari input.file
{
	margin: 1px 0 1px;
}
/* END: file input */
/***********************************************************************/
/* START: select */
select
{
	font-size: 12px;
	color: #000;
	border: 1px solid #ccc;
	padding: 1px 1px 1px 2px;
	width: 280px;
	outline: 0; /*safari blue outline*/
}

.mac select
{
	height: 20px;
}

.mac.firefox select
{
	margin: -1px 0 1px;
	padding: 1px 0 1px 2px;
}
/* END: select */
/***********************************************************************/
/* START: textarea */
textarea
{
	overflow: auto;
	font-size: 12px;
	color: #000;
	border: 1px solid #ccc;
	padding: 2px 5px;
	width: 268px;
	height: 56px;
	outline: 0; /*safari blue outline*/
}

.mac textarea
{
	line-height: 16px;
	margin: 0;
}

.mac.firefox textarea
{
	margin-top: -1px;
	padding: 3px 5px 2px;
	height: 55px;
}

.webkit textarea
{
	padding: 2px 4px 2px 6px;
	height: 56px;
	resize: none;
}

.win.safari textarea
{
	padding: 2px 3px 0;
	width: 272px;
}
/* END: textarea */
/***********************************************************************/
/* START: buttons */
input.input-button
{
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	background: #666;
	margin: 10px 0 3px;
	border: none !important;
	padding: 2px 6px;
	cursor: pointer;
	overflow: visible;
	width: auto;
	outline: 0; /*safari blue outline*/
}

input.input-button-promo
{
	background: #d18219;
}

.mac input.input-button
{
	padding: 1px 7px;
}

.mac.webkit input.input-button
{
	padding: 2px 10px;
}

/* END: buttons */
/***********************************************************************/
/*START: contact page*/
div.summary-hidden
{
	display: none;
}

td.form-table-label,
table.form-table td.form-table-label
{
	background: #eee;
	border-right: 1px solid #fff;
	width: 220px;
	padding: 0 10px 0 10px;
}

input.input-S,
input.input-ML,
input.input-L,
input.input-XL,
textarea.textarea-XL
{
	padding-left: 2px;
	font-size: 12px;
}

textarea.textarea-XL
{
	padding-top: 1px;
	background: #fff;
	width: 362px;
	height: 84px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	height: 79px;
	width: 356px;
}

input.input-S
{
	background: #fff;
	width: 52px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 45px;
}
input.input-M
{
	background: #fff;
	width: 145px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 138px;form
}

select.select-M
{
	background: #fff;
	width: 145px;
}


input.input-ML
{
	background: #fff;
	width: 191px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 184px;
}

input.input-L
{
	background: #fff;
	width: 393px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 293px;
}

input.input-XL
{
	background: #fff;
	width: 360px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 354px;
}

select.select-L
{
	background: #fff;
	width: 300px;
}

select.select-XL
{
	background: #fff;
	width: 361px;
}

td.form-table-space-S,
td.form-table-space-SM,
td.form-table-space-M,
td.form-table-space-L
{
	font-size: 0;
	line-height: 0;
}

td.form-table-space-S
{
	height: 6px;
}

td.form-table-space-SM
{
	height: 10px;
}

td.form-table-space-M
{
	height: 16px;
}

td.form-table-space-L
{
	height: 20px;
}

div.product-wrapper div.box-input input,
div.product-wrapper div.box-input img,
div.product-wrapper div.box-input label
{
	float: left;
}

div.product-wrapper div.box-input
{
	padding-bottom: 10px;
}

div.product-wrapper div.box-input input
{
	margin-right: 12px;
}

div.product-wrapper div.box-input img
{
	margin: 3px 12px 0 0;
	border: 1px solid #ccc;
}

div.product-wrapper div.box-input label
{
	display: block;
	width: 140px;
}

/*END: contact page*/
/***********************************************************************/


p,
div.content-box,
a.head,
span.head,
div.head,
li,
td
{
	color: #666;
	font-size: 12px;
	line-height: 18px;
}

a
{
	color: #d18219;
}

.highlight a
{
	color: #fff;
}

p img,
div.section img,
div.content-box img
{
	margin: 4px 7px 0 0;
}

div.content-column h1,
div.content-column-wide h1,
div.content-box p,
div.content-box ul,
div.content-box ol
{
	margin-bottom: 10px;
}

div.content-box ul li
{
	list-style-type: disc;
	margin-left: 16px;
}

h1.site,
div.data-table-box h1.data-title
{
	font-size: 18px;
	line-height: 22px;
	font-weight: normal;
}

h1.site
{
	position: relative;
	top: -1px;
}

div.content-box h1,
div.content-box h2
{
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
}

div.content-box
{
	border-bottom: 1px solid #ccc;
	margin: 0 0 20px 0;
	padding: 0 0 14px 10px;
	overflow: hidden;
}

div.hiddenline,
div.tab-box-wrapper
{
	border-bottom: none;
}

div.form-box
{
	position: relative;
	left: -10px;
}

div.tab-box-wrapper
{
	padding: 0;
}

div.form-box #validation-summary,
div.form-box h2
{
	padding: 0 0 0 10px;
}

div.content-box p.headline /* section headline */
{
	font-weight: bold;
}

div.content-column
{
	float: left;
	width: 715px;
}

div.content-column,
div.content-column-wide
{
	padding: 24px 0 0 0;
}

div.teaser-column
{
	float: right;
	margin: 0;
	padding: 27px 0 0 0;
	width: 220px;
}

div.teaser-column div.teaser
{
	background: #fff;
	-moz-box-shadow: 1px 2px 2px #838383;
	-webkit-box-shadow: 1px 2px 2px #838383;	
	box-shadow: 1px 2px 2px #838383;
	border: 1px solid #ccc;
	font-size: 0;
	margin-bottom: 20px;
	overflow: hidden;
	width: 218px;
}

.ie6 div.teaser-column div.teaser,
.ie7 div.teaser-column div.teaser,
.ie8 div.teaser-column div.teaser
{
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#838383', Direction=145, Strength=2);
}

div.teaser a.head
{
	/* START: gradient */
	background: #e4e5e7 url(../img/bg-teaser-title.gif) 0 0 repeat-x;
	-o-background-size: 100% 100%; -webkit-background-size: 100% 100%; -khtml-background-size: 100% 100%; background-size: 100% 100%;
	background-image: -moz-linear-gradient(top, #ffffff, #e4e5e7); /* Firefox 3.6 */
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #e4e5e7),color-stop(1, #ffffff)); /* Safari & Chrome */
	/* END: gradient */
	border-bottom: 1px solid #ccc;
	line-height: 16px;
	display: block;
	padding: 2px 10px 3px 10px;
}

.ie div.teaser a.head
{
/*	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#e4e5e7'); /* IE6 & IE7 */
/*	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#e4e5e7')"; /* IE8 */
}

div.teasercontact td.spalte-contact
{
	padding: 9px 9px 0 9px;
}

div.content-column h1,
div.content-column-wide h1
{
	padding: 0 0 0 10px;
	max-width: 550px;
}

div.content-box h1,
div.content-box p,
div.content-box ul
{
	padding: 0;
	max-width: 550px;
}

div.image div.enlarge-special
{
	float: left;
	font-size: 0;
	line-height: 0;
	padding: 0 20px 10px 0;
	overflow: hidden;
	width: 230px;
}

div.enlarge-special img
{
	display: block;
	margin: 0 0 5px 0;
}

div.image div.head
{
	font-weight: bold;
}

div.image div.text-content
{
	overflow: hidden;
}

div.tab-box-wrapper h1
{
	padding: 0 0 0 10px;
}

div.tabcontent
{
	border: 1px solid #ccc;
	border-top: none;
	padding: 9px 9px 0 9px;
	overflow: hidden;
}

div.tab-box table
{
	width: 100%;
	border-right: 1px solid #ccc;
}

div.tab-box div.tab-inaktiv
{
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

div.tab-box div.tab-aktiv
{
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: none;
}

div.tab-box div.tab-aktiv a,
div.tab-box div.tab-inaktiv a
{
	color: #666;
	display: block;
	height: 17px;
	line-height: 17px;
	padding: 1px 9px 2px 9px;
}

div.tab-box div.tab-aktiv a
{
	padding: 1px 9px 3px 9px;
}

div.tab-box div.tab-inaktiv a
{
	/* START: gradient */
	background: url(../img/bg-section-tab.gif) repeat-x;
	-o-background-size: 100% 100%; -webkit-background-size: 100% 100%; -khtml-background-size: 100% 100%; background-size: 100% 100%;
	background-image: -moz-linear-gradient(top, #fdfdfd, #e0e2e4); /* Firefox 3.6 */
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #e0e2e4),color-stop(1, #fdfdfd)); /* Safari & Chrome */
	/* END: gradient */
}

div.tab-box div.tab-aktiv a
{
	/* START: gradient */
	background: url(../img/bg-section-tab-active.gif) repeat-x;
	-o-background-size: 100% 100%; -webkit-background-size: 100% 100%; -khtml-background-size: 100% 100%; background-size: 100% 100%;
	background-image: -moz-linear-gradient(top, #e0e2e4, #ffffff); /* Firefox 3.6 */
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ffffff),color-stop(1, #e0e2e4)); /* Safari & Chrome */
	/* END: gradient */
}

div.highlight-box
{
	/* START: gradient */
	background: #e0e2e4 url(../img/bg-highlight.gif) 0 0 repeat-x;
	-o-background-size: 100% 100%; -webkit-background-size: 100% 100%; -khtml-background-size: 100% 100%; background-size: 100% 100%;
	background-image: -moz-linear-gradient(top, #ffffff, #e4e5e7); /* Firefox 3.6 */
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #e4e5e7),color-stop(1, #ffffff)); /* Safari & Chrome */
	/* END: gradient */
	border: 1px solid #ccc;
	padding: 10px 9px 0 9px;
}

div.backlink p
{
	text-align: right;
}
/***********************************************************************/
/* START: expandable decorator */
div.expandable-box
{
	-moz-box-shadow: 1px 2px 2px #838383;
	-webkit-box-shadow: 1px 2px 2px #838383;	
	box-shadow: 1px 2px 2px #838383;
	background: #eff0f2;
	border: 1px solid #ccc;
	border-bottom: none;
	padding: 0;
}

.ie6 div.expandable-box,
.ie7 div.expandable-box,
.ie8 div.expandable-box
{
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#838383', Direction=145, Strength=2);
}

div.expandable-box div.title-bar
{
	/* START: gradient */
	background: #e4e5e7 url(../img/bg-section-tab.gif) 0 0 repeat-x;
	-o-background-size: 100% 100%; -webkit-background-size: 100% 100%; -khtml-background-size: 100% 100%; background-size: 100% 100%;
	background-image: -moz-linear-gradient(top, #ffffff, #e4e5e7); /* Firefox 3.6 */
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #e4e5e7),color-stop(1, #ffffff)); /* Safari & Chrome */
	/* END: gradient */
	border-bottom: 1px solid #ccc;
}

div.expandable-box a.head,
div.expandable-box span.head
{
	background: transparent url(../img/icons-toggle.gif) 9px -21px no-repeat;
	display: block;
	height: 17px;
	font-weight: bold;
	line-height: 17px;
	padding: 2px 9px 1px 25px;
	cursor: pointer;
}

div.expanded a.head,
div.expanded span.head
{
	background-position: -6px 6px;
}

div.expandable-box div.section
{
	padding: 10px 9px 0 9px;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.js div.expandable
{
	display: none;
}

div.expandable div.section
{
	border-top: 1px solid #fff;
}

a.expanded,
div.expanded a.collapsed
{
	display: none;
}

a.collapsed,
div.expanded a.expanded
{
	display: inline;
}

div.expandable-box div.section span.trigger-wrapper
{
	clear: both;
	display: block;
	text-align: right;
}

/* END: expandable decorator */
/***********************************************************************/
/* START: data table */
div.data-table-box
{
	background: #fff;
	-moz-box-shadow: 1px 2px 2px #838383;
	-webkit-box-shadow: 1px 2px 2px #838383;	
	box-shadow: 1px 2px 2px #838383;
	border-bottom: none;
	padding: 0;
}

.ie6 div.data-table-box,
.ie7 div.data-table-box,
.ie8 div.data-table-box
{
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#838383', Direction=145, Strength=2);
}

div.data-table-box h1,
div.data-table-box div.section
{
	border: 1px solid #ccc;
	border-bottom: none;
	padding: 9px 9px 10px 9px;
}

div.data-table-box div.section
{
	border-top: none;
}

div.data-table-box h1,
table.data th
{
	/* START: gradient */
	background: #e4e5e7 url(../img/bg-teaser-title.gif) 0 0 repeat-x;
	-o-background-size: 100% 100%; -webkit-background-size: 100% 100%; -khtml-background-size: 100% 100%; background-size: 100% 100%;
	background-image: -moz-linear-gradient(top, #ffffff, #e4e5e7); /* Firefox 3.6 */
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #e4e5e7),color-stop(1, #ffffff)); /* Safari & Chrome */
	/* END: gradient */
	margin: 0;
	border-bottom: 1px solid #ccc;
}

table.data th
{
	/* START: gradient */
	background-image: url(../img/bg-section-tab.gif);
	/* END: gradient */
}

div.data-table-box div.section
{
	padding: 9px 9px 0;
	overflow: hidden;
}

table.data,
table.data th,
table.data td
{
	border: 1px solid #ccc;
}

table.data th
{
	border: 1px solid #ccc;
	padding: 1px 9px 2px 9px;
}

table.data td.product-img
{
	border-right: none;
}

table.data td.description
{
	border-left: none;
}

div.data-table-box h1,
table.data p,
table.data ul,
table.layout p,
table.layout ul
{
	width: auto;
	max-width: none;
}

table.data th
{
	white-space: nowrap;
	padding: 0 9px 0;
}

table.data td
{
	padding: 9px 9px 0;
}

table.data td.image
{
	vertical-align: middle;
	text-align: center;
	padding: 2px 15px 2px;
}

td.image img
{
	margin: 0;
}

table.data tr.highlight td
{
	/* START: gradient */
	background: #d78e2a url(../img/bg-data-highlight.gif) 0 0 repeat-x;
	-o-background-size: 100% 100%; -webkit-background-size: 100% 100%; -khtml-background-size: 100% 100%; background-size: 100% 100%;
	background-image: -moz-linear-gradient(top, #fdcc0b, #d78e2a); /* Firefox 3.6 */
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #d78e2a),color-stop(1, #fdcc0b)); /* Safari & Chrome */
	/* END: gradient */
}

table.data tr.highlight td,
table.data tr.highlight p,
table.data tr.highlight li
{
	color: #333;
}

ul.filter li,
div.data-table-box ul.filter li
{
	list-style-type: none;
	margin: 5px 0;
	padding: 0 30px 0 0;
}

ul.filter a.checkbox,
div.data-table-box ul.filter a.checkbox
{
	background: url(../img/icons-checkbox.gif) 0 -21px no-repeat;
	color: #666;
	display: inline-block;
	font-weight: normal;
	padding: 0 0 0 18px;
}

ul.filter a.checked,
div.data-table-box ul.filter a.checked
{
	background-position: -12px 2px;
}

/* END: data table */
/***********************************************************************/

.sIFR-flash
{
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced
{
	visibility: visible !important;
}

.sIFR-replaced embed,
.sIFR-replaced object
{
	display: block;
}

span.sIFR-alternate
{
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab = true]
{
	display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... */
div#site-id div.sifr 
{
	float: right;
	padding: 22px 0 0 0;
}

div#site-id div.sifr h1 
{
	font-size: 19px;
	line-height: 21px;
}

/***********************************************************************/
/* START: general styles */
body
{
	font-size: 75%;
	width: 100%;
}

th
{
	text-align: left;
}

h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd, caption, th, td, label, a, span
{
	font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
	color: #333;
	text-align: left;
}

a
{
	text-decoration: none;
}
a:hover{text-decoration:underline;}
img
{
	border: none;
}
/* END: general styles */
/***********************************************************************/
/* START: sIFR */
.sIFR-flash,
.sIFR-flash object,
.sIFR-flash embed
{
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}

span.sIFR-alternate
{
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
}
/* END: sIFR */
/***********************************************************************/
@media screen and (min-width:640px) { .tel-wap,.wchat-wap {display:none;}}