

/* =Fonts
----------------------------------------------------*/
/*@font-face {
	font-family: 'Medium';
	font-weight:bold;
	src: url('../fonts/itcavantgardestd-md.html');
	src:
		url('../fonts/itcavantgardestd-md-webfontd41d.eot?#iefix') format('embedded-opentype'),
		url('../fonts/itcavantgardestd-md-webfont.woff') format('woff'),
		url('../fonts/itcavantgardestd-md-webfont.ttf') format('truetype'),
		url('../fonts/itcavantgardestd-md-webfont.svg#wf') format('svg');
}

@font-face {
	font-family: 'Demi';
	font-weight:bold;
	src: url('../fonts/itcavantgardestd-demi.html');
	src:
		url('../fonts/itcavantgardestd-demi-webfontd41d.eot?#iefix') format('embedded-opentype'),
		url('../fonts/itcavantgardestd-demi-webfont.woff') format('woff'),
		url('../fonts/itcavantgardestd-demi-webfont.ttf') format('truetype'),
		url('../fonts/itcavantgardestd-demi-webfont.svg#wf') format('svg');
}

@font-face {
	font-family: 'Bold';
	font-weight:bold;
	src: url('../fonts/itcavantgardestd-bold.html');
	src:
		url('../fonts/itcavantgardestd-bold-webfontd41d.eot?#iefix') format('embedded-opentype'),
		url('../fonts/itcavantgardestd-bold-webfont.woff') format('woff'),
		url('../fonts/itcavantgardestd-bold-webfont.ttf') format('truetype');
		/*url('../fonts/itcavantgardestd-md-webfont.svg#wf') format('svg'); - no svg delivered*/
/*}*/

@import url("bootstrap.css?t=1439574953688");
@import url(../fonts/css?family=Merriweather:400,700,400italic,700italic);
/*@font-face{
	font-family:'Mono Social Icons Font';
src:url('../fonts/MonoSocialIconsFont-1.10.eot?t=1439574953688');
src:url('../fonts/MonoSocialIconsFont-1.10.eot?#iefix&t=1439574953688') format('embedded-opentype'),url('../fonts/MonoSocialIconsFont-1.10.woff?t=1439574953688') format('woff'),url('../fonts/MonoSocialIconsFont-1.10.ttf?t=1439574953688') format('truetype'),url('../fonts/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont?t=1439574953688') format('svg');
src:url('../fonts/MonoSocialIconsFont-1.10.ttf/MonoSocialIconsFont-1.10.ttf/MonoSocialIconsFont-1.10.ttf?t=1439574953688') format('truetype');
font-weight:normal;
font-style:normal};*/

.haken {list-style-image:url(../img/Haken_gruen_03.gif);font-size:14px;line-height:18px;}
.haken2 {list-style-image:url(../img/Haken_gruen_04a.gif);font-size:14px;line-height:18px;}
.haken li {padding: 3px 0;}
.haken2 li {padding: 3px 0;}
.keinhaken {list-style-type:disc;font-size:14px;line-height:18px;}
.keinhaken li {padding: 3px 0;}
.einruecken {margin-left:20px;}
.linkbutton {color:#990000;}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	background: #e6e6e6;
	font-family:"Lato", arial, sans-serif;
	margin: 0;
	line-height: 1.0;
	min-width:1200px;
	position:relative;
	vertical-align: baseline;
	-webkit-font-smoothing: antialiased;
}
body.mtbestellung {
	min-width:auto;
}
body > section {
	min-width:1200px;
}
body.mtbestellung > section {
	min-width:auto;
}
ul, dl {
	list-style: none;
	margin: 0;
	padding: 0;
}
fieldset, img, iframe {
	border: 0;
	vertical-align: bottom;
}
address {
	font-style: normal;
}
address b {
	display: block;
	font-family: @fontGraphicusBold;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
}
.flexible img, embed, object, video {
	max-width: 100%;
}
aside img {
	margin-bottom: 16px;
}
:focus {
	outline: 0;
}

/* =IE Fixes for HTML5
----------------------------------------------------*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
	display: ~"block\9"; /* IE 8&9 */
}
audio, canvas, video {
	display: ~"inline-block\9"; /* IE 8&9 */
}
[hidden] {
    display: ~"none\9"; /* IE 8&9 */
}

/* =Helpers
----------------------------------------------------*/
.clear:after {
	content:"\0020";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	overflow:hidden;
}
.h800 {
	height:800px;
}
.h900 {
	height:900px;
}
.noScroll {
	overflow:hidden;
}

/* basic jQuery detection for iPad */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	#ipadDetect { display:none; }
}



/* =Fonts
----------------------------------------------------*/
@font-face {
	font-family: 'Demi';
	font-weight:bold;
	src: url('../fonts/itcavantgardestd-demi.html');
	src:
		url('../fonts/itcavantgardestd-demi-webfontd41d.eot?#iefix') format('embedded-opentype'),
		url('../fonts/itcavantgardestd-demi-webfont.woff') format('woff'),
		url('../fonts/itcavantgardestd-demi-webfont.ttf') format('truetype'),
		url('../fonts/itcavantgardestd-demi-webfont.svg#wf') format('svg');
}
@font-face {
	font-family: 'Medium';
	font-weight:bold;
	src: url('../fonts/itcavantgardestd-md.html');
	src:
		url('../fonts/itcavantgardestd-md-webfontd41d.eot?#iefix') format('embedded-opentype'),
		url('../fonts/itcavantgardestd-md-webfont.woff') format('woff'),
		url('../fonts/itcavantgardestd-md-webfont.ttf') format('truetype'),
		url('../fonts/itcavantgardestd-md-webfont.svg#wf') format('svg');
}
@font-face {
	font-family: 'Bold';
	font-weight:bold;
	src: url('../fonts/itcavantgardestd-bold.html');
	src:
		url('../fonts/itcavantgardestd-bold-webfontd41d.eot?#iefix') format('embedded-opentype'),
		url('../fonts/itcavantgardestd-bold-webfont.woff') format('woff'),
		url('../fonts/itcavantgardestd-bold-webfont.ttf') format('truetype');
		/*url('../fonts/itcavantgardestd-md-webfont.svg#wf') format('svg'); - no svg delivered*/
}




/* =Typography
----------------------------------------------------*/
body {
	color:#000;
	font-family:"Lato", arial, sans-serif;
}

a {
	color:#333;
	text-decoration:none;
}
h1, h2, h3 {
	margin:0;
}

.button {
	background:#f48b1e url(../img/button-bg.png) repeat-x left center;
	color:#fff;
	display:inline-block;
	font-family:"Lato", arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	height:34px;
	line-height:34px;
	padding:0 1.2em;
	position:relative;
	text-decoration:none;
	text-transform:uppercase;
	white-space:nowrap;
	text-shadow: 0px 1px #be5305;

    -moz-border-radius:4px;
    border-radius:4px;
	-webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.5);
	box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.5);
}
.button:hover {
	background-image:url('../img/button-bg-hover.png');
}
.blueButton {
	background:#291e38 url(../img/button-blue-bg.png) repeat-x left center;
	color:#ffcc00;
	font-size:12px;
	height:45px;
	line-height:45px;
	padding:0 40px;
	text-align:center;
	text-shadow: 0px 1px #000000;

	-webkit-box-shadow: 0 0 0 0 #333;
	-moz-box-shadow: 0 0 0 0 #333;
	box-shadow: 0 0 0 0 #333;
}
.blueButton:hover {
	background-image:url('../img/button-blue-bg-hover.png');
}
sup {
	font-size:18px;
}



/* =Header
----------------------------------------------------*/
header {
	background:#e7e7e7; /*#171717;*/
	height:70px;
	min-width:1200px;
	position:relative;
	z-index:102;
}
.content {
	margin:0 auto;
	padding:0 15px;
	position:relative;
	width:994px; /*1024 is max*/
}
#logo {
	background:#e7e7e7 url(../img/BIOTHERIK-Logo_transparent.gif) no-repeat left top;
	height: 60px;
	float:left;
	margin:5px;
	text-indent:-9999px;
	width: 309px;
}
#fullFrameHeader {
	background:url(../img/full-frame.png) no-repeat left top;
	height:70px;
	float:left;
	margin:0;
	text-indent:-9999px;
	width:216px;
}

#headerRight {
	float:right;
}

.socialIcon {
	background:url('../img/social-icons.png') no-repeat;
	float:left;
	height:25px;
	margin:24px 1px 0;
	width:25px;
}
.facebookIcon { background-position:left top; }
.facebookIcon:hover { background-position:0 -25px; }
.twitterIcon { background-position:-27px 0; }
.twitterIcon:hover { background-position:-27px -25px; }
.pinterestIcon { background-position:-54px 0; }
.pinterestIcon:hover { background-position:-54px -25px; }
.youtubeIcon { background-position:-81px 0; }
.youtubeIcon:hover { background-position:-81px -25px; }
.flickrIcon { background-position:-108px 0; }
.flickrIcon:hover { background-position:-108px -25px; }

.shopNow {
	float:left;
	font-size:12px;
	margin:18px 0 0 16px;
}



/* =Flexslider Generic
----------------------------------------------------*/
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}


.flexslider {
	margin: 0;
	padding: 0;
}
.flexslider .slides > li {
	display: none;
	height:813px;
	-webkit-backface-visibility: hidden;
	position:relative;
}
.flex-pauseplay span {
	text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .slides {
	display: block;
}
* html .slides {
	height: 1%;
}


/* No JavaScript Fallback */
.no-js .slides > li:first-child {display: block;}



.flexslider {
	margin:0;
	position:relative;
	zoom:1;
	min-width:994px;
	height:813px;
}
.flex-viewport {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}
.loading .flex-viewport {
	height:813px;
}
.flexslider .slides {
	zoom: 1;
}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {
	*height: 0;
}
.flex-direction-nav a {
	width: 100px;
	height: 100%;
	margin:0;
	display: block;
	position: absolute;
	top: 0;
	z-index: 10;
	cursor: pointer;
	text-indent: -9999px;
	-webkit-transition: all 0.3s ease;
}
.flex-direction-nav .flex-disabled {
	opacity: .3!important;
	filter:alpha(opacity=30);
	cursor: default;
}

/* Control Nav (not needed... yet)*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}


.global {
	color:#fff;
	text-align:center;
}
.global h3 {
	font-family:"Lato", arial, sans-serif;
	font-size:50px;
	font-weight:bold;
	letter-spacing:-1px;
	padding:73px 0 25px;
}
.global .description {
	font-family:"Lato", arial, sans-serif;
	font-size:18px;
	line-height:1.8em;
	margin: 0 0 20px;
}





/* =Global: Video Overlay
----------------------------------------------------*/
#videoOverlay {
	background:#000;
	background:rgba(0,0,0,0.9);
	display:none;
	left:0;
	height:100%;
	position:fixed;
	top:0;
	width:100%;
	min-height:700px;
	z-index:140;
}
#videoOverlay .content {
	height:100%;
}
#videoOverlay .triggerClose {
	background:url('../img/video-close.png') 0 0 no-repeat;
	float:right;
	color:#fff;
	height:29px;
	margin-top:-340px;
	position:relative;
	text-indent:-9999em;
	top:50%;
	width:29px;
	z-index:140;
}
#videoOverlay #videoStage {
	left:50%;
	margin-left:-497px;
	margin-top:-279px;
	position:absolute;
	top:50%;
}







/* =Homepage: Home Main
----------------------------------------------------*/
#homeMain {
	position:relative;
}
#homeMain .flex-direction-nav .flex-next {
	background: url('../img/basic/slideshow-next.png') no-repeat 30px 45%;
	right: 0;
}
#homeMain .flex-direction-nav .flex-prev {
	background: url('../img/basic/slideshow-prev.png') no-repeat 30px 45%;
	left: 0;
}
#homeMain .flex-direction-nav .flex-next:hover,
#homeMain .flex-direction-nav .flex-prev:hover {
	opacity:0;
}
/* Previous and next shadows */
#homeMain .previousShadow {
	background:url('../img/basic/shadow-previous.png') no-repeat 0 0;
	background-size:100%;
	height:100%;
	position:absolute;
	right:-124px;
	top:0;
	width:124px;
	opacity:0;
	filter:alpha(opacity=0);
}
#homeMain .nextShadow {
	background:url('../img/basic/shadow-next.png') no-repeat 100% 0;
	background-size:100%;
	height:100%;
	position:absolute;
	left:-124px;
	top:0;
	width:124px;
	opacity:0;
	filter:alpha(opacity=0);
}


#homeMain .slides .button {
	height:52px;
	display:inline-block;
	line-height:52px;
	margin:0 auto;
	position:static;
	padding:0 30px;
}
#homeMain .slides li {
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
}
#homeMain #videoOverlay .content{
	height:100%;
}



/* =Homepage: Product Slideouts
----------------------------------------------------*/
.productSlideouts {
	margin-top:-90px;
	overflow:hidden;
	position:relative;
	text-align:center;
	white-space:nowrap;
	z-index:10; /* has to be higher than the amount of slides in #homeMain + 2 */
}
.productSlideouts > a {
	min-height:200px;
	display:inline-block;
	text-align:center;
}
.productSlideouts .productImg {
	float:left;
	margin-right:0;
	position:relative;
}
.hiddenProductInfo {
	color:#333;
	display:none;
	float:left;
	font-size:12px;
	line-height:1.2em;
	margin-top:110px;
	margin-left:10px;
	position:relative;
	padding-right:25px;
	width:140px;
	text-align:left;
}
.hiddenProductInfo h3 {
	font-family:"Lato", arial, sans-serif;
	font-size:16px;
	margin-bottom:10px;
}
.hiddenProductInfo .iconPlus {
	background:url('../img/icon-plus.png') no-repeat 0 0;
	height:25px;
	position:absolute;
	right:0;
	bottom:15%;
	width:25px;
}
.hiddenProductInfo:hover .iconPlus {
	background-position:right 0;
}
#scrollDown {
	bottom:48px;
	display:none;
	position:absolute;
	right:33px;
}
@media screen and (min-width: 1235px) {
	#scrollDown {
		display:block;
	}
}




/* =Homepage: Quality
----------------------------------------------------*/
#mtvorteile {
	/*background:#e6e6e6 url('../img/main-sub-grad.png') repeat-x 0 0;*/
	overflow:hidden;

	background:url(../img/hintergrund/Team_07_links.jpg) no-repeat left top;
	background-size:cover;
	color:#777777;
}
.globalDetails {
	float:left;
	margin:100px 0;
	width:600px; /*270*/
}

.teil2 { /*neu*/
	float:right;
	margin:150px 0;
	margin-right: 180px;
	width:370px; /*270*/
}

.globalDetails h3 {
	font-family:"Lato", arial, sans-serif;
	font-size:50px;
	font-weight:bold;
	line-height:1.2em;
	margin-bottom:40px;
}
.globalDetails p {
	font-family:"Lato", arial, sans-serif;
	color:#666;
	font-size:14px;
	line-height:1.8em;
}

@media screen and (max-width: 1200px) {
	#mtvorteile {
		height:900px; /*800px;*/
	}
	#mtvorteile .globalDetails {
		margin-top:180px;
	}
	#mtvorteile .pic1 {
		left:270px;
		top:63px;
	}
	#mtvorteile .pic2 {
		left:700px;
		top:73px;
	}
	#mtvorteile .zoomer {
		left:304px;
		top:207px;
	}
	#mtvorteile .camera {
		left:185px;
		top:507px;
	}
	#mtvorteile #clickNDrag {
		left:457px !important;
		top:507px;
	}
}


/* =Homepage: LowLight
----------------------------------------------------*/

#tmkovarik {
	background:url(../img/hintergrund/Robert_01_links.jpg) no-repeat left bottom;
	background-size:cover;
	overflow:hidden;
	color:#777777;
}

#tmkovarik .spalte1 { /*neu*/
	color:#777777;
	float:left;
	margin:0;
	margin:120px 0;
	margin-left: 110px;
	width:400px; /*270*/
}

#tmkovarik .details { /*neu*/
	color:#777777;
	float:left;
	margin:0;
	padding:0;
	margin-left: 230px;
	width:460px; /*270*/
}

#tmkovarik .spalte2 { /*neu*/
	color:#777777;
	float:left;
	margin:0;
	margin-top:240px;
	margin-left: 80px;
	width:200px; /*270*/
}


/*
#tmkovarik {
	background:#e6e6e6;
	height:913px;
	min-width:1200px;
	position:relative;
}
#tmkovarik .half {
	height:100%;
	position:absolute;
	top:0;
	width:50%;
}
#tmkovarik .leftHolder {
	background:url(../img/hintergrund/Bild03_logo_y900.jpg) no-repeat center top;
	background-size:cover;
	left:0;
	height:822px;
	width:100%;
}
#tmkovarik .rightHolder {
	background:url(../img/tmkovarik/right.jpg) no-repeat center top;
	background-size:200%;
/*	height:822px;
	right:0;
}
#tmkovarik .triggerContainer {
	height:98px;
	position:relative;
	margin:-49px auto 0;
	top:40%;
	width:994px;
}
#tmkovarik .trigger {
	cursor:pointer;
	margin:0;
	left:444px;*/ /* 994/2 - (107(thiswidth)/2) 53 - has to be updated in JS too: $.fn.SetupWaypoints() */
/*	position:absolute;
	top:0;
}
.overContent {
	min-width:1200px;
	position:absolute;
	width:100%;
	z-index:1;
}
#tmkovarik .notice {
	color:#fff;
	font-family:"Lato", arial, sans-serif;
	position:absolute;
	left:50%;
	margin:0 0;
	top:40%;
	z-index:1;
}
#tmkovarik .leftNotice {
	margin-left:-273px;
}
#tmkovarik .rightNotice {
	margin-left:116px;
}
#tmkovarik .takenBy {
	height:159px;
	margin-top:645px;
	padding-left:77px;
	position:relative;
	text-align:center;
}
#tmkovarik .takenBy .leftLine,
#tmkovarik .takenBy .rightLine {
	color:#666;
	display:inline-block;
	font-family:"Lato", arial, sans-serif;
	font-size:14px;
	padding-bottom:50px;
}
#tmkovarik .clickNDrag {
	opacity:0;
	filter:alpha(opacity=0);
	left: 470px;
	position: absolute;
	top: 90px;
}
*/


/* =Homepage: Depth
----------------------------------------------------*/
#mttorftampon {
	background:#e6e6e6;
	overflow:hidden;
	background: url(../img/hintergrund/Team_04_rechts.jpg) no-repeat right top;
	background-size:cover;
	color:#777777;
}

#mttorftampon .content { /*neu*/
	color:#777777;
	margin:0;
	position:relative;
	top: 50px;
	left: 0;
	}

#mttorftampon .details { /*neu*/
	color:#777777;
	margin:0;
	position:relative;
	top: 50px;
	left: 230px;
	width:480px; /*270*/
	margin-top:60px;
}

#mttorftampon .spalte2 { /*neu*/
	color:#777777;
	float:right;
	margin:0;
	margin-right: 100px;
	position:relative;
	top: 0;
	right: 0;
	width:370px; /*270*/
}

#mttorftampon .ticks {
	background:url('../img/mttorftampon/ticks.png') no-repeat left bottom;
/*	opacity:0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";*/
	height:0;
	position:absolute;
	left:247px;
	bottom:30px;
	width:45px;
}
@media screen and (max-width: 1200px) {
	#mttorftampon {
		height:900px; /*800px;*/
	}
	#mttorftampon .globalDetails {
		margin-top:190px;
		width:700px;
	}
	#mttorftampon .pic1 {
		margin-top:0;
		margin-right:100px;
	}
	#mttorftampon .animationHolder {
		right:70px;
	}
}


/* =Homepage: Wider
----------------------------------------------------*/
#mtmoor {
	background: url('../img/hintergrund/Frau_rechts.jpg') no-repeat right top;
	background-size:cover;
	height:900px;
	position:relative;
	overflow:hidden;
	color:#ffffff;
}

#mtmoor .details {
	margin-top: 40px;
	width:500px;
}

#mtmoor .globalDetails {
	float:left;
	margin:0;
	margin-top: 50px;

}

#mtmoor .teil2 { /*neu*/
	float:left;
	margin:0;
	margin-top: 50px;
	margin-left: 40px;
}

/*#mtmoor .globalDetails h3 {
	font-family:"Lato", arial, sans-serif;
	font-size:25px;
	font-weight:bold;
	line-height:1.4em;
	margin-bottom:40px;
}
#mtmoor .globalDetails p {
	font-family:"Lato", arial, sans-serif;
	color:#777777;
	font-size:16px;
	line-height:2em;
}*/
/* =Homepage: Lenses
----------------------------------------------------*/
#mtreferenz {
	background:#e6e6e6;

	background: url('../img/hintergrund/Kat_08_rechts.jpg') no-repeat right bottom;
	background-size:cover;
	height:900px;
	position:relative;
	overflow:hidden;
	color:#777777;
}
}
#mtreferenz .details {
	margin-top:450px;
	width:350px;

}
#mtreferenz .Karriere {
		height:750px !important;
		margin-right:040px;
		margin-top:150px;
		width:500px !important;
	}
/*#mtreferenz .button {
	height: 52px;
	line-height: 52px;
	padding: 0 40px;
}
*/
@media screen and (max-width: 1200px) {
	#mtreferenz {
		height:900px; /*700px;*/
	}

#mtreferenz .pic1 {
		height:402px !important;
		margin-right:140px;
		margin-top:236px;
		width:497px !important;
	}
}



/* =Homepage: früher Model jetzt Showcase
----------------------------------------------------*/
#mtbestellung {
	background:url('../img/hintergrund/Hintergrund_Frau1_inv_y816.jpg') no-repeat left top;
	background-size:cover;
	position:relative;
}
#mtbestellung .global {
	/*height:400px;*/

}
#mtbestellung .global h3 {
	padding-top:123px;
}
#mtbestellung .atslider {	/* flexslider = atslider
	/*height:390px;*/
	margin:0;
	margin-top:50px;
	margin-left:350px;

}
#mtbestellung .atslider .slides > li {
	height:390px;
	text-align:center;
}
#mtbestellung .atslider a {
	display:block;
}
#mtbestellung .atslider a:hover .blueButton {
	background-image:url('../img/button-blue-bg-hover.png');
}
#mtbestellung .atslider img {
	width: auto;
	display: inline;
	padding-bottom:35px;
}
#mtbestellung .atslider h3,
#mtbestellung .atslider p {
	color:#ffffff;
	font-size:14px;
}
#mtbestellung .atslider h3 {
	font-family:"Lato", arial, sans-serif;
	font-size:16px;
	margin:0;
	padding:0;
	margin-bottom:20px;
}
#mtbestellung .atslider p {
	font-family:"Lato", arial, sans-serif;
	line-height:1.3em;
	margin-bottom:45px;
	height:36px;
}

.product {
	float:left;
	margin: 0 10px;
	padding:0;
}

/* Control Nav */
/*#mtbestellung .flex-control-nav {background:url('../img/mtkontakt/slideshow-control-nav-bg.png') no-repeat center 0;width: 100%; position: absolute; bottom: -50px;height:30px; text-align: center;}
#mtbestellung .flex-control-nav li {margin: 12px 3px 0; display: inline-block; zoom: 1; *display: inline;}
#mtbestellung .flex-control-paging li a {width: 5px; height: 5px; display: block; background: #fff; background: rgba(255,255,255,0.2); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;}
#mtbestellung .flex-control-paging li a:hover { background: #fff; background: rgba(255,255,255,1); }
#mtbestellung .flex-control-paging li a.flex-active { background: #fff; background: rgba(255,255,255,1); cursor: default; }
*/
@media screen and (max-width: 1200px) {
/*	#mtbestellung {
		height:900px;
	}
	#mtbestellung .global {
		height:290px;
	}*/
	#mtbestellung .atslider {
		margin:0 auto;
		margin-top:50px;
		min-width:900px !important;
		width:900px !important;

	}
	#mtbestellung .atslider .slides img {
		height:140px !important;
		width:200px !important;
	}

/*	#mtbestellung .flex-direction-nav .flex-next {
		right: -10px;
	}
	#mtbestellung .flex-direction-nav .flex-prev {
		left: -10px;
	}*/
	/* Original element (hover) */
	/*#mtbestellung .flex-direction-nav .flex-next:hover {
		right:-20px;
	}
	#mtbestellung .flex-direction-nav .flex-prev:hover {
		left:-20px;
	}*/
}



/* =Homepage: mtkontakt
----------------------------------------------------*/
#mtkontakt {
	background: url('../img/hintergrund/background.jpg') no-repeat center center;
	background-size:cover;
}
#mtkontakt .global {
	height:340px;
}
#mtkontakt .global h3 {
	padding-top:123px;
}
#mtkontakt .flexslider {
	height:390px;
}
#mtkontakt .flexslider .slides > li {
	height:390px;
	text-align:center;
}
#mtkontakt .flexslider a {
	display:block;
}
#mtkontakt .flexslider a:hover .blueButton {
	background-image:url('../img/button-blue-bg-hover.png');
}
#mtkontakt .flexslider img {
	width: auto;
	display: inline;
	padding-bottom:35px;
}
#mtkontakt .flexslider h3,
#mtkontakt .flexslider p {
	color:#242424;
	font-size:14px;
}
#mtkontakt .flexslider h3 {
	font-family:"Lato", arial, sans-serif;
	font-size:16px;
	margin-bottom:20px;
}
#mtkontakt .flexslider p {
	font-family:"Lato", arial, sans-serif;
	line-height:1.3em;
	margin-bottom:45px;
	height:36px;
}
/* Direction nav */
#mtkontakt .flex-direction-nav a {
	width: 60px;
}
#mtkontakt .flex-direction-nav .flex-next {
	background: url('../img/mtkontakt/slideshow-next.png') no-repeat 43px 20%; /* Right align & a width = 60 - img width = 17*/
	right: 10px;
}
#mtkontakt .flex-direction-nav .flex-prev {
	background: url('../img/mtkontakt/slideshow-prev.png') no-repeat 0 20%;
	left: 10px;
}
/* Original element (hover) */
#mtkontakt .flex-direction-nav .flex-next:hover {
	right:0;
}
#mtkontakt .flex-direction-nav .flex-prev:hover {
	left:0;
}

/* Control Nav */
#mtkontakt .flex-control-nav {background:url('../img/mtkontakt/slideshow-control-nav-bg.png') no-repeat center 0;width: 100%; position: absolute; bottom: -50px;height:30px; text-align: center;}
#mtkontakt .flex-control-nav li {margin: 12px 3px 0; display: inline-block; zoom: 1; *display: inline;}
#mtkontakt .flex-control-paging li a {width: 5px; height: 5px; display: block; background: #fff; background: rgba(255,255,255,0.2); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;}
#mtkontakt .flex-control-paging li a:hover { background: #fff; background: rgba(255,255,255,1); }
#mtkontakt .flex-control-paging li a.flex-active { background: #fff; background: rgba(255,255,255,1); cursor: default; }
@media screen and (max-width: 1200px) {
	#mtkontakt {
		height:900px; /*800px;*/
	}
	#mtkontakt .global {
		height:290px;
	}
	#mtkontakt .flexslider {
		margin:0 auto;
		min-width:700px !important;
		width:700px !important;
	}
	#mtkontakt .flexslider .slides img {
		height:140px !important;
		width:200px !important;
	}


	#mtkontakt .flex-direction-nav .flex-next {
		right: -10px;
	}
	#mtkontakt .flex-direction-nav .flex-prev {
		left: -10px;
	}
	/* Original element (hover) */
	#mtkontakt .flex-direction-nav .flex-next:hover {
		right:-20px;
	}
	#mtkontakt .flex-direction-nav .flex-prev:hover {
		left:-20px;
	}
}




/* =Products Shared: Main
----------------------------------------------------*/
.productMain {
	background:url('../img/products/main-background-bottom.png') repeat-x left bottom;
	height:828px;
	position:relative;
	overflow:hidden;
}
.productMain .bg {
	background:url('../img/products/main-background.jpg') no-repeat center 0;
	background-size:cover;
	height:716px;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:-1;
}
.productMain .content {
	height:828px;
}
.backButton {
	background:url('../img/products/icon-back.png') no-repeat 0 0;
	color:#fff;
	font-family:"Lato", arial, sans-serif;
	font-size:11px;
	height:25px;
	left:15px;
	line-height:27px;
	padding-left:35px;
	position:absolute;
	text-transform:uppercase;
	top:30px;
	z-index:1;
}
.backButton:hover {
	background:url('../img/products/icon-back.png') no-repeat 0 bottom;
}
.productMain .global {
	opacity:0;
	filter:alpha(opacity=0);
	margin-right:-500px;
}
.productMain .global h3 {
	padding-bottom:18px;
	padding-top:105px;
}
.productMain .rolloverNotice {
	opacity:0;
	filter:alpha(opacity=0);
	left:736px; /* to 696 */
	position:absolute;
	top:462px;
}
.productMain .heroContainer {
	cursor:pointer;
	display:block;
	height:448px;
	margin-left:-340px;
	position:absolute;
	left:50%;
	top:270px;
	width:680px;
}
.productMain .hero {
	display:block;
	left:0;
	position:absolute;
	top:0;
}
.productMain .heroOver {
	display:block;
	opacity:0;
	filter:alpha(opacity=0);
	position:absolute;
	top:0;
}
.productMain .extras {
	bottom:0;
	height:112px;
	left:0;
	position:absolute;
	width:100%;
}
.productMain .extrasHolder {
	margin:20px auto;
	width:450px;
}
.productMain .watchVideo,
.productMain .watchVideo img,
.productMain .watchVideo span {
	float:left;
}
.productMain .watchVideo span {
	font-size:12px;
	line-height:1.4em;
	margin:18px 20px;
}
.productMain .shopNow {
	float:right;
	height:45px;
	line-height:45px;
	margin-top:14px;
	padding:0 30px;
}




/* =Products Shared: Global
----------------------------------------------------*/
.productText {
	position:relative;
	width:260px;
	z-index:1;
}
.productText h3 {
	font-family:"Lato", arial, sans-serif;
	font-size:30px;
	line-height:1.2em;
	margin-bottom:30px;
}
.productText p.description {
	color:#7d7d7d;
	font-family:"Lato", arial, sans-serif;
	font-size:13px;
	line-height:1.8em;
}



/* =Products Shared: Gallery
----------------------------------------------------*/
#gallery {
	background:#e6e6e6;
	height:830px;
	overflow:hidden;
}
#gallery .global h3 {
	color:#000;
	font-family:"Lato", arial, sans-serif;
	font-size:30px;
	padding-top:33px;
}
#gallery .stage {
	background:url('../img/products/gallery-stage.png') no-repeat 0 0;
	height:641px;
	margin:0 0 0 -82px;
	width:1093px;
}
#gallery .flexslider {
	background:green;
	float:left;
	height:564px;
	margin:33px 0 0 108px;
	width:882px;
	min-width:882px;
}
#gallery .flexslider .slides > li {
	background:#000;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	height:564px;
	position:relative;
	width:882px;
}
/* Direction nav */
#gallery .flex-direction-nav a {
	width: 60px;
}
/* Original element (hover) */
#gallery .flex-direction-nav .flex-next {
	background: url('../img/products/slideshow-next.png') no-repeat 4px 48%; /* Right align & a width = 60 - img width = 17*/
	right: 0;
}
#gallery .flex-direction-nav .flex-prev {
	background: url('../img/products/slideshow-prev.png') no-repeat 24px 48%;
	left: 0;
}
#gallery .flex-control-nav {border:1px solid #bfbdc2;width: 100px;left:50%;margin-left:-50px; position: absolute; bottom: -80px;height:30px; text-align: center;-webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px;}
#gallery .flex-control-nav li {margin: 12px 3px 0; display: inline-block; zoom: 1; *display: inline;}
#gallery .flex-control-paging li a {width: 5px; height: 5px; display: block; background: #bfbdc2; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;}
#gallery .flex-control-paging li a:hover { background: #716c79; }
#gallery .flex-control-paging li a.flex-active { background: #716c79; cursor: default; }
#gallery .flex-caption {
	bottom: 0;
	color: #fff;
	font-family:"Lato", arial, sans-serif;
	font-size: 14px;
	left: 0;
	line-height: 18px;
	margin: 0;
	padding: 0 0 35px 56px;
	position: absolute;
	text-shadow: 0 -1px 0 rgba(0,0,0,.3);
	text-transform:uppercase;
	width: 96%;
}
#gallery .button {
	position:absolute;
	left:50%;
	margin-left:-79px;
	top:46%;
	height:50px;
	line-height:50px;
}

@media screen and (max-width: 1200px) {
	#gallery {
		height:900px; /*670;*/
	}
	#gallery .stage {
		background:url('../img/products/gallery-stage-1200.png') no-repeat 0 0;
		height:492px;
		margin:0 0 0 -440px;
		left:50%;
		position:relative;
		width:841px;
	}
	#gallery .flexslider {
		height:429px;
		margin:26px 0 0 82px;
		width:677px;
		min-width:677px;
	}
	#gallery .flexslider .slides > li {
		height:429px;
	}
}


#gallery.rx1Gallery .flex-control-nav,
#gallery.a99Gallery .flex-control-nav {
	margin-left:-80px;
	width:160px;
}


/* =RX1: Sensor
----------------------------------------------------*/
#sensor {
	background:#e6e6e6 url('../img/main-sub-grad.png') repeat-x 0 0;
	height:500px;
}
#sensor .productText {
	padding:160px 0 0 100px;
}
#sensor .pic1 {
	position:absolute;
	right:0;
	top:100px;
}
@media screen and (max-width: 1200px) {
	#sensor .pic1 {
		right:110px;
	}
}



/* =RX1: Sized
----------------------------------------------------*/
#sized {
	background:#e6e6e6;
	height:600px;
}
#sized .productText {
	padding:220px 0 0 600px;
}
#sized .pic1 {
	left:32px;
	position:absolute;
	top:171px;
}
@media screen and (max-width: 1200px) {
	#sized .productText {
		padding-left:560px;
	}
	#sized .pic1 {
		left:62px;
	}
}


/* =RX1: Lens
----------------------------------------------------*/
#rx1Lens {
	background:#e6e6e6;
	height:600px;
}
#rx1Lens .productText {
	padding:170px 0 0 100px;
}
#rx1Lens .pic1 {
	position:absolute;
	right:-10px;
	top:50px;
}
@media screen and (max-width: 1200px) {
	#rx1Lens .productText {
		padding-left:80px;
	}
	#rx1Lens .pic1 {
		height:357px !important;
		right:120px;
		top:120px;
		width:530px !important;
	}
}


/* =RX1: Iris
----------------------------------------------------*/
#iris {
	background:black;
	height:600px;
	position:relative;
}
#iris .global h3 {
	color:#fff;
	font-size:33px;
}
#iris .global p {
	color:#a6a6a6;
	font-size:14px;
	line-height:1.4em;
}
#iris .irisHolder {
	bottom:0;
	height:420px;
	left:50%;
	margin-left:-375px;
	position:absolute;
}
#iris .irisHolder img {
	position:absolute;
	left:0;
	top:0;
	opacity:0;
	filter:alpha(opacity=0);
	display:block;
}


/* =RX1: Convenient
----------------------------------------------------*/
#convenient {
	background:#e6e6e6;
	height:600px;
}
#convenient .productText {
	left:600px;
	position:absolute;
	top:130px;
}
#convenient .pic1 {
	left:4px;
	position:absolute;
	top:110px;
}



/* =RX1: Accessories
----------------------------------------------------*/
#accessories {
	background:#000;
	height:600px;
	text-align:center;
}
#accessories .content {
	height:600px;
}
#accessories .global {
	position:relative;
	z-index:1;
}
#accessories .global h3 {
	color:#fff;
	font-size:32px;
	padding-top:40px;
}
#accessories .pic1 {
	bottom:0;
	left:0;
	position:absolute;
}
#accessories .button {
	height:52px;
	display:inline-block;
	line-height:52px;
	margin:420px auto 0;
	position:relative;
	padding:0 30px;
	z-index:1;
}
@media screen and (max-width: 1200px) {
	#accessories .pic1 {
		height:500px !important;
		left:50%;
		margin-left:-416px;
		width:833px !important;
	}
}



/* =A99: Main
----------------------------------------------------*/
#a99Main .heroContainer {
	top:218px;
}



/* =A99: SensorA99
----------------------------------------------------*/
#sensorA99 {
	background:#e6e6e6 url('../img/main-sub-grad.png') repeat-x 0 0;
	height:500px;
}
#sensorA99 .productText {
	padding:160px 0 0 100px;
}
#sensorA99 .pic1 {
	position:absolute;
	right:0;
	top:100px;
}
@media screen and (max-width: 1200px) {
	#sensorA99 .pic1 {
		height:358px !important;
		right:110px;
		width:520px !important;
	}
}



/* =A99: Uncompressed
----------------------------------------------------*/
#uncompressed {
	background:#e6e6e6;
	height:680px;
}
#uncompressed .productText {
	padding:170px 0 0 600px;
}
#uncompressed .pic1 {
	left:32px;
	position:absolute;
	top:163px;
}
#uncompressed .pic2 {
	left:580px;
	position:absolute;
	top:450px;
}
@media screen and (max-width: 1200px) {
	#uncompressed .productText {
		padding-left:520px;
	}
	#uncompressed .pic2 {
		left:500px;
	}
}


/* =A99: ISORange
----------------------------------------------------*/
#isoRange {
	background:#000 url('../img/products/bg-black-gradient.png') no-repeat center center;
	background-size:cover;
	height:700px;
	position:relative;
	z-index:1; /*Show camera overlay over next section*/
}
#isoRange .global h3 {
	color:#fff;
	font-size:33px;
	padding-top:50px;
}
#isoRange .global p {
	color:#a6a6a6;
	font-size:14px;
	line-height:1.4em;
}
#isoRange .pic1 {
	left:135px;
	position:absolute;
	top:217px;
}
#isoRange .pic2 {
	left:500px;
	position:absolute;
	top:223px;
}
#isoRange .pic3 {
	left:105px;
	position:absolute;
	top:244px;
}
#isoRange #isoCounter {
	left:586px;
	position:absolute;
	top:596px;
}
#isoRange #isoCounter img {
	left:0;
	position:absolute;
	top:0;

	opacity:0;
	filter:alpha(opacity=0);
}


/* =A99: dualAF
----------------------------------------------------*/
#dualAF {
	background:#e6e6e6;
	height:660px;
	position:relative;
	z-index:0; /*Show under previous section camera*/
}
#dualAF .productText {
	padding:160px 0 0 100px;
}
#dualAF .pic1 {
	position:absolute;
	right:0;
	top:100px;
}
@media screen and (max-width: 1400px) {
	#dualAF .pic1 {
		height:386px !important;
		right:110px;
		width:480px !important;
	}
}



/* =A99: continuousAF
----------------------------------------------------*/
#continuousAF {
	background:#e6e6e6;
	height:600px;
}
#continuousAF .productText {
	padding:80px 0 0 600px;
}
#continuousAF .pic1 {
	left:32px;
	position:absolute;
	top:11px;
}
#continuousAF .pic2 {
	left:580px;
	position:absolute;
	top:450px;
}



/* =A99: accessoriesA99
----------------------------------------------------*/
#accessoriesA99 {
	background:#000 url('../img/products/a99/accessoriesa99/bg.jpg') no-repeat center center;
	height:600px;
	text-align:center;
}
#accessoriesA99 .content {
	height:600px;
}
#accessoriesA99 .global {
	position:relative;
	z-index:1;
}
#accessoriesA99 .global h3 {
	color:#fff;
	font-size:32px;
	padding-top:40px;
}
#accessoriesA99 .pic1 {
	bottom:0;
	left:0;
	position:absolute;
}
#accessoriesA99 .button {
	height:52px;
	display:inline-block;
	line-height:52px;
	margin:420px auto 0;
	position:relative;
	padding:0 30px;
	z-index:1;
}




/* =VG900: Main
----------------------------------------------------*/
#vg900Main .heroContainer {
	top:220px;
}



/* =VG900: SensorA99
----------------------------------------------------*/
#sensorVG900 {
	background:#e6e6e6 url('../img/main-sub-grad.png') repeat-x 0 0;
	height:500px;
}
#sensorVG900 .productText {
	padding:130px 0 0 100px;
}
#sensorVG900 .pic1 {
	position:absolute;
	right:0;
	top:90px;
}
#sensorVG900 .animationHolder {
	height:158px;
	position:absolute;
	right:0;
	top:368px;
}
#sensorVG900 .pic2 {
	position:absolute;
	right:-20px;
	top:0;
	opacity:0;
	filter:alpha(opacity=0);
}
@media screen and (max-width: 1200px) {
	#sensorVG900 .pic1 {
		right:110px;
	}
	#sensorVG900 .animationHolder {
		right:110px;
	}
}



/* =VG900: Uncompressed
----------------------------------------------------*/
#uncompressedVG900 {
	background:#e6e6e6;
	height:680px;
}
#uncompressedVG900 .productText {
	padding:170px 0 0 650px;
}
#uncompressedVG900 .pic1 {
	left:32px;
	position:absolute;
	top:163px;
}
#uncompressedVG900 .pic2 {
	left:630px;
	position:absolute;
	top:440px;
}
@media screen and (max-width: 1200px) {
	#uncompressedVG900 .productText {
		padding-left:600px;
	}
	#uncompressedVG900 .pic2 {
		left:580px;
	}
}



/* =VG900: lensAdapter
----------------------------------------------------*/
#lensAdapter {
	background:#000 url('../img/products/bg-black-gradient.png') no-repeat center center;
	background-size:cover;
	height:600px;
	position:relative;
	z-index:1; /*Show camera overlay over next section*/
}
#lensAdapter .global h3 {
	color:#fff;
	font-size:33px;
	padding-top:50px;
}
#lensAdapter .global p {
	color:#a6a6a6;
	font-size:14px;
	line-height:1.4em;
}
#lensAdapter .pic1 {
	left:276px;
	position:absolute;
/*	top:217px;*/
	top:500px;
	opacity:0;
	filter:alpha(opacity=0);
}



/* =VG900: viewfinder
----------------------------------------------------*/
#viewfinder {
	background:#e6e6e6;
	height:610px;
	position:relative;
	z-index:0; /*Show under previous section camera*/
}
#viewfinder .productText {
	padding:240px 0 0 100px;
	width:310px;
}
#viewfinder .pic1 {
	position:absolute;
	right:0;
	top:170px;
}
@media screen and (max-width: 1200px) {
	#viewfinder .pic1 {
		right:54px;
	}
}



/* =VG900: mic
----------------------------------------------------*/
#mic {
	background:#e6e6e6;
	height:600px;
}
#mic .audio {
	height:248px;
	left:350px;
	position:absolute;
	text-align:center;
	top:170px;
	width:223px;
}
#mic .audio .wave {
	background:url('../img/products/vg900/mic/audio.png') no-repeat 100% 0;
	display:inline-block;
	height:248px;
	left:350px;
	width:0;
}
#mic .pic1 {
	left:14px;
	position:absolute;
	top:165px;
}
#mic .productText {
	padding:160px 0 0 600px;
}



/* =VG900: accessoriesA99
----------------------------------------------------*/
#accessoriesVG900 {
	background:#000 url('../img/products/vg900/accessoriesVG900/bg.jpg') no-repeat center center;
	height:600px;
	text-align:center;
}
#accessoriesVG900 .content {
	height:600px;
}
#accessoriesVG900 .global {
	position:relative;
	z-index:1;
}
#accessoriesVG900 .global h3 {
	color:#fff;
	font-size:32px;
	padding-top:40px;
}
#accessoriesVG900 .pic1 {
	bottom:0;
	left:0;
	position:absolute;
}
#accessoriesVG900 .button {
	height:52px;
	display:inline-block;
	line-height:52px;
	margin:420px auto 0;
	position:relative;
	padding:0 30px;
	z-index:1;
}








/* =Showcase
----------------------------------------------------*/
body.mtbestellung {
	background:#000;
}
body.mtbestellung header {
	position:relative;
	z-index:3;
}

/*Loading*/
#loader {
	background:#fff;
	left:0;
	height:100%;
	min-height:600px;
	position:absolute;
	top:0;
	width:100%;
	z-index:2;
}
#loader .preloadIMG {
	position:absolute;
	left:-9999px;
	top:-9999px;
}
#loader .centered {
	height:216px;
	left:50%;
	margin:-50px 0 0 -201px;
	position:absolute;
	top:50%;
	width:403px;
}
#loader #loadbar {
	bottom:0;
	height:6px;
	margin-left:-177px;
	padding:2px ;
	position:absolute;
	left:50%;
	width:354px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#loader #loadbar .loadbarBG {
	bottom:0;
	position:absolute;
	left:0;
}
#loader #loadbar span {
	background:#f38b1d;
	height:2px;
	float:left;
	position:relative;
	width:0;
	z-index:1;
}
#loader #keyboardInfo {
	bottom:50px;
	position:absolute;
	left:50%;
	margin:0 0 0 -143px;
}


/*featured (top large image area)*/
#featured {
	position:relative;
}
#featured .backButton {
	left:100px;
}
/* Control Nav (not needed... yet)*/
@media screen and (max-width: 1182px) {
	#featured .backButton {left:15px;}
}
/*slider - child of featured*/
#slider {
	height:100%;
}
#slider .slides > li {
	background-color:#000;
	background-repeat:no-repeat;
	background-size: contain;
	background-position:center center;
	height:100%;
	-webkit-backface-visibility: visible;
}
.lt-ie9 #slider .slides > li {
/*	background-size: cover;*/
}
#slider .slides .video {
	position:relative;
}
#slider .slides iframe {
	opacity:0;
	filter:alpha(opacity=0);
	display:block;
	margin:80px auto 0;
	position:relative;
	width:994px;
	z-index:3;
}
#slider .slides .blackStage { /* black background for videos */
	background:#000;
	display:none;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:1;
}
.videoButton {
	background:url('../img/button-play.png') 0 0 no-repeat;
	display:inline-block;
	height:100px;
	left:50%;
	margin:-50px 0 0 -50px;
	position:absolute;
	top:50%;
	width:100px;
	z-index:3;
}
.videoButton:hover {
	background-position:right 0;
}
#slider .slides .caption {
	display:none;
}
/*nav*/
#slider .flex-direction-nav a {
	height:100px;
	top:50%;
	margin-top:-50px;
	width: 60px;
	-webkit-transition: all 0s ease;
}
#slider .flex-direction-nav .flex-next {
	background: url('../img/products/slideshow-next.png') no-repeat 4px 48%; /* Right align & a width = 60 - img width = 17*/
	right: 0;
}
#slider .flex-direction-nav .flex-prev {
	background: url('../img/products/slideshow-prev.png') no-repeat 24px 48%;
	left: 0;
}


/*navigation (bottom navigation area)*/
#navigation {
/*	bottom:-332px;*/
	bottom:0;
	left:0;
	position:absolute;
	width:100%;
}
#navigation .infoHolder {
	background:url('../img/mtbestellung/nav-bg.png') repeat-x 0 -162px;
	height:70px;
	overflow:hidden;
	padding-top:0;
	width:100%;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.infoCamera {
	float:left;
	margin:8px 34px;
}
.infoHolder img {
	display:none;
}
#infoCameraText {
	color:#fff;
	font-family:"Lato", arial, sans-serif;
	font-size:14px;
	float:left;
	margin:0;
	padding:0;
	line-height:70px;
}
#infoText {
	color:#fff;
	font-family:"Lato", arial, sans-serif;
	font-size:14px;
	float:right;
	margin:0 40px 0 0;
	padding:0;
	line-height:70px;
}
/*carousel - a child of navigation*/
#carousel {
	background:#000;
	height:98px;
	overflow:visible;
}
#carousel .slides > li {
	background-size: cover;
	cursor:pointer;
	height:100px;
	margin-top:2px;
	opacity:0.5;
	position:relative;
	filter:alpha(opacity=50);
	width:100px;
	z-index:1;
}
#carousel .slides > li:hover {
	opacity:1;
	filter:alpha(opacity=100);
}
#carousel .slides > li .video-icon {
	background:url(../img/mtbestellung/thumb-button-play.png) no-repeat 0 0;
	height:52px;
	margin:-26px 0 0 -26px;
	left:50%;
	position:absolute;
	top:50%;
	width:52px;
	z-index:100;
}
#carousel .slides > li.flex-active-slide .playing-video-thumb {
	background-position:right 0;
}
#carousel .slides > .flex-active-slide {
	border-top:2px solid #f38b1d;
	height:100px;
	margin-top:0;
	opacity:1;
	filter:alpha(opacity=100);
}

#carousel .flex-direction-nav a {
	width: 60px;
}
#carousel .flex-direction-nav .flex-next {
	background: url('../img/products/slideshow-next.png') no-repeat 4px 48%; /* Right align & a width = 60 - img width = 17*/
	right: 0;
}
#carousel .flex-direction-nav .flex-prev {
	background: url('../img/products/slideshow-prev.png') no-repeat 24px 48%;
	left: 0;
}




/* =Global: People
----------------------------------------------------*/
#menschen {
	background:#fff;
	height:310px;
}
#menschen .global h3 {
	color:#000;
	font-size:24px;
	padding-top:51px;
}
#menschen .flexslider {
	height:130px;
	padding:0 42px;
	min-width:910px; /* 994 - 42px*/
	width:910px;
}
#menschen .flexslider .slides > li {
	height:130px;
	margin:0 40px 0 0;
	text-align:center;
}
#menschen .flexslider a {
	height:100%;
	display:block;
	width:100%;
}
#menschen .flexslider img {
	width: auto;
	display: inline;
}

/* Direction nav */
#menschen .flex-direction-nav a {
	width: 60px;
}
/* Original element (hover) */
#menschen .flex-direction-nav .flex-next {
	background: url('../img/menschen/slideshow-next.png') no-repeat 43px 48%; /* Right align & a width = 60 - img width = 17*/
	right: 0;
}
#menschen .flex-direction-nav .flex-prev {
	background: url('../img/menschen/slideshow-prev.png') no-repeat 0 48%;
	left: 0;
}






/* =Global: Footer
----------------------------------------------------*/
footer {
	background:#e6e6e6;
	color:#666;
	font-family:"Lato", arial, sans-serif;
	font-size:12px;
	height:285px;
	min-width:1200px;
	position:relative;
}
footer a,
footer span { color:#666; }
/*color rules*/
footer:before,
footer:after {
	/*background: url('../img/footer/color-rule.png') no-repeat center 0;*/
	content:'';
	height:2px;
	position:absolute;
	left:0;
	width:100%;
}
footer:before { top:0;}
footer:after { bottom:0; }
/*top row*/
footer .top { padding:35px 0;text-align:center; }
footer .top li { display:inline-block;white-space:nowrap }
footer .top li > span { margin:0 35px; }
footer .top li > a {
	margin:0 35px;
	text-transform:uppercase;
}
.lt-ie9 footer .top li > a {
	margin-right:61px;
	margin-left:0;
}
footer .top li.globalSites > a { margin-right:0; }
hr {
	background:none;
	border:0;
	border-top:1px solid #cfcfcf;
	height:1px;
}

/*center row*/
footer .center {
	height:33px;
	line-height:33px;
	padding:20px 0;
	text-align:center;
}
footer .socialIcon {
	background:url('../img/footer/social-icons.png') no-repeat;
	display:inline-block;
	float:none;
	height:33px;
	margin:0 3px -10px;
	width:33px;
}
footer .facebookIcon,
footer .facebookIcon:hover { background-position:0 0; }
footer .twitterIcon,
footer .twitterIcon:hover { background-position:-40px 0; }
footer .pinterestIcon,
footer .pinterestIcon:hover { background-position:-80px 0; }
footer .youtubeIcon,
footer .youtubeIcon:hover { background-position:-119px 0; }
footer .flickrIcon,
footer .flickrIcon:hover { background-position:-159px 0; }

/*bottom row*/
footer .bottom {
	margin:37px 0;
	height:33px;
	line-height:33px;
	font-size:11px;
}

footer .footerLogo {
	background:url('../img/background_logo.png') no-repeat 0 0;
	border-right:1px dotted #b8b8b8;
	height:33px;
	float:left;
	margin-right:27px;
	padding-right:27px;
	text-indent:-9999px;
	width:100px;
}footer .termsOfUse {
	float:left;
}
footer .copyright {
	float:center;
}



/* =Global: Navigation
----------------------------------------------------*/
/* Defaults to onLight styles */
nav { /* styles for load */
	visibility:hidden;
	position:fixed;
	right:20px;
	top:50%;
	z-index:100;
	/*	neg margin-top set dynamically by js*/
}
nav.fixed {
	position:fixed;
}
nav.absolute {
	left:auto !important;
	position:absolute;
	right:20px !important;
}
nav ul {
	padding-right:35px;
}
nav li {
	clear:right;
	float:right;
	line-height:27px;
	margin-bottom:3px;
	text-align:right;
	white-space:nowrap;
}
nav a {
	font-family:"Lato", arial, sans-serif;
	font-size:12px;
	color:#adadad;
	display:inline;
	float:right;
	padding:0 0 0 15px;
	position:relative;
	text-transform:uppercase;
}
nav a:hover {
	color:#8a8a8a;
}
nav a.active {
	background:url('../img/nav-active.png') no-repeat 0 0;
	color:#fff;
}
nav a.active:after {
	background:url('../img/nav-active.png') no-repeat right 0;
	content:'';
	height:29px;
	position:absolute;
	right:-15px;
	top:0;
	width:15px;
}

/* Ticks */
nav .ticks {
	position:absolute;
	right:0;
	top:14px;
	width:20px;
}
nav .ticks span {
	border-top:1px solid #a1a1a1;
	clear:right;
	float:right;
	height:1px;
	margin-bottom:3px;
	width:8px;
}
nav .ticks span.full {
	width:20px;
}
nav.onDark .ticks span {
	border-color:#82858a;
}


/* Specific nav styles
 * - when active state is on white */
nav.light a {
	color:#fff;
	opacity:0.5;
	filter:alpha(opacity=50);
}
nav.light a:hover {
	opacity:1;
	filter:alpha(opacity=100);
}
nav.light a.active {
	background-position:0 -29px;
	color:#000033;
	opacity:1;
	filter:alpha(opacity=100);
}
nav.light a.active:after {
	background-position:right -29px;
}
nav.light .ticks span {
	border-color:#fff;
	opacity:0.5;
	filter:alpha(opacity=50);
}

@media screen and (max-width: 1200px) {
	nav {
		right:4px;
	}
	nav.absolute {
		right:4px !important;
	}
}


.transparent_schwarz {
	background: url('../img/transparent_schwarz.png') repeat center center;
	background-size:cover;
	padding:20px;
	padding-left:30px;
}

.transparent_weiss {
	background: url('../img/transparent_weiss.png') repeat center center;
	background-size:cover;
	padding:20px;
}

.transparent_hellgruen {
	background: url('../img/transparent_hellgruen.png') repeat center center;
	background-size:cover;
	padding:20px;
}

.transparent_gruen {
	background: url('../img/transparent_gruen.png') repeat center center;
	background-size:cover;
	padding:20px;
}

.transparent_blau {
	background: url('../img/transparent_blau.png') repeat center center;
	background-size:cover;
	padding:20px;
}