@charset "utf-8";
/* CSS Document */

* {
margin: 0;
pading: 0;
}

html, body {
height: 100%;
}



iframe {
    width: 100%;
    height: 85%;
    border: 0;
    overflow: hidden;
}

#wrappermob {
              position:relative;
              -width:900px;
			  width:100%;
              min-height:100%;
              height:auto !important;
              height:100%;
              margin:0 auto -80px;
}


#wrapper {
              position:relative;
              --width:900px;
			  width:100%;
              min-height:100%;
              height:auto !important;
              height:100%;
              --margin:0 auto -80px;
			  
			 --background-image: url(../bilder/gebaeude-800.jpg);
				background-size:100%;
}

#MobileTemplateKopf {
			--position:relative;
			height:40px;
			background:#e8e8e8;
			padding:5px;
			text-align:center;
            }

.frameweisstext{
font-family: Arial, Helvetica, sans-serif;  
line-height:1.2em;
font-size: 2em;
color: #FFFFFF;
height:50px;
background-color: #000000;
width:100%;
}

#tabelle {
              position:absolute;
			  left:10%;
			  --top:50%;
              width:1200px;
			  height:500px
			  --width:50%;
              --min-height:100%;
              --height:auto !important;
              --height:100%;
              --margin:0 auto -80px;
			  background-color:#FFFFFF;
			 --background-image: url(../bilder/gebaeude-800.jpg);
			 --background-size:100%;
}

body {
background-color: #FFF2D9;
--background-color: #FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 14px;
color: #000000;
}

.transparentesGlas{
background-color:  rgba(255,255,255, .9);  
-moz-box-shadow: inset 0 0 15px 5px rgba(200,200,200, .9);
-webkit-box-shadow: inset 0 0 15px 5px rgba(200,200,200, .9);
box-shadow: inset 0 0 15px 5px rgba(200,200,200, .9);
border-radius: 40px;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
}

.gradient {
background: #eee;
border: 1px solid #DDD;
background: -moz-linear-gradient(top, #EEE, #FFF);    
background: -webkit-linear-gradient(top, #eee, #fff);
background: -ms-linear-gradient(top, #eee, #fff);
background: -o-linear-gradient(top, #eee, #fff);
box-shadow: 1px 2px 4px rgba(0,0,0, .2);
}

.apple{
background: #f5f5f5;
border: 1px solid #FFF;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 1px 2px 4px rgba(0,0,0,.4);
}

.glas{
-moz-box-shadow: inset 0 0 15px 5px #DDD;
-webkit-box-shadow: inset 0 0 15px 5px #DDDDE5;
box-shadow: inset 0 0 15px 5px #DDD;
border-radius: 40px;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
}



@media screen and (orientation: portrait) {
     /*body { background-color: white; }*/
   }
@media screen and (orientation: landscape) {
     /*body { background-color: black; }*/
   }
@media (min-width: 950px) {
   /* breite Browserfenster */
 }
@media (min-width: 450px) and 
  (max-width: 950px) {
   /* Darstellung auf Netbooks */ } 
@media (max-width: 450px) {
     /* mobile Geräte */ }
	 
@media screen and (max-width: 600px) {
   /*.mast,
   .intro,
   .main,
   .footer {
     float: none;
     width: auto;*/
   }
}
 

@media only screen and (max-device-width: 480px) {
		div#wrapper {
			width: 400px;
		}

		div#header {
			background-image: url(media-queries-phone.jpg);
			height: 93px;
			position: relative;
		}

		div#header h1 {
			font-size: 140%;
		}

		#content {
			float: none;
			width: 100%;
		}

		#navigation {
			float:none;
			width: auto;
		}
	}

 .tabellenkopf {
font-family: Arial, Helvetica, sans-serif;  font-style: italic;
font-weight:bold;
height: 30px;
background-color: #FF0000;
color: #FFFFFF;
}

.spinner {
  width: 40px;
  height: 40px;
  margin: 100px auto;
  background-color: #333;

  border-radius: 100%;  
  -webkit-animation: scaleout 1.0s infinite ease-in-out;
  animation: scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes scaleout {
  0% { -webkit-transform: scale(0.0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes scaleout {
  0% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 100% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}