/* Container holding the image and the text */
 @font-face {
	font-family: 'Roboto-Regular';
	src: url('../fonts/Roboto-Regular.ttf');
}
@font-face {
	font-family: 'Roboto-Bold';
	src: url('../fonts/Roboto-Bold.ttf');
}


 body {
	background:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 0;
	margin: 0 0;
	min-width: 640px;
	padding: 0;
}
a:link {
	color:  rgba(44,80,104,1);
	text-decoration: none;
}
a:visited {
	color:  rgba(44,80,104,1);
	text-decoration: none;
}
a:hover {
	color:  rgba(44,80,104,1);
	text-decoration: none;
}
a:active {
	color:  rgba(44,80,104,1);
	text-decoration: none;
}

.headerContainer {
	position: relative;
	text-align: left;
	display: block;
	margin: auto;
	width: 100%;
	padding: 0;
	overflow: hidden;
}

.headerVideo {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	top: 0px;
	width: 100%;
	
	min-width: 1080px;
	overflow: hidden;

}





.navigationBackground {
	position: absolute;
	left: 0px;
	bottom: 25%;
	height: 50%;
	width: 100%;
	min-height: 128px;
	min-width: 640px;
	text-align: center;
	background-color: rgba(38,76,94,0.44);
}

.logoMain {
	position: relative;
	height: 120px;

	top: -8px;
}
  
	
#navi {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 25px;
	margin: 0;
	text-align: center;
}
#navi ul {
	margin: 0;
	padding: 0px 0 0;
}
#navi ul li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0 28px;
}
#navi ul li a {
	color: #ffffff;
	display: inline-block;
	font-family: "Roboto-Regular", Gadget, sans-serif;
	font-size: 18px;
	font-weight: normal;
	margin: 0;
	padding: 0 0 3px;
	
	text-decoration: none;
}
#navi ul li a:hover, #navi ul li.selected a {
	color: #8adaff;
	/*font-family: "Verdana Bold", Gadget, sans-serif;*/
	font-weight: bold;
}
















.content {
	position: relative;
/* 	font-family: Arial, Helvetica, sans-serif; */
	font-size: 14px;
	font-weight: normal;
	margin: auto;
	width: 100%;
 	min-width: 640px;
	padding: 0;
	max-width: 1024px;
	top: 32px;
	min-height: 800px;
	line-height: 1;

	padding-bottom: 128px;

	/* height: 100%; */

}



.contentContainer{	
	position: relative;
	width: 100%;
	left: 0%;
	/* background-color:  rgba(44,80,104,0.2); */
	margin-bottom: 20px;
	display: inline-block;
	max-width: 100%;
	
}




.singleContentThumbnail {
	position: relative;
	width: 75%;
	float:left;
	top: 0px;
	padding-bottom: 64px;
	max-width: 100%;
	object-fit: contain;
	line-height: 1.5;	
/* 	background-color: rgba(38,76,94,0.35); */
}



.singleContentThumbnail img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.singleContentThumbnailHalfLeft {
	position: relative;
	width:49.65%;
	left: 0px;
	top: 0px;


	display: inline-block;
/* 	background-color: rgba(122,76,94,0.35); */
/* 	border-right-style: solid;
	border-right-width: 2px;
	border-right-color: white;
 */
/* 	padding-bottom:3764px; */
}
.singleContentThumbnailHalfRight {
	position: relative;
	overflow: hidden;
	width: 49.65%;
	float: right;
	
	right: 0px;
	top: 0px;
	display: inline-block;
/* 	background-color: rgba(222,76,94,0.35); */
/* 	border-left-style: solid;
	border-left-width: 2px;
	border-left-color: white; */
}

/* .singleContentThumbnailHalfLeft div {
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	min-height: 32px;
	background-color: rgba(22,211,94,0.35);
}
.singleContentThumbnailHalfRight div {
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	min-height: 32px;
	background-color: rgba(22,211,94,0.35);
} */

.singleContentDescription {
	position: relative;
	width: 25%;
	float: right;
	height: 100%;
	top: 0px;
	transform: translateY(-12px);
}

.singleContentDescription div {
	position: absolute;
	color:  rgba(44,80,104,1);
	padding-left: 12px;
	width: 100%;
	height: 100%;
	margin: 20px;
	margin-top: 24px;

}

.singleContentDescription div h1 {
	font-weight: bold;
	font-size: 18px;
	color:  rgba(55,150,175,1);
}

.singleContentDescription div  a:link {
	color:  rgba(44,80,104,1);
	text-decoration: none;
}
.singleContentDescription div  a:visited {
	color:  rgba(44,80,104,1);
	text-decoration: none;
}
.singleContentDescription div  a:hover {
	color:  rgba(44,80,104,1);
	text-decoration: none;
}
.singleContentDescription div  a:active {
	color:  rgba(44,80,104,1);
	text-decoration: none;
}

.singleContentDescription div p {
	padding: 0px;
	font-weight: normal;
	font-size: 12px;
}








.doubleArticleSectionLeft {
	position: relative;
	float: left;
	text-align: left;
	width: 45%;
	top: 0px;
	/* background-color: #607b8d; */
	overflow: hidden;
	padding: 1.5%;
	line-height: 1.5;
}

.doubleArticleSectionLeft div {
	color:  rgba(44,80,104,1);
	width: 100%;
}

.doubleArticleSectionLeft div h1 {
	font-weight: bold;
	font-size: 18px;
	color:  rgba(55,150,175,1);
}

.doubleArticleSectionLeft ul li {
	width: auto;
	float: left;
	padding-right: 24px;
}


.img-valign{
	vertical-align: middle;
	margin-bottom: 0.75em;
	text-align: right;
	width: 48px;
	height: 48px;
}

.doubleArticleSectionRight {
	position: relative;
	float: right;
	text-align: left;
	width: 45%;
	top: 0px;
	/* background-color: #607b8d; */
	overflow: hidden;
	padding: 1.5%;
}


.doubleArticleSectionRight div {
	color:  rgba(44,80,104,1);
	line-height: 1.5;
	width: 100%;
}

.doubleArticleSectionRight ul li {
	width: auto;
	float: left;
	padding-right: 24px;
}


.doubleArticleSectionRight div h1{
	font-weight: bold;
	font-size: 18px;
	color:  rgba(55,150,175,1);
}








.doubleContentMidThumbnailLeft {
	position: absolute;
	right: 50%;
	text-align: right;
	width: 30%;
	top: 0px;
	background-color: #5b9cba;
}

.doubleContentMidThumbnailRight {
	position: absolute;
	left: 50%;
	text-align: left;
	width: 30%;
	top: 0px;
	background-color: #607b8d;
}

.doubleContentMidDescribtionLeft {
	position: absolute;
	right: 100%;
	text-align: right;
	width: 66.66%;
	height:100%;
	top: 0px;
	background-color: #5b1aba;
}

.doubleContentMidDescribtionRight {
	position: absolute;
	left: 100%;
	text-align: left;
	width: 66.66%;
	height:100%;
	top: 0px;
	background-color: #5b1aba;
}




























	.video-responsive{
		overflow:hidden;
		padding-bottom:65%;
		position:relative;
		width:100%;
		height:0;
		background-color: rgba(0,0,0,1);
	}
	.video-responsive iframe{
		left:0;
		top:0;
		height:100%;
		width:100%;
		position:absolute;
	}





































	.footer {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 48px;

		background-color: rgba(55,99,130,0.7);
		opacity:  1;
		color: white;
		text-align: center;
		line-height: 48px;
	 }

	 .footer div {
		margin: 0 auto;
		overflow: hidden;
		padding: 0;
		width: 90%;
		min-width: 640px;
		max-width: 900px;
	}
	.footer div p {
		color: #ffffff;
		float: left;
		line-height: 48px;
		margin: 0 0 0 0px;
		
		padding: 0;
	}

	.footer div ul {
		display: block;
		float: right;
		margin: 0;
		overflow: hidden;

		padding-top: 8px;
		width: 192px;
	
	}
	.footer div ul li {
		display: block;
		float: left;
		list-style: none;
		margin-left: 16px;
		padding: 0;
		width: 32px;
	}

	.footer div ul li a {
		background: url(../img/Socialicons.png) no-repeat 0 0;
		display: block;
		height: 32px;
		margin: 0;
		padding: 0;
		text-indent: -99999px;
		width: 32px;

	}

	.footer div ul li #email {
		background-position: 0 0;
	}
	.footer div ul li #email:hover {
		background-position: -32px 0;
	}
	.footer div ul li #linkedin {
		background-position: 0 -32px;
	}
	.footer div ul li #linkedin:hover {
		background-position: -32px -32px;
	}
	.footer div ul li #xing {
		background-position: 0 -64px;
	}
	.footer div ul li #xing:hover {
		background-position: -32px -64px;
	}
	.footer div ul li #kack3d {
		background-position: 0 -96px;
	}
	.footer div ul li #kack3d:hover {
		background-position: -32px -96px;
	}