/** 
* Saena Stromspartakiade Formular Styles * 
* @author Ron Kappler 
* @version 1.0 
* @see http://www.stromspartakiade.de/ 
*/
form, input, label, select, textarea, button, fieldset, legend {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}
fieldset {
	margin: 0 0 7px 0;
	padding: 0 0 7px 0;
	border: 0;
	clear: both;
}
.mytyFormFieldset-first {
	margin: 12px 0 6px 0;
}
legend { 
	margin: 0;
	padding: 0 12px 7px 12px;
	font-weight: bold;
	font-size: 12px;
}
.input-text, .input-textarea, .input-text-fs, .input-text-hs, .input-multisel, .input-date {
	border: 1px solid #75BEDA;
	width: 448px;
	height: 17px;
	background-color: #FFFFFF;
}
.input-text:focus, .input-text-fs:focus,.input-text-hs:focus, .input-textarea:focus { background-color:#FAEFD0; }
/**
* Styles Suche
*/
.search-submit {
	color: #FFFFFF;
	background-color: transparent;
	background-repeat: no-repeat;
	background-image: url(/templates/stromspartakiade/pics/search-submit-bg.png);
	background-position: 0 1px;
	width: 30px;
	height: 21px;
	overflow: hidden;
	cursor: pointer;
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
}
#suchformular {
	margin: 0;
	padding: 0;
}
#suchformular #search {
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	color: #000000;
	margin: 3px 0 0 0;
	padding: 0;
	width: 128px;
	font-size: 11px;
	height: 17px;
	display: block;
	float: left;
}
#suchformular label {
	background-color: #999999;
	color: #FFFFFF;
	margin: 0;
	padding:0 7px 0 0;
	display: block;
	width: 68px;
	line-height: 21px;
	height: 21px;
	text-align: right;
	float: left;
}
/** 
* Styles Login-Formular * 
*/
.input-login {
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	color: #000000;
	width: 144px;
	display: block;
	float: left;
}
.error-field .input-login { background-color: #941C1C; color: #FFFFFF; }
#login-form label {
	display: block;
	color: #FFFFFF;
	float: left;
	width: 68px;
	line-height: 17px;
	padding-right: 5px;
	text-align: right;
}
.login-buttons { padding-left: 73px; }
.login-buttons input, .logout-submit {
	background-color: #75BEDA;
	color: #000000;
	border: 1px solid #FFFFFF;
	margin: 0;
	padding: 0 2px 2px 2px;
	height: 21px;
	width: 50px;
	overflow: visible;
	display: block;
	float: left;
	cursor: pointer;
}
.login-buttons a:link, .login-buttons a:visited, .login-buttons a:active, .login-buttons a:hover {
	background-color: #683C32;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	height: 19px;
	line-height: 19px;
	width: 86px;
	margin: 0 0 0 5px;
	padding: 0;
	display: block;
	float: left;
	text-decoration: none;
	font-weight: normal;
	text-align: center;
	cursor: pointer;
}
.lost-pwd { font-size: 11px; color: #FFFFFF; padding: 3px 0 0 73px; }
.lost-pwd a:link, .lost-pwd a:visited, .lost-pwd a:active, .lost-pwd a:hover  { font-size: 11px; color: #FFFFFF; }
/** 
* Styles usage Formularmanager - form class="fm-form"  * 
*/
.fm-form { width: 477px; }
.fm-form fieldset { clear: both; }
.fm-form buttons {clear: both;}
input.input-text { width: 448px; height: 17px; }
select.input-select { width: 448px; }
.input-text-fs { width: 448px; height: 17px; }
.input-textarea { height: 150px; width:448px; }
.input-multisel { height: 80px; width: 217px; margin-right: 3px; }
* html .input-multisel {background-color:transparent; }
.textarea-halfsize { height:75px; }
input.input-text-hs { width: 217px; }
select.input-text-hs { width: 217px; height: auto; }
.input-date { width: 197px; }
.div-input-text-hs {
	width: 219px;
	padding: 5px 0 5px 12px;
	float: left;
	margin: 0;
}
div.fm-nr { width: 90px; }
input.fm-nr { width: 88px; }
div.fm-adr { width: 284px; }
input.fm-adr { width: 284px; }
.div-input-text, .div-input-select, .div-input-textarea, .div-input-text-fs, .div-input-multisel {
	width: 450px;
	padding: 0 0 7px 12px;
	clear: both;
	margin: 0;
}
.div-input-check { 
	clear: both;
	padding: 0 12px;
}
.div-input-date {
	width: 219px;
	padding: 5px 0 5px 12px;
	float: left;
	margin: 0;
}
.input-check {
	width: 12px;
	height: 12px;
	margin: 2px 5px 0 0;
	display:block;
	float: left;
}
.div-input-check .form-label { 
	float: left; 
	width: 400px;
}
div.mtop { margin-top: 7px; }
.form-radio-headline, .form-check-headline,
.mytyFormRadio-headline, .mytyFormCheckbox-headline { padding: 7px 0 7px 12px; clear: both; font-weight: bold; width: 450px; }
.fm-form .buttons { clear: both; padding: 0 12px 12px 12px; }
.input-submit, .input-reset {
	border: 1px solid #000000;
	background-color: #75BEDA;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 17px;
	overflow: visible;
	padding: 0 5px;
	margin-right: 7px;
	cursor: pointer;
}
.input-reset {
	background-color: #ACD8E9;
}
.input-euro	{ text-align: right; }
#content .wa-table td.text-euro { text-align: right; }

.fm-form label, .fm-form-lr {
	display: block;
	line-height: 18px;
}
.fm-form .captcha img { margin: 5px 0; }
.fm-form-lr { margin: 0; padding: 0; }
.form-date-button { 
	margin: 0; 
	padding: 0;
	width: 16px;
	height: 16px;
	background-image: url(/templates/stromspartakiade/pics/calendar.png);
	border: 0;
	background-color: transparent;
	cursor: pointer
} 
.fm-form .desc-fieldset { padding: 0 12px 7px 12px; }
/**
* Formularmanager verbaut die Klasse input-calendar doppelt, deswegen diese Konstruktion
*/
.input-calendar {
	width:185px;
}

.fm-form .input-calendar {
	width:210px;
}

.fm-form input.input-calendar {
	width:185px;
}

/** 
* Styles usage Formularmanager - form class="fm-form-lr" for side-bars  * 
*/
.fm-form-lr { width: 240px; overflow: hidden; border-bottom: 1px solid #C5C5C5; padding-bottom: 5px; }
.div-input-text-lr {
	width: 220px;
	padding: 3px 0 3px 10px;
}
.input-text-lr, .input-textarea-lr {
	border: 1px solid #838587;
	width: 218px;
	background-color: #FFFFFF;
}
/** 
* Styles formular errors  * 
*/
.errorMsg {
	color: #941C1C;
	font-weight: bold;
	margin-bottom: 10px;
}
.boxError { padding: 7px 12px; background-color: #941C1C; color: #FAF8F4; line-height: 18px; }
.fm-errormsg { color: #941C1C; font-size: 11px; line-height: 16px;}
.error-field { color: #941C1C; }
.error-field label, .error-field .form-label label { color: #941C1C; font-weight: bold; }
.error-field .input-text, .error-field .input-text-hs, .error-field .input-text-fs, .error-field .input-textarea, .error-field .input-date, .error-field select, .error-field select.input-text-hs { border: 1px solid #941C1C; } 
.grey .input-text, .grey .input-text-hs, .grey .input-text-fs, .grey .input-textarea, .grey .input-date, .grey select, .grey select.input-text-hs{ border: 1px solid #999999; }
.grey label {
	color: #999999;
}

/**
* Styles fpr Voting Forms
*/
.vform { width: 220px; padding: 7px; font-size: 11px; }
.vform .form { margin: 0; padding: 0; width: 220px; }
.vform .mytyFormRadio-headline { margin: 0 0 7px 0; padding: 0; width: 220px; font-weight: bold; }
.vform fieldset {
	margin: 0;
	border: 0;
	clear: both;
	width: 220px;
	padding: 0; 
}
.vform .form-label { 
	float: left; 
	width: 150px;
}
.vform legend, .vform legend div { display: none !important; }
.vform input {
	width: 12px;
	height: 12px;
	margin-right: 5px;
	display:block;
	float: left;
}
.vform .div-mytyFormBox {
	clear: both;
	margin: 0;
	padding: 0 0 7px 0;
	
	/*padding: 0 0 7px 0;
	height: 10px;	// Raus da zweizeilige Antworten nicht angezeigt wurden
	*/
	
	overflow: visible;
}
.vform .field-input-check, .vform .mytyFormField {
	clear: both; 
}
.vform .desc-fieldset { display: none; }
.vform .buttons { margin-top: 7px; }
.vform .buttons button {
	border: 0;
	background-color: #34AED6;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 19px;
	overflow: visible;
	padding: 0 20px;
	cursor: pointer;
}
.vform .tyFormHidden { display: none; }