/********************************************************************************************************
	ICSurselva AG:	Cascading Style Sheets for mal seh`n!
	date:			27.11.2007.2007, claudia
	function:		base Stylesheet Do not change anything!
********************************************************************************************************/	


/* ######################################################################################################
** ### Vorbereitende Maßnahmen | Reset ##################################################################
** ######################################################################################################
*/
	/* Hiermit werden die Randabstände und border aller HTML-Elemente auf Null gesetzt. Damit wird das       
	** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht. 
	*/
/* Alle Elemente auf null setzen */	
* { 
	margin:0; 
	padding: 0; 
	background-repeat: no-repeat;
} 

/* Das zurücksetzen der Innen- und Außenabstände verursacht zu kleine Selectboxen. Dies wird korrigiert */
option {
	padding-left: 0.4em
}

/** Die nachfolgenden Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett
** [http://www.websemantics.co.uk/tutorials/useful_css_snippets/]*/
	
	/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts 
	** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die Höhe des Browserfensters. */
	html { 
		height: 100.01%;
		padding-bottom:1px;
	 } 
	 
	body { 
		font-family:Verdana, Arial, Helvetica, sans-serif;
		min-height: 100%;	
	/* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
		font-size: 12px; 
	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Größe des Browser 
			Fensters geändert wird. */
		position: relative; 
	
	/* Vorgabe der Standardfarben und Textausrichtung*/     
		color: #000;        
		background: #fff;
		text-align: left; 
	} 
	
	/* Standardrahmen zurücksetzen */
	fieldset, img { border:0; }
	
	/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */ 
	select, input, textarea { font-size: 99% }
	



/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clear {
	clear: both;
	height: 0;
	margin-top: 0 !important;
	margin-top: -2px;
	/*font-size: 1px;*/
}
	
/* Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix {
	display: block;
} 

#hidden {
	display: none;
	position: absolute;
	left: -9999px;
}
	
/* Overflow-Methode zum Clearen der Float-Umgebungen */
.floatbox { 
	overflow:hidden; 
}
	
/* IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
#ie_clearing { 
	display: none 
	}

/*  Standard-Formatierungen für Listen & table */

	/*ul,*/ ol, dl { margin: 0 0 1em 1em }
	#content li { margin-left: 1.5em; line-height: 1.5em; }
	
	blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}

th {
	text-align: left;
	vertical-align: top;
}

td {
	vertical-align: top;
	font-size:12px;
	line-height:16px;
	padding-left:2px;
}

tr {
	/*vertical-align: top;*/
	font-size:12px;
	line-height:16px;
	
}
.contenttable{
font-size:12px;
	line-height:16px;
	}
	
tbody{
font-size:12px;
	line-height:16px;
	}


/**************************************************************************************************/	
/*------------------------ CSS Document für Formulare generally:-------------------------------*/

#radiolayout label{
color: #50656f;
line-height:20px;
vertical-align:text-bottom;


}
* label{
color: #50656f;
line-height:20px;
}

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

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

/*grösse des schriftfeldes - Label*/
.csc-form-labelcell {               
     color:#50656f;
	
}

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

.csc-form-labelcell P.csc-form-label { 
      color: #50656f; 
}

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


/*grösse des Eingabefeldes - Feld*/
.csc-form-fieldcell {                 
    width:300px;
}
	  
.csc-form-fieldcell INPUT, FORM .csc-form-fieldcell SELECT, FORM .csc-form-fieldcell TEXTAREA {
	 background-color: #eeeeee;
	 /*height: 17px;*/
	 width:300px;
	 border: none;
	 font-size: 11px; 
	 color:#000033;
}

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

/* Überschriften der LABEL bei Radio Buttons*/	  
legend {
    color:#666666;
    padding-left:0px;
    padding-right:0px;
    margin:0px;
    border:none;
}

/* Definition des Gesamtrahmens der Radio Buttons*/
fieldset {
   /* padding:6px;*/
    border:none;}


	
/*Definition label Radiobutton - Format,Standort*/
fieldset h3{
color:#50656f;
font-size:13px;
font-weight:bold;
padding:0px;
}

*+html fieldset h3{
margin-left:-7px;
margin-bottom:5px;
}

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


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

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

/*textfelder*/
.csc-form-fieldcell .mf-text{                
     margin:0px 0px 8px 0px;
     border-top: 1px solid #999999;
	 border-left: 1px solid #ffffff;
	 width:351px; 
	 height:100px
}

/*sendebutton*/	   
.csc-form-fieldcell .mf-submit{                
    width:60%;
	height:20px;
	border-top: 1px solid #c2c2c2;
	border-right: 1px solid #c2c2c2;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #c2c2c2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: center;
	vertical-align: top;
	padding-bottom:2px;
	margin-bottom:10px;
	margin-top:16px;
	   }
	   
/*eingabefelder*/
  .csc-form-fieldcell .mf-input{                 
    background-color: #eeeeee;
	height: 17px;
	width:300px;
	border-top: 1px solid #999999;
	border-right: none;
	border-bottom: none;
    border-left: 1px solid #FFFFFF; 
	margin-bottom:5px;
}
	   
/*Markierungsfeld*/	   
.csc-form-fieldcell .mf-check{
    margin:0px 20px 0px 0px;              
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	width:15px;
	 border:none;
}
	   
/* spezielle Klassen für Formularelemente */
 .mf-radio{
 border:none;
 margin-right:3px;
 color:#666666;}
 
*+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:300px;
   border-top: 1px solid #999999;
   border-right: none;
   border-bottom: none;
   border-left: 1px solid #FFFFFF;
   font-family: Arial, Verdana, Lucida, Geneva, Helvetica, sans-serif;
   color: #000000;
   font-size: 12px;
   margin-bottom:5px;
}

 /*Auswahlfeld*/
.csc-form-fieldcell .mf-select {                
   border:0px;
   border-top: 1px solid #999999;
   width:275px;
   border-right: 0px;
   border-bottom: 0px;
   border-left: 1px solid #FFFFFF;
   margin:2px 0px 0px 0px;
   margin-bottom:5px;
   padding-bottom:2px
}

/*Dateiupload*/
.csc-form-fieldcell .mf-file {
	width:300px;                                 
	border:none;
	font-family: Arial, Verdana, Lucida, Geneva, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	margin-bottom:5px;
}

/*Beschriftung - Zusatzvermerke, br`s*/
.csc-mailform-label{
    color:#666666;
    padding:2px 0px 2px 0px;
	}

	
.mf-reset {
font-family: Arial, Verdana, Lucida, Geneva, Helvetica, sans-serif;
color: #000000;
font-size: 12px;
}
/*-----------------------------------FORMULAR ENDE----------------------------------*/

/* bildtext bei images im contentbereich*/
.csc-textpic-caption{
font-size:10px;
line-height:12px;
}