/* CSS Document */

body {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.clear {
	clear: both;
	line-height: 0;
	font-size: 0px;
}
.tx-mbrbrochureorder-pi1 table {
	float: left;
}
.tx-mbrbrochureorder-pi1 table tr td input {
	font-size: 1em;
}
/*----------------------------*/
.errorMsg {
	font-size: 0.7em;
	color: red;
}
.errorBox {
	background: #03a7fc; 
	color: #FFF; 
	float: left;
}
.errorMsgBroRadio {
	background: #03a7fc; 
	color: #FFF; 
	float: left;
}
form .errorBox label {
	color:#fff;
}
.steps {
	width: 100%;
	float: left;
}
.steps .step {
	float:left;
	font-size:1em;
	padding: 4px 0 4px 23px;
}
.steps3 .step {
	width:28%;
}
.steps4 .step {
	width:20%;
}
.steps .step1no {
	background: transparent url(../images/form_step1_no.gif) no-repeat 0 50%;
}
.steps .step2no {
	background: transparent url(../images/form_step2_no.gif) no-repeat 0 50%;
}
.steps .step3no {
	background: transparent url(../images/form_step3_no.gif) no-repeat 0 50%;
}
.steps .step4no {
	background: transparent url(../images/form_step4_no.gif) no-repeat 0 50%;
}
.steps .step1act {
	background: transparent url(../images/form_step1_act.gif) no-repeat 0 50%;
}
.steps .step2act {
	background: transparent url(../images/form_step2_act.gif) no-repeat 0 50%;
}
.steps .step3act {
	background: transparent url(../images/form_step3_act.gif) no-repeat 0 50%;
}
.steps .step4act {
	background: transparent url(../images/form_step4_act.gif) no-repeat 0 50%;
}

.errorMsgBro {
	font-size:0.7em;
	color: red;
	float: left;
}
.form, 
form {
	margin: 0 2.3em 0 0;
}
.form h3, 
form h3 {
	margin: 2em 0 1em 0;
	float: left;
	width: 100%;
}

.form .onecol,
.form .twocols,
.form .threecols,
form .onecol,
form .twocols,
form .threecols {
	float:left;
	width:100%;
	margin: 0 0 0.55em 0;
}

.form .twocols .left,
form .twocols .left {
	float:left;
	width:49.5%;
}
.form .twocols .right,
form .twocols .right {
	float:right;	
	width:49.5%;
}

form .threecols .left {
	float:left;
	width:10.7%;
}
form .threecols .middle {
	float:left;	
	width:39.5%;
}
form .threecols .right {
	float:right;	
	width:49.5%;
}

form label {
	display:block;
	/* old: color:#666; */
	color: #444;
	font-size:0.6em;
	margin: 0 0 0.25em 0;
	text-transform:uppercase;
}
form .inputTextBorder {
	border-top:1px solid #d8d8d8;
	border-left:1px solid #d8d8d8;
	width:220px;
	float:left;
}
form .threecols .left .inputTextBorder {
	width:40px;
}
form .threecols .middle .inputTextBorder {
	width:172px;
}
form .threecols .right .inputTextBorder {
	width:220px;
}
form .quantity .inputTextBorder {
	width:40px;
	margin: 0 0 0.5em 0;
}
form input.inputText {
	background:#eee;
	border:none;
	border-top:1px solid #e7e7e7;
	border-left:1px solid #e7e7e7;
	/* old: color:#666; */
	color: #444;
	font-size:0.7em;
	padding:2px;
	width:215px;
	height:18px;
	float:left;
}
form .threecols .left input.inputText {
	width:35px;
}
form .threecols .middle input.inputText{
	width:167px;
}
form .threecols .right input.inputText {
	width:215px;
}
form .quantity input.inputText {
	width:35px;
}
form select {
	background:#eee;
	border:none;
	border-top:1px solid #e7e7e7;
	border-left:1px solid #e7e7e7;
	/* old: color:#666; */
	color: #444;
	font-size:0.7em;
	width: 222px;
	height:21px;
	float:left;
}
form .textareaBorder {
	float:left;
	width:451px;
	border-top:1px solid #d8d8d8;
	border-left:1px solid #d8d8d8;
}
form textarea {
	background:#eee;
	border:none;
	border-top:1px solid #e7e7e7;
	border-left:1px solid #e7e7e7;
	/* old: color:#666; */
	color: #444;
	font-size:0.7em;
	height:100px;
	margin: 0;
	width: 450px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.radioBoxWrap,
.checkBoxWrap {
	float:left;
	margin:0.25em 0 0.25em 0;
	width:100%;
}
.radioBoxWrap label,
.checkBoxWrap label{
	padding: 0 0 0 2em;
}
.radioBoxWrap input,
.checkBoxWrap input {
	float: left;
	margin: 0 1em 0 0;
}
.submitBox {
	margin: 1em 0 1em 0;
	float: left;
	width: 101%;
}
.submitBox input {
	border: none;
	padding: 0;
	margin: 0;
	color: #03a7fc;
	text-transform:uppercase;
	text-align: left;
	font-weight: bold;
	font-size: 0.7em;
	padding: 0 0 0 1em;
	cursor: pointer;
	background: transparent;
}
.submitBox input.submitPrevStep {
    background: transparent url(../images/iconArrowFormBack.gif) no-repeat 0 50%;
	float: left;
	width: auto;
	overflow: hidden;
}
.submitBox input.submitNextStep {
    background: transparent url(../images/iconArrowFormNext.gif) no-repeat 0 50%;
	float: right;
	width: auto;
	overflow: hidden;
}
.textAreaProof .label,
.proofValues .label {
	display:block;
	/* old: color:#666; */
	color: #444;
	font-size:0.6em;
	margin: 0 0 0.25em 0;
	text-transform:uppercase;
}
.proofValues .value {
	background:#f7f7f7;
	border:none;
	/* old: color:#666; */
	color: #444;
	font-size:0.7em;
	padding:2px;
	width:215px;
	/*height:18px;*/
	float:left;
}

.textAreaProof .value {
	background:#f7f7f7;
	border:none;
	/* old: color:#666; */
	color: #444;
	font-size:0.7em;
	padding:2px;
	width: 450px;
	float:left;
}

form .threecols .left .proofValues .value {
	width:35px;
}
form .threecols .middle .proofValues .value {
	width:190px;
}
form .threecols .right .proofValues .value  {
	width:192px;
}
form .captchaWrap {
	background:#eee;
	border:none;
	border-top:1px solid #e7e7e7;
	border-left:1px solid #e7e7e7;
	/* old: color:#666; */
	color: #444;
	font-size:0.7em;
	padding:2px;
	width:215px;
	height:18px;
	float:left;
	text-align: center;
}

.newsSearch {
    margin: 0 0 1em 0;
}
.newsSearch label {
    display: inline;
    float:left;
    margin: 0.2em 0.7em 0 0;
}
.newsSearch .inputTextBorder {
    width: 220px;
}
.newsSearch .inputText {
    height: 15px;
    padding:0px;
    float:left;
    width: 219px;
}
.newsSearch .submitBox {
    margin: 2px 50px 0 0;
    padding: 0;
    width: 80px;
    float: right;
}

*.marginalSelectBox {
	background: #fff;
}

.radioBoxWrapSub label {
	display: inline;
}
.radioBoxWrapSub {
	float: left;
	margin: 0 0 0.5em 1.5em;
}
form input.sizeA {
	width: 45px;
	margin: 0 10px 0 0;
}
form input.sizeB {
	width: 155px;
}
.selectMonth {
	width: 120px;
}
#contentMain div.tx-miniprogramm-pi1-infobox input.tx-miniprogramm-pi1-searchbox-sword  {
	width: 160px;
}
.spaceafter {
	margin: 0 0 20px 0;
}
.onecol p strong .orange {
	color: red;
}
.FormInfotext {
	width: 100%;
	float: left;
}
div.hiddenerror {
	display: none;
}
div.formerror {
	display: block;
	color: red;
	font-size: 0.7em;	
}
form input.formerror {
	background: #03a7fc; 
	color: #FFF;
}
form textarea.formerror {
	background: #03a7fc; 
	color: #FFF;
}

.rowsabc {
	float: left;
	width: 100%;
	border-bottom: 1px solid #ccc;
	margin: 5px 0 10px 0;
	padding: 5px 0 10px 0;
	
}
.rowsabc input[type="radio"] {
	float: left;
}
.rowsabc label {
	width:80%;
	padding: 2px 0 0 0;
	float: right;
}

.rowa {
	width: 33%;
	float: left;
}
.rowb {
	width: 33%;
	float: left;
}
.rowc {
	width: 33%;
	float: left;
}
.question {
	font-weight: bold;
	text-transform: none;
}
.answer {
	margin-bottom: 25px;
}
.nospace {
	margin: 0;
	padding: 0;
}
.description {
	margin: 10px 0 0 0;
}

