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;
}






 

#lumion {position: absolute; top: 60%; left:70%; width: 20em;}
        html>body #lumion {  /* nur fuer moderne Browser! */ position: fixed; }
        
#hosting {position: absolute; top: 95%; left:80%; width: 20em;}
        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:#666666;}
  50%{background-color:#F5fEB3;}
  60%{background-color:#666666;}
  70%{background-color:#444444;}
  80%{background-color:#334455;}
  90%{background-color:#222222;}
100% {background-color:#111122;}
}


#bereich_outer {
	background-color: #444444;
    width: 50%;
	box-shadow: 0 0 35px 0px rgba(0,0,0,0.7);
	font-size : 14
}

#bereich_inner_1 {
    background-color: #444444;
    width: 99%;   /* breite für text unter bildern */
    font-size : 15
}