/*     --wrapper
------------------------------------------------- 
.input-wrapper {margin-bottom: 12px;}*/

/*     --fieldset
------------------------------------------------- 
legend {display: none;}*/

/*    --rahmen
------------------------------------------------- 
input, select, textarea {width: 50%; padding: 10px; border: 1px solid #ededed; color: #acacac; background: #F7F7F7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}*/

/*     --felder
------------------------------------------------- 
label {width: 100%; float: left; margin-bottom: 5px;}
select {height: 35px; padding: 8px;}
textarea {height: 200px;}*/

/*     --radio-buttons
------------------------------------------------- 
.radio_container {margin-top: 1px;}
.radio_container legend span {margin-bottom: 5px; display: inline;}
.radio_container label {float: none;}
.radio_container input {width: 20px; border: none;}
.radio_container legend {display: block; overflow: hidden;}
.radio_container span {display: block;}*7

/*     --checkboxes
------------------------------------------------- 

.checkbox_container {margin-top: 1px;}
.checkbox_container legend span {margin-bottom: 5px; display: inline;}
.checkbox_container label {float: none;}
.checkbox_container input {width: 20px; border: none;}
.checkbox_container legend {display: block; overflow: hidden;}
.checkbox_container span {display: block;}*/

/*     --submit-button
------------------------------------------------- 
.submit_container input {
	background: #1f1f1f; 
	padding: 10px 18px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	cursor: pointer;
	font-size: 10px;
	margin-bottom: 5px;
	border: 0;
	behavior: url(files/the-photographer/scripts/PIE.htc);
	display: inline-block;
	width: auto;
	margin-top: 20px;
}*/

/*     --error
------------------------------------------------- 
label.error {color: red;}
input.error {border: 1px solid red;}
p.error {color: red;}*/


/*        --new
------------------------------------------------- */

/* Position und Grundeigenschaften des Formulars definieren */
.form-css3
{
	margin:0 0 0 80px;
	padding:20px 0 0 20px;
	font-family:verdana,arial,sans-serif;
}

/* Fieldsets definieren */
.form-css3 fieldset
{
	width:80%;
	margin:0 0 30px;
	padding:10px;
	border:1px solid #dfdfdf;
	border-radius: 5px;
}

/* Fieldset Legenden definieren */
.form-css3 fieldset legend
{
	margin:-8px 0 0 -5px;
	padding:0 5px;
	font-weight:bold;
	font-size:1.2em;
	color:#999;
	letter-spacing:.1em;
}
/* Labels definieren */
.form-css3 label
{
	display:block;
	padding:10px 0 4px;
	font-weight:bold;
	font-size:1.2em;
	color:#999;
}
/* einzeilige Textfelder definieren */
.form-css3 .text
{
	width:300px;
	margin:0 0 4px;
	padding:6px;
	border:1px solid #efefef;
	border-radius: 5px;
	font-size:1.3em;
	/* Gecko-Browser (Firefox) */
	-moz-box-shadow:inset 3px 3px 6px #666;
	/* Webkit-Browser (Safari, Chrome) */
	-webkit-box-shadow:inset 3px 3px 6px #666;
	/* allgemein CSS3 */
	box-shadow:inset 3px 3px 6px #666;
}
/* mehrzeilige Textfelder definieren */
.form-css3 .textarea
{
	width:300px;
	height:100px;
	margin:0 0 4px;
	padding:6px;
	border:1px solid #efefef;
	border-radius: 5px;
	font-family:verdana,arial,sans-serif;
	font-size:1.3em;
	line-height:1.6;
	/* Gecko-Browser (Firefox) */
	-moz-box-shadow:inset 3px 3px 6px #666;
	/* Webkit-Browser (Safari, Chrome) */
	-webkit-box-shadow:inset 3px 3px 6px #666;
	/* allgemein CSS3 */
	box-shadow:inset 3px 3px 6px #666;
}
/* Captcha-Feld definieren */
.form-css3 .captcha #ctrl_17,
.form-css3 .captcha #ctrl_24
{
	width:300px;
	margin:0 0 4px;
	padding:6px;
	border:1px solid #efefef;
	border-radius: 5px;
	font-size:1.2em;
	/* Gecko-Browser (Firefox) */
	-moz-box-shadow:inset 3px 3px 6px #666;
	/* Webkit-Browser (Safari, Chrome) */
	-webkit-box-shadow:inset 3px 3px 6px #666;
	/* allgemein CSS3 */
	box-shadow:inset 3px 3px 6px #666;*/
}

.form-css3 .captcha-frage
{
	width:300px;
	margin: 1.2em 0 0 0;
	padding:0px;
	font-size: 1.2em;
}

/* Fehleranzeige definieren */
.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 */
.form-css3 .text:hover,
.form-css3 .textarea:hover,
.form-css3 .captcha #ctrl_17:hover,
.form-css3 .captcha #ctrl_24:hover
{
	border:1px solid #CF9B9B;
	border-radius: 5px;
	/*background:#efefef;*/
	background: #cfcfcf;
}
/* Fokuszustand einzeiliges Textfeld definieren */
.form-css3 .text:focus
{
	width:75%;
	border:1px solid #CF9B9B;
	font-size:1.8em;
	font-size:normal;
	letter-spacing:.1em;
	background:#efefef;
}
/* Fokuszustand mehrzeiliges Textfeld definieren */
.form-css3 .textarea:focus
{
	width:75%;
	height:200px;
	border:1px solid #CF9B9B;
	font-size:1.7em;
	font-size:normal;
	background:#efefef;
}
.form-css3 .captcha #ctrl_17:focus,
.form-css3 .captcha #ctrl_24:focus
{
	width: 75%;
}
/* Absendeknopf definieren */
.form-css3 .submit
{
	width:300px;
	margin:10px 0;
    padding:5px 0;
	font-size:1.5em;
	border: 0;
	/* Gecko-Browser (Firefox) */
	-moz-border-radius:6px;
	-moz-box-shadow:1px 1px 1px #888;
	/* Webkit-Browser (Safari, Chrome) */
	-webkit-border-radius:6px;
	-webkit-box-shadow:1px 1px 1px #888;
	/* allgemein CSS3 */
	box-shadow:1px 1px 1px #888;
	border-radius:5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	/*text-shadow:2px 2px 2px #fff;*/
	background:#111;
	padding: 8px 16px;
	color: #999; 
	text-decoration: none;
	position: relative;
	cursor: pointer;
	font-size: 1.1em;
	letter-spacing:.12em;
	/*margin-bottom: 5px;*/
	behavior: url(files/the-photographer/scripts/PIE.htc);
	display: inline-block;
	width: auto;
}

.form-css3 .submit:hover
{
	background:#1e1e1e;
	color: #dfdfdf;
}
input, select, textarea {width: 50%; padding: 10px; border: 1px solid #ededed; color: #acacac; background: #F7F7F7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}