/* CSS-Layout index.html */
.bdy1 {	
				margin: 0;
				padding: 0;
				/*background-image:  url('../images/WGiH.jpg')no-repeat;*/
				background-position: center center;
  				background-size: contain;
				background-repeat: no-repeat;
				background: url('../images/WGiH.jpg') no-repeat;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				background-attachment:fixed;
}
div#conti {
				margin: 10px auto 0px auto;
				width: 990px; /* Abstand rechts */
				text-align: left;
				font-family: Arial;
				font-size: 1em;
				height: 650px;
}
#footer  {
				margin: 0 5px 0 5px;

				bottom: 0px; 
				background: #efefef;
				z-index: 100;
				font-size: 0.5em;
				position: fixed;
}
#footer:hover  {
				font-size: 1em;
				cursor: -webkit-zoom-in;
				cursor: -moz-zoom-in;
}

#tit	{
				top: 50px;
				margin-bottom: 8px;
				width: 573px;
				float: right;
				position: relative;
				right: 90px;
				text-align: center;
}
#adr	{
				position: relative;
				float: left;
				padding-left: 10px;
				height: 146px;
				top: -60px;
				width: 300px;
				text-align: left;
				z-index: 10;
}
.img1	{
				float: left;
				text-align: center;
				font-size: 1em;
				width: 220px;
				padding: 3px;
} 
#ima1	{
				margin: 0 5px 0 0;
				float: left;
				height: 394px;
				width: 257px;
}
h1 {
				margin: 0;
				font-weight:  300;
				font-size: 2.2em;
				position: relative;
				top: -33px;
				left: 190px;
}

h2	 	{
				text-align:  left;
				font-size:  0.875em;
}

#adr h2{
				 margin-bottom:10px;
				
}
.anh{
				visibility: visible;
				text-align:center;
}
.farbe {
				color: white;
				text-decoration: none;
}
.klr{				
				-webkit-border-radius: 8px;
				-moz-border-radius: 8px;
				border-radius: 8px;
}
.container {
				top: 30px;
				width: 331px;
				float: right;
				position: relative;
				right: 270px;
				z-index:2;
}
.container img {
				position:absolute;
				top:0;
				left:0;
				-webkit-transition: opacity 2.8s ease;
				transition: opacity 2.8s ease;
}
.container:hover .bild1 {
				opacity:0;
}
.hg {
				background: #efefef;
}
.style25 {	
				position:fixed;
				width:100%;
				overflow:hidden;
				/*rolling:"no"; */
				text-align:center;
				margin-left: auto;
				margin-right: auto;
				
}.style29 {	
				position: absolute;
				width:750px;
				/*overflow:hidden;
				rolling:"no"; 
				text-align:center;
				margin-left: auto;
				margin-right: auto;*/
				left: 200px;
				top:-100px;
}
 @keyframes spinning {
    from { transform: rotate(0deg) }
    to { transform: rotate(360deg) }
  }
  .spin {
    animation-name: spinning;
    animation-duration: 35s;
    animation-iteration-count: infinite;
    /* linear | ease | ease-in | ease-out | ease-in-out */
    animation-timing-function: linear;
  }
.anime {
  display: block;
  left: 50%;
  margin-left:  75px;
  width: 197px;
  height: 197px;
  bottom: 20px;
  animation: turner 24s infinite linear;
}
@keyframes turner{
    from{  transform: rotateY(0deg)   }
    to  {  transform: rotateY(360deg) }
}

.tou {
	position: absolute;
	left: 110px;
	top: 180px;
	width:130px;
	font-size: medium;
	font-weight: bold;
	color: #121630;
}
.ram {
	position: absolute;
	height: 206px;
	width: 241px;
	left: 940px;
	top: 355px;
	/*top: 185px;*/
}
.curs  {
    
     cursor: url("../images/2MH360Grad.png"),auto;
      }