/********************************************************************************************************
	ICSurselva AG	http://www.icsurselva.ch
	Projekt:		RHB
	Date:			08/2007, claudia
	Version:		1.0
	file:			formular.css
	function:		style all formulars
********************************************************************************************************/	
form#mailform {
	color: #545353;
	margin-left:0px;
	width:470px;
}

/*netscape*/
form#mailform[id] {border:1px solid transparent;}
	 
DIV.formaround{
	border-top:1px solid silver;
	float:left;
	width:470px;
	font-size:11px;
	font-weight:bold;
	color:#545353;
}

/*bei radiolayout label und feld auf einer hoehe*/
#radiolayout label{
	line-height:20px;
	vertical-align:text-bottom;}
	
*+html #radiolayout label{
	vertical-align: inherit;
	line-height:normal;}

* html #radiolayout label{
	vertical-align:inherit;
	line-height:normal;}

* label{
	/*line-height:20px;*/}
	
/*groesse des schriftfeldes - Label*/
.csc-form-labelcell {
	float:left;
	padding-bottom:0px;
	display:block;
	width:100px;
	line-height:15px;
}
	
*+html .csc-form-labelcell {}

.csc-form-labelcell P, FORM .csc-form-commentcell {font-size: 11px;}

.csc-form-labelcell P.csc-form-label {color: #444545; }
	  
/* Email form, specifically */
.csc-mailform .csc-form-labelcell  { 
/*background-color: #ccccff;*/}

/*groesse des Eingabefeldes - Feld*/
.csc-form-fieldcell {}
	
.csc-form-fieldcell input, .csc-form-fieldcell textarea{
	 background-color:none;
	 width:333px;
	 border: none;
	 font-size: 11px; 
	 color:#545353;
	 padding-left:3px;
	}
	
	* html .csc-form-fieldcell textarea {width:335px;}

	*+html .csc-form-fieldcell textarea {width:333px;}
	 
 .csc-form-fieldcell SELECT{
  	background-color: #FAFBFB;
	border:none;
	width:200px;}

/**************************************************************************************************/
/***************************EINZELNE FORMULARELEMENTE**********************************************/

/* Ueberschriften der LABEL bei Radio Buttons*/	  
legend {
    color:#545353;
    padding:0px;
    margin:0px;
    border:none;}

* html legend {
    margin-left:-4px;}
	
*+html legend {
    margin-left:-4px;}

/* Definition des Gesamtrahmens der Radio Buttons*/
fieldset {
    border:none;
	margin:2px 0px;}
	
/*Definition label Radiobutton - Format,Standort*/
fieldset label br{ display:none;}

span.radiolayout fieldset label{
	padding-right:10px;
	vertical-align:top;
	line-height:17px;
}

span.radiolayout fieldset input{
	vertical-align:bottom;
	line-height:17px;
}

span.radiolayout {
	float:left;
	display:block;
	line-height:15px;
	margin-right:5px;
	width:95px;
}

span.radiolayout label{
line-height:15px;}

*+html span.radiolayout label {margin-right:0px;}

* html span.radiolayout label {margin-right:2px;}

fieldset legend{
	margin-left:0px;
	display:none;
}

fieldset h3{
	color:#545353;
	font-size:13px;
	font-weight:bold;
	padding:3px 0px 0px 0px;}

*+html #radiolayout h1{
	position: relative;
	left:-5px;	}

* html #radiolayout {
	margin-left:-4px;}

*+html #radiolayout {
	margin-left:-4px;}

/* eigene Klasse f�r die Abst�nde nach oben und unten
bei der vwerwendung von Radio Buttons in Formularen */
#radiolayout {
	color: #545353;
	padding-right:0px;}

#radiolayout h1{
	color: #545353;
	padding:10px 0px 10px 0px;
}

/*textfelder*/
.csc-form-fieldcell .mf-text{                
     margin:1px;
     border: 1px solid #B6B6B6;
	 height:100px;
} 

/*sendebutton*/	   
.csc-form-fieldcell .mf-submit{                
    width:35%;
	height:21px;
	font-size: 11px;
	color:#545353;
	text-align: center;
	vertical-align: top;
	padding-bottom:1px;
	margin:15px 0px 10px 100px;
	background-color: #D4D0C8;
	border-bottom:2px #B6B6B6 solid;
	border-left:2px #cccccc solid;
	border-top:2px #cccccc solid;
	border-right:2px #B6B6B6 solid;
	cursor:pointer;
	}

/*eingabefelder*/
.csc-form-fieldcell .mf-input,#captchaResponse {
	height:15px;
	width:333px;
	margin:1px;
	padding-top:0px;
	border: 1px solid #C0C0C0;
	}
	
* html .csc-form-fieldcell .mf-input {width:335px; height:17px;}
	   
/*Markierungsfeld*/	   
/*.csc-form-fieldcell .mf-check{
    margin:0px 20px 0px 0px;              
	text-align: left;
	vertical-align: top;
	width:15px;
	border:none;
}*/

/** html .check{margin-left:-4px;}
*+html .check{margin-left:-4px;}*/

input.mf-check{
	margin-top:1px;
	margin-left:101px;
}

	* html input.mf-check{margin-bottom:1px; margin-left:101px;}

	*+html input.mf-check{margin-bottom:1px; margin-left:97px;}
	   
/* spezielle Klassen fuer Formularelemente */
.mf-radio{
 	border:none;
 	margin-right:3px;
 	color:#545353;}
	
input.mf-radio{
	vertical-align:top;
}
 
*+html .mf-radio {margin-right:3px; margin-top:-2px;}

* html .mf-radio {margin-right:0px; margin-top:-2px;}

 /*Passwortfeld*/
.csc-form-fieldcell .mf-pass {                     
   width:150px;
   background: #E9E9E9;
   border: 1px solid #B6B6B6;
   font-family: Arial, Verdana, Lucida, Geneva, Helvetica, sans-serif;
   color: #000000;
   font-size: 12px;
   margin-bottom:5px;
}

.csc-form-fieldcell .mf-pass{
	margin:1px;
	/*width:333px;*/
}

	* html .csc-form-fieldcell .mf-pass{/*width:335px;*/}

 /*Auswahlfeld*/
.csc-form-fieldcell .mf-select {                
   border: 1px solid #B6B6B6;
   color: black;
   margin:1px;
   width:338px; 
}
	* html .csc-form-fieldcell .mf-select {width:335px;}

	*+html .csc-form-fieldcell .mf-select {width:338px;}


/*Dateiupload*/
.csc-form-fieldcell input.mf-file {                                 
	border: 1px solid #B6B6B6;
	font-family: Arial, Verdana, Lucida, Geneva, Helvetica, sans-serif;
	color:#545353;
	font-size: 12px;
	margin-bottom:5px;}

div.csc-form-fieldcell input.mf-file{ border: 1px solid #B6B6B6;}

	* html .csc-form-fieldcell .mf-file {margin:1px; width:335px;}

	*+html .csc-form-fieldcell .mf-file {margin:1px; width:338px;}

/*Beschriftung - Zusatzvermerke, br`s*/
.csc-mailform-label{
	font-size:11px;	
    color:#AAAAAA;
    padding:0px; 
	width:400px;
	float:left;
}
	
.mf-reset {
	font-family: Arial, Verdana, Lucida, Geneva, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
}

.clearer{clear:both;}

/*---------------- Formular-Effekte -------------------------*/
#mailform input:hover, #mailform input:focus {
	 border:#E2001A 1px solid;
	}
	
#mailform textarea:hover, #mailform textarea:focus {
	 border:#E2001A 1px solid;
	}
	
#mailform select:hover, #mailform select:focus {
	 border:#E2001A 1px solid;
	}

/*--------------------------------------FORMULAR ENDE----------------------------------*/
DIV.beschriftung {
	font-size:11px;
	color:#666666;
	padding:5px 0px;
}

fieldset label{
	padding-right:5px;
	line-height:11px;
	vertical-align:baseline;
}