body{
	top:0px;
	left:0px;
	width:96%;
	background-image:url('../img/de47-bg.jpg');
	background-repeat:no-repeat;
	1background-size:cover;
	1text-shadow:1px 1px 2px #000000;
}


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

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

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

#muehle01{
	position:absolute;
	top:146px;
	left:160px;
	width:346px;
	height:408px;
	background-image:url('../begriffe/tn_windmuehle03d-haus.png');
	background-repeat:no-repeat;	
}

#windrad01{
	position:absolute;
	top:401px;
	left:129px;
	width:180px;
	height:180px;
	background-image:url('../img/de47-muehlenrad01.png');
	background-repeat:no-repeat;		
}

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



#banner{
	position:absolute;
	top:30px;
	left:250px;
	width:420px;
	height:72px;
	background-image:url('../img/de47-banner01.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 0 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;
}