/*-----------------------------------------------------*/
/*                HTML ELEMENTS                        */
/*-----------------------------------------------------*/

html{
    margin:0px;
    padding:0px;
    height:100%;
    width:100%;
	-webkit-text-size-adjust: none;
	background-color:#ffffff;
	
     
}
body{
    margin:0px;
    padding:0px;
    font-family: Arial, _sans;
    font-size:14px;
    color:#000000;
	font-family: 'Oxygen', Arial,sans-serif;
	width:100%;
	height:100%;
	max-width:100%;
	max-height:100%;
	overflow:hidden;
	background-color:#dce4eb;
  
}

/*-----------------------------------------------------*/
/*                HAUPTBEREICHE                        */
/*-----------------------------------------------------*/

#back{
	position:absolute;
	width:100%;
	height:100%;
	max-width:100%;
	max-height:100%;
	overflow:hidden;

}
#front{
	position:absolute;
	width:100%;
	height:100%;
	max-width:100%;
	max-height:100%;
	overflow:hidden;

}
#bilder,#texte{
	position:absolute;
	width:100%;
	height:100%;
	overflow:visible !important;
}

#white{
	position:absolute;
	width:100%;
	height:0px;
	background-image:url(../img/trans.png);
	background-size:100% 100%;
	max-width:100%;
	overflow:hidden;
}
/*-----------------------------------------------------*/
/*                HINTERGRUND KUGELN                   */
/*-----------------------------------------------------*/

.kugel{
	position:absolute;
	width:20%;
	height:auto;



}
.kugel img{
	width:100%;
	height:auto;
}
.mainkugel img{
	width:100%;
	height:auto;
}

.mainkugel{
	position:absolute;
	width:100%;
	height:auto;
	overflow:visible !important;

}


/*-----------------------------------------------------*/
/*                LEVEL 0                              */
/*-----------------------------------------------------*/

.level0text{
	position:absolute;
	display:block;

	font-size:1.8em;
	color:#005ca2;

	font-weight:bold;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);

	cursor:pointer;
}
/*-----------------------------------------------------*/
/*                LEVEL 1                              */
/*-----------------------------------------------------*/
#level1_texte{
	position:absolute;
	width:100%;

	height:100%;

	max-height:100%;
	overflow:visible;

}
.level1text{
	position:absolute;
	display:block;
	background-color: rgba(0,92,162,0.8);

	left:200%;

	padding:0.25em;
	color:#ffffff;
	font-weight:normal;
	font-size:2em;
	-webkit-box-shadow: 0 0 12px rgba(0,0,0,.2);
	-moz-box-shadow: 0 0 12px rgba(0,0,0,.2);
	box-shadow: 0 0 12px rgba(0,0,0,.2);
	margin-left:25%;
	width:100%;
	cursor:pointer;
	border-radius:4px;


}
/*-----------------------------------------------------*/
/*                LEVEL 2                              */
/*-----------------------------------------------------*/

.level2text	
{
	position:absolute;
	background-color: rgba(0,92,162,0.6);
	min-width:6%;
	padding:0.25em;
	color:#ffffff;
	font-weight:normal;
	font-size:1.5em;
	-webkit-box-shadow: 0 0 12px rgba(0,0,0,.2);
	-moz-box-shadow: 0 0 12px rgba(0,0,0,.2);
	box-shadow: 0 0 12px rgba(0,0,0,.2);
	cursor:pointer;
	border-radius:4px;
	text-align:center;

}

/*-----------------------------------------------------*/
/*                LEVEL 3                              */
/*-----------------------------------------------------*/
.level3text	
{
	position:absolute;
	min-width:12%;
	max-width:18%;
	color:#2e516b;
	font-weight:normal;
	font-size:1.1em;
	cursor:pointer;
	padding-right:0.5em;
	border-radius:4px;
}
.headline{
	display:block;
	font-weight:bold !important;
	padding:0.25em;
	width:100%;
	font-weight:normal;

}
.subline{
	display:block;
	padding:0.25em;
	width:100%;
	display:none;
}
.levelactive{
	position:absolute;
	width:100px;
	height:100px;
	cursor:pointer;

}
.levelactive img{
	width:100%;
	height:auto;
}

/*-----------------------------------------------------*/
/*                HEADER STANDALONE                    */
/*-----------------------------------------------------*/

#headerbalken{
	position:absolute;
	width:100%;
	height:130px;
	background-color:#ec6608;
	color:#ffffff;
	font-size:1.6em;
	text-align:center;
	font-weight:bold;
	top:-150px;
	-webkit-box-shadow: 0 0 12px rgba(0,0,0,.2);
	-moz-box-shadow: 0 0 12px rgba(0,0,0,.2);
	box-shadow: 0 0 12px rgba(0,0,0,.2);
}
#headerbalken p{
	margin:0;
	padding:0;

}