@font-face { font-family:"ubunu"; src:url("ubuntul.ttf"); }

*{
	margin:0;
	padding:0;
	border:0px solid #eee;
	list-style:none;
}







html,body{
width:100%;
height:100%;
margin: 0px;
padding: 0px;
background-color: #fff;
/*
background-image:
 linear-gradient(rgba(250,5,0,0.3) 0%, rgba(40,40,40,0.5) 70%, rgba(64,36,10,0.7) 100%),
 linear-gradient(to right, rgba(15,15,15,0.9) 20%, rgba(146,8,8,0.6) 50%, rgba(7,7,7,0.9) 80%);
 */
font-size: 14px;
font-family: "ubunu", sans-serif;
color: #555;
overflow-x:hidden;
}


#bg-container{
    /* Text zentrieren */
    text-align:center;
     
    /* Inhalt vertikal mittig platzieren */
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
 
.inside{
    /* Container horizontal mittig platzieren */
    margin: auto;
    text-align: center;
    width:70%;
}

.downinside{
    /* Container horizontal mittig platzieren */
    margin: auto;
    text-align: center;
  font-size: 1.5em;
}

.newinside {
margin-top: 0px;
margin-left: 5px;
margin-right: 5px;
display:inline-block;
position:relative;
}

#Vinside {
margin-top: 0px;
margin-left: 5px;
margin-right: 5px;
position:relative;
}

#ebene0 {
position: absolute;
width:100%;
height:100%;
top:0;
left:0;
z-index:0;
}

#ebene1 {
position: relative;
width:100%;
height:100%;
top:0;
left:0;
z-index:1;
}

#ebene3 {
position: absolute;
width:100%;
height:100%;
top:0;
left:0;
z-index:10;
}

.tool {
 position: absolute;
 top: 100%;
 left: 0%;
 margin-top:-28px;
 width:100%;
 
 /*left: 50%;
 margin-left:-80px;
 margin-top:-23px;
 visibility:hidden;
 width:160px;*/
 
 background-color:rgba(255,255,255,0.7);
 color:#000;
 border-radius:6px;
 text-align:center;
 padding: 5px 0;
 z-index:1;
  font-size:0.6em;
}

.newinside:hover .tool{
 visibility:visible;
 background-color:#000;
 color:#fff;
 margin-top:-23px;
 /*font-size:1em;*/
}




#ormenueeinsoben {position:fixed;top:0px;right:0px;overflow:hidden;height:56px;width:100%;display: block;z-index:8881;}
#menueeinsoben {font-family: "ubunu"; font-size: 2em;text-decoration: none;color: #fff; display: block; position: absolute; top: 15px; left: 1px; z-index:301;text-align: center;width:100%;} 
#menueeinsoben a {font-family: "ubunu"; font-size: 13pt;text-decoration: none;color: #6E6EC6;} 
#menueeinsoben a:hover {font-family: "ubunu"; font-size: 13pt;text-decoration: none;color: #333;} 



  @media (min-width: 1001px) {
    	.inside{
	    width:60%;
    	    max-width:1100px;
	}
	#menueeinsoben {font-size: 1em;}
	.downinside{font-size: 0.8em;}
  }
  @media (max-width: 1000px) {
    	.inside{
	    width:80%;
	}
	#menueeinsoben {font-size: 1.8em;}
  }



.gbs {font-size:40px;}
.gbf {font-size:60px;}


/*
@media all and (display-mode: fullscreen) {
*/
@media all {
  #i1 {height:66%;}
  #i2 {height:66%;}
  #i3 {height:100%;}
  .gbs {font-size:11px;}
  .gbf {font-size:20px;}
  #canvas {width:80%;}
  #canvaszwo {width:80%;}
  #xx{}
  #yy{}
  #zz{}
 
}