/*! ==========================================================================
	normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css
	========================================================================== */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/*  ==========================================================================
	Grundgeruest
	========================================================================== */
/* Clearfix ================================================================== */
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {	clear: both; }
.cf { *zoom: 1; }
/* /  */

/* 	Allgemeine Deklarationen========================================================= */
html,
body {
	height: 100%;
}

body {
	font: normal 100%/1.2 Arial, Helvetica, sans-serif;
	color: #1e1e1e;
}

a {
	-webkit-transition: color 200ms ease-in-out;
	   -moz-transition: color 200ms ease-in-out;
		 -o-transition: color 200ms ease-in-out;
			transition: color 200ms ease-in-out;
}

/* 	mehrfache Deklarationen ======================================================== */
.header-top-segment,
.main-nav,
.main-nav:after,
#content-wrap,
footer:after,
footer .footer-links { width: 1000px; }

.main-nav-wrap,
footer { background-color: #404040; }

.main-nav li,
.main-nav li a,
#content-wrap,
footer .footer-links {
	-moz-box-sizing: border-box;
		 box-sizing: border-box; *behavior: url('/r/scripts/shared/v/87795a3af25119460a410ffca97fba6c/boxsizing.htc'); /* Polyfill fuer IE7, Pfad muss relativ zu HTML-Datei oder absolut sein */
}

.lang-sel {  text-transform: lowercase; }

.main-nav ul a,
.jump-nav a,
footer a,
.lang-sel a { text-decoration: none; }

.main-nav ul a:link,
.jump-nav a:link,
.lang-sel dt a:link { color: #f2f2f2; }

.main-nav ul a:visited,
.jump-nav a:visited,
.lang-sel dt a:visited { color: #f2f2f2; }

.main-nav ul a:hover,
.jump-nav a:hover,
.lang-sel dt a:hover { color: #fff; }

.main-nav ul a:active,
.jump-nav a:active,
.lang-sel dt a:active { color: #f2f2f2; }

/* 	Seitencontainer ==================================================================== */
#page {
	position: relative;
	min-height: 100%;
	width: 100%;
	background: -webkit-linear-gradient(left, #e6e6e6 0%, #e6e6e6 100%),
				-webkit-linear-gradient(top, #656565 0%, #656565 100%);
	background:    -moz-linear-gradient(left, #e6e6e6 0%, #e6e6e6 100%),
				   -moz-linear-gradient(top, #656565 0%, #656565 100%);
	background: 	-ms-linear-gradient(left, #e6e6e6 0%, #e6e6e6 100%),
					-ms-linear-gradient(top, #656565 0%, #656565 100%);
	background: 	 -o-linear-gradient(left, #e6e6e6 0%, #e6e6e6 100%),
					 -o-linear-gradient(top, #656565 0%, #656565 100%);
	background: 		linear-gradient(to right,  #e6e6e6 0%, #e6e6e6 100%),
						linear-gradient(to bottom, #656565 0%, #656565 100%);
						/*linear-gradient(to bottom, #4c4c4c 0%, #747474 100%);*/
	background-position: center 0;
	background-repeat: repeat-y,
					  repeat-x;
	-webkit-background-size: 1000px 100%,
							 100%;
	   -moz-background-size: 1000px 100%,
	   						 100%;
		-ms-background-size: 1000px 100%,
							 100%;
		 -o-background-size: 1000px 100%,
		 					 100%;
			background-size: 1000px 100%,
							 100%;
/* 	padding: 0 0 165px 0; */
	margin: 0;
}

#page.home {
	background: #525252;
}

#page.home #content-wrap {
    background: url('/r/images/spectraView/layout/v/87795a3af25119460a410ffca97fba6c/videobg_svapplications.png') repeat-x scroll left top rgba(0, 0, 0, 0);
    margin-top: 0;
    padding-bottom: 48px;
    padding-top: 60px;
    width: 100%;
}
.home-video {
    margin: 0 auto;
    max-width: 800px;
    position: relative;
    width: 100%;
}
.home-video video {
    display: block;
    height: auto;
    margin: 0 auto;
    min-width: 100%;
}

/* 	Header ========================================================================== */
header {
	position: relative;
	z-index: 10;
	height: 495px;
	width: 100%;
	overflow: hidden;
	background: #565656 url('/r/images/spectraView/layout/v/87795a3af25119460a410ffca97fba6c/header_bg_plain.png') bottom center repeat-x;
	box-shadow: 0 40px 150px rgba(0,0,0,.7);
}

#page.home header {
	background: none;
	box-shadow: 0 0 30px -6px rgba(0, 0, 0, 0.8);
	height: 140px;
}

.header-center-wall {
	position: relative;
	width: 100%;
	height: 100%;
	background: url('/r/images/spectraView/layout/v/87795a3af25119460a410ffca97fba6c/header_bg_center_wall.png') bottom center no-repeat;
}

.main-nav-wrap {
	position: relative;
	z-index: 1900;
	width: 100%;
	box-shadow: 0px 0px 30px -6px rgba(0,0,0,.8);
}

.header-top-segment {
	padding: 20px 0 0 0;
	margin: 0 auto;
}

.header-logo { float: left; }

.header-logo p,
.header-logo h1{
	font-size: 12px;
	font-weight: normal;
	line-height: 1;
	color: #b0b0b0;
	margin: 10px 0 0;
}

/* Sprachauswahl */
.lang-sel {
	float: right;
	position: relative;
	text-transform: lowercase;
	margin: 0;
}

.lang-sel a { font-size: 14px; }

.lang-sel dt {
	text-align: right;
	padding: 0;
	margin: 0;
}

.lang-sel dt a {
	position: relative;
	z-index: 3510;
	padding: 0 0 0 18px;
}

.lang-sel dt a:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 3500;
	width: 15px;
	height: 16px;
	background: url('/r/images/spectraView/layout/v/87795a3af25119460a410ffca97fba6c/sprite.png') -199px -110px no-repeat;
	margin: -7px 0 0 0;
}

.lang-sel dt a:hover:after,
.lang-sel dt a:after.open { background-position: -199px -127px; }

.lang-sel dd {
	display: none;
	position: absolute;
	z-index: 3520;
	background-color: #e6e6e6;
	box-shadow: 0 3px 10px rgba(0,0,0,0.7);
	border-radius: 4px;
	text-align: center;
	padding: 2px 0;
	margin: 10px 0 0 0;
}

.lang-sel dd:before {
	content: '';
	position: absolute;
	top: -8px;
	left: 50%;
	z-index: 3500;
	width: 21px;
	height: 8px;
	background: url('/r/images/spectraView/layout/v/87795a3af25119460a410ffca97fba6c/sprite.png') -196px -144px no-repeat;
	margin: 0 0 0 -10px;
}

.lang-sel dd ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.lang-sel dd li { margin: 3px 0; }

.lang-sel dd a {
	display: block;
	color: #404040;
	padding: 4px 8px;
}

.lang-sel dd a:hover {
	background-color: #404040;
	color: #fff;
}

/* Hauptnavigation ====================================================================== */
.main-nav {
	position: relative;
	padding: 12px 0 0;
	margin: 0 auto;
}

.main-nav ul {
	display: table;
	padding: 0;
	margin: 0 auto;
}

.main-nav li {
	display: table-cell;
	min-width: 120px;
	vertical-align: bottom;
	padding: 0 0 25px 40px;
	margin: 0;
}

.main-nav li:first-child { padding-left: 0; }

.main-nav li a {
	display: block;
	position: relative;
	z-index: 3000;
	width: 100%;
	background: url('/r/images/spectraView/layout/v/87795a3af25119460a410ffca97fba6c/sprite.png') -150px bottom no-repeat;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	padding: 10px 0 10px 15px;
}

.colour-card-wrap { position: relative; }

.colour-card {
	position: absolute;
	bottom: 7px;
	left: 1px;
	width: 100px;
	height: 24px;
	-webkit-transform: rotate(-4deg) translate3d(0, 0, 0);
	   -moz-transform: rotate(-4deg) translate3d(0, 0, 0);
		 -o-transform: rotate(-4deg) translate3d(0, 0, 0);
			transition: all .3s ease-in-out;
	-webkit-transform-origin: 100% 0;
	   -moz-transform-origin: 100% 0;
		 -o-transform-origin: 100% 0;
			transform-origin: 100% 0;
	-webkit-transform: rotate(-4deg) translate3d(0, 0, 0);
	   -moz-transform: rotate(-4deg) translate3d(0, 0, 0);
		 -o-transform: rotate(-4deg) translate3d(0, 0, 0);
			transform: rotate(-4deg) translate3d(0, 0, 0);
	border-radius: 2px;
	box-shadow: -1px 1px 1px rgba(0,0,0,.2);
}
.no-csstransforms3d .colour-card {
	-webkit-transform: rotate(-4deg);
	   -moz-transform: rotate(-4deg);
		 -o-transform: rotate(-4deg);
			transform: rotate(-4deg);
}

.colour-card:nth-child(1) { z-index: 2910; opacity: 0; }
.colour-card:nth-child(2) {	z-index: 2920; opacity: 0; }
.colour-card:nth-child(3) { z-index: 2930; }

.main-nav li:nth-child(1) .colour-card:nth-child(1) { background-color: #ff8600; }
.main-nav li:nth-child(1) .colour-card:nth-child(2) { background-color: #ff612d; }
.main-nav li:nth-child(1) .colour-card:nth-child(3) { background-color: #ff2800; }

.main-nav li:nth-child(2) .colour-card:nth-child(1) { background-color: #ffed40; }
.main-nav li:nth-child(2) .colour-card:nth-child(2) { background-color: #ffd633; }
.main-nav li:nth-child(2) .colour-card:nth-child(3) { background-color: #ffaa00; }

.main-nav li:nth-child(3) .colour-card:nth-child(1) { background-color: #00682e; }
.main-nav li:nth-child(3) .colour-card:nth-child(2) { background-color: #0c8600; }
.main-nav li:nth-child(3) .colour-card:nth-child(3) { background-color: #00be20; }

.main-nav li:nth-child(4) .colour-card:nth-child(1) { background-color: #3600cf; }
.main-nav li:nth-child(4) .colour-card:nth-child(2) { background-color: #054be3; }
.main-nav li:nth-child(4) .colour-card:nth-child(3) { background-color: #0065e3; }

.main-nav li:nth-child(5) .colour-card:nth-child(1) { background-color: #cc67d7; }
.main-nav li:nth-child(5) .colour-card:nth-child(2) { background-color: #a951c7; }
.main-nav li:nth-child(5) .colour-card:nth-child(3) { background-color: #8d21c9; }

.colour-card-wrap.active .colour-card {	opacity: 1; }

.colour-card-wrap:hover .colour-card:nth-child(1),
.colour-card-wrap.active .colour-card:nth-child(1) {
	-webkit-transform: rotate(-15deg);
	   -moz-transform: rotate(-15deg);
		 -o-transform: rotate(-15deg);
			transform: rotate(-15deg);
}

.colour-card-wrap:hover .colour-card:nth-child(2),
.colour-card-wrap.active .colour-card:nth-child(2) {
	-webkit-transform: rotate(-11deg);
	   -moz-transform: rotate(-11deg);
		 -o-transform: rotate(-11deg);
			transform: rotate(-11deg);
}

.colour-card-wrap.hover .colour-card:nth-child(3),
.colour-card-wrap.active .colour-card:nth-child(3) {
	-webkit-transform: rotate(-7deg);
	   -moz-transform: rotate(-7deg);
		 -o-transform: rotate(-7deg);
			transform: rotate(-7deg);
}

/* Sprungavigation / Subnavigation ========================================================================== */
.jump-nav-wrap {
	position: absolute;
	left: 50%;
	bottom: 0;
	z-index: 2800;
	min-width: 200px;
	max-width: 325px;
	max-height: 340px;
	margin-left: -500px;
	padding: 32px 47px 0 0;
}

.jump-nav {
	min-height: 150px;
	background-color: #605e5d;
}

.jump-nav-wrap:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 2810;
	height: 32px;
	background: url('/r/images/spectraView/layout/v/87795a3af25119460a410ffca97fba6c/sprite.png') 0 0 no-repeat;
	margin: 0 47px 0 0;
}

.jump-nav-wrap:after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 2810;
	width: 47px;
	background: url('/r/images/spectraView/layout/v/87795a3af25119460a410ffca97fba6c/sprite.png') 0 -32px no-repeat;
}

.jump-nav:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2820;
	width: 47px;
	height: 9px;
	background: url('/r/images/spectraView/layout/v/87795a3af25119460a410ffca97fba6c/sprite.png') 0 -372px no-repeat;
}

.jump-nav ul {
	list-style-type: none;
	padding: 20px 20px 20px 0;
	margin: 0;
}

.jump-nav li {
	line-height: 1;
	background: url('/r/images/spectraView/layout/v/87795a3af25119460a410ffca97fba6c/sprite.png') -400px -88px no-repeat;
	padding: 0 0 0 32px;
	margin: 0 0 5px 0;
}

.jump-nav li:hover {
	background-image: url('/r/images/spectraView/layout/v/87795a3af25119460a410ffca97fba6c/sprite.png');
	background-repeat:  no-repeat;
}

.jump-nav.aboutcolour li:hover { 			background-position: -375px -123px; }
.jump-nav.applications li:hover { 			background-position: -350px -158px; }
.jump-nav.colourmanagement li:hover { 		background-position: -325px -193px; }
.jump-nav.technology li:hover { 			background-position: -300px -228px; }
.jump-nav.colourdisplaysolutions li:hover { background-position: -275px -263px; }

/* Farbspektrum-Verlauf header und footer ===================================================================== */
.main-nav-wrap:after,
footer:after {
	content: " ";
	position: absolute;
	z-index: 1910;
	width: 100%;
	height: 2px;
	background: -webkit-linear-gradient(left, #ec252d 0%, #f69532 10%, #fef531 20%, #c8de3f 25%, #21b14f 35%, #00a261 43%, #00a2b0 54%, #00a1e7 61%, #005aaa 73%, #362a8c 81%, #60268a 85%, #a41b88 94%, #df0086 100%),
				-webkit-linear-gradient(left, #ec252d 0%, #ec252d 100%),
				-webkit-linear-gradient(left, #df0086 0%, #df0086 100%);
	background:    -moz-linear-gradient(left, #ec252d 0%, #f69532 10%, #fef531 20%, #c8de3f 25%, #21b14f 35%, #00a261 43%, #00a2b0 54%, #00a1e7 61%, #005aaa 73%, #362a8c 81%, #60268a 85%, #a41b88 94%, #df0086 100%),
				   -moz-linear-gradient(left, #ec252d 0%, #ec252d 100%),
				   -moz-linear-gradient(left, #df0086 0%, #df0086 100%);
	background: 	 -o-linear-gradient(left, #ec252d 0%, #f69532 10%, #fef531 20%, #c8de3f 25%, #21b14f 35%, #00a261 43%, #00a2b0 54%, #00a1e7 61%, #005aaa 73%, #362a8c 81%, #60268a 85%, #a41b88 94%, #df0086 100%),
					 -o-linear-gradient(left, #ec252d 0%, #ec252d 100%),
					 -o-linear-gradient(left, #df0086 0%, #df0086 100%);
	background: 		linear-gradient(to right, #ec252d 0%, #f69532 10%, #fef531 20%, #c8de3f 25%, #21b14f 35%, #00a261 43%, #00a2b0 54%, #00a1e7 61%, #005aaa 73%, #362a8c 81%, #60268a 85%, #a41b88 94%, #df0086 100%),
					 	linear-gradient(to right, #ec252d 0%, #ec252d 100%),
					 	linear-gradient(to right, #df0086 0%, #df0086 100%);
	background-repeat: no-repeat;
	background-position: center 0,
						 left 0,
						 right 0;
	background-size: 1000px 100%,
					 50% 100%,
					 50% 100%;
}

.main-nav-wrap:after { bottom: 0; }
footer:after { top: 0; }

#page.home + footer {
    height: 32px;
    margin-top: -32px;
}


#page.home + footer > .footer-links:before, #page.home + footer > .footer-links:after {
    display: none;
}

/*  Header Animationen ========================================================================== */
.header-ani-element {
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 1500;
	background-position: 0 0;
	background-repeat: no-repeat;
	-webkit-transform : translateZ(0);
	   -moz-transform : translateZ(0);
		-ms-transform : translateZ(0);
		 -o-transform : translateZ(0);
			transform : translateZ(0);
}
/*  Home  */
#ani-home-undof {
	z-index: 1490;
	width: 1208px;
	height: 475px;
	background-image: url('/r/images/spectraView/layout/v/87795a3af25119460a410ffca97fba6c/header_bg_center_home.jpg');
	margin-left: -604px;
}

#ani-home-display {
	left: 100%;
	bottom: 22px;
	width: 453px;
	height: 341px;
	background-image: url('/r/images/spectraView/layout/v/87795a3af25119460a410ffca97fba6c/header_ani_home_display.png');
	margin-left: 50px;
}

#ani-home-logosv {
	left: 0%;
	bottom: 15px;
	width: 374px;
	height: 95px;
	background-image: url('/r/images/spectraView/layout/v/87795a3af25119460a410ffca97fba6c/header_ani_home_logosv.png');
	margin-left: -420px;
}

/*  About Colour */
#ani-aboutcolour-left {
	left: 0;
	bottom: 67px;
	width: 427px;
	height: 165px;
	background-image: url('/r/images/spectraView/layout/v/87795a3af25119460a410ffca97fba6c/header_ani_aboutcolour_left.png');
	margin-left: -460px;
}

#ani-aboutcolour-right {
	left: 99%;
	bottom: 23px;
	width: 435px;
	height: 311px;
	background-image: url('/r/images/spectraView/layout/v/87795a3af25119460a410ffca97fba6c/header_ani_aboutcolour_right.png');
	margin-left: -23px;
}

/*  Applications */
#ani-applications-left {
	left: 115%;
	bottom: -46px;
	width: 263px;
	height: 318px;
	background-image: url('/r/images/spectraView/layout/v/87795a3af25119460a410ffca97fba6c/header_ani_applications_left.png');
	margin-left: -120px;
}

#ani-applications-right {
	left: 100%;
	bottom: 0;
	width: 221px;
	height: 219px;
	background-image: url('/r/images/spectraView/layout/v/87795a3af25119460a410ffca97fba6c/header_ani_applications_right.png');
	margin-left: 220px;
}

/*  Colour Management */
#ani-colourmanagement-left {
	left: -10%;
	bottom: 15px;
	width: 321px;
	height: 177px;
	background-image: url('/r/images/spectraView/layout/v/87795a3af25119460a410ffca97fba6c/header_ani_colourmanagement_left.png');
	margin-left: -200px;
}

#ani-colourmanagement-right {
	left: 100%;
	bottom: 7px;
	width: 451px;
	height: 448px;
	background-image: url('/r/images/spectraView/layout/v/87795a3af25119460a410ffca97fba6c/header_ani_colourmanagement_right.png');
	margin-left: 190px;
}

/*  Technology */
#ani-technology-left {
	left: 50%;
	bottom: 0px;
	width: 10px;
	height: 159px;
	background-image: url('/r/images/spectraView/layout/v/87795a3af25119460a410ffca97fba6c/header_ani_technology_left.png');
	margin-left: -300px;
}

#ani-technology-right {
	left: 100%;
	bottom: 0px;
	width: 223px;
	height: 216px;
	background-image: url('/r/images/spectraView/layout/v/87795a3af25119460a410ffca97fba6c/header_ani_technology_rigth.png');
	margin-left: 53px;
}

/*  Colour Display Solutions */
#ani-colourdisplaysolutions-left {
	left: 110%;
	bottom: -26px;
	width: 412px;
	height: 351px;
	background-image: url('/r/images/spectraView/layout/v/87795a3af25119460a410ffca97fba6c/header_ani_colourdisplays_left.png');
	margin-left: -184px;
}

#ani-colourdisplaysolutions-right {
	left: 110%;
	bottom: 4px;
	width: 299px;
	height: 244px;
	background-image: url('/r/images/spectraView/layout/v/87795a3af25119460a410ffca97fba6c/header_ani_colourdisplays_right.png');
	margin-left: 122px;
}


/*  Footer Seiten */
#ani-standard-left {
	left: 0;
	bottom: 15px;
	width: 367px;
	height: 274px;
	background-image: url('/r/images/spectraView/layout/v/87795a3af25119460a410ffca97fba6c/header_ani_standard_left.png');
	margin-left: -467px;
}

#ani-standard-right {
	left: 100%;
	bottom: 15px;
	width: 374px;
	height: 95px;
	background-image: url('/r/images/spectraView/layout/v/87795a3af25119460a410ffca97fba6c/header_ani_home_logosv.png');
	margin-left: 50px;
}


/* 	Footer ========================================================================== */
footer {
	position: relative;
	width: 100%;
	height: 220px;
	box-shadow: 0 -1px 10px -2px rgba(0,0,0,.8);
	margin-top: -220px;
}

.footer-links {
	position: relative;
	height: 100%;
	margin: 0 auto;
}

.footer-links:before,
.footer-links:after {
	content: '';
	position: absolute;
	top: 50%;
	z-index: 1800;
	display: block;
	height: 165px;
	background: url('/r/images/spectraView/layout/v/87795a3af25119460a410ffca97fba6c/sprite.png') -47px -216px no-repeat;
	margin-top: -85px;
}

.footer-links:before {
	left: 0;
	width: 15px;
	background-position: -112px -216px;
}

.footer-links:after {
	right: 0;
	width: 65px;
}

.footer-links,
.footer-links a {
	font-size: 14px;
	color: #b0b0b0;
}

.footer-links a:hover { color: #fff; }

.footer-links h3 {
	font-size: 16px;
	border-bottom: 1px solid #606060;
	padding: 10px 0 0 0;
	margin-bottom: 10px;
}

.footer-links a > img {
	opacity: .8;
	-webkit-transition: opacity 200ms ease-in-out;
	   -moz-transition: opacity 200ms ease-in-out;
		 -o-transition: opacity 200ms ease-in-out;
			transition: opacity 200ms ease-in-out;
}

.footer-links a:hover > img {
	opacity: 1;
}

.main-footer-links:first-child a { line-height: 1.4; }

.main-footer-links,
.main-footer-links > div { float: left; }

.main-footer-links { margin: 0 0 0 105px; }

.main-footer-links:first-child,
.sub-footer-links { margin: 0 0 0 25px; }

.main-footer-links > div + div { margin: 0 0 0 30px; }

.sub-footer-links {
	position: absolute;
	bottom: 3px;
	left: 0;
	z-index: 1850;
}

.sub-footer-links,
.sub-footer-links a:link { font-size: 12px; }

.sub-footer-links a {
	display: inline-block;
	margin: 0 0.5em 0 0.25em;
}

.sub-footer-links a:first-child { margin-left: 0; }

.sub-footer-links.socialmedia a,
.sub-footer-links.copyright { line-height: 24px; }

.sub-footer-links.copyright {
	right: 0;
	left: auto;
	font-size: 10px;
	padding: 0 25px; 0 0;
	margin: 0;
}

.sub-footer-links.socialmedia a { margin: 0; }

.sub-footer-links.socialmedia img { vertical-align: middle }

/* ==========================================================================
	Inhaltsbereich
   ========================================================================== */
/*	Unterseiten ============================================================= */
#content-wrap {
	margin: 60px auto 0 auto;
	padding: 0 0 280px 0;
}

#content-wrap hr {
	width: 100%;
	height: 10px;
	border: 0;
	background: #656565;
	margin: 45px 0 25px 0;
}

.content {
	/*position: relative;*/
	font-size: 15px;
	padding: 0 65px 0 45px;
}

.content h1,
.content h2.headline{
	 font: normal 32px/1.1 'CartoGothicStd', Arial, Helvetica, sans-serif;
	background: url('/r/images/spectraView/layout/v/87795a3af25119460a410ffca97fba6c/sprite.png') -400px -15px no-repeat;
	padding-left: 45px;
	margin-left: -45px;
}



.content li { padding: 3px 0;}

#content-wrap a { text-decoration: none; }
#content-wrap a:link {	color: #0078c3; }
#content-wrap a:visited { color: #24449a; }
#content-wrap a:hover { color: #24449a; }
#content-wrap a:active { color: #24449a; }

/* Einspaltiger Introtext */
.cnt-intro {
	width: 90%;
	margin: 0 auto 30px auto;
}

/* Zeispaltig – Text <-> Grafik/Video */
.cnt-table { display: table; }

.cnt-table > div,
.cnt-table > div + div {
	display: table-cell;
	vertical-align: top;
}

.cnt-table .content-img-right { padding: 15px 0 0 70px; }
.cnt-table .content-img-left { padding: 15px 70px 0 0; }

.media-shadow {
	box-shadow:0 0 7px rgba(0,0,0,0.8);
}

.top-link {
	display: block;
	float: right;
	/*position: absolute;
	right: 10px;
	bottom: -35px;*/
	width: 32px;
	height: 17px;
	background: url('/r/images/spectraView/layout/v/87795a3af25119460a410ffca97fba6c/sprite.png') -75px -60px no-repeat;
	margin: 0 -35px -15px 0;
}

/*	Teaser auf Startseite ====================================================== */
#content-wrap.teaser {
	position: relative;
	background: #e6e6e6;
	width: 1000px;
	padding: 0;
	margin: 90px auto 80px auto;
}

#content-wrap.teaser > div {padding: 0;}

#content-wrap.teaser h2,
#content-wrap.teaser b {
	font-family: 'CartoGothicStd', Arial, Helvetica, sans-serif;
	font-size: 17px;
}

.teaser-controls {
	position: absolute;
	z-index: 2500;
	top: -25px;
	right: 0;
	text-align: right;
	height: 17px;
	padding: 0;
	margin: 0;
}

.jcarousel .jcarousel-container {border: none;}

.jcarousel .jcarousel-container-horizontal {
    width: 550px;
    padding: 0;
}

.jcarousel .jcarousel-clip-horizontal {
    width:  780px;
    min-height: 280px;
}

.jcarousel .jcarousel-clip-vertical {
    width:  75px;
    height: 305px;
}

.jcarousel .jcarousel-item {
    width: 210px;
    min-height: 250px;
    padding: 18px 20px 30px 20px;
}

.jcarousel .jcarousel-item-vertical {margin-bottom: 10px;}

.jcarousel .jcarousel-item p:first-child {margin-top: 0;}

/**
 *  Horizontal Buttons
 */
.jcarousel .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
}

.jcarousel .jcarousel-next-horizontal:hover {background-position: -32px 0;}

.jcarousel .jcarousel-next-horizontal:active {background-position: -64px 0;}

.jcarousel .jcarousel-next-disabled-horizontal,
.jcarousel .jcarousel-next-disabled-horizontal:hover,
.jcarousel .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
}

.jcarousel .jcarousel-prev-horizontal:hover {background-position: -32px 0;}

.jcarousel .jcarousel-prev-horizontal:active {background-position: -64px 0;}

.jcarousel .jcarousel-prev-disabled-horizontal,
.jcarousel .jcarousel-prev-disabled-horizontal:hover,
.jcarousel .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.controlBtnLink {margin: 0 0 0 8px;}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {position: relative;}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 210px;
    min-height: 280px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}


/* standard button */
button[type="button"],
button[type="reset"],
button[type="submit"],
input[type="reset"],
input[type="submit"],
input[type="button"] {
	cursor: pointer;
	height: 28px;
	border: 1px solid #D8D8D8;
	border-radius: 2px;
	box-shadow: inset 0 -5px 20px -15px rgba(0,0,0,0.3);
	background: -webkit-linear-gradient(top, #fafafa 0%, #eaeaea 100%);
	background: 	-moz-linear-gradient(top, #fafafa 0%, #eaeaea 100%);
	background: 	 -ms-linear-gradient(top, #fafafa 0%, #eaeaea 100%);
	background: 	  -o-linear-gradient(top, #fafafa 0%, #eaeaea 100%);
	background: 		  linear-gradient(to bottom, #fafafa 0%, #eaeaea 100%);
	color: #424242;
	font: bold 15px/1 Arial, Helvetica, sans-serif;
	padding: 0 12px;
	margin: 3px;
}

button[type="button"]:hover,
button[type="button"]:focus,
button[type="reset"]:hover,
button[type="reset"]:focus,
button[type="submit"]:hover,
button[type="submit"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="button"]:hover,
input[type="button"]:focus {
	border-color: #D8D8D8;
	background: -webkit-linear-gradient(top, #f4f4f4 0%, #dfdfdf 100%);
	background: 	-moz-linear-gradient(top, #f4f4f4 0%, #dfdfdf 100%);
	background: 	 -ms-linear-gradient(top, #f4f4f4 0%, #dfdfdf 100%);
	background: 	  -o-linear-gradient(top, #f4f4f4 0%, #dfdfdf 100%);
	background: 		  linear-gradient(to bottom, #f4f4f4 0%, #dfdfdf 100%);
	color: #141414;
}

button[type="button"]:active,
button[type="reset"]:active,
button[type="submit"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
input[type="button"]:active {
	border-color: #D8D8D8;
	box-shadow: inset 0 5px 20px -15px rgba(0,0,0,0.3);
	background: -webkit-linear-gradient(top, #dfdfdf 0%, #f4f4f4 100%);
	background: 	-moz-linear-gradient(top, #dfdfdf 0%, #f4f4f4 100%);
	background: 	 -ms-linear-gradient(top, #dfdfdf 0%, #f4f4f4 100%);
	background: 	  -o-linear-gradient(top, #dfdfdf 0%, #f4f4f4 100%);
	background: 		  linear-gradient(to bottom, #dfdfdf 0%, #f4f4f4 100%);
	color: #141414;
}

/* captcha button */
#refreshCaptcha{
	font: normal 13px/1 Arial, Helvetica, sans-serif;
}

/* big button */
button[type="button"].btnBig,
button[type="reset"].btnBig,
button[type="submit"].btnBig,
input[type="reset"].btnBig,
input[type="submit"].btnBig,
input[type="button"].btnBig {
	min-height: 38px;
	font-size: 15px;
	padding: 0 35px;
	margin: 0;
}

fieldset{
	border: 0px;
	margin: 0 0;
    padding: 0.5em 0.3em 0.8em;
}

#mainForm textarea {
	margin-top: 3px;
	width: 95%;
}

#mainForm input[type="text"] {
	width: 85%;
	margin: 3px 0 5px 0;
	padding: 5px 3px;
	vertical-align: bottom;
}

#mainForm input[type="text"]#captchaText{
	height: 1.2em;
    margin: 3px;
    padding: 5px 3px;
    vertical-align: bottom;
    width: 50%;
}

#mainForm select {
	width: 90%;
	margin-bottom: 5px;
    padding: 5px 3px;
}

#content-wrap .content div.suppressParagraphs h1 ~ h1 {
    background-image: none;
}

div.inPageBlockHead p {
	border-bottom: 1px solid #565656;
	font-weight: bold;
    padding: 0;
	margin: 40px 0 0 0;
}

.productDownloadsTable .articlesRight > p { margin-bottom: 0; }
.productDownloadsTable .articlesRight > p + p { margin: 0; }
.productDownloadsTable .articlesRight > p + p + p {	margin: 8px 0; }

.cm_pr12 {
	padding: 0 30px 0 0;
	vertical-align: top;
}

/***********************
		PRODUCTS
***********************/
.product_tabs {
	min-height: 500px;
	padding-top: 20px;
	width: 100%;
}


#content-wrap .product_tabs a,
#content-wrap .product_tabs a:link,
#content-wrap .product_tabs a:visited,
#content-wrap .product_tabs a:hover,
#content-wrap .product_tabs a:active {
	background: #fff;
	color: #000;
}

#content-wrap .product_tabs a.download{
	background:#d4d3d3 url('/r/images/spectraView/layout/v/87795a3af25119460a410ffca97fba6c/sprite.png') no-repeat scroll -117px -55px;
    border: 1px solid #b8b8b8;
    border-radius: 3px;
    color: #565656;
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding: 0 9px 0 46px;
}


.ui-tabs {
	border: none;
}
.ui-tabs .ui-tabs-nav {
	border: none;
	background: none;
	padding: 0;
	height: 20px;
	display: table;
	width: 100%;
	margin: 40px 0 0 0;
}
.ui-tabs .ui-tabs-nav li {
	background: none;
	display: table-cell;
	float: none;
	text-align: center;
	height: 20px;
	margin: 0;
	padding: 0 5px;
/* 	text-transform: uppercase; */
	border-bottom: 1px solid #979CB0;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	height: 19px;
}



#content-wrap .ui-tabs .ui-tabs-nav li a,
#content-wrap .ui-tabs .ui-tabs-nav li a:link {
	padding: 5px 15px;
	display: inline-block;
	height: 19px;
	border: 1px solid #a4a4a4;
	border-bottom: 0;
	color: #969696;
}

#content-wrap .ui-tabs .ui-tabs-nav li.ui-tabs-active a,
#content-wrap .ui-tabs .ui-tabs-nav li a:hover {
	color: #000;
	border-bottom: 6px solid #a4a4a4;
	padding-bottom: 2px;
	margin: 0 0 -3px 0;
}

.ui-tabs .ui-tabs-hide {
	display: none;
}

.accordion h3,
.awards h3 {
	padding: 0 0 0 5px;
	margin: 0 2px 0 0;
	font: normal normal bold 9pt/15pt Arial, Helvetica, sans-serif;
}

.accordion .head,
.awards .head
 {
 	position: relative;
	cursor: pointer;
	margin-top: 10px;
	background: #d9d9d9;
	background: -webkit-linear-gradient(top,  #d9d9d9 0%,#d5d5d5 24%,#c6c6c6 76%,#b4b4b4 100%);
	background:    -moz-linear-gradient(top,  #d9d9d9 0%, #d5d5d5 24%, #c6c6c6 76%, #b4b4b4 100%);
	background:     -ms-linear-gradient(top,  #d9d9d9 0%,#d5d5d5 24%,#c6c6c6 76%,#b4b4b4 100%);
	background:      -o-linear-gradient(top,  #d9d9d9 0%,#d5d5d5 24%,#c6c6c6 76%,#b4b4b4 100%);
	background:         linear-gradient(to bottom,  #d9d9d9 0%,#d5d5d5 24%,#c6c6c6 76%,#b4b4b4 100%);
	padding: 5px 5px ;
}

.accordion .head.open,
.awards .head.open
 {
	background: -webkit-linear-gradient(top,  #b2b2b2 0%,#b8b8b8 10%,#c6c6c6 28%,#d5d5d5 79%,#d8d8d8 100%);
	background:    -moz-linear-gradient(top,  #b2b2b2 0%, #b8b8b8 10%, #c6c6c6 28%, #d5d5d5 79%, #d8d8d8 100%);
	background:     -ms-linear-gradient(top,  #b2b2b2 0%,#b8b8b8 10%,#c6c6c6 28%,#d5d5d5 79%,#d8d8d8 100%);
	background:      -o-linear-gradient(top,  #b2b2b2 0%,#b8b8b8 10%,#c6c6c6 28%,#d5d5d5 79%,#d8d8d8 100%);
	background:         linear-gradient(to bottom,  #b2b2b2 0%,#b8b8b8 10%,#c6c6c6 28%,#d5d5d5 79%,#d8d8d8 100%);
}

.accordion .head div{
	width: 22px;
	height: 22px;
	position: absolute;
	top: 50%;
	right: 5px;
	margin: -11px 0 0 0;
	background: url('/r/images/spectraView/layout/v/87795a3af25119460a410ffca97fba6c/sprite.png') -135px -132px no-repeat;
}

.accordion .head.open div{
	background-position: -135px -110px;
}

.award-container {
	float: left;
	width: 70px;
	height: 70px;
	background: #fff;
	box-shadow: 0 0 4px 0 rgba(0,0,0,.3);
	padding: 10px;
	margin: 10px;
	text-align: center;
}

.no-boxshadow .award-container {
	border: 1px solid #ccc
}

.spec{
	margin-top: 5px;
}

.spec td.detailsLabel {
	font-weight: bold;
	font-size: 12px;
	width: 250px;
	padding: 3px 0 3px 5px;
}

.spec td.detailsValue {
	font-size: 12px;
	padding: 3px 5px 3px 0;
}

.loading {
	background: url('/r/images/spectraView/layout/v/87795a3af25119460a410ffca97fba6c/loading.gif') no-repeat center;
}

.product-text ol {
	list-style: none;
	padding: 0;
	margin: 0;
	box-shadow: 0 0 15px -5px rgba(0,0,0,0.5);
	}


.product-text ol li{
	padding: 8px 8px 8px 20px;
	background: #fff;
	color: black;
}

.product-text ol li:first-child {
	background: #a4a4a4;
	color: #fff;
	font-weight: bold;
}

.product-text ol li + li ~ li{
	border-top: 2px solid #a4a4a4;
	border-width: 2px 0 0 0;
	-webkit-border-image: -webkit-linear-gradient(left,  #a4a4a4 0%,#eaeaea 100%) 100% 0;
  	   -moz-border-image: -moz-linear-gradient(left,  #a4a4a4 0%, #eaeaea 100%) 100% 0;
    	-ms-border-image: -ms-linear-gradient(left,  #a4a4a4 0%,#eaeaea 100%) 100% 0;
    	 -o-border-image: -o-linear-gradient(left,  #a4a4a4 0%,#eaeaea 100%) 100% 0;
       		border-image: linear-gradient(to right,  #a4a4a4 0%,#eaeaea 100%) 100% 0;
}

/* About NEC */
div.facts {
	clear: both;
}
.facts table {
	width: 100%;
}
.facts td {
 	border-top: 1px solid #a4a4a4;
	padding: 8px;
}
.facts td:first-child {
	width: 360px;
	padding: 5px 0 5px 10px;
}
.facts td:first-child + td {
	border-left: 1px solid #a4a4a4;
}

.facts tr { background: #f9f9f9 }
.facts tr:nth-child(odd) { background: #fff; }
.facts tr:first-child {
	background: #a4a4a4;
	color: #f2f2f2;
	font-weight: bold;
}
.facts td.cm_lcfs6 {
	padding: 0;
	width: auto;
}
.facts td.cm_lcfs6 table { border: 0; }
.facts td.cm_lcfs6 tr { background: 0; }
.facts td.cm_lcfs6 tr:first-child {
	background: 0;
	border: 0;
	color: #000;
}
.facts td.cm_lcfs6 td:first-child {
 	border-right: 1px solid #a4a4a4;
}
.facts td.cm_lcfs6 td { border: 0; }

.cm_lcfs6 > p {
	margin: 0;
}

div.captcha table {
	margin-top: 8px;
}
div.captcha td {
	vertical-align: middle;
}
div.captcha input[name="captchaAnswer"]{
	margin-left: 10px !important;
	width: 150px !important;
}
div.captcha .error {
	float: none;
	color: red;
	padding-left: .5em;
	vertical-align: top;
}

/* Multi Picture Option Imageslider */

#mpo-slideshow {
	position: relative;
	width: 296px;
	height: 316px;
}

#mpo-slideshow > div {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

/* Backlight Ageing Imageslider */

.invisible { visibility: hidden; }

.hidden {
	visibility: hidden;
	display: none;
}

.backlight-ageing {
	position: relative;
	width: 356px;
}

.backlight-ageing > figure {
	float: left;
	width: 166px;
}

.backlight-ageing > figure:first-child { margin-right: 24px }

.backlight-ageing figcaption {
	font-size: 11px;
	text-align: center;
	text-transform: uppercase;
	padding: 0 0 4px 0;
}

.backlight-ageing > p {
	position: absolute;
	top: -11px;
	right: 0;
	left: 0;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	margin: 0;
}

#bac-slideshow {
	position: relative;
	width: 166px;
	height: 140px;
}

#bac-slideshow > div {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

/* IPS and TN Panel Image changer */

.ips-performance > figure:first-child {
	margin-bottom: 40px;
}

.ips-performance figcaption {
	font-size: 11px;
	text-align: center;
	text-transform: uppercase;
	padding: 0;
}

.ips-performance > figure:first-child > figcaption { padding-top: 4px }

.panel-slideshow { position: relative; }

#tn-panel.panel-slideshow {
	width: 244px;
	height: 164px;
}

#ips-panel.panel-slideshow {
	width: 248px;
	height: 186px;
}

.panel-slideshow > div {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

/* Connector Image */

.connectors {
	position: relative;
	max-width: 450px;
}

.connector-legend {
	list-style: none;
	padding: 0;
	margin: 0;
}

.connector-legend > li {
	display: inline-block;
	width: 32%;
	padding: 0;
	margin: 0 5px 8px -0.25em;
}

.connector-legend > li > div {
	border: 1px solid #d9d9d9;
	font-size: 12px;
	line-height: 16px;
	color: #a1a1a1;
	transition: all 300ms ease-in-out;
	cursor: default;
	padding: 6px;
}
.connector-legend > li > div:hover {
	border-color: #0065e3;
	color: #1e1e1e;
}

.connector-legend > li > .logo > img:first-child {
	vertical-align: middle;
	margin: 0 4px 0 0;
}

.connector-img {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all 300ms ease-in-out;
}
.lt-ie9 .connector-img { visibility: hidden; }

.connector-legend > li > div:hover + .connector-img { opacity: 1; }
.lt-ie9 .connector-legend > li > div:hover + .connector-img { visibility: visible; }

/* Ergonomics */

#ergoImg { display: block; }

.ergo-ani-selector {
	list-style: none;
	padding: 0;
	margin: 8px 0 0 0;
}

.ergo-ani-selector > li {
	display: inline-block;
	width: 48%;
	border: 1px solid #d9d9d9;
	position: relative;
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
	font-size: 12px;
	line-height: 16px;
	color: #666;
	transition: all 300ms ease-in-out;
	cursor: pointer;
	padding: 6px 6px 6px 28px;
	margin: 0 5px 8px -0.25em;
}

.ergo-ani-selector > li:hover {
	border-color: #0065e3;
	color: #1e1e1e;
}

.ergo-ani-selector > li.active {
	border-color: #0065e3;
	color: #0065e3;
}

.ergo-ani-selector > li.icon:before {
	content: '';
	display: block;
	width: 21px;
	height: 21px;
	position: absolute;
	top: 4px;
	left: 2px;
	background: url('/r/images/spectraView/Content/Technology/Ergonomics/v/87795a3af25119460a410ffca97fba6c/ergonomics_icons.png') 0 0 no-repeat;
}

.ergo-ani-selector > li.icon.rotate:before { background-position: -21px 0; }
.ergo-ani-selector > li.icon.swivel:before { background-position: -42px 0; }
.ergo-ani-selector > li.icon.tilt:before { background-position: -63px 0; }

.ergo-ani-selector > li.icon.height.active:before { background-position: 0 -21px; }
.ergo-ani-selector > li.icon.rotate.active:before { background-position: -21px -21px; }
.ergo-ani-selector > li.icon.swivel.active:before { background-position: -42px -21px; }
.ergo-ani-selector > li.icon.tilt.active:before { background-position: -63px -21px; }

.reel-preloader {
	background-color: #00cc66 !important;
	background-color: rgba(0,204,102,1) !important;
	background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255,255,255,.5) 5px, rgba(255,255,255,.5) 10px);
	box-shadow: inset 0 0 3px 0 rgba(0,0,0,.5);
}

/* Sprite Slider */

.img-compare-slider {
	position: relative;
	width: 263px;
	height: 205px;
}

.img-compare-slider div { height: 164px; }

.compare-caption {
	position: absolute;
	top: 0;
	right: 24px;
	left: 24px;
	font-size: 11px;
	text-align: right;
	text-transform: uppercase;
	margin: 0;
}

.compare-caption span { float: left; }

.compare-slider {
	display: inline-block;
	width: 50%;
	border-color: #ccc;
	overflow: hidden;
	-webkit-transform: skewX(0);
	   -moz-transform: skewX(0);
		-ms-transform: skewX(0);
		 -o-transform: skewX(0);
			transform: skewX(0);
	-webkit-transition: width 1s ease-in-out;
	   -moz-transition: width 1s ease-in-out;
		 -o-transition: width 1s ease-in-out;
			transition: width 1s ease-in-out;

	pointer-events: none;
}
.no-csstransforms .compare-slider {
	position: relative;
	z-index: 200;
	border-right: 2px solid #fff;
	border-color: hsla(0,0%,100%,.5);
}

.compare-slider::before {
	content: '';
	display: block;
	position: absolute;
	z-index: 300;
	top: 26px;
	right: 0;
	bottom: 10px;
	width: 2px;
	background-color: #fff;
	background-color: rgba(255,255,255,.50);
}
.no-csstransforms .compare-slider::before { display: none; }

.compare-slider:hover { width: 94%; }

.compare-box.right:hover + .compare-slider { width: 7%; }

.compare-box { width: 263px; }

.compare-box.right {
	position: absolute;
	background-repeat: no-repeat;
}
.no-csstransforms .compare-box.right { z-index: 100; }

.compare-directions {
	display: block;
	width: 0;
	height: 1;
	position: absolute;
	right: 0;
	top: 50%;
/* 	border: 10px solid transparent; */
/*   	border-top: 0; */
/*  	border-bottom: 10px solid #d5d6d6; */

	border: 8px solid #fff;
	border-color: transparent #fff transparent transparent;
	border-color: transparent rgba(255,255,255,.75) transparent transparent;
	transition: opacity 200ms ease-in-out 1s;
	margin: -8px 5px 0 0;

}

.compare-directions.right {
	right: 50%;
	border-color: transparent transparent transparent #fff;
	border-color: transparent transparent transparent rgba(255,255,255,.75);
	margin-right: -19px;
}

.img-compare-slider:hover .compare-directions {
	opacity: 0;
	transition-duration: 0s;
	transition-delay: 0s;
}

.compare-box.left {
	-webkit-transform: skewX(0);
	   -moz-transform: skewX(0);
		-ms-transform: skewX(0);
		 -o-transform: skewX(0);
			transform: skewX(0);
	pointer-events: auto;
}

/* Elemente zugänglich/barrierefrei verstecken */
.u-visuallyHidden {
	overflow: hidden !important;
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	clip: rect(1px, 1px, 1px, 1px) !important;
	-webkit-clip-path: inset(50%) !important;
	        clip-path: inset(50%) !important;
	white-space: nowrap !important;
	border: 0 !important;
	padding: 0 !important;
	margin: -1px !important;
}

/* ==========================================================================
	MediaQuery wenn Viewport kleiner oder gleich 1024px Breite
   ========================================================================== */
@media all and (max-width:1024px) {

	#page, footer {
		width: 100%;
		min-width: 1000px;
	}

	.header-logo { margin-left: 10px; }

	.lang-sel { margin-right: 10px; }

	.main-nav li { max-width: 250px; }

}

/* ==========================================================================
	MediaQuery wenn Viewport groe�er oder gleich 1115px Breite
   ========================================================================== */
@media all and (min-width:1115px) {

	.header-top-segment,
	.main-nav,
	footer .footer-links { width: 90%; }

	.main-nav:after,
	footer:after { width: 100%; }

}

/* ==========================================================================
	MediaQuery wenn Viewport kleiner oder gleich 1450px Breite
   ========================================================================== */
@media all and (min-width:1450px) {

	.header-top-segment,
	.main-nav,
	footer .footer-links { width: 1300px; }

}