/**  FORM-STYLES **/

form.bcdform .caption {
	font-size: 13px;
	padding-bottom: 5px;
}
form.bcdform .caption label {
	width: 185px;
	text-align:left;
}
form.bcdform .caption img {
	float: left;
}

form.bcdform div.labelItem,
form.bcdform input {
	padding-left: 210px;
}
form.bcdform table input {
	padding-left: 0;
}

form.bcdform legend.section {
	float:left;
	line-height:45px;
	padding-left:45px;
	width:500px;
}

form.bcdform div.element {
	float:left;
	margin-bottom:10px;
	width:360px;
}

form.bcdform div.element div {
	float:left;
	padding-left:2px;
}

form.bcdform div.element div input,
form.bcdform div.element div select,
form.bcdform div.element div textarea {
	float:left;
	background-color:#fff;
	border:1px solid #e2e3e8;
	border-top:1px solid #acadb2;
	color:#000;
	padding:2px 1px;
}

form.bcdform div.element div input.prefill_hint,
form.bcdform div.element div select.prefill_hint,
form.bcdform div.element div textarea.prefill_hint {
	color:#999999;
}

form.bcdform div.element div div.inlineInput { /* FAKE mandatory */
	float:left;
	padding-left:2px;
	margin-left:5px;
}

form.bcdform div.element div select {
	padding:1px;
}

form.bcdform div.element div.mandatory {
	border-left:2px solid #00a1e4;
	padding-left:0px;
}

form.bcdform div.element div a.popupButton,
form.bcdform div.element div.mandatory a {
	display: block;
	height: 0;
	margin: 0;
	padding-left: 10px;
	line-height: 0;
	float: left;
}

form.bcdform div.element div.mandatory input,
form.bcdform div.element div.mandatory select {
	background-color:#ecf9ff;
}

form.bcdform div.element div.mandatory div.inlineInput {
	border-left:2px solid #00a1e4;
	padding-left:0;
	margin-left:4px;
}

form.bcdform div.element div.inlineLabel,
form.bcdform div.element div.inlineLabel label {
	float:left;
	width:auto;
}

form.bcdform div.element .mandatory .inlineRadioGroup {
	background-color:#ecf9ff;
	min-width    : 147px;
	width        : auto;
}

form.bcdform div.element .inlineRadioGroup input {
	float:left;
	border:none;
}

form.bcdform div.element .inlineRadioGroup label {
	width:auto;
}

form.bcdform div.element .longRadioGroup {
	/*background-color:#ecf9ff;*/
	width:360px;
}

form.bcdform div.element .mandatory div.longRadioGroup {
	background:#ecf9ff;
}

form.bcdform div.element .longRadioGroup label {
	width:320px;
	margin-bottom:10px;
	text-align:left;
}

form.bcdform div.element div.fullIncomeRadioGroup {
	background:#ecf9ff;
}

form.bcdform div.element .fullIncomeRadioGroup label {
	float:left;
	display:inline;
	width:120px;
	margin-left:5px;
	margin-bottom:10px;
	text-align:left;
}

form.bcdform div.specialFormGroup input {
	float:left;
}

form.bcdform div.specialFormGroup label {
	float:left;
	text-align:left;
	width:359px;
}

form.bcdform div.specialFormGroup p {
	float:left;
	width:360px;
}

/* delete border on radio and check inputs */
form.bcdform div.element input.noBorder {
	border:none;
}

form.bcdform textarea {
	overflow: auto;
}

form.bcdform br {clear: both;}


form.bcdform label, form.bcdform input {
	float:left;
	font-size: 13px;
}
form.bcdform input[type="radio"] {
	padding-left: 0;
}

form.bcdform label {
	float:left;
	width:200px;
	text-align:right;
	padding:2px 10px 0 0;
}

form.bcdform label.multiline {
	line-height: 13px;
}

form.bcdform label.review {
	font-weight: bold;
}

form.bcdform input.form-text, form.bcdform textarea, form.bcdform select {
	color: #000;
}

form.bcdform input.form-text {
	height: 16px;
	width: 234px;
}

form.bcdform .euro {
	width: 15px;
	height: 22px;
	line-height: 22px;
	float: left;
	padding-left: 210px;
	margin-top: -23px;
	z-index: 0;
	font-size: 13px;
}

form div.legend {
	padding: 0 10px 5px 180px;
	display:block;
	clear:both;
}

legend.section.noicon {
	padding-left: 55px;
}

form div.legend.ontop {
	margin-top: -35px;
}

form.bcdform span.mandatory {
	display: none;
}

form.bcdform #personal,
form.bcdform #account,
form.bcdform #profile,
form.bcdform #password,
form.bcdform #card,
form.bcdform #accountdetails,
form.bcdform #job,
form.bcdform #money,
form.bcdform #addon,
form.bcdform #security {
	display: block;
	height: 45px;
	line-height: 45px;
	padding-left: 55px;
}

form.bcdform .full_line_warning {
	display: block;
	height: 45px;
	padding: 0 20px 10px 65px;
	color:red;
}

form.bcdform #personal {
	background: url(../img/icon-personal.png) no-repeat;
}

form.bcdform #card {
	background: url(../img/icon-card.png) no-repeat;
}

form.bcdform #account, form.bcdform #cards {
	background: url(../img/icon-cards.png) no-repeat;
}

form.bcdform #profile, form.bcdform #cards {
	background: url(../img/icon-profile.png) no-repeat;
}

form.bcdform #password {
	background: url(../img/icon-pin.png) no-repeat;
}

form.bcdform #job {
	background: url(../img/icon-needle.png) no-repeat;
}

form.bcdform #money {
	background: url(../img/icon-money.png) no-repeat;
}

form.bcdform #accountdetails{
	background: url(../img/icon-card-arrow.png) no-repeat;
}

form.bcdform #addon {
	background: url(../img/icon-announce.png) no-repeat;
}

form.bcdform #security {
	background: url(../img/icon-lock.png) no-repeat;
}

form.bcdform input.bcdForm_submit {
	margin: 20px 0 20px 260px;
	background: url(../img/btns/btn-jetzt-registrieren.png) no-repeat top left;
	border: none;
	width: 105px;
	height: 26px;
	font-size: 0;
	color: #fff;
	cursor:pointer;
	text-align: center;
	text-indent: -9999px;
	display: block;
}

form.bcdform input.bcdForm_next_submit {
	margin: 20px 0 30px 195px;
	background: url(../img/btns/btn-weiter.png) no-repeat top left;
	border: none;
	width: 75px;
	height: 26px;
	font-size: 0;
	color: #fff;
	cursor:pointer;
	text-align: center;
	text-indent: -9999px;
	display: block;
}

form.bcdform input.btn_left {
	margin-left:20px;
}

form.bcdform input.btn_right {
	float:right;
	margin-right: 20px;
}

form.bcdform input.application {
	margin: 20px 0 30px 195px;
	background: url(../img/btns/btn-antrag-absenden.png) no-repeat top left;
	border: none;
	width: 193px;
	height: 36px;
	font-size: 0;
	color: #fff;
	cursor:pointer;
	text-align: center;
	text-indent: -9999px;
	display: block;
	float: right;
	margin-right: 40px;
}

form.bcdform fieldset div.type {
	float:left;
	padding:2px 0;
	width:200px;
	text-align:right;
	padding-right:10px;
}

form.bcdform fieldset div.data {
	float:left;
	padding:2px 0;
	width:360px;
	color:#00a4e4;
	font-weight:bold;
}


form.bcdform fieldset p {
	width:auto;
	max-width:560px;
}

form.kreditkarten-anfordern {
	border: 0;
	background: none;
	float: left;
}

.steps {
	margin: 15px 0 20px 0;
}

.tip {
	clear:both;
	font-size: 10px;
	padding: 1px 0 0 0;
	text-align: left;
	white-space:nowrap;
}

/* TOOLTIP */
#tooltip {
	width: 204px;
	position: absolute;
	z-index: 3000;
	padding: 0;
	color: #333333;
	background: transparent url(../img/tooltip-bg.png) repeat-y;
}
#tooltip .body {
	font-size: 11px;
	line-height: 15px;
	background: transparent url(../img/tooltip-gradient.png) no-repeat bottom right;
	padding: 0 15px 2px;
}
#tooltip h3 {
	margin-bottom:3px;
	padding:0 15px;
	font-weight: normal;
}
#tooltip span.head {
	height: 15px;
	width: 204px;
	background: transparent url(../img/tooltip-top.png) no-repeat;
	display: block;
	margin-top:-15px;
}
#tooltip span.bottom {
	height: 11px;
	width: 203px;
	background: transparent url(../img/tooltip-bottom.png) no-repeat;
	display: block;
	margin-bottom:-11px;
}
#tooltip span.pointer {
	width: 15px;
	height: 31px;
	background: transparent url(../img/tooltip-pointer.png) no-repeat;
	display: block;
	position: absolute;
	left: -13px;
	top: 15px;
}

form.bcdform .divider_review {
	position: relative;
	float: left;
	clear: both;
	width: 640px;
	height: 20px;
	margin: 0 0 0 0px;
	padding: 0;
}

form.bcdform .review_line {
	background: url(../img/divider_line.png) repeat-x center center;
	margin: 0 0 0 -10px;
	height: 22px;
	padding: 0;
	/*display: inline;*/
}


div.bottomBox fieldset.box,
div.bottomBox fieldset.box ul div {
	padding-left: 0;
}

div.bottomBox fieldset.box div {
	padding-left: 20px;
}

div.bottomBox fieldset.box div.divider_review {
	position: relative;
	float: left;
	background: url(../img/divider_line.png) repeat-x center center;
	clear: both;
	width: 618px;
	margin: 0px 1px;
	height: 22px;
	padding: 0;
}

div.bottomBox label {
	float:none;
	padding:2px 10px 0 0;
	/* font-weight: bold; */
	width: auto;
	text-align: left;
}

form.bcdform table.no_input_padding span {
	display: block;
	border-left:none;
	margin:22px 0 0 0;
}

form.bcdform table.no_input_padding span input {
	padding-left	: 0;
}

form.bcdform table.no_input_padding span.mandatory {
	border-left:2px solid #00a1e4;
}

form.bcdform .box {
	position: relative;
	margin-left: 20px;
	width:600px;
}

form.bcdform .box img {
	margin-left: 0px;
	clear:both;
}

form.bcdform .pos_l,
form .pos_l {
	position: relative;
	float: left;
	clear: both;
	width: 580px;
	text-align: left;
}
form.bcdform .pos_c,
form .pos_c {
	position: relative;
	float: left;
	clear: both;
	width: 370px;
	padding-left: 210px;
	text-align: left;
}
form.bcdform .pos_r,
form .pos_r {
	position: relative;
	float: left;
	clear: both;
	width: 580px;
	text-align: right;
}

form.bcdform .pos_l input,
form.bcdform .pos_c input,
form.bcdform .pos_r input,
form .pos_l input,
form .pos_c input,
form .pos_r input {
	float: none;
	padding-left: 0;
}

form.bcdform .pos_l input.btnSpc,
form.bcdform .pos_c input.btnSpc,
form.bcdform .pos_r input.btnSpc {
	float: none;
	padding-left: 10px;
}

/***** ERROR HANDLING *****/
/***
colours and background-images here are for default purpose and are subject of overwriting
in the colour scheme definition style sheet files
***/
/* shows error icon */

form.bcdform div.element p.error span {
	/*display:none;*/
}

form.bcdform div.element span.error {
	float:left;
	width:16px;
	height:16px;
	margin:2px 0 0 5px;
	border-color: #ff0000;
}

form.bcdform div.element p.error {
	clear:both;
	float:left;
	padding:2px 0 0 4px;
	font-size:11px;
	width:320px;
	color: #ff0000;
}

form.bcdform table.no_input_padding span.error {
	border-color: #ff0000;
	border-left-width:2px;
	border-left-style:solid;
}

form.bcdform div.element div.mandatory.error,
form.bcdform div.element div.error div.inlineInput {
	border-color: #ff0000;
	border-left-width:2px !important;
	border-left-style:solid;
}

.mandatory-error {
	color: #e56255;
	padding:0 0 1px 180px;
	text-align:left;
	margin:8px 0 0;
}
.mandatory-error span {
	display:block;
	height:16px;
	position:absolute;
	right:38px;
	top:13px;
	width:16px;
	background:transparent url(../img/icon-error.png) no-repeat scroll center;
}

.error-list {
	color: #e56255;
	margin:0 0 20px 30px;
}

.error-list h2 {
	color: #dd4935;
	font-weight: bold;
	margin-bottom:10px;
}
.error-list, .error-list ul {
	font-size: 12px;
	line-height:18px;
}
.error-list ul li {
	padding-bottom:4px;
	padding-left:15px;
	background:transparent url(../img/bulletpoint-error-tri.png) no-repeat scroll 0 3px;
}

form.bcdform div.element div.error input,
form.bcdform div.element div.error select {
	background-color:#ffecec;
}

/***** end of ERROR HANDLING *****/