body {
    font: normal 100.01% Century Gothic,Arial, sans-serif;
    color: #ffffff;background-color: #222222;
     
    min-width: 40em; /* Mindestbreite verhindert Anzeigefehler in modernen Browsern */  }

a:link {color:#eeeeee}
a:visited {color:#eeeeee}
a:hover {color:#eeeeee}
a:active {color:#eeeeee}

  html {padding: 0;}
  body {margin: 0; padding: 0;}


#subline_php 
{
width: 1400px;
height: 4px;
margin: auto;
width: 60%;

padding: 10px;
position: absolute;
top:97%;
bottom: 0;
left: 0;
right: 0;
margin: auto;
text-align: center;
font-size: 12;
}

#bottomline 
{
width: 1400px;
height: 4px;
margin: auto;
width: 60%;

padding: 10px;
position: absolute;
top:91%;
bottom: 0;
left: 0;
right: 0;
margin: auto;
text-align: center;
font-size: 12;
}

#areal3d_basis_cookie 
{
	display: block;
	z-index: 100;
	position: fixed;
	bottom: 60px;
	min-height: 30px;
	padding: 5px;
	margin: 0;
	width: 100%;
	color: #aaa;
	border: 1px solid black;
	border-bottom: none;
	background: #555;
}


#fixiert {    position: absolute;    top: 1%; left: 2%;    width: 50em;  }
html>body #fixiert {  /* nur fuer moderne Browser! */    position: fixed; }


#menue {    position: absolute;    top: 30%; left: 0.8%;    width: 10em;  }
  html>body #menue {  /* nur fuer moderne Browser! */    position: fixed; }



#A {position: absolute; top: 2%; left: 2%; width: 30em;}
  html>body #A {  /* nur fuer moderne Browser! */ position: fixed; }


#B {position: absolute; top: 7%; left: 40%; width: 30em;}
  html>body #B {  /* nur fuer moderne Browser! */ position: fixed; }


#top {position: absolute; top: 19%; left: 20%; width: 30em;}
  html>body #top {  /* nur fuer moderne Browser! */ position: fixed; }
 

#main {position: absolute; top: 25%; left: 20%; width: 30em;}
  html>body #main {  /* nur fuer moderne Browser! */ position: fixed; }


#copyright_areal {position: absolute; top: 95%; left: 23%; width: 60em;}
  html>body #copyright_areal {  /* nur fuer moderne Browser! */ position: fixed; }


#inhalt {position: absolute; top: 2%; left: 72%; width: 20em;}
  html>body #inhalt {  /* nur fuer moderne Browser! */ position: fixed; }
  
#links_1 {position: absolute; top: 79%; left: 60%; width: 30em;}
  html>body #links_1 {  /* nur fuer moderne Browser! */ position: fixed; }
  
#bild_1 {position: absolute; top: 18%; left: 55%; }
  html>body #bild_1 {  /* nur fuer moderne Browser! */ position: fixed; }
  
  #3d_view {position: absolute; top: 40%; left: 59%; width: 8em;}
  html>body #3d_view {  /* nur fuer moderne Browser! */ position: fixed; }
  
#contact {position: absolute;    top: 89%; left: 2em;    width: 10em;  }
  html>body #contact {  /* nur fuer moderne Browser! */    position: fixed; }
  
#language {position: absolute;    top: 10%; left: 60%;    width: 30em;  }
  html>body #language {  /* nur fuer moderne Browser! */    position: fixed; }
  
#shop {    position: absolute;    top: 78%; left: 78%;    width: 25em;  }
  html>body #shop {  /* nur fuer moderne Browser! */    position: fixed; }

#shop2 {    position: absolute;    top: 76%; left: 2%;    width: 25em;  }
  html>body #shop2 {  /* nur fuer moderne Browser! */    position: fixed; }

#padbar {position: absolute; top: 35%; left:96%; width: 40em;}
        html>body #padbar {  /* nur fuer moderne Browser! */ position: fixed; }



#lumion {position: absolute; top: 60%; left:70%; width: 40em;}
        html>body #lumion {  /* nur fuer moderne Browser! */ position: fixed; }
        
#hosting {position: absolute; top: 95%; left:80%; width: 40em;}
        html>body #hosting {  /* nur fuer moderne Browser! */ position: fixed; }       


.mydiv {
  width:100%;
  height:100%;
  
  animation: myanimation 50s infinite;
}
@keyframes myanimation {
  0% {background-color:#111111;}
  10%{background-color:#222222;}
  20%{background-color:#333333;}
  30%{background-color:#444444;}
  40%{background-color:#555555;}
  50%{background-color:#666666;}
  60%{background-color:#555555;}
  70%{background-color:#444444;}
  80%{background-color:#333333;}
  90%{background-color:#222222;}
100% {background-color:#111111;}
}