/*
 *  SINKACOM / AGENTUR.NET TYPO3 FORM STYLES
 *
 *  VERSION: 1.0
 *  TYPO3: 4.3.0
 *
 *	KNUD 2010-04-16 Erstellung der Datei
 *
 *	ALLE ANGABEN NACH MUSTER  .tx-extensionName .className / elementName
 *	@ TODO: Cleanup
 */

/* --- FORM Anfang ---
 * Verwendete Farben:
 * #ffffff  Ungerade Zeilen, Hintergrund
 * #cccccc  Gerade Zeilen, Legend Rahmen, Fieldset Rahmen, Eingabefelder Rahmen links und rechts, Submit Buttons
 * #666666  Fieldset Rahmen oben, Pfeile (Grafiken)
 * #333333  Rahmen für Pflichtfelder, Submit Buttons Schrift, Hintergrund Option Group
 * #d60303  Fehler Rahmen und Schrift
 * ------------------- */
form {
	padding: 0;
	margin: 30px 0 0px 0;
	border: 0;
}
form#paypalform, td form {margin-top:0px;}

.error {
	font-weight:bold;
	color:#d60303;
}

form div {
	position: relative;
	clear: both;
}

form div.odd {
	background: #ffffff;
}

form div.even {
	background: #cccccc;
}

form br {
	clear: both;
}

fieldset {

	padding: 12px 0 12px 6px;
	border: 0px solid #cccccc;
	border-top: 0px solid #666666;
	width: 565px;
	color: #666666;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color:#FFFFFF;

}
 fieldset fieldset {
	 padding:0;
 }
fieldset#mailformcontact{
	width: 288px;
	border: 1px solid #333333;
}
fieldset.right,
fieldset.right_noborder {
	/*border-top: 1px solid #cccccc;*/
	width: 288px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	padding-left:0;
	margin-left: 0;
}

fieldset.right_noborder {
	border: none;
	padding: 0;
}

fieldset.required {
	border: 1px solid #333333;
}


legend {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: -moz-linear-gradient(top, rgba(135,135,135,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(135,135,135,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(135,135,135,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(135,135,135,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(135,135,135,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(135,135,135,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#878787', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#878787', endColorstr='#000000')";
	color:#FFFFFF;
	text-transform: uppercase;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-weight: 900;
	padding:5px ;
	text-align:left;
	font-size:14px;
	width: 561px;
	margin: -13px 0px 13px -6px;
	float:left;
}

label {
	float: left;
	width: 200px;
	color: #000000;
	font-weight: normal;
}

label.nofloat {
	float:none;
}

fieldset label {
	width: 200px;
}

fieldset span.label {
	float: left;
	width: 200px;

}

fieldset input[type="checkbox"],
fieldset label.csc-mailform-check {
	float: none;
	width: auto;
	border: medium none;
}

fieldset p,
fieldset .tx-srfreecap-pi2-cant-read {
	margin: -5px 0 1px 0;
	color: #333333;
}

fieldset p.left {
	text-align: left;
}

fieldset div.contact_box {
	border-top: 1px solid #cccccc;
	margin: 6px 0;
}

fieldset div.contact_box  h4{
	visibility: hidden;
	display: none;
}

fieldset div.first_box {
	border-top: none;
}

img.tx-srfreecap-pi2-image {
	margin: 0;
}

label.required,
span.required,
th.required {
	background: url(../img/required.gif) right 2px no-repeat !important;
}

th.required {
	background: url(../img/required.gif) right 9px no-repeat !important;
}

th.required {
	padding-right: 10px;
}


label.error,
b.error {
	background: url(../img/error.png) right center no-repeat;
}

.error-text {
	font-weight:bold;
	color:#d60303;
}
.note {
	font-weight:bold;
	font-size:8pt;
}

label.label_short {
	float: none;
	width: auto;
	font-weight: normal;
}

input {
	margin: 0 0 1px 0;
	float: left;
	width: 300px;
	height: 18px;
	border: 1px solid #a4a3a1;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;


	-moz-box-shadow:inset 0px 0px 2px #a4a3a1;
	-webkit-box-shadow:inset 0px 0px 2px #a4a3a1;
	box-shadow:inset 0px 0px 2px #a4a3a1;


}
input:focus {
	-moz-box-shadow:inset 0px 0px 0px #a4a3a1;
	-webkit-box-shadow:inset 0px 0px 0px #a4a3a1;
	box-shadow:inset 0px 0px 0px #a4a3a1;
}
input.required,
select.required,
textarea.required {
	border: 1px solid #a4a3a1;
}

#profil_editieren_form  input.required,
#passwort_vergessen_form  input.required,
#registrierung_form input.required,
#registrierung_form textarea.required {
	background: url("../img/required.gif") no-repeat scroll 5px 1px #FFFFFF !important;
	padding-left: 12px;
}
#profil_editieren_form  label.required,
#passwort_vergessen_form  label.required,
#registrierung_form label.required,
#registrierung_form label.required {
	background-image:none!important;

}
input.csc-mailform-check {
	float: none;
	width: 15px;
	/*  margin: 0 0 3px 3px; */
	padding: 0;
	border: none;
	/*  vertical-align: top;*/
}

input.tx-srfeuserregister-pi1-radio {
	width: auto;
}

fieldset input.checkbox {
	margin: 0 0 3px 180px;
}

fieldset input.haslabel {
	margin: 0 0 3px 0;
}

fieldset input.multi {
	margin: 0 0 3px 15px;
}

label.checkbox {
	position: relative;
	display: inline;
	margin: -20px 0 0 200px;
	width: auto;
}

select,
select.multiple {
	width: 300px;
	height: 20px;
	border: 1px solid #999999;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

select.multiple {
	height: 100px;
}

optgroup {
	background-color: #333333;
	color: #ffffff;
	font-style: normal;
}
option {
	padding: 3px 0 0 0;
	background-color: #ffffff;
	color: #000000;
}

textarea {
	width: 290px;
	height: 85px;
	border: 1px solid #a4a3a1;

	-moz-box-shadow:inset 0px 0px 2px #a4a3a1;
	-webkit-box-shadow:inset 0px 0px 2px #a4a3a1;
	box-shadow:inset 0px 0px 2px #a4a3a1;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

input.quarter  {
	width: 74px;
	margin-right: 2px;
}
input.half {
	width: 148px;
	margin-right: 2px;
}
input.threequarter {
	width: 222px;
	margin-right: 2px;
}

select.quarter {
	width: 74px;
	margin-right: 2px;
}
select.half {
	width: 148px;
	margin-right: 2px;
}
select.threequarter {
	width: 222px;
	margin-right: 2px;
}

input.error,
select.error {
	border: 1px solid #d60303;
}

button.submitbutton,
button.submit,
input.submit,
input.submitbutton,
input.submitback,
input.submitlong
 {
	height: auto;
	margin: 3px;
	text-transform: uppercase;
	padding: 3px 18px;
	width: auto;
	background: #cccccc;
	text-align: center;
	cursor: pointer;
	color: #333333;
}

input.submitlong {
	width: 200px;
	background: #333333 url(../img/required.gif) 191px 50% no-repeat;
}

input.submitback {
	background: #333333 url(../img/required_back.gif) 3px center no-repeat;
}

input.submitmulti {
	margin: 2px 2px 0 15px;
}

input.submitright {
	float: right;
	margin-right: 62px;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0NSUiIHN0b3AtY29sb3I9IiNlNDc2NzciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmYwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top, rgba(228,118,119,1) 45%, rgba(255,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(45%,rgba(228,118,119,1)), color-stop(100%,rgba(255,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(228,118,119,1) 45%,rgba(255,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(228,118,119,1) 45%,rgba(255,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(228,118,119,1) 45%,rgba(255,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(228,118,119,1) 45%,rgba(255,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e47677', endColorstr='#d60303',GradientType=0 ); /* IE6-8 */
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-width:0px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:900;
}
input.plaintextstyle {
	border-width:0px;
	background-color:transparent;
	width:auto;
	color:#d60303;
	box-shadow: none;
	margin:0;
	padding:0;
	font-weight:bold;
}
#bon input:hover, input.plaintextstyle:hover {
	cursor:pointer;
}
input.next {
	border-width:0px;
	background-color:transparent;
	color: #d60303;
	background-image:url(../img/sidebar/nextbutton.png);
	background-repeat:no-repeat;
	text-transform: uppercase;
	display:inline-block;
	padding:0px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 900;
	font-size:12px;
	height:23px;
	line-height:23px;
	width:  198px;
	text-align: center;
	box-shadow:none;
	 float:right;
}
table .submitright, .csc-mailform-buttons .submitright {
	margin-right:5px;
}
table#warenkorb input.submitright {
	margin:0;
	text-transform:uppercase;
	width:198px;
}
#mferror {
	margin: 8px 0 8px 0;
	padding: 7px 5px 0 5px;
	width: 612px;
	color: #d60303;
	border: 1px solid #d60303;
}

#mferror h4 {
	color: #d60303;
}

#mferror_hidden {
	display: none;
}
span.input_error {
	clear: both;
	float: none;
	display: block;
	margin: 0 0 6px 150px;
	color: #d60303;
	text-align: left;
}
/* --- FORM Ende --- */

/* --- FORMHANDLER Anfang --- */
.Tx-Formhandler ul.error {
	list-style: none;
	margin-bottom: 12px;
	padding: 12px 6px;
	border: 1px solid #d60303;
	width: 545px;
	background: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.Tx-Formhandler span.error {
	color: #d60303;
	background: none;
	border: none;
	margin: 3px 0;
	padding: 0;

}

.Tx-Formhandler div.left,
.Tx-Formhandler div.right {
	float: left;
	width: 200px;
	margin: 3px 5px 4px 0;
}

.Tx-Formhandler div.right {
	width: 300px;
}

.Tx-Formhandler #recaptcha_widget_div {
	float: left;
	clear: none;
}
/* --- FORMHANDLER Ende --- */

/* --- PERSONAl DIRECT MAIL Anfang --- */
.tx-scpersonaldirectmail-pi1 span.error {
	color: #d60303;
	background: none;
	border: none;
	margin: 3px 0;
	padding: 0;
}

.tx-scpersonaldirectmail-pi1 div.left,
.tx-scpersonaldirectmail-pi1 div.right {
	float: left;
	width: 200px;
	margin: 3px 5px 4px 0;
}

.tx-scpersonaldirectmail-pi1 div.right {
	width: 300px;
}
/* --- PERSONAl DIRECT MAIL Ende --- */

/* --- DOUBLE OPTIN Anfang --- */
.tx-scdoubleoptin-pi1 p.validation {
	text-align: left;
	color: #d60303;
	background: none;
	border: none;
	margin: 3px 0;
	padding: 0;
}

.tx-scdoubleoptin-pi1 p.error {
	list-style: none;
	margin-bottom: 12px;
	padding: 12px 6px;
	border: 1px solid #d60303;
	width: 545px;
	background: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #d60303;
}
/* --- DOUBLE OPTIN Ende --- */

#mailformsalutation{
	border:none !important;
	margin: 0;
 padding: 0;
	margin:0;
}

#mailformsalutation .csc-mailform-field{
	width: 80px;
	position: relative;
	clear: none;
	float:left;
}

#mailformsalutation .csc-mailform-check{
	float: left;
	padding-left: 6px;
}
a.buffetdownload {
	display:inline-block;
	text-decoration:none!important;
}
input#vorwahl {
	width:67px;
}
.phoneseparator {
	float: left; font-size: 16px; display: inline; clear: none; line-height:24px; margin-right: 3px;
}
form#mailform div {
	margin-bottom:3px;
}

.required-text {
	color: #FFFFFF;
	float: right;
	position: absolute;
	right: 30px;}
.required-text p {color:#FFFFFF;}

form div.salutation {position:static; clear:none;}


.tx-wecmap-pi1 input, .tx-wecmap-pi1 label {
	height:auto;
	width:auto;
}
.tx-wecmap-pi1 label {
	padding-right:5px;
}