/*------------ Formular-Styles ------------------*/
/*------------ 03.01.10 ------------------*/
/* ----------- Alle Formulare ------------------*/
form {
	padding: 0;
	font-size: 90%;
	background-color: #EE6;
	margin-bottom: 0.5em;
	position: relative;
	}

fieldset {
	border: 0;
	padding: 1em 10px 10px 10px;
	}

div.row {
	clear: both;
	padding-top: 0.5em;
	}

/* IE 7 Hack: */
*+html div.row span.label,
*+html div.row span.input {
	margin-bottom: -10px;
	margin-top: -0px;
	}
*+html div.row input.submit {
	margin-bottom: 10px;
	}
   
.submit {
	padding: 1px;
	overflow: visible; 	/*gegen überbreite Buttons in ie*/
	}

div.row span.label {
	float: left;
	padding-top: 3px;
	text-align: right;
	width: 30%;
	}

div.row span.input {
	float: right;
	text-align: left;
	width: 70%;
  } 

input.submit {
	overflow: visible;
	}

label {
	padding-right: 2px;
	}

textarea {
	font-size: 90%;
	font-family: Trebuchet, Tahoma, Arial, sans-serif;
	}

option {
	background-color: #EE6;
	padding-right: 10px;
	}

.korr {
	clear: both;
	color: #F00;
	font: bold 90% arial, sans-serif;
	margin-bottom: 0.5em;
	padding-left: 1em;
	}

/* -----------loginform------------------*/
form.login .submit {
	background: #EE6 url('/pics/hintergrund/icon_key.gif') 2px 50% no-repeat;
	padding-left: 18px;
	}

/* -----------leform------------------*/
form.le {
	background-color: transparent;
}


.comments {
	margin-top: 0.5em;
	padding: 3px 3px 0px 3px;
	}

.smileys {
	margin-top: 0.6em;
	line-height: 1.7em;
	list-style-type: none;
	float:right; 
	font-size: 90%;
	width: 35%;
}

ul.smileys {
	list-style-type: none;
}

.smileys img {
	vertical-align: text-bottom;
}

.eintrag {
	background: #EE6 url('../pics/hintergrund/kommentar.gif') right bottom no-repeat;
	font-size: 0.9em;
	padding: 0 6px 6px 0px;
	margin-bottom: 3px;
	margin-left: 12%;
}

.eintrag h3 {
	background-color: #EE6;
   border-top: 1px solid #999;
	border-left: 1px solid #999;
	font-size: 100%;
	font-weight: 700;
	padding: 0px 3px 2px 4px;
	margin: 0px;
	}
.eintrag p {
	background-color: #EE6;
	border-left: 1px solid #999;
	padding: 0px 0px 3px 4px;
	line-height: 1.3em;
   margin: 0px;
	}

.eintrag img {
	vertical-align: text-bottom;
}

.erraten h3 {
	padding-left: 23px;
}

.erraten p {
	text-indent: 16px;
}

.erraten {
	position: relative;
}

.ribbon {
	position: absolute;
		left: -20px;
		top: -5px;
	background: transparent url('../pics/hintergrund/ribbon.gif') top left no-repeat;
	overflow: visible;
	min-width: 40px;
	min-height: 40px;
	width: 40px;
	height: 40px;
	z-index: 1000;
}

.cake {
	position: absolute;
		left: -20px;
		top: -5px;
	background: black url('../pics/hintergrund/ribbon.gif') top left no-repeat;
	overflow: visible;
	min-width: 40px;
	min-height: 40px;
	width: 40px;
	height: 40px;
	z-index: 1000;
}

form.le label {
	line-height: 2em;
}
form.le textarea {
	background-color: #EE6;
	border: 1px solid #999;
}
form.le input.submit {
	margin-top: 0.7em;
}
/* -----------uploadform------------------*/

form.upload div.row span.label {
  width: 23%;
  }

form.upload div.row span.input {
  width: 77%;
  } 

.korr {
	font: bold 90% arial, sans-serif;
	padding-left: 1em;
	}


form.upload ul {
	clear: both;
	list-style-type: none; 
	padding-left: 20%;
	margin-bottom: 0.5em;
}

form.upload li {
	background: url(/pics/hintergrund/arrow_right.gif) no-repeat left top ;
	font: 90% Trebuchet, Tahoma, Arial, sans-serif;
	padding-top: 2px;
	padding-left: 17px;
}

form.upload li.achtung {
	font: 700 90% Trebuchet, Tahoma, Arial, sans-serif;
	background: url(/pics/hintergrund/arrow_right_red.gif) no-repeat left top ;
	padding-left: 17px;
	color: red;
}


/* -----------uploadform------------------*/

form.upload div.radio span.input {
	font-family: Trebuchet, Tahoma, Arial, sans-serif;
   }

/* -----------pwform------------------*/
form.chpass div.row span.label {
  width: 40%;
  }

form.chpass div.row span.input {
  width: 60%;
  } 

/* -----------mailform------------------*/
form.kontakt {	
	background: #EE6 url('/pics/hintergrund/brb-10.gif') bottom right no-repeat;
   margin-bottom: 2em;
	}
   
form.kontakt p.note {
	font-style: italic;
   }	
   
form.kontakt input,
form.kontakt select,
form.kontakt textarea {
	background-color: transparent;
	}
form.kontakt .submit {
	background: transparent url('../pics/hintergrund/action_go.gif') left 50% no-repeat;
	padding: 1px 2px 1px 18px;
	}

/* -----------Änderungs-Formulare------------------*/
legend {
	display: none;
	}

form.austritt,
form.stufenwechsel {
	width: 49%;
	display: block;
	}

form.austritt p,
form.stufenwechsel p,
form.korrektur p {
	margin-bottom: 0px;
	line-height: 1.3em;
	}

button.submit {
	background: transparent;
	border: none;
	cursor: pointer;
	text-align: left;
	width: 243px;
	}

button.submit span {
	color: #EEE;
	display: block;
	font-size: 120%;
	font-weight: bold;
	min-height: 32px;
	padding: 10px 0px 0px 10px;
	width: 243px;
	}

form.austritt span.input,
form.austritt .submit,
form.stufenwechsel span.input,
form.stufenwechsel .submit,
form.korrektur span.input,
form.korrektur .submit{
	float: none;
	}

form.austritt {float: right;}
form.stufenwechsel {float: left;}
form.korrektur {clear: both;}

form.austritt button.submit, form.stufenwechsel button.submit, form.korrektur button.submit,
form.austritt button.submit span, form.stufenwechsel button.submit span, form.korrektur button.submit span {
	background-image: url('../pics/hintergrund/formsprite1.png');
	background-repeat: no-repeat;
	}

form.austritt button.submit {background-position: 0px -110px;}
form.austritt button.submit:hover {background-position: 0px -165px;}
form.austritt button.submit span {background-position: 210px -323px;}

form.stufenwechsel button.submit {background-position: 0px 0px;}
form.stufenwechsel button.submit:hover {background-position: 0px -55px;}
form.stufenwechsel button.submit span {background-position: 205px -223px;}

form.korrektur button.submit {background-position: 0px 0px;}
form.korrektur button.submit:hover {background-position: 0px -55px;}
form.korrektur button.submit span {background-position: 200px -273px;}


form.votum button.submit {background: url('../pics/hintergrund/btn_wechsel.gif') no-repeat;}
form.votum button.submit:hover {background-position: 0px -55px;}
form.votum button.submit span {background: url('../pics/hintergrund/btn_wechsel_lauf.gif') 205px 7px no-repeat;}