/* Fonts */

	@font-face {
					font-family: "helvetica35";
					src: url("../fonts/Helvetica35Thin.woff") format("woff");
	}

	@font-face {
					font-family: "helvetica55";
					src: url("../fonts/Helvetica55Roman.woff") format("woff");
	}

	@font-face {
					font-family: "helvetica67";
					src: url("../fonts/Helvetica67MediumCondensed.woff") format("woff");
	}

	@font-face {
					font-family: "helvetica77";
					src: url("../fonts/Helvetica77BoldCondensed.woff") format("woff");
	}

/* Layout */

	body {
					position: relative;
					margin: 0px;
					padding: 0px;
					border: 0px none;
					hyphens: auto;
					font-family: helvetica55, segoe ui, tahoma, arial, helvetica, geneva, swiss, sans-serif;
					overflow-y: scroll;
					overflow-x: hidden;
					background-color: rgba(255,255,255,1.0);
	}

	img {
					border: 0px none;
	}

	a {
					text-decoration: none;
	}

	a:hover, 
	a:active {
					text-decoration: none;
	}

	a:active, 
	a:focus {
					outline: 0px;
	}

	a.phone {
					pointer-events: none;
					color: #fff;
					cursor: text;
	}

	::selection {
					color: #fff;
					background-color: rgba(93,138,197,1.0);
	}

/* Content */

	div.teaser {
					z-index: 1;
					margin: 0px;
					padding: 0px;
					height: 40vh;
					background-color: rgba(93,138,197,0.7);
					background-size: contain, cover;
					background-repeat: no-repeat;
	}

	div.teaser-home {
					height: 60vh;
					background-image: url("../images/layout/cut-white-up.png"), url("../images/sections/home.jpg");
					background-position: center bottom, center top 30%;
	}

	div.teaser-what-we-do {
					background-image: url("../images/layout/cut-white-up.png"), url("../images/sections/what-we-do.jpg");
					background-position: center bottom, center top 30%;
	}

	div.teaser-educational-hub {
					background-image: url("../images/layout/cut-white-up.png"), url("../images/sections/educational-hub.jpg");
					background-position: center bottom, center top 30%;
	}

	div.teaser-who-we-are {
					height: 35vh;
					background-image: url("../images/layout/cut-white-up.png"), url("../images/sections/who-we-are.jpg");
					background-position: center bottom, center top 40%;
	}

	div.teaser-members {
					background-image: url("../images/layout/cut-white-up.png"), url("../images/sections/members.jpg");
					background-position: center bottom, center bottom 30%;
	}

	div.teaser-documents {
					background-image: url("../images/layout/cut-white-up.png"), url("../images/sections/documents.jpg");
					background-position: center bottom, center top 50%;
	}

	div.teaser-partners {
					background-image: url("../images/layout/cut-white-up.png"), url("../images/sections/partners.jpg");
					background-position: center bottom, center top 30%;
	}

	div.teaser-get-in-touch {
					background-image: url("../images/layout/cut-white-up.png"), url("../images/sections/get-in-touch.jpg");
					background-position: center bottom, center top 30%;
	}

	div.teaser-imprint {
					background-image: url("../images/layout/cut-white-up.png"), url("../images/sections/imprint.jpg");
					background-position: center bottom, center top 50%;
	}

	div.teaser-privacy {
					background-image: url("../images/layout/cut-white-up.png"), url("../images/sections/privacy.jpg");
					background-position: center bottom, center top 40%;
	}

	div.content {
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 30px 0px;
	}

	div.left, 
	div.right {
					margin: 0px 0px 0px 0px;
					padding: 0px 5% 0px 5%;
					box-sizing: border-box;
	}

	div.center, 
	div.center-wide {
					margin: 0px auto;
					padding: 0px 5% 0px 5%;
					box-sizing: border-box;
	}

	div.bottom {
					padding: 0px 0px 40px 0px;
					background-image: url("../images/layout/cut-grey-up.png");
					background-position: center bottom;
					background-size: contain;
					background-repeat: no-repeat;
	}

	div.insert {
					margin: 0px 0px 0px 0px;
					padding: 40px 0px 30px 0px;
					background-position: center top, center bottom, center center;
					background-size: contain, contain, cover;
					background-repeat: no-repeat;
					background-color: rgba(93,138,197,0.7);
	}

	div.snow {
					background-image: url("../images/layout/cut-white-down.png"), url("../images/layout/cut-white-up.png"), url("../images/sections/insert-home.jpg");
	}

	div.blur {
					background-image: url("../images/layout/cut-white-down.png"), url("../images/layout/cut-white-up.png"), url("../images/sections/insert-blur.jpg");
	}

	h1 {
					margin: 0px 0px 0px 0px;
					padding: 60px 0px 20px 0px;
					font-family: helvetica67, segoe ui, tahoma, arial, helvetica, geneva, swiss, sans-serif;
					font-size: 40px;
					line-height: 42px;
					letter-spacing: 0px;
					color: rgba(93,138,197,1.0);
					hyphens: none;
	}

	h2 {
					margin: 0px 0px 15px 0px;
					padding: 10px 0px 0px 0px;
					font-family: helvetica55, segoe ui, tahoma, arial, helvetica, geneva, swiss, sans-serif;
					font-size: 24px;
					line-height: 30px;
					letter-spacing: 0px;
					color: rgba(51,51,51,0.8);
					hyphens: auto;
	}

	h3 {
					margin: 20px 0px 10px 0px;
					padding: 0px 0px 0px 0px;
					font-family: helvetica67, segoe ui, tahoma, arial, helvetica, geneva, swiss, sans-serif;
					font-size: 20px;
					line-height: 26px;
					letter-spacing: 1px;
					text-transform: uppercase;
					color: rgba(93,138,197,1.0);
					hyphens: auto;
	}

	p, 
	li {
					margin: 0px 0px 10px 0px;
					padding: 0px 0px 0px 0px;
					font-family: helvetica55, segoe ui, tahoma, arial, helvetica, geneva, swiss, sans-serif;
					font-size: 16px;
					line-height: 22px;
					color: rgba(0,0,0,0.8);
	}

	table {
					width: 100%;
					border-collapse: collapse;
	}

	th {
					margin: 0px 0px 0px 0px;
					padding: 2px 5px 2px 6px;
					font-family: helvetica67, segoe ui, tahoma, arial, helvetica, geneva, swiss, sans-serif;
					font-size: 15px;
					letter-spacing: 1px;
					text-transform: uppercase;
					text-align: center;
					vertical-align: top;
					color: rgba(93,138,197,1.0);
					border: 3px solid #fff;
	}

	td {
					margin: 0px 0px 10px 0px;
					padding: 2px 5px 2px 6px;
					font-family: helvetica55, segoe ui, tahoma, arial, helvetica, geneva, swiss, sans-serif;
					font-size: 15px;
					line-height: 20px;
					vertical-align: top;
					color: rgba(0,0,0,0.8);
					border: 3px solid #fff;
	}

	td:first-child {
					text-align: center;
	}

	video {
					margin: 20px 0px 20px 0px;
					width: 100%;
	}

	img.fullsize {
					margin: 20px 0px 20px 0px;
					max-width: 100%;
	}

	img.org {
					margin: 0px 0px 10px 0px;
					width: 100px;
	}

	img.flag {
					margin: 0px 0px 10px 0px;
					width: 100px;
					border: 1px solid #333;
					border-radius: 3px;
	}

	.content a {
					font-style: italic;
					color: rgba(93,138,197,1.0);
	}

	.content a:hover, 
	.content a:active {
					transition: all 0.2s ease-in-out;
					color: rgba(0,0,0,0.8);
	}

@media (min-width: 640px) {

	div.teaser {
					height: 91vh;
	}

	div.left {
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 5%;
					width: 75%;
					box-sizing: border-box;
	}

	div.right {
					margin: 0px 0px 0px 25%;
					padding: 0px 5% 0px 0px;
					width: 75%;
					box-sizing: border-box;
	}

	div.center {
					margin: 0px auto;
					padding: 0px;
					box-sizing: border-box;
					max-width: 1000px;
	}

	div.center-wide {
					margin: 0px auto;
					padding: 0px;
					box-sizing: border-box;
					width: 90%;
	}

	div.bottom {
					padding: 0px 0px 70px 0px;
	}

	div.insert {
					margin: 0px 0px 0px 0px;
					padding: 80px 0px 50px 10vw;
	}

	h1 {
					hyphens: none;
	}

	h2 {
					hyphens: none;
	}

	video {
					margin: 20px 0px 20px 0px;
					width: 45vw;
					min-width: 500px;
	}

}

/* Grid */

	div.grid {
					display: grid;
					grid-template-columns: auto;
					position: relative;
					width: 100%;
					margin: 0px auto;
	}

	div.boxes {
					grid-gap: 5vw;
					margin: 30px auto 20px auto;
	}

	div.boxes section {
					margin: 10px 0px 0px 0px;
					padding: 0px 10px 10px 10px;
					background-color: rgba(93,138,197,0.15);
					border-radius: 7px;
					overflow: hidden;
	}

	div.boxes img {
					margin: 0px -10px -10px -10px;
					width: calc(100% + 20px);
	}

	div.board {
					margin: 0px auto;
					max-width: 1000px;
					text-align: center;
	}

	div.board section {
					margin: 20px 0px 50px 0px;
	}

	div.countries {
					display: grid;
					grid-template-columns: 1fr 1fr;
					grid-gap: 10px;
	}

	div.countries section {
					min-width: 150px;
	}

@media (min-width: 710px) {

	div.countries {
					grid-template-columns: 1fr 1fr 1fr 1fr;
	}

}

@media (min-width: 920px) {

	div.grid {
					grid-template-columns: 1fr 1fr;
	}

	div.boxes {
					grid-gap: 3vw;
					margin: 50px auto 70px auto;
					max-width: calc(1000px + 3vw);
	}

	div.boxes section {
					margin: 0px auto;
					padding: 0px 10px 10px 10px;
					background-color: rgba(93,138,197,0.15);
					border-radius: 7px;
	}

	div.board {
					margin: 0px auto;
					max-width: 1000px;
					text-align: center;
	}

}

@media (min-width: 1080px) {

	div.countries {
					grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	}

}

/* Footer */

	footer {
					z-index: 1;
					margin: 0px;
					overflow: hidden;
					padding: 6px 0px 1px 0px;
					box-sizing: border-box;
					text-align: center;
					background-color: rgba(51,51,51,1.0);
	}

	footer div {
					display: block;
					margin: 0px auto 50px auto;
	}

	footer div.box01 {
					width: 174px;
	}

	footer div.box02 {
					width: 250px;
	}

	footer div.box03 {
					width: 136px;
	}

	footer div.box04 {
					width: 131px;
	}

	footer div.box05 {
					width: 175px;
	}

	footer .footerlogo img {
					display: none;
	}

	footer .socialmedia img {
					margin-top: 5px;
					opacity: 1.0;
	}

	footer .socialmedia img:hover {
					transition: all 0.2s ease-in-out;
					opacity: 0.5;
	}

	footer h2 {
					margin: 0px;
					padding: 0px 0px 20px 0px;
					font-family: helvetica77, segoe ui, tahoma, arial, helvetica, geneva, swiss, sans-serif;
					font-size: 18px;
					line-height: 16px;
					letter-spacing: 2px;
					color: #999;
	}

	footer p {
					margin: 0px;
					padding: 0px;
					font-size: 14px;
					line-height: 22px;
					letter-spacing: 0.2px;
					color: #999;
	}

	footer a {
					color: #999;
	}

	footer a:hover {
					transition: all 0.2s ease-in-out;
					color: #fff;
	}

@media (min-width: 950px) {

	footer {
					padding: 40px 0px 0px 0px;
					height: 178px;
	}

	footer div {
					display: inline-block;
					vertical-align: top;
					text-align: left;
					height: 100px;
	}

	footer .footerlogo img {
					display: inline;
					margin-top: 14px;
					height: 70px;
					opacity: 0.5;
	}

	footer .footerlogo img:hover {
					transition: all 0.2s ease-in-out;
					opacity: 1.0;
	}

}