.bodyStyle {
  /*padding:0px; 
  border-style:none; 
  margin:0px;
  */ 
  font-family:arial; 
  font-size:9pt;
  background-color:#fffeef;
 }
/*  
.shadow {
	-moz-box-shadow: 3px 3px 4px #CCCCCC;
	-webkit-box-shadow: 3px 3px 4px #CCCCCC;
	box-shadow: 3px 3px 4px #CCCCCC;
	/* For IE 8 */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#CCCCCC')";*/
	/* For IE 5.5 - 7 */
	/*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#CCCCCC');
}
*/
.shadow {
	-moz-box-shadow: 2px 3px 20px #555555;
	-webkit-box-shadow: 2px 3px 20px #555555;
	box-shadow: 2px 3px 20px #555555;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#555555')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#555555');
}

.maindiv {
  width: 900px;
  height: 600px;
  position: relative;
  margin-top: 20px;
  margin-left: auto ;
  margin-right: auto ;
  background-image:url('../bitmaps/backgroundStartseite.png'); 
  background-repeat:no-repeat;
  background-position: bottom right; 
}

.loginbox {
  width: 900px;
  height: 80px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 1;
  background-color: #000000;
  
  	/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */
	/* width: 100%; */

	/* Theoretically for IE 8 & 9 (more valid) */
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=42)";

	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=42);

	/* Older than Firefox 0.9 */
	-moz-opacity:0.42;

	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.42;

	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.42;
  
}
  
.next { 
  position: absolute; 
  top: 0; 
  left: 0; 
  opacity: 0; 
  filter:alpha(opacity=0); 
}
  
#schmetterling1, #schmetterling2 { 
  position: absolute; 
}
  
div#schmetterling1 {
  top: 50px;
  left: 480px;
}
#schmetterling1 img{
  position: absolute;
  top: 0; 
  left: 0; 
  transform:rotate(-30deg); /* W3C */
  -ms-transform:rotate(-30deg); /* Internet Explorer */
  -moz-transform:rotate(-30deg); /* Firefox 3.6 Firefox 4 */
  -webkit-transform:rotate(-30deg); /* Safari */
  -o-transform:rotate(-30deg); /* Opera */
}

#schmetterling2 {
  top: 280px;
  left: 430px;
}
#schmetterling2 img{
  height:100px;
  position: absolute;
  top: 0; 
  left: 0; 
  transform:rotate(20deg); /* W3C */
  -ms-transform:rotate(20deg); /* IE9 */
  -moz-transform:rotate(20deg); /* Firefox 3.6 Firefox 4 */
  -webkit-transform:rotate(20deg); /* Safari */
  -o-transform:rotate(20deg); /* Opera */
}

#sabrina-alex {
  position: absolute;
  left: 70px;
  top: 150px;
    
}

h1.titel {
  font-family: 'Italianno','Rouge Script';
  font-size: 52pt;
  font-weight: normal;
  color: #8b8ba6;
  margin-top: 5px;
  margin-bottom: 5px;
  width: 200px;
  height: 70px;
}

h1#sabrina {
  position: relative;
  left: 0px;
}

h1#und {
  position: relative;
  left: 100px;
}

h1#alex {
  position: relative;
  left: 60px;
}
  
  
  
  
.startloginbox {
  color: #4a4a52;
  margin: 25px 10px 0 85px;
}

.startloginbox .tx-felogin-pi1 h3, .startloginbox .tx-felogin-pi1 div, .startloginbox .tx-felogin-pi1 fieldset legend {
  display: none;
}

.startloginbox .tx-felogin-pi1 fieldset {
  border: none;
}

.startloginbox .tx-felogin-pi1 fieldset div {
  display: block !important;
  float: left;
  margin-left: 10px;
}

.startloginbox .tx-felogin-pi1 fieldset div label {
  display: inline;
}