/*================== tn cssForms version 1.555 mai 2005 =================
	Angepasst für Kunde       [ SNG ]
	Breiten verändert         [ X ]
	Weitere Styles verändert  [  ]
*/

input{	font-family: Arial, Helvetica, sans-serif;	font-size:1em;}

input[type=text],
button, select, textarea {
	font-family: Arial, Helvetica, sans-serif; 	font-size:1em;
   border: 1px solid #A5ACB2 ; /* A5ACB2 ist WinXP Style*/
}
input:focus, input:active, select:focus, select:active, textarea:focus, textarea:active{
	border: 1px solid #f00;
}

fieldset{margin-bottom: 20px; padding: 0 3px 10px 3px;}
html>body fieldset{  -moz-border-radius: 5px; border: 1px solid #CFCFC5;}
legend{color: #6085B2; font-size: 1.1em; padding: 10px 5px 10px 5px; font-weight: bold;}
label{font-size: 1em; text-align: left; margin: 0;}

.cssForm label { /*linke spalte*/
	float: left;
	clear: left;
	/*width: 30%;  unten definiert*/
	text-align: left; 
	wline-height: 21px; 
	margin-right: 5px;  
	margin-bottom:5px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #CFCFC5;
}

.cssForm input,
.cssForm select,
.cssForm textarea,
.cssForm .exInput,
.cssForm .exTextarea{  /*rechte spalte*/
	/*width: 60%; unten definiert*/
	border: 1px solid #CFCFC5; 
	margin-bottom:5px; 
	float: left;
}
.cssForm table input, .cssForm dl input, .cssForm ul input, .cssForm ol input {width:auto; float:none; wborder: 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{float: left; margin-right: 5px; width:auto; 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: 0; line-height: 18px; text-align:left; border-bottom: none;}
.cssForm .selectorGroup label br{clear: none;}

.cssForm .assignment { float:left; margin-right: 5px;}
.cssForm .assignment label {text-align:left; width: auto;} /*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-top: 35px;}



.cssForm .exInput, .cssForm .exTextarea {padding:1px; background: #f3f3f3;}
.cssForm .exInput {height: 20px;}
.cssForm .exInput[class]{height: auto; min-height: 20px;}
.cssForm .exTextarea{padding:1px; height: 40px;}
.cssForm .exTextarea[class]{height: auto; min-height: 40px;}

.cssForm .buttonGroup {margin: 30px 0 0 5px}
.cssForm .buttonGroup input {}

.cssForm input.button{width:auto; border: auto; margin-right:5px;}
.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 #f00 !important;} /*hervorgehobene optik für wichtige buttons */
.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}

.hint{ color: #093}
.error{ color: #C33; font-weight: bold;}
input.error{ border: 1px solid #C33; background: #F2CCCC}


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;
}


/*======================= Breiten der spalten ================================*/

.cssForm fieldset{width: 480px;} /* [A]+[B]+10px*/
.cssForm label { width: 160px;} /* [A] */
.cssForm .rightCol {padding-left:165px; /* [A]+5px */ width: 310px; /* [B] */}
.cssForm input, .cssForm select,
.cssForm textarea, .cssForm .exInput,
.cssForm .exTextarea{ width: 310px; /* /* [B] */ */ }
.cssForm .assignment select {width: 150px;}

.noMenu fieldset{width: 670px;} /* [A]+[B]+10px*/
.noMenu label { width: 160px;} /* [A] */
.noMenu .rightCol {padding-left:165px; /* [A]+5px */ width: 480px; /* [B] */}
.noMenu input, .noMenu select,
.noMenu textarea, .noMenu .exInput,
.noMenu .exTextarea{ width: 480px; /* /* [B] */ */ }
.noMenu .assignment select {width: 200px;}



/*test case ------------------------*/

