form {
	font: 13px/1.25 Helvetica, Arial, sans-serif;
	color: #555;	
	border:0;
  background-color: #FFF;
	width:360px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:15px 0 0 0;
	margin:0 auto;
	position: relative;
	background:url(../img/hintergrund.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

fieldset { 
	padding:0 40px 35px 50px;	
	margin:0;
	border:0px solid transparent;
} 
	
fieldset ul {
	margin:0;
	padding:15px 0 0 0;
	list-style-type: none;
}

fieldset ul li {
	float:left;
	margin:0 0 12px 0;
	padding:0;
	text-align: left;
	width:253px;	
	text-shadow:none;
}

.errorMsg {
	float:left;
	width:360px;
	margin:0 0px 20px -50px;
	padding:0;
	border-width:1px 0;
	border-style: solid;
	border-color: #E00 #FFDCE5;
	color:#E00;
	background-color:#FFDCE5;
}

.errorMsg span {
	display: inline-block;
	padding:15px 40px 15px 50px;	
}

label { 
	float:left;
	line-height:167%;
	width:83px;
	cursor: pointer;
	position:relative;	
}

label[title~="Pflichtfeld"]:after {
	content:"*";
	position: absolute;
	left:70px;
	top:0;
	font-weight:bold;
	z-index:5;
}

em,
label[title~="Pflichtfeld"]:after {
	font-weight:bold;
	font-size:142%;
	color:#E00;
}

input{
	float:left;
	height:20px;
	width: 161px; 	
	border:1px solid #8eb0d9;
	padding:0;
	background:#FFF;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 2px 2px 3px #e2e2e2, inset 2px 2px 3px #e2e2e2;
  -moz-box-shadow: 2px 2px 3px #e2e2e2, inset 2px 2px 3px #e2e2e2;
  box-shadow: 2px 2px 3px #e2e2e2, inset 2px 2px 3px #e2e2e2;
}

input.small {
	width:38px;
}

input.number {
	width:71px;
}

input.medium {
	width:116px;
}

.inputSpace {
	margin:0 5px 0 0;
}

input.btnCancel, 
input.btnSend {
	margin: 25px 0 0 0;
	float:left;
	width:85px;
	height:30px;
	font-weight:bold;
	color: #FFF;
	text-align: center;
	padding:0 0 2px 0;
	text-indent:0px;
	border:1px solid #8eb0d9;
	background-color:#8eb0d9;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	cursor:pointer;
  	-webkit-box-shadow: inset 0px 0px 0px;
  	-moz-box-shadow: inset 0px 0px 0px;
  	box-shadow: inset 0px 0px 0px;	
}

input.btnSend  {
	float:right;
	margin-right:7px;
	border:1px solid #175ba2;  
  -webkit-box-shadow:1px 1px 2px #ccc;
	-moz-box-shadow:1px 1px 2px #ccc;
	box-shadow:1px 1px 2px #ccc;
	background:#175ba2;
}


fieldset legend {
	margin:0 0 0 -60px;
	padding:7px 20px;
	color:#FFF;
	font-weight:bold;
	font-size:18px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow:1px 1px 2px #ccc;
	-moz-box-shadow:1px 1px 2px #ccc;
	box-shadow:1px 1px 2px #ccc;
	background-color:#8eb0d9;
	background: -moz-linear-gradient(top, #8eb0d9, #6293cb);
  background: -webkit-gradient(linear, left top, left bottom,color-stop(0, #8eb0d9), color-stop(1, #6293cb));
	background: -webkit-linear-gradient(top, #8eb0d9, #6293cb);
	background: -o-linear-gradient(top, #8eb0d9, #6293cb);
	background: linear-gradient(top, #8eb0d9, #6293cb);	  	
}	

fieldset ul li:first-child {
	margin:0 40px 12px 0;	
}

input:active, 
input:hover, 
input:focus {
	background-color: #d9f0f9;
	border:1px solid #175ba2;	
}


.error {
	color:#E00;	
}

.error input {
	border-color:#E00;
	background-color:#FFDCE5;
  -webkit-box-shadow: 2px 2px 3px #fec3d2, inset 2px 2px 3px #fec3d2;
  -moz-box-shadow: 2px 2px 3px #fec3d2, inset 2px 2px 3px #fec3d2;
  box-shadow: 2px 2px 3px #fec3d2, inset 2px 2px 3px #fec3d2;	
}



input {
	outline:none;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

input.btnSend:hover,
input.btnSend:active,
input.btnSend:focus  {
 	-webkit-box-shadow: 0 0 5px rgba(98,147,203,.9); 
	-moz-box-shadow: 0 0 5px rgba(98,147,203,.9);
   box-shadow: 0 0 5px rgba(98,147,203,.9);
   border:1px solid rgba(23,91,162,1);
	background:#175ba2;
}

input.btnCancel:hover,
input.btnCancel:active,
input.btnCancel:focus {
	-webkit-outline:none; 
  -moz-outline:none; 
  outline:none; 
	background:#8eb0d9;
}

form:before, form:after {
	-webkit-box-shadow: 0 15px 10px rgba(0,0,0, .7);
	-moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
	box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
	position: absolute;
	bottom:10px;
	z-index: -1;
	width: 50%;
	height: 10%;
	content: "";
	background: rgba(0, 0, 0, 0.7);
}

form:after {
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	transform: rotate(3deg);
	right: 10px;
	left: auto;
}

form:before {
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	transform: rotate(-3deg);
	right: auto;
	left: 10px;
}