/* ------------------------------------------  forms start -------------------------------------------------------*/
form
{
	margin:0px;
	padding:0px;
	border:0px;
}
label 
{ 
	background:#d6f0ff;
	/*ackground:red;*/
	cursor:pointer;
	border:0px;
	font-family:arial;
	font-size:0.7em;
	color:#333333;
	line-height:1.5em;
	padding:1px;
	display: inline;
}
/* ------------------          CSS for formbackgrounds     START            --------------------------------------------------------------------------------------------------- */

/* ------------------          Parentdefinition START                  ---------------- */
.formbgsingle, .captcha, .formbgarea, .reg-password, .reg-password2, .reg-mobile, .reg-province
, .reg-city , .reg-zip, .reg-gender, .reg-birthdate, .reg-firstname, .reg-lastname
, .pro-password, .pro-password2, .pro-email, .pro-handy-default, .pro-handy-mobileprovider
, .pro-validationcode, .pro-validationcode-to, .pro-zip, .pro-province, .pro-city, .pro-street, .sms-to-number
, .sms-mobileprovider
{
	width:390px;
	background:#d6f0ff;
	margin-bottom:3px;
}
/* ------------------          Parentdefinition END                  ---------------- */
/* ------------------          Childdefinition START                  ---------------- */
.captcha
{
	vertical-align:middle;
	margin-top:0px;
}
.captcha-image /* aligns formfield and label vertically */
{
	vertical-align:middle;
	margin-right:10px;
}
/*--------------- register form  START-----------------*/
.reg-password { width:193px; float:left; margin-right:4px; }
.reg-password2 { width:193px; float:left; margin-right:0px; }
.reg-mobile { margin-bottom:12px; }
.reg-province { width:130px; float:left; margin-bottom:12px; }
.reg-zip { width:126px; float:left; margin-right:4px; }
.reg-city { width:126px; float:left; margin-right:4px; }
.reg-gender { width:136px; margin-bottom:12px; float:left; height:24px;}
.reg-birthdate { width:250px; float:left; margin-right:4px; height:24px;}
.reg-firstname { width:193px; float:left; margin-right:4px;}
.reg-lastname { width:193px; float:left;}
/*--------------- register form  END-----------------*/

/*--------------- profile form  START-----------------*/
.pro-handy-default { width:291px; float:left; }
.pro-handy-mobileprovider { width:85px; float:left; margin-right:4px; }
.pro-validationcode { width:167px; float:left; }
.pro-validationcode-to { width:120px; float:left; margin-right:4px; } 
.pro-zip { width:116px; float:left; margin-right:4px; }
.pro-province { width:130px; float:left; margin-bottom:4px; }
.pro-city { width:126px; float:left; margin-right:4px; }
.pro-street { width:380px; }
.pro-password { width:188px; float:left; margin-right:4px; }
.pro-password2 { width:188px; float:left; }
.pro-email { width:380px; }
/*--------------- profile form  START-----------------*/

/*----------------- sms senden form START ----------- */
.sms-to-number { width:165px; float:left; margin-right:4px; }
.sms-mobileprovider { width:100px; float:left; margin-right:4px; }
/*----------------- sms senden form START -----------* /


/* ------------------          Childdefinition END                  ---------------- */
/* ------------------          Miscellaneous START                  ---------------- */
/* ------------------           Miscellaneous END                  ---------------- */

/* ------------------          CSS for formbackgrounds       END          ---------------- */


/* ------------------------------- buttons & descriptions START ---------------------------------------------------------------------------------------------------------------------------*/
.button, .contact_button, .login-button, .pro-button-smsagain, .button-pro-validatepersms, .pro-button,
.sms-send-button
{
	float:right;
}
.pro-button-smsagain, .button-pro-validatepersms
{
	margin-top:0px;
	margin-right:4px;
}
.pro-button
{
	margin-top:-1px;
	margin-right:0px;
}
.sms-send-button
{
	margin-top:5px;
}
.maillink, .zustimmen{
	float:left;
	margin-top:5px;
}

.zustimmen, .pro-pw-description, .pro-email-description, .pro-handy-description, .pro-adress-description
{
	margin-top:9px;
}
.pro-pw-description { margin-top:0px; margin-bottom:20px;}
.pro-email-description { margin-top:0px; margin-bottom:11px; }
.pro-handy-description { margin-top:0px; margin-bottom:25px; }
.pro-adress-description { margin-top:0px; margin-bottom:25px; }

.zustimmen-checkbox
{
	vertical-align: middle;
}
.agbzustimmen
{
	font-family:arial;
	font-size:0.7em;
	color:#333333;
	line-height:1.2em;
	display:inline;
}
/*--------------------------------- buttons &descriptions  END -------------*/



/* ------------------          CSS for formfields     START            -------------------------------------------------------------------------------------------------------------- */

/* ------------------          Parentdefinition START                  ---------------- */
.singleline, .textarea, .doubleline, .tripleline, .captcha_line, .textarea_contact, .reg-mobile-field, .reg-mobileprovider-field
, .reg-street-field, .reg-city-field, .reg-province-field, .reg-gender-field, .reg-birthdate-field, .pro-handy-field
, .pro-mobileprovider-field, .pro-password-field
, .pro-validationcode-field, .pro-validationcode-to-field, .pro-street-field, .pro-city-field, .pro-province-field, .textarea-smsmessage, .sms-to-number-field
, .sms-mobileprovider-field, .reg-pw2
{
	background:#d6f0ff;
	border:0px;
	font-family:arial;
	font-size:0.7em;
	color:#333333;
	line-height:1.2em;
	padding:0px;
	width:385px;
}
/* ------------------          Parentdefinition END                  ---------------- */
/* ------------------          Childdefinition START                  ---------------- */
.singleline
{
	width:200px;
}
.doubleline
{
	width:110px;
}
.captcha_line
{
	width:80px;
	background:#eaf7ff;
}
.tripleline
{
	width:40px;
}
.textarea, .textarea_contact
{
	overflow:auto;
	height:80px;
}
.reg-street-field
{
	width:280px;
}
.reg-city-field
{
	width:85px;
}
.reg-mobile-field
{
	width:100px;
}
.reg-pw2
{
	width:90px;
}
.reg-mobileprovider-field
{
	width:120px;
}
.reg-province-field
{
	width:90px;
}
.reg-gender-field
{
	width:80px;
}
.reg-birthdate-field
{
	width:70px;
}
.pro-handy-field
{
	width:110px;
}
.pro-mobileprovider-field
{
	width:75px;
}
.pro-validationcode-field
{
	width:60px;
}
.pro-validationcode-to-field
{
	width:110px;
}
.pro-city-field
{
	width:85px;
}
.pro-street-field
{
	width:280px;
}
.pro-province-field
{
	width:120px;
	margin:0px;
	padding:0px;
	border:0px;
}
.pro-password-field
{
	width:95px;
}

.textarea-smsmessage
{
	height:120px;
}
.sms-to-number-field
{
	width:100px;
}
.sms-mobileprovider-field
{
	width:75px;
}
/* ------------------          Childdefinition END                  ---------------- */
/* ------------------          Miscellaneous START                  ---------------- */
/* ------------------           Miscellaneous END                  ---------------- */

/* ------------------          CSS for formfields       END          ---------------- */





.form_error
{
	border:0px;
	font-family:arial;
	font-size:0.7em;
	color:#ff3300;
	line-height:1.5em;
	padding:2px;
	display: inline;
}

/* --------------------------------- notices -------------------------------------------------------*/
.notice
{
	color:red;
	font-weight:bold;
	font-family:arial;
	font-size:0.7em;
	line-height:1.2em;
	padding:2px;
}

#profile_notice, #login_notice, #pw_forgot_notice, #goodie_notice, #weiterempfehlen_notice, #sms_send_notice, #register_notice
{
	border:red solid 4px;
	width:170px;
	text-align:center;
	vertical-align:middle;
	display: table-cell;
	min-height:19px;
	float:left;
	background-image: url("/images/form/notice-bgpattern.gif");
}
#profile_notice
{
	height:60px;
	min-height: 60px;
}
#goodie_notice
{
	margin-top:10px;
	margin-bottom:10px;
}
#weiterempfehlen_notice
{
	width:150px;
}
#sms_send_notice
{
	margin-top:5px;
}
#register_notice
{
	width:205px;
}
/* ------------------------------------------  forms end -------------------------------------------------------*/