@charset "utf-8";
/* CSS Document */

.clear { width: 0px; height: 0px; font-size: 0px; padding: 0px; margin: 0px; line-height: 0px; }


#carportkonfigurator {
	padding: 10px;
	border: 1px solid #D9D8D3;
	float: left;
	background: #fff;
}
#carportkonfigurator img { border: none; }
#carportkonfigurator div.trennlinie { font-size: 0px; line-height: 0px; height: 1px; border-bottom: 1px solid #dad7d2; }
#carportkonfigurator .angebotsnummer { font-size: 18px; font-weight: bold; padding: 5px 10px 10px 0px; display: block; }

#carportkonfigurator .error { background: #fff; padding: 10px 10px 10px 25px; font-weight: bold;  }


#carportkonfigurator table { color: #666666; font-weight: bold; }
#carportkonfigurator table tr td strong { color: #333333; }

#carportkonfigurator .carportlogo,
#carportkonfigurator .wrapper .HeadInfoMsg {  
	text-align: center;
	margin: 10px;
	color: #656565;
}

#carportkonfigurator div.wrapper { 
	position: relative;
	background: #f3f0eb;
	float: left;
	padding: 10px;
	padding-bottom: 20px;
	line-height: 18px;

}

#carportkonfigurator div.wrapper p { 
	color: #666666;
	font-size: 12px;
}

/* ******************************* */
/* *** STEP BY STEP Statusbar ***  */
/* ******************************* */
#carportkonfigurator div.wrapper div.stepsBar { 
	float: left;
	color: #fff;
	margin-top: 10px;
	margin-bottom: 20px;
	line-height: normal;
}

#carportkonfigurator div.wrapper div.stepsBar div.step { 
	background: url(../_img/carportkonfigurator/steps-bg-off.gif) top left no-repeat;
	float: left;
	width: 222px;
	height: 36px;
	color: #656565;
}

#carportkonfigurator div.wrapper div.stepsBar div.step.parentItem { 
	background: url(../_img/carportkonfigurator/steps-bg.gif) top left no-repeat;
}


#carportkonfigurator div.wrapper div.stepsBar div.step p { 
	display: block; 
  margin-top: 11px; 
  margin-left: 10px;
	padding: 0px;
	width: 195px;
}

#carportkonfigurator div.wrapper div.stepsBar div.step p a { 
  display: block; 
  height: 30px;  	
  
	margin-right: 0px;  
}


#carportkonfigurator div.wrapper div.stepsBar div.step.active { 
	background: url(../_img/carportkonfigurator/steps-bg-active.gif) top left no-repeat;
	color: #fff;
}


#carportkonfigurator div.wrapper div.stepsBar div.step.first { 
	background: url(../_img/carportkonfigurator/steps-bg-first.gif) top left no-repeat;
	width: 233px;
	height: 36px;
}

#carportkonfigurator div.wrapper div.stepsBar div.step.first_active { 
	background: url(../_img/carportkonfigurator/steps-bg-first-active.gif) top left no-repeat;
	width: 233px;
	height: 36px;
	color: #fff;
}

#carportkonfigurator div.wrapper div.stepsBar div.step.first_parentItem { 
	background: url(../_img/carportkonfigurator/steps-bg-first-off.gif) top left no-repeat;
	width: 233px;
	height: 36px;
}


#carportkonfigurator div.wrapper div.stepsBar div.step_last { 
	background: url(../_img/carportkonfigurator/steps-bg-last.gif) top left no-repeat;
	/*width: 233px;*/
	height: 36px;
}

#carportkonfigurator div.wrapper div.stepsBar div.step_last_active { 
	background: url(../_img/carportkonfigurator/steps-bg-last-active.gif) top left no-repeat;
	/*width: 233px;*/
	height: 36px;
}

#carportkonfigurator div.wrapper div.stepsBar div.step.first_active p a,
#carportkonfigurator div.wrapper div.stepsBar div.step.active p a,
#carportkonfigurator div.wrapper div.stepsBar div.step_last_active p a,
#carportkonfigurator div.wrapper div.stepsBar div.step.first_active p,
#carportkonfigurator div.wrapper div.stepsBar div.step.active p,
#carportkonfigurator div.wrapper div.stepsBar div.step_last_active p { color: #fff; }



/* ******************************* */
/* ****** CONTENT-ELEMENTS  *****  */
/* ******************************* */

#carportkonfigurator .wrapper .ContentLeft { 
	clear: both;
	float: left;
	width: 275px;
	margin-left: 1px;
	/*background: #00FF00;*/
}

#carportkonfigurator .wrapper .ContentLeft p.grey14px,
#carportkonfigurator .wrapper .ContentLeft p.green14px {
	color: #666666; 
	font-size: 14px; 
	margin-top: 0px;
	margin-bottom: 0px; 
	font-weight: bold;
}

#carportkonfigurator .wrapper .ContentLeft p.green14px { color: #5e9d04; }

#carportkonfigurator .wrapper .ContentLeft h2 { 
	color: #333333; 
	font-size: 24px; 
	margin-top: 0px;
}

#carportkonfigurator .wrapper .ContentLeft .black { 
	color: #333333; 
	margin-bottom: 0px;
}

#carportkonfigurator .wrapper .ContentLeft .step1_Stamp { 
	position: relative;
	top: 55px;
	left: 25px;
}



#carportkonfigurator .wrapper .ContentMiddle { 
	float: left;
	width: 420px;
	height: auto;
	/*background:#006699;*/
}

#carportkonfigurator .wrapper .ContentMiddle h2,
#carportkonfigurator .wrapper .ContentLeft h2.green { 
	color: #5e9d04; 
	font-size: 24px; 
	margin-top: 0px; 
	line-height: 100%;
}

#carportkonfigurator .wrapper .ContentMiddle h2.black { 
	color: #333333; 
}




#carportkonfigurator .wrapper .ContentMiddle div.type { float: left; }
#carportkonfigurator .wrapper .ContentMiddle div.type div.width,
#carportkonfigurator .wrapper .ContentMiddle div.type div.length { 
	float: left; 
	width: 200px;
	height: 265px;
} 

#carportkonfigurator .wrapper .ContentMiddle div.type div.width {
	margin-right: 10px;
}

#carportkonfigurator .wrapper .ContentMiddle div.type div.width p,
#carportkonfigurator .wrapper .ContentMiddle div.type div.length p { 
 	padding: 5px 0px;
	margin: 0px;
}


#carportkonfigurator .wrapper .ContentMiddle div.type div.width input.inputWidth,
#carportkonfigurator .wrapper .ContentMiddle div.type div.length input.inputLength,
#carportkonfigurator .wrapper .ContentRight input.inputEMail {
	font-weight: bold;
	font-size: 14px;
	border: 1px solod #666666;
	width: 186px;
	height: 20px;
	padding: 5px;
	color: #333333;
	line-height: normal;
	margin-top: 10px;
}



#carportkonfigurator .wrapper .ContentRight { 
	float: left;
	width: 200px;
	/*background:#996600;*/
}

#carportkonfigurator .wrapper .ContentRight .green12px { color: #5e9d04; font-size: 12px; }
#carportkonfigurator .wrapper .ContentRight .endpreis { 
	display: block; 
	color: #333333; 
	font-size: 38px; 
	font-weight: bold; 
	margin: 15px 15px 15px 0px;
}



#carportkonfigurator .carportfooter {
	width: 920px;
	*width: 916px;
	float: left;
	background: #b21b00;
}

#carportkonfigurator .carportfooter div.left { float: left; }
#carportkonfigurator .carportfooter div.right { float: right; }
#carportkonfigurator .carportfooter div.center { text-align:center; color: #fff; height: 42px; }
#carportkonfigurator .carportfooter div.center p { margin: 0px; padding:0px; }
#carportkonfigurator .carportfooter div.verticalCenter { text-align:center; color: #fff; padding: 13px 0px 13px 0px; }
#carportkonfigurator .carportfooter div.verticalCenter p,
#carportkonfigurator .carportfooter div.verticalCenter p a {color:#fff; margin: 0px; padding:0px; }




#carportkonfigurator div.wrapper .filialfinder {
	border: 1px solid #dcd9d5;
	background: #83BA33;

	color: #fff;
	float: left;
	/*position:relative;*/
}

#carportkonfigurator div.wrapper .filialfinder .filialfinderContent {
	border: 10px solid #fff;
	padding: 10px;
	color: #fff;
	/*position:relative;*/
}



#carportkonfigurator div.wrapper .filialfinder h3 { font-size: 18px; }
#carportkonfigurator div.wrapper .filialfinder p { color: #fff; }

/*#carportkonfigurator div.wrapper .filialfinder .filialform { position: relative; }*/

#carportkonfigurator div.wrapper .filialfinder div.header_search_bg {
	width: 140px;
	height: 23px;
	background: url(../_img/design/header_search_bg.png) no-repeat;
	position: relative;
	top: 2px;
	left: 0px;
}

#carportkonfigurator div.wrapper .filialfinder div.header_search_bg input {
	width: 130px;
	padding: 4px 0 0 7px;
	border: none;
	background: none;
	position: absolute;
	top: 0x;
	left: 0px;
	color: #a7a3a2;
}

#carportkonfigurator div.wrapper .filialfinder .header_search_submit {
	width: 26px;
	height: 26px;
	border: none;
	background: url(../_img/design/header_search_submit.png);
	position: relative;
	top: -24px;
	left: 120px;
	z-index: 10;
	cursor: pointer;
}

#carportkonfigurator div.wrapper .angebotBox {
	float: left;
	margin: 10px;
}
#carportkonfigurator div.wrapper .angebotBox .mail { border-bottom: 1px solid #666666; }