/* Author: art64 media.studio - www.art64.de */

@charset "utf-8";
 
/* Position und Grundeigenschaften des Formulars definieren */
#main .ce_form .form-css3
{
	margin:0 0 0 0px;
	padding: 0px 0 0 0px;
	font-family:verdana,arial,sans-serif;
}

/* Fieldsets definieren */
#main .ce_form .form-css3 fieldset
{
	width:80%;
	margin:20px 0px 56px 60px;
	padding:10px;
	border:1px dashed #ccc;
}

/* Fieldset Legenden definieren */
#main .ce_form .form-css3 fieldset legend
{
	margin:-8px 0 0 -5px;
	padding:0 5px;
	font-weight:bold;
	font-size:1.2em;
	color:#ff9d1d;
	letter-spacing:.1em;
}
/* Labels definieren */
#main .ce_form .form-css3 label
{
	display:block;
	padding:10px 0 4px;
	font-weight:bold;
	font-size:1.2em;
	color:#444444;
}
/* einzeilige Textfelder definieren */
#main .ce_form .form-css3 .text
{
	width:300px;
	margin:0 0 4px;
	padding:6px;
	border:1px solid #efefef;
	font-size:1.3em;
	/* Gecko-Browser (Firefox) */
	-moz-box-shadow:inset 3px 3px 6px #cfcfcf;
	/* Webkit-Browser (Safari, Chrome) */
	-webkit-box-shadow:inset 3px 3px 6px #cfcfcf;
	/* allgemein CSS3 */
	box-shadow:inset 3px 3px 6px #cfcfcf;
}
/* mehrzeilige Textfelder definieren */
#main .ce_form .form-css3 .textarea
{
	width:300px;
	height:100px;
	margin:0 0 4px;
	padding:6px;
	border:1px solid #efefef;
	font-family:verdana,arial,sans-serif;
	font-size:1.3em;
	line-height:1.6;
	/* Gecko-Browser (Firefox) */
	-moz-box-shadow:inset 3px 3px 6px #cfcfcf;
	/* Webkit-Browser (Safari, Chrome) */
	-webkit-box-shadow:inset 3px 3px 6px #cfcfcf;
	/* allgemein CSS3 */
	box-shadow:inset 3px 3px 6px #cfcfcf;
}
/* Captcha-Feld definieren */
#main .ce_form .form-css3 .captcha
{
	width:100px;
	margin:0 0 4px;
	padding:6px;
	border:1px solid #efefef;
	font-size:1.2em;
	/* Gecko-Browser (Firefox) */
	-moz-box-shadow:inset 3px 3px 6px #cfcfcf;
	/* Webkit-Browser (Safari, Chrome) */
	-webkit-box-shadow:inset 3px 3px 6px #cfcfcf;
	/* allgemein CSS3 */
	box-shadow:inset 3px 3px 6px #cfcfcf;
}
/* Captcha Textbeschreibung definieren */
#main .ce_form .form-css3 .captcha_text
{
	margin:0;
	padding:0 0 0 20px;
	font-size:1.3em;
}
/* Absendeknopf definieren */
#main .ce_form .form-css3 .submit
{
	width:310px;
	margin:30px 0;
	padding:6px 0;
	font-size:1.6em;
	color:#777;
	text-shadow:1px 1px 1px #fff;
	letter-spacing:.2em;
	border:none;
	/* Gecko-Browser (Firefox) */
	-moz-border-radius:6px;
	-moz-box-shadow:0px 0px 5px #0033cc;
	/* Webkit-Browser (Safari, Chrome) */
	-webkit-border-radius:6px;
	-webkit-box-shadow:0px 0px 5px #0033cc;
	/* allgemein CSS3 */
	box-shadow:0px 0px 5px #0033cc;
	border-radius:6px;
	text-shadow:2px 2px 2px #fff;
	background:#cfcfcf;

}
/* Fehleranzeige definieren */
#main .ce_form .form-css3 p.error
{
	width:70%;
	margin:10px 0;
	padding:5px 0 5px 10px;
	font-size:1.2em;
	color:#fff;
	background:#f30;
	/* Gecko-Browser (Firefox) */
	-moz-border-radius:7px;
	/* Webkit-Browser (Safari, Chrome) */
	-webkit-border-radius:7px;
	/* allgemein CSS3 */
	border-radius:7px;
}
/* Hoverzustand ein- und mehrzeilige Textfelder definieren */
#main .ce_form .form-css3 .text:hover,
#main .ce_form .form-css3 .textarea:hover
{
	border:1px solid #CF9B9B;
	background:#efefef;
}
/* Fokuszustand einzeiliges Textfeld definieren */
#main .ce_form .form-css3 .text:focus
{
	width:95%;
	border:1px solid #CF9B9B;
	font-size:2em;
	font-size:normal;
	letter-spacing:.1em;
	background:#efefef;
}
/* Fokuszustand mehrzeiliges Textfeld definieren */
#main .ce_form .form-css3 .textarea:focus
{
	width:95%;
	height:200px;
	border:1px solid #CF9B9B;
	font-size:2em;
	font-size:normal;
	background:#efefef;
}