body{
	1position:absolute;
	top:0px;
	left:0px;
	1width:1200px;
	1height:600px;
	background-image:url('../img/de55-bg-paper.png');
	background-repeat:no-repeat;
	background-size:convert;
	1text-shadow:1px 1px 2px #000000;
	overflow:hidden;
}

#button {
	position:absolute;
	1left: 50%;
	1top: 50%;
	margin-left: 815px;
	margin-top: 50px;
	1position: absolute;
	width: 100px;
	height: 100px;  
	border-bottom: 2px solid #eee;
	
	background-image: -webkit-linear-gradient(top, #999, #d0d0d0 80% );
	background-image: -moz-linear-gradient(top, #999, #d0d0d0 80% );
	background-image: -ms-linear-gradient(top, #999, #d0d0d0 80% );
	background-image: -o-linear-gradient(top, #999, #d0d0d0 80% );
	background-image: linear-gradient(top, #999, #d0d0d0 80% );
	
	-moz-border-radius: 100px;  
	-webkit-border-radius: 100px;  
	border-radius: 100px;
	
	box-shadow: inset rgba(0,0,0,0.2) 0px 5px 6px ;
}

.butt {
  position: absolute;
  width: 80px;
  height: 52px;
  left: 10px;
  top: 10px;
  cursor: pointer;
  font-family: "Lucida Sans";
  font-weight: bold;
  font-size: 23px;
  color: #888;
  text-shadow: 0px 1px 0px #fff;
  text-align: center;
  padding-top: 28px;
  
  -moz-border-radius: 100px;  
  -webkit-border-radius: 100px;  
  border-radius: 100px;  
  
  background-image: -webkit-linear-gradient(top, #eee, #bbb 70%, #9f9f9f 100% );
  background-image: -moz-linear-gradient(top, #eee, #bbb 70%, #9f9f9f 100% );
  background-image: -ms-linear-gradient(top, #eee, #bbb 70%, #9f9f9f 100% );
  background-image: -o-linear-gradient(top, #eee, #bbb 70%, #9f9f9f 100% );
  background-image: linear-gradient(top, #eee, #bbb 70%, #9f9f9f 100% );
  
  background-position: 0 6px;
  background-color: #eee;
  background-repeat: no-repeat;
  
  -webkit-box-shadow: rgba(0,0,0,.4) 0 3px 6px;  
  -moz-box-shadow: rgba(0,0,0,.4) 0 3px 6px;  
  box-shadow: rgba(0,0,0,.4) 0 3px 6px;
  
  -webkit-transition: all .1s ease-in;
  -moz-transition: all .1s ease-in;
  -ms-transition: all .1s ease-in;
  -o-transition: all .1s ease-in;
  transition: all .1s ease-in;
}

.butt:hover {
  background-position: 0 0px;
  
  -webkit-box-shadow: rgba(0,0,0,.4) 0 3px 8px;  
  -moz-box-shadow: rgba(0,0,0,.4) 0 3px 8px;  
  box-shadow: rgba(0,0,0,.4) 0 3px 8px;
}

.butt:active {
  width: 76px;
  height: 48px;
  margin: 2px 0 0 2px;   
  border-bottom: 1px solid #fff;
  font-size: 21px;
  color: #777;

  -webkit-box-shadow: inset rgba(0,0,0,.5) 0px 5px 10px;
  -moz-box-shadow: inset rgba(0,0,0,.5) 0px 5px 10px;
  box-shadow: inset rgba(0,0,0,.5) 0px 5px 10px;
}

header {
	width:375px;
	height:30px;	
}

h1{
	position:absolute;
	top:20px;
	left:40px;
	width:26%;
	height:20px;
	padding:15px;
	margin-left: 21px;
	line-height:18px;
 	color:mediumblue;
}

.info{
	position:absolute;
	top:560px;
	left:263px;
	width:89px;
}

#muehle01{
	position:absolute;
	top:188px;
	left:920px;
	width:211px;
	height:414px;
	background-image:url('../img/tn_de53-windmuehle-haus01.png');
	background-repeat:no-repeat;	
	z-index:100;	
}

#windrad01{
	position:absolute;
	top:170px;
	left:896px;
	width:264px;
	height:264px;
	background-image:url('../img/tn_de53-windmuehle-rad01.png');
	background-repeat:no-repeat;
	z-index:110;		
}

#windrad02{
	position:absolute;
	top:377px;
	left:555px;
	width:264px;
	height:264px;
	background-image:url('../img/tn_de53-windmuehle-rad01.png');
	background-repeat:no-repeat;		
}



#banner{
	position:absolute;
	top:60px;
	left:12px;
	width:252px;
	height:51px;
	background-image:url('../img/de55-banner.png');
}

#schild01{
	position:absolute;
	top:280px;
	right:50px;
	width:450px;
	height:318px;
	background-image:url('../begriffe/schild02.png');
}

.1titel {
	position:absolute;
	top:10px;
	left:20px;
	border:solid 1px #000000;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright:8px;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	
	transition:All 1s ease-in;
	-webkit-transition:All 1s ease-in;
	-moz-transition:All 1s ease-in;
	-o-transition:All 1s ease-in;
	transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
	-webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
	-moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
	-o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
	-ms-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
	
	background:-moz-linear-gradient(47% 28% 0deg, #E2BA00, #FF6806 95%);

    -moz-box-shadow: 10px 10px 17px #242424;
    -webkit-box-shadow: 10px 10px 17px #242424;
    box-shadow: 10px 10px 17px #242424;
}

.1titel:hover{
	transform: rotate(5deg) scale(1.67) skew(0deg) translate(130px);
	-webkit-transform: rotate(5deg) scale(1.67) skew(0deg) translate(130px);
	-moz-transform: rotate(5deg) scale(1.67) skew(0deg) translate(130px);
	-o-transform: rotate(5deg) scale(1.67) skew(0deg) translate(130px);
	-ms-transform: rotate(5deg) scale(1.67) skew(0deg) translate(130px);
	z-index:100;
}

#titel {
	position:absolute;
	top:10px;
	left:20px;
}

#name-input{
	position:absolute;
	top:10px;
	right:20px;
	width:180px;
	height:90px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	background-image:url('../img/de36-zettel01.png');
	background-repeat:no-repeat;
}

#name-input p{
	padding:5px 2px 0 10px;
	color:black;
	font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
	font-size:16px;
	line-height:22px;	
}


nav#nav{ 
	margin-top: 530px; 
	margin-left:420px;
} 
nav#nav > a{ 
	background:#B9E1FF; 
	color:#000; 
	padding:10px; 
	margin:10px;
	text-decoration:none; 
	border-radius:5px; 
	font-family:"Arial Black", Gadget, sans-serif; 
    -moz-box-shadow: 7px 7px 5px #212121;
    -webkit-box-shadow: 7px 7px 5px #212121;
    box-shadow: 7px 7px 5px #212121;
} 
nav#nav > a:hover{ 
	background: #BBEA00; 
} 
nav#nav > 
	a:active{ 
	background: #EEFFA8; 
} 

/* "You did it!" message */
#successMessage {
  position: absolute;
  left: 580px;
  top: 250px;
  width: 0;
  height: 0;
  z-index: 100;
  background-image:url('../img/success-bg-de32.jpg');
  background-size: cover;
  background-color:white;
  border: 2px solid #333;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: .3em .3em .5em rgba(0, 0, 0, .8);
  -webkit-box-shadow: .3em .3em .5em rgba(0, 0, 0, .8);
  box-shadow: .3em .3em .5em rgba(0, 0, 0, .8);
  padding: 20px;
  z-index:350;
}

#clickme {
  position: absolute;
  left: 125px;
  top: 412px;
  width: 250px;
  height:25px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:large;
  text-align:center;
  background-color:lime;
  z-index: 100;
  border: 2px solid #333;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: 1.3em 1.3em 1.5em rgba(0, 0, 0, .8);
  -webkit-box-shadow: 1.3em 1.3em 1.5em rgba(0, 0, 0, .8);
  box-shadow: 1.3em 1.3em 1.5em rgba(0, 0, 0, .8);
  padding: 0px;
  z-index:360;

}

#arbeitsanweisung {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 0;
  height: 0;
  z-index: 100;
  background-image:url('../img/de39-info01.png');
  background-size: cover;
  background-color:white;
  border: 2px solid #333;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: .3em .3em .5em rgba(0, 0, 0, .8);
  -webkit-box-shadow: .3em .3em .5em rgba(0, 0, 0, .8);
  box-shadow: .3em .3em .5em rgba(0, 0, 0, .8);
  padding: 20px;
  z-index:350;
}

#clickme2 {
  position: absolute;
  left: 125px;
  top: 412px;
  width: 250px;
  height:25px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:large;
  text-align:center;
  background-color:lime;
  z-index: 100;
  border: 2px solid #333;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: 1.3em 1.3em 1.5em rgba(0, 0, 0, .8);
  -webkit-box-shadow: 1.3em 1.3em 1.5em rgba(0, 0, 0, .8);
  box-shadow: 1.3em 1.3em 1.5em rgba(0, 0, 0, .8);
  padding: 0px;
  z-index:360;

}


footer {
  position: fixed;
  left:0;
  bottom:0;
  width: 100%;
  height: 40px;
  background: rgba(0,0,0,1);
  z-index: 1000;
  
  -o-box-shadow: 0px 5px 10px rgba(0,0,0,0.8);
  -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.8);
  -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.8);
  box-shadow: 0px 5px 10px rgba(0,0,0,0.8);
}

footer p {
  margin: 0px 0 0 20px;
  font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  font-size:13px;
  line-height:40px;
}

footer img {
  margin: 0px;
}


footer a{
	color:white;
	text-decoration:none;
}