/*------ allgemein -------*/
.relative {
	position:relative;
}

.spacer {
	margin-bottom:6px;
}
.mb3 {
	margin-bottom:3px;
}
.mt3 {
	margin-top:3px;
}
.ml5 {
	margin-left:5px;
}

.formRadio {
	float:left;
	margin:0 5px 0 5px;
	height:17px;
	width:13px;
}

.vpPositiverStatus {
	float:left;
	margin-top:2px;
	padding-left:21px;
}

.vpPositiverStatusText {
	float: left;
	width: 500px;
	margin-left: 10px;
	margin-bottom: 10px;
}

/*------ Bestellprozess Layout -------*/

#miniBpPage {
	background: url(/static/img/bg_bestellprozessseite.jpg) no-repeat;
}

#miniBpPage #headerContainer {
	height: 195px;
	width: 1024px;
}

#miniBpPage #content {
	margin-top: 20px;
	padding: 0px;
	width: 1010px;
}

#miniBpPage #contentContainer {
	height: auto;
}

#contentMain {
	width: 686px;
}

#miniBpPage #footerNavi {
	padding: 66px 20px 12px 27px;
}

#infoContent {
	margin-top: 47px;
	height: 27px;
	padding-top: 1px;
}

.infoBpSteps {
	float: left;
	padding-left: 14px;
}

#bpContentMain {
	float: left; 
	width: 686px;
}
#bpContentMariginal {
	float: right; 
}
#bpNewsletterBox {
	background: url(/static/img/bg_teaser_marginal_newsletter.png) no-repeat;
	height: 161px;
	margin-top: 36px;
	padding-top: 6px;
	width: 297px;
}
#bpNewsletterBox p {
	font-size: 12px;
	padding: 7px 0;
}
.bpNewsletterBoxContent {
	padding: 37px 20px 0 20px;
	width: 245px;
}

.contentSelect {
	border:1px solid #BBBBBB;
	width:344px;
	margin-top:16px;
	font-size:11px;
	color:#434B52;
}

/*------ Bestellprozess Form Layout -------*/

.formFourColumnRow {
	height: auto;
	line-height: 17px;
	width: 624px;
}
.formFourColumnFirst, .formFourColumnSecond, .formFourColumnThird, .formFourColumnFourth, .formFourColumnLast, .formFourColumnFirstPC, .formFourColumnFourthPC {
	float: left;
	font-size: 11px;
	padding-bottom: 6px;
	width: 174px;
	font-weight:bold;
}
.formFourColumnSecond {
	padding-left:5px;
	width: 30px;
	font-weight:normal;
	text-align:right;
}
.formFourColumnThird {
	padding-left:3px;
	width: 46px;
	font-weight:normal;
	text-align:right;
}
.formFourColumnFourth {
	padding-left:20px;
	width: 215px;
	font-weight:normal;
}
.formFourColumnLast {
	padding-left:10px;
	width: 113px;
	text-align:right;
}
.formFourColumnLast span {
	font-size:10px;
	font-weight:normal;
}

/*------ Bestellprozess Form Layout Sonderbehandlung Paket Classic -------*/
.formFourColumnFirstPC {
	width: 185px;
}
.formFourColumnFourthPC {
	padding-left:20px;
	font-weight:normal;
	width: 204px;
}
/*------ Bestellprozess Form Layout mit Empfehlung -------*/

.formFourColumnRowStoerer {
	/*background: url(/static/img/unsere_empfehlung.gif) 115px 0 no-repeat;*/
	height: auto;
	line-height: 17px;
	width: 624px;
	/*color:#e2001a;*/
}
.formFourColumnRowStoerer .formFourColumnFirst {
	height:35px;
	width: 185px;
	font-weight:bold;
	padding-top:0px;
}
.formFourColumnRowStoerer .formFourColumnFirst label {
	padding-top:9px;
}
.formFourColumnRowStoerer .formFourColumnFirst input {
	margin-top:8px;
}

.formFourColumnRowStoerer .formFourColumnSecond {
	padding-left:5px;
	width: 30px;
	padding-top:9px;
	text-align:right;
}
.formFourColumnRowStoerer .formFourColumnThird {
	width: 46px;
	padding-top:9px;
	text-align:right;
}
.formFourColumnRowStoerer .formFourColumnFourth {
	width: 204px;
	padding-top:9px;
}
.formFourColumnRowStoerer .formFourColumnLast {
	padding-top:9px;
	text-align:right;
}
.formFourColumnRowStoerer .formFourColumnLast span {
	font-size:10px;
	font-weight:normal;
}

.with_mobile_option {
	float:left;
	height:21px;
	margin:15px 5px 0 0;
}

.formOuterShadowYellowTop, .formOuterShadowYellowHeader{
	height: 17px;
	width: 666px;
}

.formOuterShadowYellowTop {
	background:transparent url(/static/img/bg_form_shadow_yellow_top.png) no-repeat scroll 0 0;
}
.formOuterShadowYellowHeader {
	background:transparent url(/static/img/bg_form_shadow_yellow_middle.png) repeat-y scroll 0 0;
	height:auto;
}

/*------ BpOption Box -------*/

.bpOptionBox{
	width: 334px;
	height: 290px;
	float: left;
}

.bpOptionBoxContent{
	width: 272px;
	padding: 15px 0 0 20px;
}

.bpOptionBoxHeader {
	width: 290px;
	height: 45px;
	padding: 16px 0 0 0;	
}	

.bpOptionBoxLarge {
	width: 334px;
	float: left;
	height: auto;
}

.bpOptionBoxContentLarge {
	background: url(/static/img/bg_bp_option_box_large.png) repeat-y;
	width: 272px;
	margin-top: 54px;
	padding: 0 42px 0 20px;
}
.bpOptionBoxContentLargeBottom {
	background: url(/static/img/bg_bp_option_box_large_bottom.png) no-repeat;
	height: 10px;
	width: 334px;
	margin-bottom: 16px;
}

.bpOptionBoxContentLarge .formInputNormal {
	width: 200px;
}

.bpOptionBoxContentLarge .formInputSmall {
	width: 65px;
	margin-right: 3px;
}

.bpOptionBoxWide {
	width: 668px;
	float: left;
	height: auto;
}

.bpOptionBoxContentWide {
	background: url(/static/img/bg_bp_option_box_wide.png) repeat-y;
	width: 600px;
	margin-top: 54px;
	padding: 0 48px 0 20px;
}
.bpOptionBoxContentWideBottom {
	background: url(/static/img/bg_bp_option_box_wide_bottom.png) no-repeat;
	height: 10px;
	width: 668px;
	margin-bottom: 16px;
}

/*------ Warenkorb -------*/
.shoppingBasketImage {
	float:left;
	width:23px;
	margin-top:3px;
}
.shoppingBasketText {
	float:left;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	width:200px;
	margin-top:3px;
}

.formContentExtra {
	padding-left:121px;
}

.formTwoColumnFirst, .formTwoColumn {
	float: left;
	font-size: 11px;
	padding-bottom: 6px;
	width: 192px;
}
.formTwoColumn {
	padding-left: 20px;
}

.formTwoColumnFirst {
	width: 100px;
}
.formTwoColumnFirstWide {
	position:absolute;
	top:53px;
	left:5px;
	float: left;
	width: 125px;
}
.formTwoColumn {
	padding-left: 15px;
	width: 500px;
}
#contentMain .formTwoColumn p {
	padding: 0 0 10px 0;
}
#contentMain .formTwoColumn .leftFormColumn {
	display:block;
	float:left;
	width:150px;
	padding: 0 10px 0 0;
}

.formColumnLargeExtra {
	width: 370px;
}

.formInputTwoColumnSmallExtra, .formInputMediumExtra, .formInputTwoColumnMediumExtra {
	border: 1px solid #bbbbbb;
	color: #434b52;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 11px;
	padding: 0;
	height: 16px;
	width: 190px;
}

.formInputTwoColumnSmallExtra {
	width: 80px;
}

.formInputMediumExtra {
	width: 172px;
}

.formInputTwoColumnMediumExtra {
	width: 257px;
}

.formSeparatorMiddle  {
	background: url(/static/img/lay_dotted_line.gif) repeat-x;
	font-size: 0;
	height: 1px;
	line-height: 0;
	margin: 9px 0 14px 0;
	width: 500px;
}

.formSeparatorMiddleNone {
	background: none;
	padding: 0;
	margin: 0;
	width: 500px;
}

.formOuterShadowBottomInstallation {
	background: url(/static/img/bg_form_shadow_bottom_installation.png) no-repeat;
	height:17px;
	
}

.ie6Png { /* png transparency fix */
  position:relative;
  behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
	  this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
	  this.src = "/static/img/ie6PngFixClear.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
	  this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
	  this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
  );
}

.accordion_white  {
	background: url(/static/img/bg_accordion_white.png) no-repeat;
	height: auto;
	margin-right: 6px;
	width: 297px;
}

.accordionContentBorderRoundLight {
	background: url(/static/img/bg_accordion_border_round_light.png) no-repeat;
	clear: both;
	font-size: 0px;
	height: 9px;
	line-height: 0px;
	width: 297px;
}