@charset "utf-8";
/* CSS Document */
@import url("//hello.myfonts.net/count/2dc26e");
  
@font-face {font-family: 'TradeGothicLTPro-Bold';src: url('webfonts/2DC26E_0_0.eot');src: url('webfonts/2DC26E_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2DC26E_0_0.woff2') format('woff2'),url('webfonts/2DC26E_0_0.woff') format('woff'),url('webfonts/2DC26E_0_0.ttf') format('truetype');}

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,300,700,800);

				  
				  
* {
    padding: 0px;
    margin: 0px;
}
html { height: 100% }
body {
    height: 100%;
    background-image: url(../img/back.jpg);
    background-repeat: repeat;
    background-color: #101216;
    font: 100.01%/1.4 sans-serif;
    text-align: left;
    font-family: 'Open Sans', Arial, Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #101216;
}

header {
	position:relative;
	width:100%;
	max-width:1600px;
	background-color:#00030c;
	border-bottom: 1px solid #fff;
}

#navigation {
	position:relative;
	float:left;
	width:720px;
	max-width:100%;
	margin-top:20px;
	margin-left: 3%;
}

#logo {
		position: relative;
		padding:20px 10px 20px 20px;
		width: 180px;
		float:left;
	}


div a.link {
	text-align:center;
    padding: 14px 10px 14px 50px;
    font-size: 2.4rem;
    font-weight: 600;
    color:#fff;
    text-decoration:none;
    background-image:url(../img/link_red_white.svg);
	background-size: 36px 36px;
    background-repeat:no-repeat;
    background-position: 0 26px;
}
div a.link:hover {
    text-decoration:underline;
}

#distance {
    float: left;
    width: 1px;
}
#container {
    clear: left;
    margin: 0px auto;
    max-width: 1600px;
	width:100%;
    position: relative;
    background-color: #fff;
    -moz-box-shadow: 1px 1px 5px #111;
    -webkit-box-shadow: 1px 1px 5px #111;
    -o-box-shadow: 1px 1px 5px #111;
    box-shadow: 1px 1px 5px #111;
}
   
#content {
    position:relative;
    max-width: 1600px;
    width: 100%;
    background-color: #fff;
}
.brand {
    font-family: 'TradeGothicLTPro-Bold', 'Open Sans', Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 1.3rem;
}
a .brand {
	font-weight:normal;
}
	
div.breadcrumb {
		position: relative;
		width: 750px;
		float: left;
		font-size:0.8rem;
		line-height: 1.6rem;
		margin-top: 40px;
		margin-bottom: 20px;
		margin-left: 280px;
	}


#content23 {
		position: relative;
		width: 750px;
		float: left;
		font-size:1.2rem;
		line-height: 1.6rem;
		margin-top: 20px;
		margin-bottom: 60px;
		padding-bottom:20px;
		margin-left: 280px;
	}
#content23 h1{
	line-height:1.2;
	margin-bottom:30px;
}

#content23 img{
	max-width:750px;
	margin-top:20px;
	margin-bottom: 30px;
}
#content23 ul{
		margin-top:20px;
		margin-left: 30px;
		font-weight: 400;
	}
#content23 ul li{
		margin-bottom:20px;
	}
#content23 td{
		font-size:1.0rem;
		padding: 4px 0;
	}


#content23 table{
		max-width:750px;
		min-width:440px;
	}
#content23 a {
	position:absolute;
	color:#000;
    font-size: 1.2rem;
	font-weight:bold;
	text-decoration:none;
	padding: 6px 0 6px 35px;
	background-image:url(../img/link_red_white.svg);
	background-repeat:no-repeat;
	background-size: 26px 26px;
	background-position: 0 6px;
}
#content23 a:hover {
	text-decoration:underline;
}
#content-ref {
		position: relative;
		width: 750px;
		float: left;
		font-size:1.2rem;
		line-height: 1.6rem;
		margin-top: 20px;
		margin-bottom: 60px;
		padding-bottom:20px;
		margin-left: 280px;
	}
#content-ref p{
	margin-bottom:10px;
	}

#content-ref h1{
	line-height:1.2;
	margin-bottom:30px;
}
#content-ref a{
	position:relative;
	color:#000;
    font-size: 1.2rem;
	font-weight:bold;
	text-decoration:none;
	padding: 6px 0 6px 0px;
	background-image:none;
}
#content-ref table{
		max-width:600px;
		width:100%;
	}
#content-ref ul{
		margin-top:20px;
		margin-left: 30px;
		font-weight: 400;
	}
#content-ref ul li{
		margin-bottom:20px;
	}	
	
	#contentImg{
		position:relative;
		max-width: 160px;
		text-align:left;
		float:left;
		margin-right:30px;
		margin-bottom:30px;
	}
	#contentImg p {
		font-size:0.8rem;
		margin-bottom:30px;
	}

	#contentImg img{
		position:relative;
		max-width:100%;
		min-width:40%;
		float:left;
		margin-bottom: 10px;
	}
	
#slogan {
	position:relative;
	width: 97%;
	max-width:1580px;
	padding: 20px 1.5%;
	background-color: #00030c;
	color: #ceba6d;
    font-family: 'TradeGothicLTPro-Bold', 'Open Sans', Arial, Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 3.6rem;
    line-height: 3.8rem;
	text-align:center;
	border-top: 1px solid #fff;
}

#slider {
    position:relative;
    max-width: 1600px;
    width: 100%;
    min-height:440px;
    overflow:hidden;
    z-index: 100;
}
#sliderFix {
    position:relative;
    max-width: 1600px;
    width: 100%;
    min-height:440px;
    overflow:hidden;
    z-index: 100;
}

#sliderFix img{
	position:relative;
	float:left;
	width:27.5%;
	max-width:440px;
}

#sliderFix .copy {
	position:relative;
	max-width: 1100px;
	width:63.5%;
	padding: 20px 4% 0 4%;
	float:left;
	text-align:left;
	color: #fff;
	font-size: 1.6rem;
    line-height: 2.2rem;
}

#sliderFix .copy p {
	margin-bottom: 14px;
}

#sliderFix .copy p.essenz {
	color: #ceba6d;
}

.sliderBack {
    background-color: #00030c;
}


@-webkit-keyframes sliding1 { 
    0% {opacity: 0; left: 100%}
    2% {opacity: 1; left: 0}
    25% {opacity: 1; left: 0}
    27% {opacity: 0; left: -100%}
    100% {opacity: 0; left: -100%}
}
@keyframes sliding1 { 
    0% {opacity: 0; left: 100%}
    2% {opacity: 1; left: 0}
    25% {opacity: 1; left: 0}
    27% {opacity: 0; left: -100%}
    100% {opacity: 0; left: -100%}
}
@-webkit-keyframes slidernavi1 { 
    0% {opacity: 0; left: 45.5%}
    1% {opacity: 1; left: 45.5%}
    25% {opacity: 1; left: 45.5%}
    26% {opacity: 0; left: 45.5%}
    100% {opacity: 0; left: 100%}
}
@keyframes slidernavi1 { 
    0% {opacity: 0; left: 45.5%}
    1% {opacity: 1; left: 45.5%}
    25% {opacity: 1; left: 45.5%}
    26% {opacity: 0; left: 45.5%}
    100% {opacity: 0; left: 100%}
}
@-webkit-keyframes question1 { 
    0% {opacity: 0}
    3% {opacity: 0}
    4% {opacity: 1}
    25% {opacity: 1}
    26% {opacity: 0}
    100% {opacity: 0}
}
@keyframes question1 { 
    0% {opacity: 0}
    3% {opacity: 0}
    4% {opacity: 1}
    25% {opacity: 1}
    26% {opacity: 0}
    100% {opacity: 0}
}
 @-webkit-keyframes link1 { 
    0% {opacity: 0}
    17% {opacity: 0}
    18% {opacity: 1}
    25% {opacity: 1}
    26% {opacity: 0}
    100% {opacity: 0}
}
@keyframes link1 { 
    0% {opacity: 0}
    17% {opacity: 0}
    18% {opacity: 1}
    25% {opacity: 1}
    26% {opacity: 0}
    100% {opacity: 0}
}



@-webkit-keyframes sliding2 { 
    0% {opacity: 0; left: 100%}
    26% {opacity: 0; left: 100%}
    27% {opacity: 1; left: 0}
    50% {opacity: 1; left: 0}
    51% {opacity: 0; left: -100%}
    100% {opacity: 0; left: -100%}
}
@keyframes sliding2 { 
    0% {opacity: 0; left: 100%}
    26% {opacity: 0; left: 100%}
    27% {opacity: 1; left: 0}
    50% {opacity: 1; left: 0}
    51% {opacity: 0; left: -100%}
    100% {opacity: 0; left: -100%}
}
@-webkit-keyframes slidernavi2 { 
    0% {opacity: 0; left: 100%}
    26% {opacity: 0; left: 45.5%}
    27% {opacity: 1; left: 45.5%}
    50% {opacity: 1; left: 45.5%}
    51% {opacity: 0; left: 45.5%}
    100% {opacity: 0; left: 100%}
}
@keyframes slidernavi2 { 
    0% {opacity: 0; left: 100%}
    26% {opacity: 0; left: 45.5%}
    27% {opacity: 1; left: 45.5%}
    50% {opacity: 1; left: 45.5%}
    51% {opacity: 0; left: 45.5%}
    100% {opacity: 0; left: 100%}
}
@-webkit-keyframes question2 { 
    0% {opacity: 0}
    28% {opacity: 0}
    29% {opacity: 1}
    50% {opacity: 1}
    51% {opacity: 0}
    100% {opacity: 0}
}
@keyframes question2 { 
    0% {opacity: 0}
    28% {opacity: 0}
    29% {opacity: 1}
    50% {opacity: 1}
    51% {opacity: 0}
    100% {opacity: 0}
}

@-webkit-keyframes link2 { 
    0% {opacity: 0}
    40% {opacity: 0}
    41% {opacity: 1}
    50% {opacity: 1}
    51% {opacity: 0}
    100% {opacity: 0}
}
@keyframes link2 { 
    0% {opacity: 0}
    40% {opacity: 0}
    41% {opacity: 1}
    50% {opacity: 1}
    51% {opacity: 0}
    100% {opacity: 0}
}




@-webkit-keyframes sliding3 { 
    0% {opacity: 0; left: 100%}
    50% {opacity: 0; left: 100%}
    51% {opacity: 1; left: 0}
    75% {opacity: 1; left: 0}
    76% {opacity: 0; left: -100%}
    100% {opacity: 0; left: -100%}
}
@keyframes sliding3 { 
    0% {opacity: 0; left: 100%}
    50% {opacity: 0; left: 100%}
    51% {opacity: 1; left: 0}
    75% {opacity: 1; left: 0}
    76% {opacity: 0; left: -100%}
    100% {opacity: 0; left: -100%}
}
@-webkit-keyframes slidernavi3 { 
    0% {opacity: 0; left: 100%}
    50% {opacity: 0; left: 45.5%}
    51% {opacity: 1; left: 45.5%}
    75% {opacity: 1; left: 45.5%}
    76% {opacity: 0; left: 45.5%}
    100% {opacity: 0; left: 100%}
}
@keyframes slidernavi3 { 
    0% {opacity: 0; left: 100%}
    50% {opacity: 0; left: 45.5%}
    51% {opacity: 1; left: 45.5%}
    75% {opacity: 1; left: 45.5%}
    76% {opacity: 0; left: 45.5%}
    100% {opacity: 0; left: 100%}
}
@-webkit-keyframes question3 { 
    0% {opacity: 0}
    52% {opacity: 0}
    53% {opacity: 1}
    75% {opacity: 1}
    76% {opacity: 0}
    100% {opacity: 0}
}
@keyframes question3 { 
    0% {opacity: 0}
    52% {opacity: 0}
    53% {opacity: 1}
    75% {opacity: 1}
    76% {opacity: 0}
    100% {opacity: 0}
}

@-webkit-keyframes link3 { 
    0% {opacity: 0}
    69% {opacity: 0}
    70% {opacity: 1}
    75% {opacity: 1}
    76% {opacity: 0}
    100% {opacity: 0}
}
@keyframes link3 { 
    0% {opacity: 0}
    69% {opacity: 0}
    70% {opacity: 1}
    75% {opacity: 1}
    76% {opacity: 0}
    100% {opacity: 0}
}



@-webkit-keyframes sliding4 { 
    0% {opacity: 1; left: 100%}
    75% {opacity: 0; left: 100%}
    76% {opacity: 1; left: 0}
    98% {opacity: 1; left: 0}
    100% {opacity: 0; left: -100%}
}
@keyframes sliding4 { 
    0% {opacity: 0; left: 100%}
    75% {opacity: 0; left: 100%}
    76% {opacity: 1; left: 0}
    98% {opacity: 1; left: 0}
    100% {opacity: 0; left: -100%}
}
@-webkit-keyframes slidernavi4 { 
    0% {opacity: 0; left: 100%}
    75% {opacity: 0; left: 45.5%}
    76% {opacity: 1; left: 45.5%}
    98% {opacity: 1; left: 45.5%}
    99% {opacity: 0; left: 45.5%}
    100% {opacity: 0; left: 100%}
}
@keyframes slidernavi4 { 
    0% {opacity: 0; left: 100%}
    75% {opacity: 0; left: 45.5%}
    76% {opacity: 1; left: 45.5%}
    98% {opacity: 1; left: 45.5%}
    99% {opacity: 0; left: 45.5%}
    100% {opacity: 0; left: 100%}
}
@-webkit-keyframes question4 { 
    0% {opacity: 1}
    78% {opacity: 0}
    79% {opacity: 1}
    98% {opacity: 1}
    100% {opacity: 0}
}
@keyframes question4 { 
    0% {opacity: 0}
    78% {opacity: 0}
    79% {opacity: 1}
    98% {opacity: 1}
    100% {opacity: 0}
}
@-webkit-keyframes link4 { 
    0% {opacity: 1}
    88% {opacity: 0}
    89% {opacity: 1}
    98% {opacity: 1}
    100% {opacity: 0}
}
@keyframes link4 { 
    0% {opacity: 0}
    88% {opacity: 0}
    89% {opacity: 1}
    98% {opacity: 1}
    100% {opacity: 0}
}


@-webkit-keyframes hiddenSlide { 
    0% {opacity: 0; left: 100%}
    100% {opacity: 0; left: 100%}
}
@keyframes hiddenSlide { 
    0% {opacity: 0; left: 100%}
    100% {opacity: 0; left: 100%}
}

@-webkit-keyframes hiddenNavi { 
    0% {opacity: 0; left: 100%}
    100% {opacity: 0; left: 100%}
}
@keyframes hiddenNavi { 
    0% {opacity: 0; left: 100%}
    100% {opacity: 0; left: 100%}
}

@-webkit-keyframes hiddenQuestion { 
    0% {opacity: 0}
    100% {opacity: 0}
}
@keyframes hiddenQuestion { 
    0% {opacity: 0}
    100% {opacity: 0}
}

@-webkit-keyframes hiddenLink { 
    0% {opacity: 0}
    100% {opacity: 0}
}
@keyframes hiddenLink { 
    0% {opacity: 0}
    100% {opacity: 0}
}


#slide01-1, #slide02-1, #slide03-1, #slide04-1, #slide01-2, #slide02-2, #slide03-2, #slide04-2 {
    position: absolute;
    width: 100%;
	text-align:center;
    min-height: 440px;
    opacity: 1;
    animation-iteration-count: infinite;
    animation-duration: 40s;
    -webkit-animation-duration: 40s; /* Chrome, Safari, Opera */
}
#slide01-1 {
	background-image: url(../img/background-1.jpg);
    left: -100%;
    z-index: 200;
    -webkit-animation-name: sliding1; /* Chrome, Safari, Opera */
    animation-name: sliding1;
}
#slide02-1 {
	background-image: url(../img/background-2.jpg);
    left: -100%;
    z-index: 300;
    -webkit-animation-name: sliding2; /* Chrome, Safari, Opera */
    animation-name: sliding2;
}
#slide03-1 {
	background-image: url(../img/background-3.jpg);
    left: -100%;
    z-index: 400;
    -webkit-animation-name: sliding3; /* Chrome, Safari, Opera */
    animation-name: sliding3;
}
#slide04-1 {
	background-image: url(../img/background-4.jpg);
    left: -100%;
    z-index: 500;
    -webkit-animation-name: sliding4; /* Chrome, Safari, Opera */
    animation-name: sliding4;
}
#slide01-2 {
	background-image: url(../img/background-1.jpg);
    left: -100%;
    z-index: 300;
    -webkit-animation-name: hiddenSlide; /* Chrome, Safari, Opera */
    animation-name: hiddenSlide;
}
#slide02-2 {
	background-image: url(../img/background-2.jpg);
    left: -100%;
    z-index: 400;
    -webkit-animation-name: hiddenSlide; /* Chrome, Safari, Opera */
    animation-name: hiddenSlide;
}
#slide03-2 {
	background-image: url(../img/background-3.jpg);
    left: -100%;
    z-index: 500;
    -webkit-animation-name: hiddenSlide; /* Chrome, Safari, Opera */
    animation-name: hiddenSlide;
}
#slide04-2 {
	background-image: url(../img/background-4.jpg);
    left: -100%;
    z-index: 600;
    -webkit-animation-name: hiddenSlide; /* Chrome, Safari, Opera */
    animation-name: hiddenSlide;
}

div#question1-1, div#question2-1, div#question3-1, div#question4-1, div#question1-2, div#question2-2, div#question3-2, div#question4-2 {
	position:relative;
	clear: left;
    margin: 0px auto;
	top:40px;
    opacity: 0;
	max-width: 1000px;
	width:86%;
	text-align:center;
	vertical-align:middle;
    font-family: 'TradeGothicLTPro-Bold', 'Open Sans', Arial, Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 3.2rem;
    line-height: 3.6rem;
    color: #fff;
    animation-iteration-count: infinite;
    animation-duration: 40s;
    -webkit-animation-duration: 40s; /* Chrome, Safari, Opera */
	}
	
#question1-1 {
    -webkit-animation-name: question1; /* Chrome, Safari, Opera */
    animation-name: question1;
}

#question2-1 {
    -webkit-animation-name: question2; /* Chrome, Safari, Opera */
    animation-name: question2;
}

#question3-1 {
    -webkit-animation-name: question3; /* Chrome, Safari, Opera */
    animation-name: question3;
}

#question4-1 {
    -webkit-animation-name: question4; /* Chrome, Safari, Opera */
    animation-name: question4;
}

#question1-2 {
    -webkit-animation-name: hiddenQuestion; /* Chrome, Safari, Opera */
    animation-name: hiddenQuestion;
}

#question2-2 {
    -webkit-animation-name: hiddenQuestion; /* Chrome, Safari, Opera */
    animation-name: hiddenQuestion;
}

#question3-2 {
    -webkit-animation-name: hiddenQuestion; /* Chrome, Safari, Opera */
    animation-name: hiddenQuestion;
}

#question4-2 {
    -webkit-animation-name: hiddenQuestion; /* Chrome, Safari, Opera */
    animation-name: hiddenQuestion;
}
	




div#link1-1, div#link2-1, div#link3-1, div#link4-1, div#link1-2, div#link2-2, div#link3-2, div#link4-2  {
    position: relative;
	width:auto;
    top: 80px;
    opacity: 0;
    font-weight: 600;
    color:#fff;
    animation-iteration-count: infinite;
    animation-duration: 40s;
    -webkit-animation-duration: 40s; /* Chrome, Safari, Opera */
}

#link1-1 {
    -webkit-animation-name: link1; /* Chrome, Safari, Opera */
    animation-name: link1;
}

#link2-1 {
    -webkit-animation-name: link2; /* Chrome, Safari, Opera */
    animation-name: link2;
}

#link3-1 {
    -webkit-animation-name: link3; /* Chrome, Safari, Opera */
    animation-name: link3;
}

#link4-1 {
    -webkit-animation-name: link4; /* Chrome, Safari, Opera */
    animation-name: link4;
}

#link1-2 {
    -webkit-animation-name: hiddenLink; /* Chrome, Safari, Opera */
    animation-name: hiddenLink;
}

#link2-2 {
    -webkit-animation-name: hiddenLink; /* Chrome, Safari, Opera */
    animation-name: hiddenLink;
}

#link3-2 {
    -webkit-animation-name: hiddenLink; /* Chrome, Safari, Opera */
    animation-name: hiddenLink;
}

#link4-2 {
    -webkit-animation-name: hiddenLink; /* Chrome, Safari, Opera */
    animation-name: hiddenLink;
}




#bullets1-1,
#bullets2-1,
#bullets3-1,
#bullets4-1,
#bullets1-2,
#bullets2-2,
#bullets3-2,
#bullets4-2 {
    position: absolute;
    margin: 0px auto;
    opacity: 1;
    width: 120px;
	top: 408px;
	min-height:21px;
    z-index: 1000;
	color:#fff;
	animation-iteration-count: infinite;
    animation-duration: 40s;
    -webkit-animation-duration: 40s; /* Chrome, Safari, Opera */
}
#bullets1-1 {
    -webkit-animation-name: slidernavi1; /* Chrome, Safari, Opera */
    animation-name: slidernavi1;
	}
#bullets2-1 {
    -webkit-animation-name: slidernavi2; /* Chrome, Safari, Opera */
    animation-name: slidernavi2;
	}
#bullets3-1 {
    -webkit-animation-name: slidernavi3; /* Chrome, Safari, Opera */
    animation-name: slidernavi3;
	}
#bullets4-1 {
    -webkit-animation-name: slidernavi4; /* Chrome, Safari, Opera */
    animation-name: slidernavi4;
	}
#bullets1-2 {
    -webkit-animation-name: hiddenNavi; /* Chrome, Safari, Opera */
    animation-name: hiddenNavi;
	}
#bullets2-2 {
    -webkit-animation-name: hiddenNavi; /* Chrome, Safari, Opera */
    animation-name: hiddenNavi;
	}
#bullets3-2 {
    -webkit-animation-name: hiddenNavi; /* Chrome, Safari, Opera */
    animation-name: hiddenNavi;
	}
#bullets4-2 {
    -webkit-animation-name: hiddenNavi; /* Chrome, Safari, Opera */
    animation-name: hiddenNavi;
	}
	
	
div.point {
    float: left;
	width: 21px;
    margin-right: 8px;

}
div.pointLast {
    float: left;
	width: 21px;
    margin-right:0;
}
div.point :hover { cursor: pointer }
div.pointLast :hover { cursor: pointer }

#teaser {
	position:relative;
	width:100%;
	max-width:1560px;
	background-color:#e5e5e5;
	padding:0;
	margin-top:40px;
	margin-left:1.25%;
	-webkit-border-radius: 6px;
  	-moz-border-radius: 6px;
  	border-radius: 6px;
}
#sentry {
	position:relative;
	width:100%;
	max-width:1560px;
	background-color:#e5e5e5;
	padding-bottom: 20px;
	margin-top:40px;
	margin-left:1.25%;
	-webkit-border-radius: 6px;
  	-moz-border-radius: 6px;
  	border-radius: 6px;
}
div.left {
	width:48%;
	float:left;
	margin-left:2%;
	padding-bottom:20px;
}
div.right {
	width:50%;
	float:right;
	max-width:1010px;
}

div.right img{
	position:relative;
	width:100%;
}
div.left h1{
	position:relative;
	float: left;
	width:90%;
	line-height:36px;
	margin-bottom:30px;
	margin-top:30px;
}	
div.left p{
	position:relative;
	font-size:18px;
	line-height:26px;
	width:90%;
	margin-bottom:30px;
}	

a.teaserMore {
	position:relative;
	margin-top:30px;
	color:#000;
    font-size: 1.2rem;
	font-weight:bold;
	text-decoration:none;
	padding: 6px 0 6px 32px;
	background-image:url(../img/link_black_white.svg);
	background-repeat:no-repeat;
	background-size: 26px 26px;
	background-position: 0 6px;
}

#teaserWrap {
	position:relative;
	width:100%;
	max-width:1600px;
	min-height: 720px;
	background-color:#fff;
	padding-bottom: 20px;
}
	
#teaser1, #teaser2, #teaser3, #teaser4 {
	position:relative;
	float:left;
	max-width: 360px;
	width: 22.5%;
	min-height: 620px;
	height:100%;
	margin: 60px 1.25% 40px 1.25%;
	-webkit-border-radius: 6px;
  	-moz-border-radius: 6px;
  	border-radius: 6px;
	text-align:center;
}

div.teaserHead {
	position:relative;
	width:100%;
	padding:20px 0;
	color: #ceba6d;
    font-family: 'TradeGothicLTPro-Bold', 'Open Sans', Arial, Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 2rem;
	line-height: 2.2rem;
	text-align:center;
	background-color: #00030c;
	-webkit-border-top-left-radius: 6px;
  	-moz-border-top-left-radius: 6px;
  	border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
  	-moz-border-top-right-radius: 6px;
  	border-top-right-radius: 6px;

}
#teaser1 {
	background-color: #ec7063;
	
}
#teaser2 {
	background-color: #75bbe0;
}
#teaser3 {
	background-color: #eda464;
}
#teaser4 {
	background-color: #2ecc71;
}
#teaser1 img, #teaser2 img, #teaser3 img, #teaser4 img{
	max-width:300px;
	width:90%;
	margin-top: 20px;
}

div.teaserCopy {
	position:absolute;
	margin-top:20px;
	max-width:300px;
	width:90%;
	text-align:left!important;
	margin-left:5%;
	font-size: 1.2rem;
	line-height: 1.4rem;
}

a.teaserLink {
	position:absolute;
	left: 5%;
	bottom: 20px;
	color:#000;
    font-size: 1.2rem;
	font-weight:bold;
	text-decoration:none;
	padding: 6px 0 6px 32px;
	background-image:url(../img/link_black_white.svg);
	background-repeat:no-repeat;
	background-size: 26px 26px;
	background-position: 0 0;
}

a.teaserLink:hover{
	text-decoration:underline;
}
#teaserWide1, #teaserWide2, #teaserWide3, #teaserWide4 {
	position:relative;
	float:left;
	max-width: 760px;
	width: 47.5%;
	min-height: 580px;
	height:100%;
	margin: 80px 1.25% 40px 1.25%;
	-webkit-border-radius: 6px;
  	-moz-border-radius: 6px;
  	border-radius: 6px;
	text-align:center;
}
#teaserWide3, #teaserWide4 {
	min-height: 600px;
	background-color: #2ecc71;		
}
#teaserWide1 img, #teaserWide2 img{
	width:90%; 
	max-width:680px;
	margin-top:20px;
}
#teaserWide1 div.teaserCopy, #teaserWide2 div.teaserCopy {
	position:absolute;
	margin-top:20px;
	max-width:680px;
	width:90%;
	text-align:left!important;
	margin-left:5%;
	font-size: 1.2rem;
	line-height: 1.4rem;
}
#teaserWide3 img, #teaserWide4 img{
	width:90%; 
	max-width:680px;
	margin-top:20px;
}
#teaserWide3 div.teaserCopy, #teaserWide4 div.teaserCopy {
	position:absolute;
	margin-top:20px;
	max-width:680px;
	width:90%;
	text-align:left!important;
	margin-left:5%;
	font-size: 1.2rem;
	line-height: 1.4rem;
}

#tech{
	position:relative;
	clear: left;
    margin: 0px auto;
	width:96%;
	max-width:1500px;
	text-align:center;
	margin-bottom:50px;
}
#tech h1 {
    font-family: 'TradeGothicLTPro-Bold', 'Open Sans', Arial, Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 2.4rem;
	line-height:2.6rem;
	color: #00030c;
	margin-bottom: 40px;
	margin-top: 50px;
}
#tech h2 {
	margin-bottom: 40px;
}

#tech p {
	position:relative;
	clear: left;
    margin: 0px auto;
	width:80%;
    font-size: 1.4rem;
	color: #00030c;
	line-height: 2rem;
}
#tech #PowerSlider1Container {
	text-align:center;
}
#tech p {
	position:relative;
	clear: left;
    margin: 0px auto;
	width:80%;
    font-size: 1.4rem;
	color: #00030c;
	line-height: 2rem;
}

#tech p a{
	text-align:center;
    padding: 14px 10px 14px 40px;
    font-size: 2.0rem;
    font-weight: 600;
    color:#000;
    text-decoration:none;
    background-image:url(../img/link_red_white.svg);
	background-size: 30px 30px;
    background-repeat:no-repeat;
    background-position: 0 26px;
}

#tech p a:hover{
    text-decoration: underline;
}
#sitemapWrap {
	position:relative;
	width: 100%;
	max-width:1600px;
	border-top: 26px solid #00030c;
	z-index:1000;
}
#sitemap1, #sitemap2, #sitemap3, #sitemap4 {
	position:relative;
	width:24.8%;
	max-width:399px;
	min-height: 300px;
	height:100%;
	float: left;
	border-right: 1px solid #00030c;
}
#sitemap1 {
	width:25%;
	max-width: 400px;
}
#sitemap4 {
	border-right: none;
}
#sitemap1 ul, #sitemap2 ul, #sitemap3 ul, #sitemap4 ul {
	padding-left: 2.5rem;
	margin-left:10px;
}

#sitemap1 ul li, #sitemap2 ul li, #sitemap3 ul li, #sitemap4 ul li {
	list-style:none;
	list-style-image:url(../img/link_red_white_small.png);
	list-style-position: outside;
	padding-bottom:22px;
}

#sitemap1 ul li a, #sitemap2 ul li a, #sitemap3 ul li a, #sitemap4 ul li a {
	color:#000;
    font-size: 1.4rem;
	text-decoration:none;
	line-height:1.8rem;

}
#sitemap1 ul li a:hover, #sitemap2 ul li a:hover, #sitemap3 ul li a:hover, #sitemap4 ul li a:hover {
	text-decoration: underline;
}
#sitemap1 h1, #sitemap2 h1, #sitemap3 h1, #sitemap4 h1 {
	position:relative;
	margin-top: 30px;
	margin-bottom: 30px;
	left:20px;
	color: #000;
    font-family: 'TradeGothicLTPro-Bold', 'Open Sans', Arial, Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 2rem;
	font-weight:normal;
}
	
	div#footer {
		position: relative;
		width: 96%;
		padding: 2%;
		text-align: left;
		border-top: 1px solid #ccc;
		z-index: 200;
		color: #ceba6d;
		background-color: #00030c;
		}

	#footer a {
	color: #ceba6d;
		text-decoration: none;
		font-size: 15px;
		margin-top: 15px;
		}

	#footer a:hover {
		text-decoration: underline;
		}
		
	.cr {
		float: right;
		font-size: 11px;
		}
		
	#foot-navlist li {
		display: inline;
		list-style-type: none;
		padding: 20px;
		}

	#foot-navlist li a{
		display: inline;
		list-style-type: none;
    font-size: 1rem;
	text-decoration:none;
	padding: 6px 0 6px 26px;
	background-image:url(../img/link_black_gold.svg);
	background-repeat:no-repeat;
	background-size: 20px 20px;
	background-position: 0 8px;
		}





@media screen and (max-width:1416px) { 
div.teaserCopy {
	font-size: 1.1rem;
	line-height: 1.3rem;
}
}
@media screen and (max-width:1040px) {
div.breadcrumb {
		float: none;
		margin-top: 20px;
		max-width: 900px;
		width:90%;
		margin-left:5%;
	}


#content23 {
		position: relative;
		max-width: 900px;
		width:90%;
		margin-left:5%;
	}
#content23 img{
	max-width:900px;
	width:100%;
	margin-top:20px;
	margin-bottom: 20px;
}
#content23 table{
		width:100%;
		max-width:800px;
		
	}
#content-ref {
		position: relative;
		max-width: 900px;
		width:90%;
		margin-left:5%;
	}
#content-ref table{
		width:100%;
		min-width:460px;
		max-width:800px;
		
	}
	
#teaser1, #teaser2, #teaser3, #teaser4 {
	max-width: 480px;
	width: 47%;
	min-height: 650px;
}
#teaser1 img, #teaser2 img, #teaser3 img, #teaser4 img{
	max-width:400px;
	width:90%;
	margin-top: 20px;
}
div.teaserCopy {
	max-width:400px;
	width:90%;
	margin-left:5%;
	font-size: 1.2rem;
	line-height: 1.4rem;
}

#sitemap1, #sitemap2, #sitemap3, #sitemap4 {
	width:49.6%;
	max-width:480px;
	min-height: 332px;
}
#sitemap1, #sitemap2 {
	border-bottom: 1px solid #00030c;
}
#sitemap4, #sitemap2 {
	border-right: none;
}
div.left {
	float: none;
	width:96%;
	margin-left:2%;
}
div.right{
	float:none;
	width:100%;
}
div.right img{
	width:100%;
	max-width:1010px;
}


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

div#question1-1, div#question2-1, div#question3-1, div#question4-1, div#question1-2, div#question2-2, div#question3-2, div#question4-2 {
    font-size: 3.2rem;
    line-height: 3.6rem;
	}

#navigation {
	position:relative;
	float:right;
	width:140px;
	max-width:50%;
	margin-top:20px;
	margin-left: 3%;
}
}
@media screen and (max-width:800px) {
#sliderFix img{
	position:relative;
	float:none;
	width:50%;
	max-width:330px;
	padding: 20px 4% 0 4%;
}
#sliderFix .copy {
	max-width: 720px;
	width:90%;
	padding: 20px 4% 0 4%;
	float:none;
	font-size: 1.6rem;
    line-height: 2.2rem;
}


}
@media screen and (max-width:700px) { 
#logo {
		max-width: 180px;
		width: 40%;
	}
#slogan {
    font-size: 2.6rem;
    line-height: 2.8rem;
}


#slider {
    min-height:480px;
}
#slide01-1, #slide02-1, #slide03-1, #slide04-1, #slide01-2, #slide02-2, #slide03-2, #slide04-2 {
    min-height: 480px;
}
div#question1-1, div#question2-1, div#question3-1, div#question4-1, div#question1-2, div#question2-2, div#question3-2, div#question4-2 {
    font-size: 2.8rem;
    line-height: 3.1rem;
	}

div a.link {
    padding: 14px 10px 14px 40px;
    font-size: 1.8rem;
    font-weight: 600;
    color:#fff;
    text-decoration:none;
    background-image:url(../img/link_red_white.svg);
	background-size: 26px 26px;
    background-repeat:no-repeat;
    background-position: 0 24px;
}
#bullets1-1,
#bullets2-1,
#bullets3-1,
#bullets4-1,
#bullets1-2,
#bullets2-2,
#bullets3-2,
#bullets4-2 {
	top: 450px;
}


}

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

#teaser1, #teaser2, #teaser3, #teaser4 {
	max-width: 550px;
	width: 96%;
	min-height: 790px;
	margin-bottom: 20px;
}
div.teaserHead {
    font-size: 2.4rem;
}
#teaser1 img, #teaser2 img, #teaser3 img, #teaser4 img{
	max-width:500px;
}
div.teaserCopy {
	max-width:500px;
	font-size: 1.6rem;
	line-height: 1.8rem;
}
a.teaserLink {
	bottom: 20px;
    font-size: 1.6rem;
	font-weight:bold;
	text-decoration:none;
	padding: 8px 0 8px 32px;
	background-image:url(../img/link_black_white.svg);
	background-repeat:no-repeat;
	background-size: 26px 26px;
	background-position: 0 4px;
}
#teaserWide1, #teaserWide2 {
	float:none;
	max-width: 550px;
	width: 96%;
	min-height: 530px;
}
#teaserWide3, #teaserWide4 {
	float:none;
	max-width: 550px;
	width: 96%;
	min-height: 530px;
}
	#content-ref h1{
		position:relative;
		display:block;
		float:none;
	}


	#contentImg{
		position:relative;
		max-width: 360px;
		min-width:200px;
		text-align:left;
		float:none;
		margin-right:0;
		margin-bottom:30px;
	}

#sitemap1, #sitemap2, #sitemap3, #sitemap4 {
	width:98%;
	max-width:599px;
	min-height: 160px;
	border: none;
	margin-bottom:20px;
}
#sitemap4 {
	border-right: none;
}
	#foot-navlist li {
		display:list-item;
		list-style-type: none;
		padding: 30px 0;
		}

}

@media screen and (max-width:470px) { 
#slider {
    min-height:580px;
}
#slide01-1, #slide02-1, #slide03-1, #slide04-1, #slide01-2, #slide02-2, #slide03-2, #slide04-2 {
    min-height: 580px;
}
#bullets1-1,
#bullets2-1,
#bullets3-1,
#bullets4-1,
#bullets1-2,
#bullets2-2,
#bullets3-2,
#bullets4-2 {
	top: 550px;
}
#teaser1, #teaser2, #teaser3, #teaser4 {
	min-height: 700px;
	margin: 40px 1.25% 0 1.25%;
}
div.teaserCopy {
	max-width:500px;
	font-size: 1.4rem;
	line-height: 1.6rem;
}
#teaserWide1, #teaserWide2 {
	float:none;
	min-height: 580px;
}
#teaserWide3, #teaserWide4 {
	float:none;
	min-height: 580px;
}

}

@media screen and (max-width:360px) { 
#logo {
		position: relative;
		padding:20px 1% 20px 2%;
		max-width: 46%;
		float:left;
	}
#logo img{
		max-width:100%;
		min-width: 150px;
		float:left;
	}



#slider {
    min-height:640px;
}
#slide01-1, #slide02-1, #slide03-1, #slide04-1, #slide01-2, #slide02-2, #slide03-2, #slide04-2 {
    min-height: 640px;
}
#bullets1-1,
#bullets2-1,
#bullets3-1,
#bullets4-1,
#bullets1-2,
#bullets2-2,
#bullets3-2,
#bullets4-2 {
	top: 610px;
}
#teaserWide3, #teaserWide4 {
	float:none;
	min-height: 650px;
}
}

	padding: 6px 0 6px 32px;
	background-image:url(../img/link_red_white.svg);
	background-repeat:no-repeat;
	background-size: 22px 22px;
	background-position: 0 12px;