html {
background: url(/bilder/HGSP.JPG) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: fixed;
}



.indexkasten {
background-color: rgba(255,255,255,0.3);
color: #000ff0;
border: 1px solid #000000;

width: 970px; height: 530px;
background-image:url(../bilder/hintergrund.png);
background-repeat: no-repeat;
position: absolute;
top: 50%;
left: 50%;                                                
margin-left: -485px;
margin-top: -265px; 


z-index:1;

-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-khtml-border-top-left-radius: 20px;
-khtml-border-top-right-radius: 20px;
-khtml-border-bottom-right-radius: 20px;
-khtml-border-bottom-left-radius: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;	



td {font-size: 1.2em; color: rgb(255,255,255);}
input {font-size: 1.0em; width:70px; text-align: center;}
textarea { font-size:1.0em; text-align: center; border: 1px solid #000000; }
select {font-size:1.1em; text-align: center;}
option {font-size: 1.1em;}
}





.ueberschrift {
font-size: 1.4em;
/* line-height: 16px; */
font-family: Trebuchet MS;
text-shadow: #000000 3px 3px 5px;
color: #ffffff;
display:inline;
position: absolute;
margin-top:120px;
margin-left:510px;

}



.tabelle {
font-size: 1.2em;
/* line-height: 16px; */
font-family: Trebuchet MS;
text-shadow: #000000 3px 3px 5px;
color: #ffffff;

position: absolute;
margin-top:190px;
padding-left:54%;
  
} 

.box {
	font-size: 0.9em;
/* line-height: 16px; */
font-family: Trebuchet MS;
text-shadow: #000000 3px 3px 5px;
text-align: justify;
background-Color: rgba(0,0,0,0.2);
color: #ffffff;


-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-khtml-border-top-left-radius: 10px;
-khtml-border-top-right-radius: 10px;
-khtml-border-bottom-right-radius: 10px;
-khtml-border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;	

	position: absolute;
  width: 370px;
  border: 1px solid black;
 margin-top:197px;
margin-left:7.5%;
padding-left: 10px;
padding-Right: 10px;
padding-top: 10px;
padding-bottom: 10px; 
}

.ergebnis {
font-size: 20px;
/* line-height: 16px; */
font-family: Trebuchet MS;
text-shadow: #000000 3px 3px 5px;
color: #ffffff;
width: 570px;
  border: 1px solid black;
  
background-Color: rgba(0,100,0,0.2);
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-khtml-border-top-left-radius: 10px;
-khtml-border-top-right-radius: 10px;
-khtml-border-bottom-right-radius: 10px;
-khtml-border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;	

position: absolute;
margin-top:440px;
margin-left:195px;
padding-left: 10px;
padding-top: 3px;
padding-bottom: 5px; 
padding-right: 10px;
}

.copyright {
font-size: 0.7em;	
font-family: Trebuchet MS;
text-shadow: #000000 3px 3px 5px;
color: #888888;
position: absolute;
margin-top: 530px; 
margin-left: 780px;
}