/*================== com2 gmbh - www.com-com.com - tn cssForms v.1.97 August 2008 ================= */


input[type=text], input[type=file], input[type=password],
button, select, textarea, input.textInput {
   border: 1px solid #A5ACB2 ; /* A5ACB2 ist WinXP Style*/
}

fieldset{ margin: 0 0 20px 0; padding: 5px 0 10px 15px; }
* html fieldset{ padding: 15px 0 10px 15px; position: relative; } /* ie6- */
*:first-child+html fieldset{ padding: 15px 0 10px 15px; position: relative; } /* ie7 */
fieldset{ border: 1px solid #c2c6ca; border-top: 2px solid #c2c6ca; background: #fff url(../images/chrome/cssforms_fieldset-bg.png) right bottom no-repeat; } /*border radius raus, weil immer wieder die obere border im ff fehlt (-moz-border-radius: 5px;)*/
legend{ color: #6085B2; padding: 10px 5px 10px 5px; font-weight: bold; margin-left:-5px; text-transform: uppercase; =position: absolute; =top: -.5em; =left: .2em; }
* html legend { padding: 0; margin-left:0; position: absolute; top: -.5em; left: 12px; } /* ie6- */
*:first-child+html legend { padding: 0; margin-left:0; position: absolute; top: -.5em; left: 18px; } /* ie7 */

*:first-child+html legend{ margin-left:-11px; } /* ie7 */
label{ font-size: 1em; text-align: left; margin: 0; }

.cssForm label { /*linke spalte*/
	float: left;
	clear: left;
	text-align: left; 
	margin-right: 5px;  
	margin-bottom:5px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #CFCFC5;
}
.cssForm .twinRow { clear: left; } /* in der twinRow soll nicht gecleared werden, aber davor */
	.cssForm .twinRow label{ clear: none; }
	.cssForm .twinRow input, .cssForm .twinRow select, .cssForm .twinRow textarea, .cssForm .twinRow .exInput, .cssForm .twinRow .exTextarea { margin-right: 10px;  }
	* html .cssForm .twinRow .exTextarea { margin-right: 9px; } /* ie6- */

.cssForm input,
.cssForm select,
.cssForm textarea,
.cssForm .exInput,
.cssForm .exTextarea{  /*rechte spalte*/
	border: 1px solid #CFCFC5; 
	margin-bottom:5px; 
	float: left;
	min-height: 1.4em;
}
.cssForm textarea { height: 80px;}
.cssForm table input, .cssForm dl input, .cssForm ul input, .cssForm ol input { width: auto; float: none !important; } /*sobald in bestimmten Tags ist es nicht mehr die cssform-optik*/
.cssForm table label, .cssForm dl label, .cssForm ul label, .cssForm ol label { width: auto; float: none !important; border: none; } /*sobald in bestimmten Tags ist es nicht mehr die cssform-optik*/
.cssForm br{ clear: left; }

.cssForm .selectorGroup { float:left; margin-right: 5px; }
.cssForm .selectorGroup input, .cssForm .selectorGroup .exInput, .cssForm .twinRow .selectorGroup input, input.selector {vertical-align: middle; float: left; margin-right: 5px; width:auto !important; border:none}
.cssForm .selectorGroup input.textInput { float: left; margin-left: 5px; border: 1px solid #CFCFC5; }/* input in einer selectorGroup */
.cssForm .selectorGroup label{ clear: none; width: auto; margin-right: 12px; line-height: 18px; text-align: left; border-bottom: none; }
.cssForm .selectorGroup label br{ clear: none; }

.cssForm .assignment { float:left; margin:0 5px 0 0; display: inline; /*display wegen abständen im IE*/}
.cssForm .assignment label {text-align:left; width: auto; border-bottom: none;} /*breite unten*/ /* Zuordnungen mit 2 Textareas und 2 Buttons */
.cssForm .assignment select {} /*breite unten*/ /* Zuordnungen mit 2 Textareas und 2 Buttons */
.cssForm .assignment .button {margin: 35px 0 0 0; font-weight: bold; font-size: 1.4em;}

.cssForm .exInput, .cssForm .exTextarea {padding:1px; background: #FAFAFA;}
.cssForm .exInput { height: 14px; line-height: 120%; }
.cssForm .exInput[class]{ height: auto; min-height: 14px; }
.cssForm .exTextarea{ padding: 1px; height: 50px; }
.cssForm .exTextarea[class]{ height: auto; min-height: 50px; }

.cssForm .buttonGroup { margin: 15px 0 0 2px; }
.cssForm .buttonGroup input {float: none;}

.cssForm input.button, input.button{
	width: auto;
	margin-right: 5px;
	padding: 2px 10px;
	border: 3px double #999999;
	border-top-color: #CCC;
	border-left-color: #CCC;
	color: #333333;
	font-weight: bold;
	font-size:0.95em;
	background: #eee url(../images/chrome/cssf_btnbg.gif) !important;
}
.cssForm input.button:active, input.button:active { 	outline:none; border-color: #ccc; border-top-color: #999; border-left-color: #999; } 


* html .cssForm input.button, input.button{ overflow: visible; } /* ie6- */

.cssForm input.delete{width: 20px; height: 20px; border: none; font-weight: bold; font-size: 0.1%; background: url(../images/chrome/delete.gif) no-repeat; color: #f00}
.cssForm input.important{ border: 1px solid #edde65 !important;} /*hervorgehobene optik für wichtige buttons */
.cssForm .rightCol {margin: 0 0 5px 0} /*leftmargin=unten definiert*/ /*elemente, die in die rechte "spalte" sollen*/

.hint{ color: #6085b2;  }
p.hint{ font-style: italic; }
.error{ color: #C33; font-weight: bold;}
 /*--------counterstyling fehlerausgabe----------*/
fieldset.error { background-image: url(../images/chrome/cssforms_fieldset-bg_error.png); border-top-color: #edde65; }
fieldset.hint { background-image: url(../images/chrome/cssforms_fieldset-bg_hint.png); border-top-color: #edde65; }
	.error dl, .hint dl { font-size: 0.9em; width: 80%;  }
	.error dl, .error dt, .error dd, .hint dl, .hint dt, .hint dd { color: #000; font-weight: normal; border: none; padding: 0; margin:0;}
		.error dt, .hint dt { font-weight: bold; }
		.error dd, .hint dd { padding: 0 0 0 15px; }
		.error dl a:link, .error dl a:visited, .error dl a:hover, .error dl a:active, .error dd, .hint dd { color: #666; }
		.error dl strong, .hint dl strong { font-weight: normal;}
	
input.error{ border-bottom-color: #aaa; border-right-color: #aaa; background: #fff url(../images/chrome/cssforms_error-bg.gif) right center no-repeat;}

form {margin:0px;}/* entfernen des Abstandes bei Form-Elementen */

.cssForm hr{
	clear: left;
	height: 1px;
	border-style: none;
	margin: 25px 0 25px 0;
	padding: 0;
	color: #CFCFC5;
	background: #CFCFC5;
}

/*auf- und zuklappbare fieldsets - cssforms.js ist nötig*/
.cssForm fieldset.open legend { cursor: hand; cursor: pointer; padding-left: 22px; background: transparent url(../images/chrome/cssf_fs-open.gif) left center no-repeat; }
.cssForm fieldset.collapsed legend { cursor: hand; cursor: pointer; padding-left:22px; background: transparent url(../images/chrome/cssf_fs-collapsed.gif) left center no-repeat; }
.cssForm fieldset.collapsed * { display: none; } 
	.cssForm fieldset.collapsed legend { display: inline !important; } 

.cssForm fieldset.openOnStartup {} /*zur Adressierung der js Funktion - Feld ist beim Start geöffnet*/
.cssForm fieldset.unfoldable {} /*zur Adressierung der js Funktion - Feld ist von der Klapp-Funktion ausgenommen*/

