body {
	background-color: #ffffff;
	/* margin: 30px;
	margin-top: 10px; */
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	font-family: 'Acme', sans-serif;
	position: relative;
}
#paneleft {
	position: absolute;
	top: 0;
	left: 0;
	width: 500px;
	height: 100%;
	background-image: url("keyboard.jpg");
}
#paneright {
	position: absolute;
	top: 0;
	right: 0;
	width: 500px;
	height: 100%;
	background-image: url("keyboard_r.jpg");
}
#contentContainer {
	padding: 30px;
	padding-top: 10px;
	width: 100%; 
	height: 800px;
	top: 0;
	left: 0;
	overflow: hidden;
	/*background-color: #f9f6ff;*/
	display: flex;
	position: relative;
}
#contentContainer * {
/** {*/
	/* border-width: 1px;
	border-color: #000000;
	border-style: solid; */
}
#bottompane {
	width: 100%;
	height: 50%;
	display: block;
	margin: 0 auto;
	position: absolute;
	left: 0%;
	top: 40%;
}
#bottomside {
	/* padding-left: 50px; */
	width: 30%;
	height: 100%;
	display: block;
	margin: 0 auto;
	position: absolute;
	left: 35%;
	top: 0%;
}
.cloud {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#cloud1{
}
#cloud2{
}
#cloud3{
}
#cloud4{
}
#cloud5{
}
.item {
	position: absolute;
	display: flex;
	align-items: center;
	text-align: center;
	margin: 0;
}
#item1 {
	background-image: url("keySkills.png");
}
#item2 {
	background-image: url("industries.png");
}
#item3 {
	background-image: url("directions.png");
}
#item4 {
	background-image: url("education.png");
}
#item5 {
	background-image: url("projects.png");
}
#item6 {
	background-image: url("profile.png");
	z-index: 2;
}
#zoneright {
	position: absolute;
	z-index: 4;
}
#zoneleft {
	position: absolute;
	z-index: 4;
}
p.itemp {
	position: absolute;
	top: 100%;
	font-size: 24px;
	width: 100%;
	text-align: center;
	text-shadow: 1px 1px 4px white, 1px 1px 1px white, -1px -1px 1px white;
	padding: 0;
	margin: 0;
}
#detail {
	position: absolute;
	width: 80%;
	height: 95%;
	top: 5%;
	left: 20%;
	/*background-color: #ffff88;*/
	z-index: 5;
	padding: 10pt;
	display: none;
	font-family: 'Gotu', sans-serif;
	/*font-family: 'Belleza', sans-serif;*/
	/*display: none;*/
}
.detail {
	position: absolute;
	top: 0;
	left: 0;
	margin: 10pt;
	/*display: none;*/
	/*-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 20px;*/
}
ul {
	list-style-image: url('button.png');
}
li {
	position: relative;
}
.langname {
	/* display: inline-block; */
	display: inline;
	position: relative;
	top: 0px
}
.lang {
	background-image: url("stars.png");
	background-size: 100px;
	/* display: inline-block; */
	display: inline-block;
	width: 100px;
	height: 17px;
	position: relative;
	top: 3px;
}
#lang-fr {
	background-position: 0px -2px;
}
#lang-en {
	background-position: 0px -18px;
}
#lang-nl {
	background-position: 0px -34px;
}
#lang-es {
	background-position: 0px -34px;
}
#lang-de {
	background-position: 0px -52px;
}
#container {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 15px;
}
.language {
	position: relative;
	width: 150px;
	height: 100px;
	margin: 10px;
	text-align: center;
	line-height: 100px;
}
.language a {
	text-decoration: none;
	font-family: 'Secular One', sans-serif;
	font-size: 48px;
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	color: #000000;
	/* text-shadow: 1px 1px 4px white, 1px 1px 1px white, -1px -1px 1px white; */
	text-shadow: -3px -3px 6px white, -3px  3px 6px white, 3px -3px 6px white, 3px  3px 6px white;
}
#fr {
	background-image: url("FR.png");
}
#nl {
	background-image: url("NL.png");
}
#en {
	background-image: url("EN.png");
}