@charset "utf-8";

/***** 

	Kontaktformular Stylesheet
	2009, BRANDMARKER
	
*****/

div.kontaktformular {
	width: 812px;
	}

.kontaktformular .column1 {
	float: left;
	width: 390px;
	}

.kontaktformular .column2 {
	float: right; 
	width: 386px; 
	padding-left: 33px;
	}

.kontaktformular ol {
	list-style: none;
	margin: 0;
	padding: 0;
	}

.kontaktformular ol li {
	clear: both;
	margin: 0;
	padding: 0;
	}
	
	.kontaktformular .final_step {
		text-align: left;
		}
	
	.kontaktformular ol li strong {
		display: block;
		color: #333;
		margin: 0;
		padding: 0;
		}
	
	.kontaktformular ol li strong.warning {	color: #990000; }
		
		* html .kontaktformular ol li strong { margin: 10px 0 0 0; } /* IE 6 Margin Bug */

.kontaktformular select {
	border: 1px solid #CCCCD6;
    background: #fff;
	color: #333;
    padding: 2px 0 2px 2px;
	margin-top: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	width: 286px;
	}
		
.kontaktformular input {
	border: 1px solid #CCCCD6;
    background: #fff;
	color: #333;
    padding: 2px 0 2px 2px;
	margin-top: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	}

	*:first-child+html .kontaktformular input { margin-top: 3px; } /* IE 7 Margin Bug */
	* html .kontaktformular input { margin-top: 3px; } /* IE 6 Margin Bug */

.kontaktformular label { width: 100px; float: left; padding-top: 8px; }

	#anrede { 
		background: none; 
		}
	
.kontaktformular .katalogbestellung, .kontaktformular #newsletter   {
		margin: 8px 8px 0 0;
		padding: 0;
		background: none;
		border: none;
		cursor: pointer;
		display: block;
		float: left;
		width: 15px;
		}

 .kontaktformular #toa_accept {
		margin: 2px 10px 0 0;
		padding: 0;
		background: none;
		border: none;
		cursor: pointer;
		display: block;
		float: left;
		width: 15px; 
		}

.kontaktformular #newsletter   { margin: 7px 8px 0 0; }
*:first-child+html .kontaktformular #newsletter   { margin: 3px 8px 0 0; }
* html .kontaktformular #newsletter   { margin: 3px 8px 0 0; }

*:first-child+html .kontaktformular #toa_accept {	margin: 0 10px 0 0;	}
* html .kontaktformular #toa_accept {	margin: 0 10px 0 0;	}

.kontaktformular #auszeichnung,
.kontaktformular #auszeichnung2 { padding: 0 0 0 0; }

.kontaktformular #auszeichnung label,
.kontaktformular #auszeichnung2 label { width: auto;	}
	
	#plz {
		width: 39px;
		}
	#ort {
		margin-left: 3px;
		width: 233px;
		}

	.kontakt {
		width: 282px;
		}

.kontaktformular textarea {
	border: 1px solid #CCCCD6;
	width: 384px;
	height: 129px;
	margin: 0;
	padding: 0;
	color: #333;
	background: #fff; 
	overflow: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	border: 1px solid #CCCCD6;
	}
*:first-child+html .kontaktformular textarea { height: 119px; }
* html .kontaktformular textarea { height: 132px; }

.kontaktformular .buttons {
	border: 0;
	padding: 2px 0;
	margin: 0 0 5px 0;
	color: #fff;
	text-align: center;
	width: 130px;
	cursor: pointer;
	background: #B42557;
	}

.kontaktformular .check { display: none }

.kontaktformular .contactfix1 { padding: 0 0 4px 0; }
*:first-child+html .kontaktformular .contactfix1 { padding: 0 0 4px 0; }
* html .kontaktformular .contactfix1 { padding: 0 0 5px 0; }

.kontaktformular .contactfix2 { padding: 22px 0 4px 0; }
*:first-child+html .kontaktformular .contactfix2 { padding: 11px 0 4px 0; }
* html .kontaktformular .contactfix2 { padding: 2px 0 4px 0; }

.kontaktformular .contactfix3 { padding: 20px 0 10px 0; }
*:first-child+html .kontaktformular .contactfix3 { padding: 10px 0 10px 0; }
* html .kontaktformular .contactfix3 { padding: 2px 0 10px 0; }

.kontaktformular .toa_wrap {
	margin: 17px 0; 
	padding: 7px; 
	width: 371px;
	}

.kontaktformular .toa_label {
	width: 345px; 
	cursor: default; 
	float: left; 
	padding: 0;
	}

.kontaktformular input.newsletterDatenRadio {
	float: left;
	margin: 9px 5px 0 0;
}
.kontaktformular label.newsletterDatenRadio {
	font-weight: bold;
	font-size:12px;
	float: left;
	width: 200px;
	broder: 1px solid red;
}

* html .kontaktformular .toa_wrap {	width: 374px; }
* html .kontaktformular .toa_label { padding: 2px 0 0 0; }
*:first-child+html  .kontaktformular .toa_label { padding: 2px 0 0 0; }