.codeEnterWelcomeMan {
	position: relative;
	float: left;
	top: 50px;
	left: 40px;
}

.codeEnterTitle {
	position: relative;
	top: 100px;
	font-weight: bold;
	font-size: 16px;
	left: 45px;
}

.codeEnterArea {
	position: relative;
	top: 100px;
	left: 45px;
}

.codeEnterZusatzmessageArea {
	position: relative;
	top: 75px;
	text-transform: uppercase;
	font-weight: bold;
	left: 50px;
}

.codeEnterButton {
	position: relative;	
	top: 80px;
	left: 45px;
}

#vcode {
	height: 60px;
	font-size: 30px;
	width: 285px;
}

#vcode::-webkit-input-placeholder {
  padding-top: 10px;
}

#vcode:-moz-placeholder { /* Firefox 18- */
   padding-top: 10px; 
}

#vcode::-moz-placeholder {  /* Firefox 19+ */
   padding-top: 10px;
}
 
#vcode:-ms-input-placeholder {  
   padding-top: 10px;
}

@media (max-width: 500px) {
	.codeEnterWelcomeMan {
	 	visibility: hidden !important;
	}
	.codeEnterArea,
	.codeEnterTitle,
	.codeEnterZusatzmessageArea,
	.codeEnterButton {
		position: absolute;	
		left: 0px;
	}
	
	.codeEnterTitle {
		top: 30px;
	}
	.codeEnterArea {
		top: 60px;
	}
	.codeEnterZusatzmessageArea {
		top: 120px;
	}
	.codeEnterButton {
		top: 170px;
	}
}