/* Stylesheet-Datei f�r Formulare
09-01-09 SW, schalk & friends gmbh */

/* Allgemeine Formular-Styles */


#login {
	color: #FFFFFF;
}

#login p.loginText {
	margin: 1.5em 0 0.2em 0;
	font-size: 120%;
}

#login p.loginNickname {
	margin: 0.2em 0 0.2em 0;
	font-size: 120%;
}

#login p.loginNickname span.loginNickname{
	width: 76px;
	display: block;
	float: left;
}

#login p.loginNickname span.loginpasswort{
	width: 69px;
	display: block;
	float: left;
}

#login .btnLogin,
.btnSave {
	background: transparent url(/media/images/css/btn-login.gif) left 3px no-repeat;
	border: none;
	height: 23px;
	width: 49px;
	color: #fff;
	font-weight: bold;
	margin-top: 0.4em;
	line-height: 20px;
	padding: 0 1px;
	font-size: 130%;
}

/* LOGIN in Marginalspalte 
-------------------------------------------------------- */
#login .frm_username_span {
	background: transparent url(/media/images/css/bg-login-user.gif) left top no-repeat;
	height: 16px;
	display: block;
	width: 68px;
	padding: 2px;
	float: left;
	margin-right: 3px;
	margin-top: 8px;
}

#login #frm_username {
	background-color: #fff;
	border: none;
	width: 68px;
	height: 16px;
	line-height: 16px;
	font-weight: bold;
	font-size: 130%;
}

#login .frm_passwort_span {
	background: transparent url(/media/images/css/bg-login-pw.gif) left top no-repeat;
	height: 16px;
	width: 45px;
	padding: 2px;
	display: block;
	float: left;
	margin-top: 8px;
	margin-right: 5px;
}

#login #frm_passwort {
	background-color: #fff;
	border: none;
	height: 16px;
	line-height: 16px;
	width: 45px;
	font-weight: bold;
	font-size: 130%;
}

#marginalSpalte #login .frm_username_span,
#marginalSpalte #login .frm_passwort_span {
	margin-top: 0;
}


/* Trend-O-Meter
-------------------------------------------------------- */
.radio,
.check {
	width: 17px;
}

.frmAbstimmung .formRow {
	float: none;
}








.boxContent .error p,
.boxContent .error,
.error  {
    color: red;
	font-weight: bold;
}

.formular fieldset {
	margin-bottom: 5px;
	padding-bottom: 5px;
	/*background: transparent url(/media/images/site/borders/border_dashed_blue_hor.gif) bottom left repeat-x;*/
}

.formular fieldset.last {
	margin: 0;
	padding: 0;
	background: none;
}
.formRow {
	width: 100%;
	/*width: 496px;*/
	float: left;
	margin-bottom: 10px;
}

.formWide .textBig input.text {
	width: 484px;
}
.formWide .textBig textarea {
	width: 484px;
	margin-bottom: 1em;
}

.noMargin {
	margin: 0px;
}

.submit {
	background: transparent url(/media/images/css/bg-btn-left.gif) left top no-repeat;
	float: left;
	margin: 0 5px 0 0;
	display: block;
	padding-left: 5px;
	cursor: pointer;
}

.submit input {
	background: transparent url(/media/images/css/bg-btn-right.gif) right top no-repeat;
	float: left;
	padding: 0 5px 4px 0;
	display: block;
	height: 20px;
	color: #FFFFFF;
	font-weight: bold;
	border: none;
	line-height: normal;
	cursor: pointer;
	font-size: 130%;
}


.formular span.input {
	background: transparent url(/media/images/site/backgrounds/bg_forminput_left.gif) left top no-repeat;
	padding-left: 5px;
	display: block;
	float: left;
}

.formular span.input .text {
	background: transparent url(/media/images/site/backgrounds/bg_forminput_right.gif) right top no-repeat;
	border: none;
	padding: 7px 5px 3px 0px;
	height: 18px;
	font-size: 1.3em;
	font-weight: bold;
	color: #666;
	width: 160px;
}

.frmNewsletter span.input .text {
	background: transparent url(/media/images/site/backgrounds/bg_forminput_right.gif) right top no-repeat;
	border: none;
	padding: 5px 5px 5px 0px;
	height: 18px;
	font-size: 1.3em;
	font-weight: bold;
	color: #666;
	width: 240px;
}
/* ADDED BY Andreas B. @2009-03-10 */
.formular span.input select {
	background: #fff url(/media/images/site/backgrounds/bg_forminput_right.gif) right top no-repeat;
	border: none;
	padding: 5px 5px 5px 0px;
	height: 27px;
	font-size: 1.1em;
	font-weight: bold;
	color: #666;
	width: 307px;
}

.formular span.input .mini {
	width: 55px;
	margin-right: 2px;
}


#contentWrapper tr.borderless td{
	border: none;
}

#contentWrapper table.borderless {
	border: none;
}

/*
#frmFotoFinder label {
	font-size: 1.2em;
}
.frmLogin .formRow {
	margin: 0px;
}

.frmLogin span.input .username {
	width: 125px;
}

.frmLogin span.input .password {
	width: 95px;
}

.frmLogin {
	margin-bottom: 10px;
}

.frmLogin .button {
	float: left;
	display: block;
	text-align: center;
	line-height: 100%;
	border: none;
}
*/


/* Innenseitenformular */

.formWide {
	margin-bottom: 10px;
	height: 100%;
	width: 496px;
}

.formWide .text {
	background: transparent url(/media/images/css/bg-textarea.gif) left top repeat-x;
	border: 1px solid #a24ea6;
	padding: 2px 5px;
	width: 322px;
	font-size: 1.3em;
}

.formWide select {
	border: 1px solid #A24EA6;
	padding: 1px 0px;
	width: 334px;
	font-size: 1.3em;
}

.formWide textarea {
	background: transparent url(/media/images/css/bg-textarea.gif) left top repeat-x;
	border: 1px solid #A24EA6;
	padding: 2px;
	width: 327px;
	height: 150px;
	font-size: 1.3em;
}

.formWide .radio,
.formWide .check {
	float: left;
	display: block;
}

.formWide label {
	font-size: 1.2em;
	/*float: right;*/
	width: 95%;
	display: block;
}

.psychoTest label {
	float: right;
	width: 479px;
}

.formPoll label { 
	float: right;
}

.boxVoting .formWide label {
	width: 93%;
}

.formWide .innerFormRow {
	margin-bottom: 5px;
	width: 100%;
	float: left;
}

.formWide .horizontal .innerFormRow {
	float: left;
	width: 25%;
	margin-right: 10px;
}

.formWide .horizontal label {
	float: none;
	width: auto;
}

.formWide .horizontal .check,
.formWide .horizontal .radio {
	margin-right: 5px;
}


/* Label ueber Formularfeld */

.formLabeled {
	height: 100%;
}

.formLabeled label,
.formLabeled input.text,
.formLabeled select,
.formLabeled textarea {
	/*width: 100%;*/
	width: 496px;
	float: left;
}

.formLabeled label {
	/*color: #666666;*/
	font-weight: bold;
	margin-bottom: 2px;
}

.formLabeled select {
	border: 1px solid #F7931E;
	/*color: #666666;
	font-weight: bold;*/
	font-size: 1.3em;
	padding: 1px 0px;
}

/* Label neben Formularfeld */

.formLabeledHorizontal {
	height: 100%;
}

.formLabeledHorizontal label {
	color: #4E2850;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 2px;
	width: 100px;
	display: block;
	float: left;
}

.formLabeledVertical label {
	color: #4E2850;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 2px;
	width: 300px;
	display: block;
	float: left;
}

label .max {
   display: block;
   font-size: 0.9em;
   font-weight: normal;
}

#div_bundesland .max {
	margin-left: 120px;
	padding-top: 3px;
	display: block;
}

.formLabeledHorizontal .innerFormRow label {
	font-weight: normal;
	width: 90%;
	float: left;
}

.formLabeledHorizontal input.text,
.formLabeledHorizontal select,
.formLabeledHorizontal textarea {
	float: right;
}

.formLabeledHorizontal .innerFormRow {
	/*width: 225px;*/
	width: 150px;
	float: right;
}

.formLabeledHorizontal input.text {
	width: 215px;
}

.formLabeledHorizontal select{
	width: 227px;
}
.formLabeledHorizontal select#reg_anrede {
	width: 322px;
}


.formLabeledHorizontal textarea {
	width: 221px;
}


.formLabeledHorizontal select {
	border: 1px solid #a24ea6;
	font-size: 1.3em;
	/*font-weight: bold;
	color: #666666;*/
	padding: 1px 0px;
}

.formLabeledHorizontal .radio,
.formLabeledHorizontal .check {
	margin-right: 5px;
}


/* Community Registrierung */

.formWide .fullsizeLabel {
   /*padding-left: 114px;*/
   padding-left: 173px;
   width: 320px;
}
#formular_registrieren #reg_geb_tag {
   width: 66px;
   margin: 0 3px 0 0;
}

#formular_registrieren #reg_geb_monat {
   width: 160px;
   margin: 0 3px 0 0;
}

#formular_registrieren #reg_geb_jahr {
   width: 90px;
}

#formular_registrieren .leftAlign {
	padding-left: 372px;
	width: 124px;
}
#formular_registrieren {
	width: 496px;
}

#formular_captcha {
	border: 1px solid #A3A3A3;
	padding: 0 0 5px 0;
	margin-left: 174px;
}

/* Community ProfilDaten */

#frmProfilDaten label {
   width: 120px;
}

#frmProfilDaten .text,
#frmProfilDaten select {
   float: left;
}


#frmProfilDaten .textSmall {
   width: 140px;
   margin-right: 3px;
}

#frmProfilDaten .selectSmall {
   width: 167px;
}

#frmProfilDaten #user_bundesland,
#frmProfilDaten #user_anrede,
#frmProfilDaten #user_schule,
#frmProfilDaten #user_land,
#frmProfilDaten #user_augenfarbe,
#frmProfilDaten #user_haarfarbe {
   width: 152px;
   margin-right: 3px;
}

#frmProfilDaten #user_merkmale {
   width: 142px;
   margin-right: 3px;
}

#frmProfilDaten #which_name_nickname,
#frmProfilDaten #which_name_firstname {
	width: auto;
	margin-right: 10px;
	float: left;
}

#frmProfilDaten #which_name_nickname_label,
#frmProfilDaten #which_name_firstname_label {
	/*width: 473px;*/
	width: 427px;
}

#frmProfilDaten #user_geb_tag {
   width: 38px;
   margin: 0 3px 0 0;
}

#frmProfilDaten #user_geb_monat {
   width: 55px;
   margin: 0 3px 0 0;
}

#frmProfilDaten #user_geb_jahr {
   width: 53px;
   margin: 0 3px 0 0;
}

#frmKontakt #kontakt_kommentar {
	width: 316px;
}

#frmNeueFrage #frage {
	width: 310px;
}


/* Added by Thorsten Bühner 15.03.2009 */
#frmFotoFinder {
	/*background: transparent url(/media/images/site/borders/border_dashed_blue_hor.gif) top left repeat-x;
	*/
	padding-top: 4px;
}

#frmFotoFinder label {
	float: left;
	width: auto;
	padding-top: 4px;
	margin-right: 4px;
}

#frmFotoFinder #thema {
	width: 140px;
	margin-right: 4px;
	font-size: 1.2em;
}

#frmFotoFinder #galerie {
	width: 240px;
	margin-right: 4px;
	font-size: 1.2em;
}

#frmFotoFinder fieldset {
	margin-bottom: 10px;
	padding-bottom: 0px;
	background: none;
}

/* TB */
#contentWrapper .frmNorm input, select, textarea {
	width: auto;
	font-size: 1.2em;
}


#contentWrapper .frmNorm table td {
	border-bottom: 0px;
	font-weight: normal;
	font-size: 1.2em;
}

.frmTool input.checkbox {
	padding: 0px;
}

.frmTool span.text {
	font-size: 1.1em;
}

.formHoroskop {
	font-size: 1.2em;
}

.formHoroskop select {
	font-size: 1.2em;
}

.formHoroskop .select_50 {
	width: 50px;
}

.formHoroskop .select_80 {
	width: 80px;
}

.formHoroskop .select_120 {
	width: 120px;
}

#content p.margLeft {
	margin-left: 240px;
}

#div_sternzeichen span.max {
	margin-left: 120px;
}

.formProfileWide input.text {
	width: 310px;
}

#frmNeuesFoto .formRow #foto_upload_src {
	font-size: 120%;
}

#frmNeuesFoto .solo label {
	float: left;
	width: 100px;
	font-weight: bold;
}

#content .fotoStoryOwn {
	list-style-type: none;
	margin-left: 0;
}

#content .fotoStoryOwn li {
	float: left;
	margin-right: 5px;
	line-height: 0;
}


/* Privatsphäre */

.privatsphaere input {
	float: left;
	margin-right: 10px;	
}

#frmProfilDaten .privatsphaere label {
	float: left;
	font-weight: normal;
	width: 90%;
}

.privatsphaere .formLabeledHorizontal label {
	width: 230px;
}