@charset "utf-8";

/*************************************************************************/
/* =contact */
/*************************************************************************/

form.default {
   margin:10px 0 20px 0;
   padding:0 0 20px 0;
   font-weight:normal;
	font-size:1em;
	line-height:1em;
}

/* ---------- Shared styles for labels and input fields  ---------- */

form.default label,
form.default input,
form.default textarea,
form.default select {	
   color:#000;
   margin:0 0 5px 0;
   padding:9px 0 9px 9px;
   width:300px;
   display:block;
	font-weight:normal;
	font-size:1em;
	line-height:1.5em;
	float:left;
	
}

/* ---------- Special styles for input fields, select lists and textareas only ---------- */

form.default input,form.default textarea,form.default select{
   background:#fcfcfc;
   border-top:1px solid #7c8084;
   border-right:1px solid #a4a7aa;
   border-bottom:1px solid #cdcfd1;
   border-left:1px solid #a4a7aa;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

/* ---------- For better usability, change the look of your form fields when they are focused ---------- */

form.default input:focus,
form.default textarea:focus {
   background:#fff;
   border:1px solid #1d78ac;	
}

form.default textarea {
   height:150px;
}

/* ---------- Label styles ---------- */

form.default label {
	margin:0 5px 3px 0;
   padding:2px 15px 4px 0;		
   width:auto;
	font-weight:bold;
	font-size:1em;
	line-height:1.4em;
   width: 100px;		
}

/* ---------- If you want to display legends, just remove the display:none here and add your own styles ---------- */

form.default legend {
   display:none;
}

/* ---------- Fieldsets can be made visible by removing the default style here ---------- */

form.default fieldset {
   border:none;
	padding:0px;
	margin:0px;
}

/* ---------- Radio buttons ---------- */

form.default input[type=radio] {
   background:transparent;
   border:none;
   width:20px;
   float:left;
   margin:4px 0 0 0;
}

form.default label.radio {
   width:auto;
   float:left;
   font-weight:normal;	
}

/* ---------- Checkboxes ---------- */

form.default input[type=checkbox] {
   background:transparent;
   border:none;
   width:20px;
   float:left;
	margin:3px 10px 0 0;
}

form.default label.checkbox {	
   width:35px !important;
   float:left;
   font-weight:normal;
}

/* ---------- Select lists - make them a bit larger than your input fields ---------- */

form.default select {
   width:286px;
}

/* ---------- Submit button ---------- */

form.default input[type=submit] {
   border-top:1px solid #5584fb;
   border-right:1px solid #a3a6ac;
   border-bottom:1px solid #cdcfd1;
   border-left:1px solid #93969e;
   border-color:#bdbfc4;
   color:#56595c;
   cursor:pointer;
   font-weight:bold;
	font-size:1em;
	line-height:1.4em;
   display:inline;
   margin:4px 0 0 330px;
   padding:3px;
   width:100px;
	
	
	/* Background */
	background:#c5c7cc;
	background:-moz-linear-gradient(top, #c5c7cc 0%, #bec0c5 51%, #b2b5ba 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#c5c7cc), color-stop(51%,#bec0c5), color-stop(100%,#b2b5ba));
	background:-webkit-linear-gradient(top, #c5c7cc 0%,#bec0c5 51%,#b2b5ba 100%);
	background:-o-linear-gradient(top, #c5c7cc 0%,#bec0c5 51%,#b2b5ba 100%);
	background:-ms-linear-gradient(top, #c5c7cc 0%,#bec0c5 51%,#b2b5ba 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5c7cc', endColorstr='#b2b5ba',GradientType=0 );
	background:linear-gradient(top, #c5c7cc 0%,#bec0c5 51%,#b2b5ba 100%);
}


/* ---- Won't show in IE6 - but why should everyone else miss all the fun? ---- */

form.default input[type=submit]:hover {
   background:#747474;
   color:#fff;

}

/* ---------- Remove the following styles if you don't need the field "Rueckruf" ---------- */



/* ---------- Class for required fields - add colors, an image, or whatever you wish ---------- */

span.required-icon {
	text-indent:-9999px;
	display:inline-block;
	width:11px;
	height:13px;
	background:url(../images/icon-required.png) 0 2px no-repeat;
	position:relative;
	top:0px;
}

form.default br {
   clear:left;
}

form.default fieldset.hidden, form.default input[type=hidden] {
   display:none;
   border:0;
   padding:0;
}

form.default .error {
   color:#f00;
   font-weight:bold;
}

/*************************************************************************/
/* =validation */
/*************************************************************************/

.formError {
   position:absolute;
   top:300px; left:300px;
   padding-bottom:13px;
   display:block;
   z-index:5000;
   cursor:pointer;
}
		
.ajaxSubmit {
   padding:20px;
   background:#55ea55;
   border:1px solid #999;
   display:none
}

.formError .formErrorContent {
   width:100%; 
   background:#bf2525;
   color:#fff;
   width:180px;
   font-weight:normal;
	font-size:0.9em;
	line-height:1.3em;
   box-shadow: 0px 2px 6px #666666;
   -moz-box-shadow: 0px 2px 6px #666666;
   -webkit-box-shadow: 0px 2px 6px #666666;
   padding:4px 10px 4px 10px;
}
			
.blackPopup .formErrorContent {
   background:#393939;
   color:#fff;
}
			
.formError .formErrorArrow {
   position:absolute;
   bottom:0;left:20px;
   width:15px; height:15px;
   z-index:5001;
}

.formError .formErrorArrowBottom {
   top:0;
   margin:-6px;
}
			
.formError .formErrorArrow div {
   font-size:0px;
   height:1px;
   background:#bf2525;
   margin:0 auto;
   line-height:0px;
   font-size:0px;
   display:block;
}

.formError .formErrorArrowBottom div {
   box-shadow:none;
   -moz-box-shadow:none;
   -webkit-box-shadow:none;
}
					
.formError .formErrorArrow .line10 {
   width:15px;
   border:none;
} 

.formError .formErrorArrow .line9 {
   width:13px;
   border:none;
} 

.formError .formErrorArrow .line8 {
   width:11px;
} 

.formError .formErrorArrow .line7 {
   width:9px;
} 

.formError .formErrorArrow .line6 {
   width:7px;
} 

.formError .formErrorArrow .line5 {
   width:5px;
} 

.formError .formErrorArrow .line4 {
   width:3px;
} 

.formError .formErrorArrow .line3 {
   width:1px;

}
 
.formError .formErrorArrow .line2 {
   width:3px;
   border:none;
   background:none;
}

.formError .formErrorArrow .line1 {
   width:1px;
   border:none;
   background:none;
}