/*================== tn cssForms version 2.0 Dezember 2005 =================
*/



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

input:focus, input:active, select:focus, select:active, textarea:focus, textarea:active{
	border: 12px solid #A5ACB2;
}



fieldset{margin-bottom: 20px; padding: 0 0 10px 10px;}
html>body fieldset{  w-moz-border-radius: 5px; border: 1px solid #CFCFC5;}
legend{ color: #000; padding: 10px 5px 10px 5px; font-weight: bold;}
label{font-size: 1em; text-align: left; margin: 0; line-height: 10px; padding:0; }



.cssForm label { 
	float: left;
	clear: left;
	/*width: unten definiert*/
	text-align: left; 
	margin: 0 0 8px 0;
	padding: 0;
	line-height: 105%;
}

.cssForm p{ margin-right: 10px; line-height: 120%;}

.cssForm .twinRow { clear: left; } /* in der twinRow soll nicht gecleared werden, aber davor */
	.cssForm .twinRow label{ clear: none; }
	.cssForm .twinRow label, 
	.cssForm .twinRow .selectorGroup { margin-right: 10px; _margin-right: 9px; /*abst?nde zwischen den input feldern*/ }

.cssForm input,
.cssForm select,
.cssForm textarea,
.cssForm .exInput,
.cssForm .exTextarea{  
	/*width: unten definiert*/
	border: 1px solid #A5ACB2; 
}
.cssForm input { height: 16px; }
.cssForm select{ height: 18px; }

.cssForm textarea { height: 80px;}
.cssForm table input, .cssForm dl input, .cssForm ul input, .cssForm ol input {width:auto;  } /*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; border: none;} /*sobald in bestimmten Tags ist es nicht mehr die cssform-optik*/
.cssForm br{clear:left; _line-height: 25px; /*line-height: IE likes funny things*/} 
.cssForm label br{ clear:none; } 

.cssForm .selectorGroup { float: left; margin: 0 0 8px 0; line-height: 105%;}
	.cssForm .selectorGroup input, .cssForm .selectorGroup .exInput, .cssForm .twinRow .selectorGroup input{ width:auto !important; border: none; }
	.cssForm .selectorGroup input.textInput {margin-left: 5px; border: 1px solid #A5ACB2 }/* input in einer selectorGroup */
	.cssForm .selectorGroup label{ width:auto !important; margin-right: 12px; line-height: 20px;  text-align:left; float: none; vertical-align: middle;}
		.cssForm .selectorGroup label input{ vertical-align: middle; margin: 0 3px 0 0;}
	.cssForm .selectors { border: 1px solid #cfcfc5; background-color: #FCFCFC; padding: 8px; margin: 1px 0 0 0;}

.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: #f3f3f3;}
.cssForm .exInput {height: 16px;}
.cssForm .exInput[class]{height: auto; min-height: 16px;}
.cssForm .exTextarea{padding:1px; height: 50px;}
.cssForm .exTextarea[class]{height: auto; min-height: 50px;}


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

.cssForm input.button, input.button{ _overflow: visible; width: auto; border: auto; margin-right:5px; padding: 0 5px; height: auto;}

.cssForm label.important { font-weight: bold;} /*hervorgehobene optik f?r wichtige buttons */
	.cssForm input.important, .cssForm .important input{ background-color: #fffed9;} /*hervorgehobene optik f?r wichtige buttons */

.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 .rightCol {margin: 0 0 5px 0} /*leftmargin=unten definiert*/

 /*elemente, die in die rechte "spalte" sollen*/
/*.cssForm .rightCol input{margin: 0 0 0 5px}*/

p.info{ border: 1px solid #7a848e; padding: 3px 3px 3px 40px; background: #fffed9 url(../images/chrome/cssf_info.gif) no-repeat 5px 1px; -moz-border-radius: 5px; }
p.warning{ border: 1px solid #7a848e; padding: 3px 3px 3px 40px; background: #fffed9 url(../images/chrome/cssf_warning.gif) no-repeat 5px 1px; -moz-border-radius: 5px;}
p.error{ border: 1px solid #7a848e; padding: 3px 3px 3px 40px; background: #fffed9 url(../images/chrome/cssf_error.gif) no-repeat 5px 1px; -moz-border-radius: 5px;}

div.sideNote{ border: 1px solid #7a848e; padding: 3px; position: absolute; left: 675px; width: 150px; display: block; color: #6B757F; font-size: 0.9em; -moz-border-radius: 7px; background: #fffed9; }
	div.sideNote h3{ padding: 0 0 0 30px; background: #fffed9 url(../images/chrome/cssf_info.gif) no-repeat 0 0; margin: 0; line-height: 25px; border-bottom: 1px solid #7a848e;} 
	div.sideNote p{ padding: 5px;} 

input.error{ border: 1px solid #db0320;}

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;
}