@charset 'UTF-8';
/**
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright			Copyright 2010, crossbase mediasolution GmbH
 * @version				1.0
 */

@font-face {
	font-family: 'Open Sans';
	src: url('opensans-regular-webfont-eot.eot'); /* IE9 Compat Modes */
	src: url('opensans-regular-webfont-eot.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('opensans-regular-webfont-woff2.woff2') format('woff2'), /* Very Modern Browsers */
	url('opensans-regular-webfont-woff.woff') format('woff'), /* Modern Browsers */
	url('opensans-regular-webfont-ttf.ttf') format('truetype'), /* Safari, Android, iOS */
	url('opensans-regular-webfont-svg.svg') format('svg'); /* Legacy iOS */
	font-weight: 400;
}

@font-face {
	font-family: 'Open Sans Semibold';
	src: url('opensans-semibold-webfont-eot.eot'); /* IE9 Compat Modes */
	src: url('opensans-semibold-webfont-eot.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('opensans-semibold-webfont-woff2.woff2') format('woff2'), /* Very Modern Browsers */
	url('opensans-semibold-webfont-woff.woff') format('woff'), /* Modern Browsers */
	url('opensans-semibold-webfont-ttf.ttf') format('truetype'), /* Safari, Android, iOS */
	url('opensans-semibold-webfont-svg.svg') format('svg'); /* Legacy iOS */
	font-weight: 600;
}

@font-face {
	font-family: 'Open Sans Bold';
	src: url('opensans-bold-webfont-eot.eot'); /* IE9 Compat Modes */
	src: url('opensans-bold-webfont-eot.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('opensans-bold-webfont-woff2.woff2') format('woff2'), /* Very Modern Browsers */
	url('opensans-bold-webfont-woff.woff') format('woff'), /* Modern Browsers */
	url('opensans-bold-webfont-ttf.ttf') format('truetype'), /* Safari, Android, iOS */
	url('opensans-bold-webfont-svg.svg') format('svg'); /* Legacy iOS */
	font-weight: 700;
}

@font-face {
	font-family: 'FF Din Web Pro Medium';
	src: url('ff-din-web-pro-medium-eot.eot'); /* IE9 Compat Modes */
	src: url('ff-din-web-pro-medium-eot.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('ff-din-web-pro-medium-woff2.woff2') format('woff2'), /* Very Modern Browsers */
	url('ff-din-web-pro-medium-woff.woff') format('woff'), /* Modern Browsers */
	url('ff-din-web-pro-medium-ttf.ttf') format('truetype'), /* Safari, Android, iOS */
	url('ff-din-web-pro-medium-svg.svg') format('svg'); /* Legacy iOS */
}

@font-face {
	font-family: 'FF Din Web Pro Black';
	src: url('ff-din-web-pro-black-eot.eot'); /* IE9 Compat Modes */
	src: url('ff-din-web-pro-black-eot.eot'); /* IE9 Compat Modes */
	src: url('ff-din-web-pro-black-eot.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('ff-din-web-pro-black-woff2.woff2') format('woff2'), /* Very Modern Browsers */
	url('ff-din-web-pro-black-woff.woff') format('woff'), /* Modern Browsers */
	url('ff-din-web-pro-black-ttf.ttf') format('truetype'), /* Safari, Android, iOS */
	url('ff-din-web-pro-black-svg.svg') format('svg'); /* Legacy iOS */
}

@font-face {
	font-family: "cnBold";
	src: local('SimSun'), local('中易宋体'), local('STXihei'), local('华文黑体');
	font-weight: 700;
	font-style: normal;
}
	
@font-face {
	font-family: "cnRegular";
	src: local('SimSun'), local('中易宋体'), local('STXihei'), local('华文黑体');
	font-weight: 500;
	font-style: normal;
}


@media screen
{

	/*------------------------------------------------------------------------------------------------------*/
	/* (en) global settings of font-families and font-sizes */
	/* (de) Globale Einstellungen für Zeichensatz und Schriftgrößen */
	/*------------------------------------------------------------------------------------------------------*/

	/* (en) reset font size for all elements to standard (16 Pixel) */
	/* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */

	html {
		-webkit-text-size-adjust: none;
	}

	html * {
		font-size: 100.01%;
	}

}

@media all
{
	/* (en) reset monospaced elements to font size 16px in all browsers */
	/* (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen */
	/* @see: http://webkit.org/blog/67/strange-medium/ */

	textarea, pre, code, kbd, samp, var, tt {
		font-family: Consolas, 'Lucida Console', 'Andale Mono', 'Bitstream Vera Sans Mono', 'Courier New', Courier;
	}

	/* (en) base layout gets standard font size 14px */
	/* (de) Basis-Layout erhält Standardschriftgröße von 14 Pixeln */

	body {
		font-family:  'Open Sans', Verdana, cnRegular, sans-serif;
		font-size: 81.25%;
		color: #000;
	}

	/* (en) Set bottom edge of all images to the bottom edge of the enclosed box (default is the textline) to avoid whitespace */
	/* (de) Unterkante aller Bilder auf die Unterkante der umschließenden Box setzen (Default ist die Schriftlinie), um Lücken zu verhindern */
	/*------------------------------------------------------------------------------------------------------*/

	img {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		vertical-align: bottom;
		width: auto;
		height: auto;
		max-width: 100%;
	}

	/* (en) Headings */
	/* (de) Überschriften */
	/*------------------------------------------------------------------------------------------------------*/

	h1,h2,h3,h4 {
		font-family: 'FF Din Web Pro Black', Verdana, sans-serif;
		font-weight: normal;
		margin: 0 0 1em 0;
		line-height: 1.2em;
		position: relative;
		text-transform: uppercase;
	}

	h1 strong,h2 strong,h3 strong,h4 strong {
		font-weight: normal;
	}

	h1 {
		font-size: 180.00%;
		margin: 0;
		color: #808080;
		background:#fff;
		padding: 6px 8px 0 8px;
		margin-bottom: 8px;
	}

	h2 {
		font-size: 160.00%;
		color: #808080;
	}

	h3 {
		font-size: 100.00%;
		color: #808080;
	}

	h4 {
		font-size: 100.00%;
		color: #808080;
		margin: 0 0 0.8em 0;
	}
	
	h2.subtitle-jobs{
		font-size: 140.00%;
		margin-top: -0.8em;
		text-transform: none;
	}

	h3.index {
		font-size: 100.00%;
		color: #a1007b;
		margin: 1.5em 0 0.4em 0.8em;
	}

	h3.news {
		border: none;
		margin: 0 0 0.8em 0.7em;
		background: transparent;
		color: #808080;
	}

	h3.form-caption {
		margin: 0 0 4px 0;
	}

	h3.form-caption span {
		padding-right: 8px;
	}

	h3.chapter {
		position: absolute;
		left: 0;
		top: 0;
		padding: 8px;
	}

	.boxgroup-wrapper h1 {
		background-color: #fff;
		margin-bottom: 2px;
		font-size: 160.00%;
		color: #808080;
		padding: 0;
	}

	.box-top-100_content h3 {
		font-size: 100.00%;
		color: #a1007b;
	}

	.box-top-100_content h3:focus,
	.box-top-100_content h3:hover,
	.box-top-100_content h3:active {
		color: #808080;
	}


	/* (en) Lists */
	/* (de) Listen */

	/*------------------------------------------------------------------------------------------------------*/

	ul, ol, dl {
		margin: 0 0 1.5em 0;
		list-style-type: none;
		position: relative;
	}

	li {
		line-height: 1.5em;
	}

	li.licircle {
		list-style-type: circle;
		margin: 0 0 0 1.5em;
	}

	li.lisquare {
		list-style-type: square;
		margin: 0 0 0 1.5em;
	}

	li.lidisc {
		list-style-type: disc;
		margin: 0 0 0 1.5em;
	}

	li.libreak {
		background-image: url('leuco-strike.png');
		background-repeat: no-repeat;
		background-position: 0 0.35em;
		padding: 0 0 0 10px;
		font-weight: normal;
		margin: 0 0 1.2em 0;
	}

	li.linobreak {
		background-image: url('leuco-strike.png');
		background-repeat: no-repeat;
		background-position: 0 0.35em;
		padding: 0 0 0 10px;
		font-weight: normal;
		margin: 0;
	}

	li.liarrow {
		background-image: url('leuco-arrow.png');
		background-repeat: no-repeat;
		background-position: 0 0.48em;
		padding: 0 0 0 18px;
		font-weight: normal;
		margin: 0;
	}

	.feature-list {
		margin: -8px -8px -8px -8px;
	}

	.feature-list li {
		height: 47px;
		padding: 8px;
		display: block;
		margin: 0;
		color: #fff;
		background-color: #808080;
	}

	.feature-list .spacer {
		border-bottom: 2px solid #fff;
	}

	.feature-list .spacer img {
		max-height: 47px;
	}

	a.datasheet {
		font-family: 'FF Din Web Pro Black', Verdana, sans-serif;
		background-color: #fff;
		text-transform: uppercase;
		padding: 4px 0 8px 0;
		display: block;
	}

	#submenu_ajax li {
		cursor: pointer;
	}

	#topnav ul li {
		position: relative;
		margin: 0 0 0 8px;
		float: left;
		list-style-type: none;
	}

	#topnav ul li div {
		padding: 0;
		margin: 0;
		background-repeat: no-repeat;
		background-position: left;
		position: relative;
	}

	#footer ul {
		margin: 0 auto;
		display: inline-block;
		margin: 0;
	}

	#footer li {
		float: left;
		display: inline;
		background: url('bg-footer-bullet.png') center right no-repeat;
		padding: 0 1.2em 0 1.2em;
		margin: 0;
	}

	#footer li.last {
		background: none;
	}

	dt {
		font-weight: bold;
	}

	dd {
		margin: 0 0 1em 0.8em;
	}

	.hidden {
		display: none!important;
	}

	/* (en) general text formatting */
	/* (de) Allgemeine Textauszeichnung */
	/*------------------------------------------------------------------------------------------------------*/

	p.pdefault, p.padded {
		font-size: 100%;
		line-height: 1.5em;
		margin: 0 0 1.2em 0;
		color: #000;
	}

	.pselect2-style-label {
		font-size: 100%;
		line-height: 1.5em;
		margin: 0 0 2px 0;
	}


	p.pselect2-style-input,
	.pselect2-style-input {
		font-size: 100%;
		line-height: 1.5em;
		border-radius: 13px;
		border: 1px solid #AAA;
		overflow: hidden;
		padding: 0 8px;
		background-color: #fff;
		margin-bottom: 8px;
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* IE10+ */
		background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	}

	.pselect2-style-button {
		font-size: 100%;
		line-height: 1.5em;
		text-align: center;
		cursor: pointer;
		border-radius: 26px;
		border: 1px solid #A1007B;
		overflow: hidden;
		background-color: #A1007B;
		margin-bottom: 8px;
		font-family: 'FF Din Web Pro Medium', Verdana, sans-serif;
		text-transform: uppercase;
		letter-spacing: 0.06em;
	}

	.pselect2-style-button button {
		padding: 3px 0;
		font-size: 100%;
		line-height: 1.5em;
		text-align: center;
		cursor: pointer;
		font-family: 'FF Din Web Pro Medium', Verdana, sans-serif;
		text-transform: uppercase;
		letter-spacing: 0.06em;
	}

	p.pcenter {
		font-size: 100%;
		line-height: 1.5em;
		margin: 0 0 1.2em 0;
		text-align: center;
		color: #000;
	}

	p.pright {
		font-size: 100%;
		line-height: 1.5em;
		margin: 0 0 1em 0;
		text-align: right;
		color: #000;
	}

	p.pbottom {
		font-size: 100%;
		line-height: 1.5em;
		margin: 0;
		color: #000;
	}

	p.pboxbottom {
		font-size: 100%;
		line-height: 1.5em;
		margin: 0 0 0.8em 0;
		text-align: right;
		color: #000;
	}

	p.pnomargin {
		font-size: 100%;
		line-height: 1.5em;
		color: #000;
		margin: 0;
	}

	p.pbutton {
		font-size: 100%;
		line-height: 1.2em;
		margin: 0 0 8px 0;
		text-align: center;
		background: #A1007B;
		cursor: pointer;
	}

	.pselect2-style-button span,
	.pbutton span,
	.pbutton a {
		padding: 5px 4px 1px 5px;
		color: #fff;
		display: block;
		line-height: 1.5em !important;
	}

	p.psmall {
		font-size: 85.71%;
		line-height: 1.5em;
		margin: 0 0 1.2em 0;
		color: #000;
	}

	p.pphone {
		font-size: 100%;
		line-height: 1.5em;
		margin: 0 !important;
		/*background-image: url(icon-phone.png);*/
		background-repeat: no-repeat;
		background-position: left 4px;
		padding-left: 22px;
	}

	p.pemail {
		font-size: 100%;
		line-height: 1.5em;
		margin: 0 0 1.5em 0;
		/*background-image: url(icon-email.png);*/
		background-repeat: no-repeat;
		background-position: left 4px;
		padding-left: 22px;
		color: #000;
	}

	p.psmall {
		font-size: 85.71%;
		line-height: 1.5em;
		margin: 0 0 1.5em 0;
		color: #000;
	}

	blockquote, cite,q {
		font-family: Georgia, 'Times New Roman', Times, serif;
		font-style:italic;
	}

	blockquote {
		margin: 0 0 1em 1.6em;
		color: #666;
	}

	strong, b {
		font-weight: 600;
	}

	em,i {
		font-style: italic;
	}

	span.strike {
		background: url('leuco-strike.png') left center no-repeat;
		padding-left: 8px
	}

	span.leuco-color {
		color: #a1007b;
	}
	pre, code, kbd, tt, samp, var {
		font-size: 100%;
	}

	pre, code {
		color: #800;
	}

	pre {
		line-height: 1.5em;
		margin: 0 0 1em 0;
	}

	kbd, samp, var {
		color: #666;
	}

	var {
		font-style: italic;
	}

	acronym, abbr {
		border-bottom: 1px #aaa dotted;
		font-variant: small-caps;
		letter-spacing: .07em;
		cursor: help;
	}

	sub, sup { font-size: 91.6667%; }

	hr {
		color: #fff;
		background: transparent;
		margin: 0 0 0.5em 0;
		padding: 0 0 0.5em 0;
		border:0;
		border-bottom: 1px #eee solid;
	}

	/* (en) Links */
	/* (de) Verweise */
	/*------------------------------------------------------------------------------------------------------*/

	a, a:visited, a:focus, a:active {
		color: #a1007b;
		background-color: transparent;
		text-decoration: none;
		cursor: pointer;
	}

	a:hover {
		color: #808080;
		text-decoration: none;
	}

	#topnav a {
		color: #fff;
		background-color: transparent;
		text-decoration: none;
	}

	#topnav a:focus, #topnav a:hover, #topnav a:active {
		color: #ce93bb;
		text-decoration: none;
	}

	a.arrow {
		/*padding-right: 15px;
		background: url('leuco-arrow.png') right center no-repeat;
		text-transform: uppercase;*/
	}

	.quickbox a {
		color: #000;
		padding: 8px 12px 4px 12px;
		display: block;
	}

	.quickbox a:hover {
		color: #fff;
		background: url('bg-quicklinks.png') left bottom repeat-x;
		background-color: #89075f;
		text-decoration: none;
	}

	h3 a {
		text-decoration: none;
	}

	a.apdf {
		background-image: url(icon-pdf.png);
		background-repeat: no-repeat;
		background-position: left top;
		padding-left: 1.4em;
	}

	a.aarchive {
		/*background-image: url(icon-archive.png);*/
		background-repeat: no-repeat;
		background-position: left top;
		padding-left: 1.4em;
	}

	a.quicklink {
		float: right;
		color: #808080;
		display: none;
	}

	a.abutton {
		padding: 2px 4px 1px 4px;
		border: 2px solid #fff;
		background-color: #a1007b;;
		color: #fff;
		text-decoration: none;
		display: inline-block;
		margin-left: 10px;
	}

	a.abuttonLeft {
		padding: 2px 4px 1px 4px;
		border: 2px solid #fff;
		background-color: #a1007b;;
		color: #fff;
		text-decoration: none;
		display: inline-block;
	}

	a.abutton img, a.abuttonLeft img {
		margin-bottom: 2px;
	}

	/* (en) Hover für Tabellenzellen mit Verweisen */
	/* (de) Hover for table cells with links */

	table.tablelink tbody tr:focus,
	table.tablelink tbody tr:hover,
	table.tablelink tbody tr:active {
		color: #fff !important;
		background-color: #a1007b !important;
		text-decoration: none;
	}

	table.tablelink tbody tr:focus a,
	table.tablelink tbody tr:hover a,
	table.tablelink tbody tr:active a {
		color: #fff;
		background-color: #a1007b;
		text-decoration: none;
	}

	/* (en) images (with optional captions) */
	/* (de) Bilder (mit optionaler Bildunterschrift) */
	/*------------------------------------------------------------------------------------------------------*/

	.border {
		border: 2px solid #dbdbdb;
	}

	.imgpadding {
		padding: 0 20px 20px 0;
	}

	.margin-right {
		margin-right: 15px;
		margin-bottom: 2px;
	}

	p.pcaption {
		margin: 0 auto 1.5em auto;
		font-size: 100%;
		width: 420px;
		line-height: 1.5em;
		text-align: left;
	}

	span.caption {
		/*background-image: url(bullet-caption.png);*/
		background-repeat: no-repeat;
		background-position: left top;
		padding-left: 1.8em;
	}

	p.pcaptiondef {
		margin: 0 auto 1.5em auto;
		font-size: 100%;
		line-height: 1.5em;
		text-align: left;
		/*background-image: url(bullet-caption.png);*/
		background-repeat: no-repeat;
		background-position: left top;
		padding-left: 1.8em;
	}

	p.picaption_left {
		float: left;
		display: inline;
		margin: 0 1em 0.15em 0;
		/*background-image: url(bullet-caption.png);*/
		background-repeat: no-repeat;
		background-position: left 2px;
		text-indent: 22px;
		line-height: 1.5em;
	}

	p.picaption_right {
		float: right;
		display: inline;
		margin: 0 0 0.15em 1em;
		/*background-image: url(bullet-caption.png);*/
		background-repeat: no-repeat;
		background-position: left 2px;
		text-indent: 22px;
		line-height: 1.5em;
	}

	p.picaption_left img, p.icaption_right img {
		padding: 0;
		border: 1px #888 solid;
		/*background-image: url(bullet-caption.png);*/
		background-repeat: no-repeat;
		background-position: left 2px;
		text-indent: 22px;
		line-height: 1.5em;
	}

	p.picaption_left strong, p.icaption_right strong {
		display: block;
		overflow: hidden;
		margin-top: 2px;
		padding: 0.3em 0.5em;
		background: #eee;
		font-weight: normal;
		line-height: 1.5em;
	}

	/*------------------------------------------------------------------------------------------------------*/
	/* (en) Set responsiveness for video */
	/* (de) Resposive Verhalten für Videos ermöglichen */
	/*------------------------------------------------------------------------------------------------------*/

	video, object {
		width: 100%;
		max-width: 640px;
		margin-bottom: 24px;
	}

	.video {
		width: 100%;
		max-width: 640px;
		margin-bottom: 24px;
	}

	.vid-container {
		width: 100%;
		text-align: center;
	}

	.vid-container-content {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border: 2px solid #dbdbdb;
		margin-bottom: 1.5em;
		position: relative;
	}

	/*------------------------------------------------------------------------------------------------------*/
	/* (en) standard classes for positioning and highlighting */
	/* (de) Standardklassen zur Positionierung und Hervorhebung */
	/*------------------------------------------------------------------------------------------------------*/

	.highlight {
		color: #f60;
	}

	.dimmed {
		color: #888;
	}

	.info {
		background: #f8f8f8;
		color: #666;
		padding: 10px;
		margin-bottom: 0.5em;
		font-size: 91.7%;
	}

	.note {
		background: #efe;
		color: #040;
		border: 2px #484 solid;
		padding: 10px;
		margin-bottom: 1em;
	}

	.important {
		background: #ffe; color: #440;
		border: 2px #884 solid;
		padding: 10px;
		margin-bottom: 1em;
	}

	.warning {
		background: #fee; color: #400;
		border: 2px #844 solid;
		padding: 10px;
		margin-bottom: 1em;
	}

	.float_left {
		float: left;
		display: inline;
		margin-right: 1em;
		margin-bottom: 0.15em;
	}

	.float_right {
		float: right;
		display: inline;
		margin-left: 1em;
		margin-bottom: 0.15em;
	}

	.float_center {
		display: block;
		text-align: center;
		margin: 0.15em auto;
	}

	.download_center {
		display: block;
		text-align: center;
		width: 25%;
		margin: 0 auto 1.5em auto;
		padding: 8px;
		line-height: 1.5em;
		text-transform: uppercase;
		background: url('bg-downloads.png') left top repeat-x;
		background-color: #e5e5e5;
	}

	.download_center span {
		padding-left: 15px;
		background: url('bg-downloads-arrow.png') left top no-repeat;
	}

	a.pdf {
		background: url('icon-pdf.png') right 2px no-repeat;
		padding-right: 20px;
		text-decoration: none;
	}

	img.collapse_icon {
		position: absolute;
		right: 0;
		top: 0;
	}

	img.property-vis {
		width: 54px;
		vertical-align: middle;
		margin-right: 8px;
	}

	.invisible {
		display: none;
	}

	.visibility-hidden {
		visibility: hidden;
	}

	.collapsible {
		cursor: pointer;
	}

	/*------------------------------------------------------------------------------------------------------*/
	/* (en) Generic classes for table-width and design definition */
	/* (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen */
	/*------------------------------------------------------------------------------------------------------*/

	table.blockborder {
		margin-bottom: 1.5em !important;
	}

	table {
		border: 0;
		empty-cells: show;
		border-collapse: separate;
		border-spacing: 0;
		margin-bottom: 8px;
		width: 100%;
	}

	.table-border {
		border: 8px solid #fff;
		margin: 0 0 8px 0;
	}

	.table-border table {
		margin: 0;
	}

	table.tabledefault {
		border-bottom: 2px solid #dbdbdb;
	}

	.contentContainer table.tabledefault {
		border: none;
	}

	.tableFloatingHeaderOriginal {
		border-bottom: 2px solid #a1007b
	}

	thead th a + a {
		padding-left: 8px;
	}

	table.products td {
		vertical-align: middle;
	}

	table.products td.align-top {
		vertical-align: top;
	}

	table.products td img {
		max-width: 50px;
		max-height: 50px;
	}

	table.products.compare td img {
		max-width: none;
	}

	table.tablefix {
		margin-bottom: 0;
		border-bottom: 2px solid #dbdbdb;
		width: auto;
	}

	tr.fixheighthead {
		height: 90px;
	}

	tr.fixheightcontent {
		height: 90px;
	}

	table.tableproductlist td {
		white-space: nowrap;
	}

	th, td {
		padding: 8px;
		font-weight: normal;
		text-align: left;
		line-height: 1.5em !important;
		position: relative;
	}

	th {
		font-weight: bold;
		font-size: 91.67%;
	}

	th.tablethleft {
		text-align: left;
	}

	th.tablethright {
		text-align: right;
	}

	th.tablethcenter {
		text-align: center;
	}

	th.tablethcentertop {
		text-align: center;
		padding-top: 20px;
	}

	th.tableth33, td.tabletd33 {
		padding: 0.6em;
		width: 33%;
	}

	th.tableth67, td.tabletd67 {
		padding: 0.6em;
		width: 67%;
	}

	th.tableth50, td.tabletd50 {
		padding: 0.6em;
		width: 50%;
	}

	td.tabletdleft {
		text-align: left;
	}

	td.tabletdright {
		text-align: right;
	}

	td.tabletdcenter {
		text-align: center;
	}

	td.tabletddivider {
		border-top: 2px solid #dbdbdb;
		padding: 1.5em 0.6em;
		text-align: center;
	}

	td.tabletdtopborder {
		border-top: 2px solid #dbdbdb;
	}

	tr.tabletrcolor01 {
		background-color: #fff;
		vertical-align: top;
	}

	tr.tabletrcolor02 {
		background-color: #e6e6e6;
		vertical-align: top;
	}

	td.cellcenter, tr.cellcenter {
		text-align: center;
	}

	.compare-cart {
		width: 90px;
		display: inline-block;
		white-space: nowrap;
	}

	.compare-product-group {
		position: absolute;
		right: 12px;
	}

	.compare-product-group-head {
		position: absolute;
		right: 12px;
		top: 9px;
	}	
	
	.product-group {
		padding: 0 32px 0 0;
	}


	/*------------------------------------------------------------------------------------------------------*/
	/* (en) Generic classes for form elements and design definition */
	/* (de) Generische Klassen und Gestaltungsvorschriften für Formularelemente */
	/*------------------------------------------------------------------------------------------------------*/

	.searchbox {
		/*background: url('bg-topnav-search.png') no-repeat scroll left center transparent;*/
		position: relative;
	}

	#addsearchsuchstring {
		background-color: #fff;
		border: none;
		padding: 1px 6px 1px 22px;
		margin: 0;
		width: 90px;
		border-radius: 16px;
	}

    .search-result-wrapper {
        overflow: hidden;
    }

    .search-image-container {
        display:inline-block;
        width: 100px;
        height: 100px;
        float: left;
        padding-right: 10px;
        vertical-align: bottom
    }

    .search-image {
        vertical-align: middle;
        max-height: 100px;
    }

	.searchbox span::after {
		font-family: FontAwesome;
		content: '\f002';
		color: #A1007B;
		position: absolute;
		left: 6px;
	}

	span.search::after {
		font-family: FontAwesome;
		content: '\f002';
		color: #808080;
		position: absolute;
		left: 6px;
		top: 3px;
	}

	span.search	input {
		padding-left: 22px;
	}

	form .pdefault {
		margin-bottom: 8px;
	}

	#col1 .searchbar .pdefault,
	#col1 .searchbar .pright,
	#col1 .searchbar .pcenter {
		margin-bottom: 8px;
		color:#808080;
	}

	#col3 .searchbar .pdefault,
	#col3 .searchbar .pright,
	#col3 .searchbar .pcenter {
		margin-bottom: 8px;
		color:#808080;
	}

	#col3 .searchbar .pcenter {
		vertical-align: middle;
		margin: 0;
		margin-top: 4px;
		font-weight: bold;
	}

	#col3 .searchbar div {
		color:#808080;
	}

	input, select, textarea {
		font-family: 'Open Sans', Verdana, cnRegular, sans-serif;
		font-size: 99%;
		border: none;
		background: #e6e6e6;
		width: 100%;
		padding: 4px 0 4px 0;
	}

	.searchbar input, .searchbar select, .searchbar textarea {
		border: 2px solid #E6E6E6;
		width: 100%;
	}

	input.checkbox {
		padding: 0;
		margin: 0.4em 0 0 0;
		border: none;
	}

	input.radio {
		padding: 0;
		margin: 0.4em 0 0 0;
		border: none;
	}

	.ym-invalid {
		border: 2px solid red !important;
	}

	.ym-invalid-ui-select {
		border: 2px solid red !important;
		border-radius: 15px;
	}

    .invalidCheckbox {
        border: 2px solid red !important;
        border-radius: 10px;
        padding-top: 3px;
        padding-left: 5px;
    }

	fieldset {
		margin-bottom: 8px;
	}

	.pselect2-style-input input,
	.pselect2-style-input textarea,
	.pselect2-style-input select {
		background-color: transparent;

	}

	input.amount, input.price {
		width: 20px;
		text-align: center;
		border: 2px solid #E6E6E6;
		background: #fff;
		font-size: 100%;
		line-height: 1.5em;
		border-radius: 4px;
		border: 1px solid #AAA;
		overflow: hidden;
		padding: 2px 4px !important;
		background-color: #fff;
		margin: 4px 0 8px 0;
		background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
		background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
		background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
		background-image: linear-gradient(top, #fff 0%, #eee 50%);
	}

	input.price {
		width: 70px;
		text-align: right;
	}

	input.box100 {
		width: 100%;
		margin: 0;
		padding: 0;
		padding: 4px 0 4px 0;
	}

	input.box75l {
		width: 72%;
		margin: 0 2% 0 0;
		padding: 0;
		padding: 0.2em 0 0.2em 0;
	}

	input.box75r {
		width: 72%;
		margin: 0 0 0 2%;
		padding: 0;
		padding: 0.2em 0 0.2em 0;
	}

	input.box25l {
		width: 22%;
		margin: 0 2% 0 0;
		padding: 0;
		padding: 0.2em 0 0.2em 0;
	}

	input.box25r {
		width: 22%;
		margin: 0 0 0 2%;
		padding: 0;
		padding: 0.2em 0 0.2em 0;
	}

	input.box50l {
		width: 47%;
		margin: 0 2% 0 0;
		padding: 0;
		padding: 0.2em 0 0.2em 0;
	}

	input.box50r {
		width: 47%;
		margin: 0 0 0 2%;
		padding: 0;
		padding: 0.2em 0 0.2em 0;
	}

	textarea.text100 {
		font-family: 'Verdana', 'Arial', 'Helvetica', 'Trebuchet MS', sans-serif;
		width: 98%;
		margin: 0 0 0.7em 0;
		padding: 0;
		padding: 0.2em 0 0.2em 0;
	}

	.top-criteria select {
		width: 100%;
		margin: 0 0 8px 0;
		padding: 0.2em 0 0.2em 0;
	}

	div.checktext {
		float: left;
		width: 25em;
	}

	div.checkbox {
		float: left;
		width: 2em;
	}

	input.button {
		padding: 4px;
		border: none;
		background-color: #a1007b;
		color: #fff;
	}

	input.searchbutton {
		padding: 0.1em;
	}

	input.searchbox-nomargin-long {
		width: 75%;
		padding: 0.2em;
		margin-right: 5%;
		margin-bottom: 1.5em;
	}

	select.box90 {
		width: 90%;
	}

	select.searchbar {
		width: 82%;
		padding: 1%
	}

	select.searchbar-inactive {
		width: 85%;
		padding: 1%
	}

	.custom-select {
		position: relative;
		z-index: 1;
		padding: 0 8px;
		height: 20px;
		display: block;
		color: #a1007b;
	}

	.custom-select:before {
		display: block;
		font-family: 'FontAwesome';
		font-size: 1em;
		height: 100%;
		line-height: 2.4em;
		padding: 0 8px;
		position: absolute;
		top: -5px;
		right: 0;
		text-align: center;
		width: 1em;
		z-index: -1;
		color: #a1007b;
	}

	.custom-select select {
		background-color: transparent;
		display: inline-block;
		width: 100%;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		padding: 0 0 0 4px;
	}

	.custom-select select option {
		background: #fff;
	}

	.custom-select select::-ms-expand {
		display: none; /* to ie 10 */
	}

	.custom-select select:focus {
		outline: none;
	}

	:-moz-any(.custom-select):before {
		/* this is necessary for overcome the caret default browser */
		background: transparent;
		pointer-events: none; /* https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events	*/
		z-index: 1; /* this is necessary for overcome the pseudo element */
	}

	#topnav ul li .pselect2-style-input.language {
		padding: 0 12px 0 26px;
		width: 110px;
		background: #fff;
		border: none;
	}

	#topnav ul li .pselect2-style-input.language span {
		left: 9px;
		position: absolute;
		top: 3px;
	}

	.nomargin {
		margin: 0;
	}

	input[type='radio'] {
		width: auto;
	}

	.csk-image-wrapper {
		text-align: center;
	}

	.csk-qrcode {
		max-width: 120px;
	}

	.csk-subheading {
		padding-top: 16px;
		color: #a1007b
	}

	.csk-divider {
		margin: 8px 0;
		padding: 16px 0 0 0 ;
	}

	.csk-divider  div.gray {
		border-bottom: 2px solid #dbdbdb;
		padding: 0;
		width: 100%;
		line-height: 0
	}

	/*------------------------------------------------------------------------------------------------------*/
	/* (en) Miscellaneous
	/* (de) Sonstiges
	/*------------------------------------------------------------------------------------------------------*/

	.standortContainer {
		padding: 2px;
		background-color: white;
		border: 1px solid white;
	}

	.markStandort {
		border-color: #C90097 !important;
	}

	.closeWorldMap{
		background: none repeat scroll 0 0 #FFFFFF;
	}

	#idSearchMarker {
		width: 250px;
	}

	#fade_info_wrapper {
		display: none;
		position: fixed;
		left: 50%;
		top: 50%;
		margin-left: -125px;
		margin-top: -25px;
		z-index: 1000;
	}

	#fade_info {
		color: #fff;
		padding: 6px 12px;
		background-color: #808080;
		border: 1px solid #808080;
		border-radius: 25px;
	}

    .fa-circle-o:before,
    .fa-circle:before,
    .fa-dot-circle-o:before {
        color: #A1007B;
    }

    .youtube-placeholder-container {
        position: relative;
    }

    .youtube-placeholder-text {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    .youtube-placeholder-text span {
		display: inline-block;
		padding: 8px 12px;
		background: rgba(255, 255, 255, 0.75);
		max-width: 270px;
		border-radius: 12px;
    }

    .youtube-placeholder-text span a {
		font-size: 100%;
		line-height: 1.5em;
		text-align: center;
		cursor: pointer;
		border-radius: 26px;
		border: 1px solid #A1007B;
		overflow: hidden;
		background-color: #A1007B;
		margin: 8px 0;
		font-family: 'FF Din Web Pro Medium', Verdana, sans-serif;
		text-transform: uppercase;
		letter-spacing: 0.06em;
		color: #fff;
		padding: 4px 8px;
		display: block;
	}

    .youtube-placeholder-img {
        max-width: 350px;
		width: 100%;
		
    }

}

/*------------------------------------------------------------------------------------------------------*/
/* (en) Media Query 600 */
/* (de) Media Query 600 */
/*------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 600px)
{

	h1 { font-size: 160.00%; margin: 0 0 8px 0; }
	h2 { font-size: 140.00%; }
	h3 { font-size: 100.00%; margin: 0 0 0.4em 0;	}
	h4 { font-size: 100.00%; }

	.boxgroup-wrapper > h1 {
		background-color: #fff;
		padding: 8px 8px 4px 8px;
		margin: 0 0 8px 0;
		font-size: 160.00%;
		color: #808080;
	}

	.feature-list {
		margin: -8px -8px 2px -8px !important;
	}

	#topnav {
		right: 8px;
		top: 50%;
		transform: translateY(-50%);
	}

	#topnav ul {
		margin: 0;
	}

	#topnav ul li {
		float: none;
	}

	#topnav ul li ul {
		margin: 0;
	}

	#topnav ul li {
		margin: 0;
	}

	#topnav ul li + li {
		margin: 7px 0 0 0;
	}

	.search {
		margin-left: 0;
	}

	.download_center {
		width: 50%;
	}

	#footer {
		text-align: left;
		padding: 0 8px;
	}

	#footer ul {
		display: block;
	}

	#footer li {
		float: none;
		display: block;
		margin: 0;
		border: none;
		background: none;
		padding: 0;
	}

	input.login {
		width: 50%;
		margin-bottom: 1.5em;
	}

	select.searchbar-inactive {
		margin-bottom: 1.5em
	}

}

/*------------------------------------------------------------------------------------------------------*/
/* (en) Media Query 420 */
/* (de) Media Query 420 */
/*------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 420px)
{

	#headerbox h1 { font-size: 110.00%; margin: 0 0 0.6em 0; }
	#headerbox h2 { font-size: 100.00%; }
	#headerbox h3 { font-size: 100.00%; color: #a1007b; margin: 0.6em 0 0.4em 0.8em;	}
	#headerbox h4 { font-size: 100.00%; }

}