#produktberater-banner input {
	margin-top: 4px;
}

* html input {
	margin-top: 2px;
}

.versteckt {
	display: 	none;
}

#pfStep1, #pfStep2, #pfStep3, #pfStep4, #pfStep5 {
	float:left;
	display: none;
    width: 710px;
    margin-top:0px

}

* html #pfStep1, * html #pfStep2, * html #pfStep3, * html #pfStep4, * html #pfStep5{
	display: none;
    height: 213px;
    width: 710px;
     margin-top:0px

}

#pfStep1 h3, #pfStep2 h3, #pfStep3 h3, #pfStep4 h3 {
	border-bottom:1px dotted #B6B6B6;
	color:#006F52;
	font-size:1em;
}



#pfStep1 h3.berater, #pfStep2 h3.berater, #pfStep3 h3.berater, #pfStep4 h3.berater
{
	padding: 5px 17px  0 12px;

	background: #00694e;
	color: #fff;
	width:	115px;
	height:21px;

}

*html #pfStep1 h3.berater, 
*html #pfStep2 h3.berater, 
*html #pfStep3 h3.berater, 
*html #pfStep4 h3.berater
{
	background: #fff;
	color: #fff;
	padding: 5px 17px  5px 12px;
	height: 25px;
	width:	144px;
}

#pfStep1, #pfStep2, #pfStep3, #pfStep4 {
	padding: 15px 0 0 0;
}
#pfStep1 form {
	padding: 28px 0 0 0;
	background: transparent url(/images/smb/produktberater/step1.gif) no-repeat ;
	position: relative;
	height: 215px;
}
#pfStep2 form {
	padding: 28px 0 0 0;
	height: 215px;
	background: transparent url(/images/smb/produktberater/step2.gif) no-repeat ;
	position: relative;
}
#pfStep3 form {
	padding: 28px 0 0 0;
	height: 215px;
	background: transparent url(/images/smb/produktberater/step3.gif) no-repeat ;
	position: relative;
}
#pfStep4 form {
	padding: 28px 0 0 0;
	background: transparent url(/images/smb/produktberater/step4.gif) no-repeat ;
	position: relative;
	height: 215px;
}
#pfStep1 ul {
	display: block;
	float: left;
	width: 236px;
	padding:0 0 18px 0;
}
#pfStep2 ul,
#pfStep3 ul {
	display: block;
	float: left;
	width: 354px;
	padding:0 1px 18px 0;
}
#pfStep1 ul li {
	border-bottom: 1px solid #ececec;
	padding: 2px 4px 2px 4px;
}
#pfStep2 ul li,
#pfStep3 ul li {
	border-bottom: 1px solid #ececec;
	padding: 2px 4px 2px 4px;
 }
#pfStep1 ul li.last,
#pfStep2 ul li.last,
#pfStep3 ul li.last {
	border: 0;
}
#pfStep4 .pImg img {
	position: absolute;
	top:40px;
	left: 15px;
	height: 127px;
}
#pfStep4 .pText {
	width: 530px;
	padding:0 0 0 120px;
}

#pfStep4 #xtraInfo {
	width: 565px;
	padding:15px 0 0 120px;
}
#legende {
	margin-bottom: 0px;
	background: pink;
	height:10px;
	display:block;
}

#links{
	text-align:left;
	float: left;
	margin:10px 0 20px  0px;
	padding:0px;
	height:10px;
}

#mitte{
	text-align: center;
	float: left;
	height: 10px;
	margin: 10px 0 20px  0px;
	padding: 0px;
	width: 190px; 
}

#rechts{
text-align:right;
float: right;
margin:10px 0 20px 0px;
padding:0px;
height:10px;

margin-right:20px;
}


.prod_berater_schritte p{

margin:         0 0 10px 12px;
font-size:		12px;
padding:        0;
line-height:	130%;

}




p.schrittbeschreibung{
margin: 10px 0 2px 0;
font-size:		12px;
padding: 0;
font-weight: bold;
line-height:	130%;
}

* html p.schrittbeschreibung{
margin: 10px 0 2px 2px;
}


p.schrittbeschreibung#step2{
margin: 10px 0 5px 0;
font-size:		11px;
padding: 0;
font-weight: bold;

line-height:	130%;
}

p.schrittbeschreibung_step2{
margin: 10px 0 2px 2px;
font-size:		11px;
padding: 0;
font-weight: bold;
line-height:	130%;
}


*html p.schrittbeschreibung_step2{
margin: 8px 0 -50px 2px;
font-size:		11px;
padding: 0;
font-weight: bold;
line-height:	100%;
}

.prod_berater_schritte .active{
color: #00694e;
font-weight: bold;
}


.ergebnis_produkt {
font-size: 14px;
margin: 5px 0 0 0;
padding: 0;
font-weight: bold;
line-height:	100%;
}


.naechster_button, .vorheriger_button, .produkte_zeigen_button, .b_mehr_informationen, .b_kontakt {
	border:none;
	font-weight: bold; 
	padding: 0px;
	margin: -10px 10px 0 0px;
	font-size: 2px;
	text-indent:0px;
	height: 10px;
	display:block;
	cursor: pointer; 
	display: none;
	}




*html .naechster_button,*html  .vorheriger_button,*html  .produkte_zeigen_button,*html .b_mehr_informationen,*html .b_kontakt {
	border:none;
	font-weight: bold; 
	padding: 0px;
	margin: 0px 0 0 0px;
	font-size: 2px;
	text-indent:0px;
	height: 10px;
	cursor: pointer; 
	display: none;
}



.naechster_button input, .vorheriger_button input, .produkte_zeigen_button input{
	visibility: hidden;	
	}




.naechster_button {
	float:right;
	margin-right: 15px;
	width: 131px;
	background: url(gfx/produktberater/weiter.gif) no-repeat;
}


.naechster_button {
	float:right;
	margin-right: 15px;
	width: 131px;
	background: url(gfx/produktberater/weiter.gif) no-repeat;
}


* html .naechster_button {
	width: 141px;
}



.vorheriger_button {
float:left;

	width: 144px;
	background: url(gfx/b_vorheriger_schritt.gif) no-repeat;

}

.b_kontakt {
float:right;
margin-right: 15px;
width: 72px;
background: url(gfx/b_kontakt.gif) no-repeat;
}

* html .b_kontakt {
	width: 82px;
}


.b_mehr_informationen {
float:left;
width: 147px;
background: url(gfx/b_mehr_informationen.gif) ;
}




.produkte_zeigen_button {
float:right;
margin-right: 15px;
	width: 125px;
	background: url(gfx/b_produkte_zeigen.gif) no-repeat;
}


*html .produkte_zeigen_button {
	width: 135px;
}

.spalte_1
{
	float: left;
    width: 200px;
}
.spalte_2
{
	float: left;
	width: 200px;
}
.spalte_3
{
	float: left;
	width: 200px;
}
.navigation
{
	width: 600px;
}
.rahmen
{
	width: 800px;
}
.pb_navi {
	padding:10px 0 0 0;
	border-top: 1px solid #e3e3e3;
}
.pb_navi_left {
	width:150px; 
	float: left;
}
.pb_navi_center {
	width:400px; 
	float: left; 
	text-align: center;
	display: none;
}
.pb_navi_right {
	width:150px; 
	float: left; 
	text-align: right;
	
}
.pb_navi_left img,
.pb_navi_center img,
.pb_navi_right img {
	display: inline !important;
}



/* */

#produktberater-banner {
	height: 312px;
	background: transparent url(/images/smb/produktberater/background.jpg) no-repeat;
	position: relative;
	overflow: hidden;
	width: 969px;
}

h1 {
	color: #006F52;
	font-size: 26px;
	margin: 0 0 15px 0;
	font-weight: normal;
	text-align: center;
}

h2 {
	margin: 15px 0 0 0;
	font-size: 20px;
}

td,
#produktberater-banner p,
#produktberater-banner strong,
#produktberater-banner span,
#produktberater-banner div {
	color: #575757;
}

.produktberater-zurueck {
	position: absolute;
	left: 245px;
	bottom: 11px;
}

.produktberater-weiter {
	position: absolute;
	right: 11px;
	bottom: 11px;
}

.solutionbox {
	background: #c1e0a5;
	padding: 10px;
	margin: 0 0 12px 0;
	width: 680px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#produktberater-banner .solutionbox strong,
#produktberater-banner .solutionbox span {
	color: #003d22;
}

#produktberater-banner .solutionbox p {
	color: #003d22;
}

.solutionbox h2 {
	margin: 0;
	font-size: 16px;
	color: #003d22;
}

#produktberater-banner #pfDefault h2,
#produktberater-banner #pfDefault p {
	color: #fff;
	font-weight: normal;
}

#pfDefault {
	margin: 0 0 12px 0;
}

#pfDefault * {
	font-size: 11px !important;
	line-height: 15px !important;
	color: #545454;
}

#pfOLBestPW p,
#pfOLBestCRM p,
#pfCRMBest p,
#pfCRMBestOL p {
	font-size: 11px !important;
	line-height: 15px !important;
	color: #545454 ;
}

.button-left2 {
	color: #575757 !important;
	background: transparent ;
	padding: 0 !important;
}
.button.button-right {
	position: absolute;
	bottom: 12px;
	right: 0;
}
.button3.button-left {
	position: absolute;
	bottom: 11px;
	left: 0;
}
.button2.button-right {
	position: absolute;
	bottom: 0;
	right: 0;
}
.button {
	height: 37px;
	display: block;
	width: auto;
	text-decoration: none;
	color: #fff;
	float: right;
}
.button span.l {
	width: 5px;
	height: 37px;
	display: block;
	background: transparent url(/images/smb/produktberater/btn-left.gif) no-repeat;
	float: left;
}
.button span.m {
	height: 27px;
	display: block;
	width: auto;
	background: transparent url(/images/smb/produktberater/btn-middle.gif) repeat-x;
	float: left;
	padding:11px 0 0 10px;
	color: #fff !important;
	font-size: 15px;
}
.button span.r {
	width: 31px;
	height: 37px;
	display: block;
	background: transparent url(/images/smb/produktberater/btn-right.gif) no-repeat;
	float: left;
}

.button2 {
	height: 58px;
	display: block;
	width: auto;
	text-decoration: none;
	color: #fff;
	float: right;
}
.button2 span.l {
	width: 21px;
	height: 53px;
	display: block;
	background: transparent url(/images/smb/produktberater/btn-white-left.png) no-repeat;
	float: left;
}
.button2 span.m {
	height: 36px;
	display: block;
	width: auto;
	background: transparent url(/images/smb/produktberater/btn-white-middle.png) repeat-x;
	float: left;
	padding:19px 0 0 10px;
	color: #5a903f !important;
	font-size: 15px;
}
.button2 span.r {
	width: 41px;
	height: 53px;
	display: block;
	background: transparent url(/images/smb/produktberater/btn-white-right.png) no-repeat;
	float: left;
}

.button3 span.l {
	width: 24px;
	height: 37px;
	display: block;
	background: transparent url(/images/smb/produktberater/btn-green-left.gif) no-repeat;
	float: left;
}
.button3 span.m {
	height: 27px;
	display: block;
	width: auto;
	background: transparent url(/images/smb/produktberater/btn-green-middle.gif) repeat-x;
	float: left;
	padding:11px 7px 0 0 ;
	color: #006f52 !important;
	font-size: 15px;
}
.button3 span.r {
	width: 5px;
	height: 37px;
	display: block;
	background: transparent url(/images/smb/produktberater/btn-green-right.gif) no-repeat;
	float: left;
}
.branchennamen {
	color: #fff !important;
	text-transform: uppercase;
	display: block;
	width: 710px;
	text-align: center;
	position: absolute;
	top: 4px;
	left: 0;
	font-size: 11px;
}
.branchennamen span {
	color: #fff !important;
}