/********************************************************************************************************
	ICSurselva AG:	Cascading Style Sheets for look & roll!
	date:			27.11.2007.2007, claudia
	function:		base Stylesheet Do not change anything!
********************************************************************************************************/	

/********************************/
/* Frames, spacing, link-to-top */
/********************************/
P.csc-linkToTop {}

P.csc-linkToTop A { font-weight: bold; }

#thebody .csc-frame { border: 0px; }
#thebody .csc-frame-invisible {}
#thebody .csc-frame-rulerBefore { border-top: 1px solid #A8A9A9; width:575px; }
#thebody .csc-frame-rulerAfter { border-bottom: 1px solid #A8A9A9; padding-top: 6px; padding-bottom: 6px;}
#thebody .csc-frame-indent { padding-left: 100px; }
#thebody .csc-frame-indent3366 { padding-left: 33%; }
#thebody .csc-frame-indent6633 { padding-right: 33%; }
#thebody .csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #666666; }
#thebody .csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #666666; }

#thebody .csc-frame-frame1 H1, DIV.csc-frame-frame1 H2, DIV.csc-frame-frame1 H3, DIV.csc-frame-frame1 H4, DIV.csc-frame-frame1 H5 { margin-top: 2px; }
#thebody .csc-frame-frame2 H1, DIV.csc-frame-frame2 H2, DIV.csc-frame-frame2 H3, DIV.csc-frame-frame2 H4, DIV.csc-frame-frame2 H5 { margin-top: 2px; }
p.csc-frame-frame3, table.csc-frame-frame3 { background-color: #000000; padding: 2px 4px 2px 4px; border: 1px solid #333333;  color: #FFFFFF; }
#thebody .csc-form-label-req{
}

h1{
	font-size:15px;
	font-weight:bold;
	line-height:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#B82B1F;
	/*padding-left:17px;	/**???18px*/
padding-bottom:13px;
	
}

h2{
font-size:15px;
font-weight:bold;
line-height:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
padding-bottom:13px;
}

p{
padding-bottom:15px;
padding-top:0px;}
#content{
font-size:12px;
line-height:16px;}

a {
color:#B82B1F;
text-decoration:underline;}

a:hover{
/*text-decoration:none;*/
text-decoration:underline;}

p.bodytext{
font-size:12px;
color:#000000;}

span.important { color:#B82B1F; }
/*-----------------------------------------------------------------------*/
/*---------------Formatierung Drop down Sitemap----------------------*/
.tx-dropdownsitemap-pi1{
	/*background-color:#F2F7E9;
	padding-top:10px*/
	width:574px;
	}
		
#content .tx-dropdownsitemap-pi1 ul, #content .tx-dropdownsitemap-pi1 ol, #content .tx-dropdownsitemap-pi1 dl { 
	margin: 0 0 5px 0px }
	#content .tx-dropdownsitemap-pi1 li { margin-left: 0px; line-height: 1.5em;}
	
	
/*alles ausklappen*/	
.tx-dropdownsitemap-pi1 div.expAll a{
	color:#B82B1F;
	}

.tx-dropdownsitemap-pi1 div.expAll a:hover{
	color:#444545;
	}
/*.tx-dropdownsitemap-pi1 div.expAll{
border:solid 1px #1B6DA7;}*/
	

/*	um das plus*/
.tx-dropdownsitemap-pi1 img{
/*standard*//*padding:0px 4px 4px 0px;*/
	padding:0px 4px 4px 22px;
	}

/*IE7*/	
*+html .tx-dropdownsitemap-pi1 img{
	padding:0px 4px 4px 16px;
	}

/*IE6*/	
* html .tx-dropdownsitemap-pi1 img{
	margin-left: 16px;
	}

/*OpERA*/	
html:first-child>b\ody .tx-dropdownsitemap-pi1 img{
	padding:0px 4px 4px 22px;
	}

.tx-dropdownsitemap-pi1 a{
	color: #444545;
	}

.tx-dropdownsitemap-pi1 a:hover{
	color:#B82B1F;
	}

/*punkte, zahlen, alles entfernen*/
/*punkte, zahlen, alles entfernen*/
#content .tx-dropdownsitemap-pi1 ul, #content .tx-dropdownsitemap-pi1 ol, #content .tx-dropdownsitemap-pi1 li{
	list-style:none;
	color:#B6B6B6;
	margin-left:0px;
	vertical-align: baseline;
	}

.tx-dropdownsitemap-pi1 div.level_1{
	background-color:#E8E8E9;
	border:solid 1px #B6B6B6;
	}

.tx-dropdownsitemap-pi1 div.level_2{
	background-color:#F2F2F2;
	border:solid 1px #B6B6B6;
	/*standard*//*width:95%;*/
	
	margin-left:22px;
	width:85%;
	}

.tx-dropdownsitemap-pi1 div.level_3{
	background-color:#FAFBFB;
	border:solid 1px #B6B6B6;
/*standard*//*	width:95%;*/
	
	margin-left:22px;
	width:85%;
	}
	
.tx-dropdownsitemap-pi1 div.level_4{
	background-color:#FAFBFB;
	border:solid 1px #B6B6B6;
/*standard*//*	width:95%;*/
	
	margin-left:22px;
	width:85%;
	}	
/*-------------------------------------------------------------*/


/**************************************************************************************************/	
/*------------------------ 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:175px;
}
	  
.csc-form-fieldcell INPUT, FORM .csc-form-fieldcell SELECT, FORM .csc-form-fieldcell TEXTAREA {
	 background-color: #eeeeee;
	 /*height: 17px;*/
	 width:175px;
	 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:175px;
	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:175px;
   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:175px;                                 
	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----------------------------------*/