/********************************************************************************************************
	ICSurselva AG	http://www.icsurselva.ch
	Projekt:		BEH
	Date:			07/2007, claudia
	Version:		1.0
	file:			static.css
	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 #666666; }
#thebody .csc-frame-rulerAfter { border-bottom: 1px solid #7FAC23; margin-bottom:17px;}
#thebody .csc-frame-indent { padding-left: 50px; }
#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-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	line-height:16px;
	}
	
h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	line-height:16px;
	}
	
 h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:0px 0px 5px 0px;
	color:#7FAC23;
	}
	

/*rechte spalte keinen abstand oben*/
#colRight h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	line-height:16px;
	padding-top:0px;
	/*padding-bottom:10px;*/
	}


/*gruener header mit bild*/
h5{	
	background-color:#7FAC23;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:5px 0px 5px 10px;

	}	
	
/*	p.bodytext{
	margin:0px 0px 14px 0px;
	font-size:11px;
}*/

/*harter umbruch*/
p{
	margin:0px 0px 12px 0px;
	font-size:11px;
}

/*Datum*/
p.csc-header-date{
color:#AAAAAA;
padding:0px;
margin:0px;}



/*Listenpunkte*/
#content ol{
list-style-type: decimal;
margin-left:6px;
}
#content ul{
list-style-type: square;
margin-left:0px;
}
#content li{
line-height:16px;
font-size:11px;
margin-left:13px;
}
#content ul, #content ol{
padding:0px 0px 10px 0px;
margin-bottom:0px;}


* html #content li{margin-left:16px;}
* html #content ol{margin-left:7px;}
* html #content ul{margin-left:0px;}

*+html #content li{margin-left:16px;}
*+html #content ol{margin-left:7px;}
*+html #content ul{margin-left:0px;}


#nach_oben{
margin:0px 10px 12px 0px;}

.home_bild{
padding:0px;}

/*---------------------HOME START----------------------------------*/
#main_content_home .contenttable p.bodytext{
padding:0px;
margin:0px;}
#main_content_home .contenttable p{
padding:0px;
margin:0px;}

span.nur_home { margin:0px 5px; display:block;}
/*---------------------HOME ENDE----------------------------------*/

/*---------------Formatierung Drop down Sitemap----------------------*/
.tx-dropdownsitemap-pi1{
	/*background-color:#F2F7E9;
	padding-top:10px*/
	width:auto;
	width:655px;
	}
	
	
#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:#7FAC23;
	}

.tx-dropdownsitemap-pi1 div.expAll a:hover{
	color:#444545;
	}
	
/*#colNormal{width:500px;}*/

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

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

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

/*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;
	width:95%;
	}

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

/*--------------------MAIL Formulare---------------------------*/

/**********************************************************/
/* FORMULAR */
/**********************************************************/

/*-------------------------FORMULAR----------------------------------*/
#mailform{
	color: #444545;
	}

/*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;}
	
/*grösse des schriftfeldes - Label*/
.csc-form-labelcell {               
    /*color:#1B354E;*/}
	
*+html .csc-form-labelcell {               
    /*color:#1B354E;*/
	}

.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;*/
}

/*grösse des Eingabefeldes - Feld*/
.csc-form-fieldcell {                 
    width:175px;}
	
.csc-form-fieldcell INPUT,.csc-form-fieldcell TEXTAREA {
	 background-color: #FAFBFB;
	 width:300px;
	 border: none;
	 font-size: 11px; 
	 color:#444545;
	 padding-left:3px;
	}
	 
 .csc-form-fieldcell SELECT{
  	background-color: #FAFBFB;
	border:none;
	width:300px;}

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

/* Überschriften der LABEL bei Radio Buttons*/	  
legend {
    color:#444545;
    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;}
	
/*Definition label Radiobutton - Format,Standort*/
fieldset h3{
	color:#444545;
	font-size:13px;
	font-weight:bold;
	padding:3px 0px 0px 0px;}

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

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

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

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

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

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

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

 /*Auswahlfeld*/
.csc-form-fieldcell .mf-select {                
   border: 1px solid #B6B6B6;
   color: black;
   margin:2px 0px 5px 0px; 
}

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

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

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

	
.mf-reset {
	font-family: Arial, Verdana, Lucida, Geneva, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
}
/*---------------- Formular-Effekte -------------------------*/
/*#mailform input:hover, #mailform input:focus {
	 background-color:#FFFFCC;
	 border:#840000 1px solid;
	}
	
#mailform textarea:hover, #mailform textarea:focus {
	 background-color:#FFFFCC;
	 border:#840000 1px solid;
	}
	
#mailform select:hover, #mailform select:focus {
	 background-color:#FFFFCC;
	 border:#840000 1px solid;
	}*/

/*--------------------------------------FORMULAR ENDE----------------------------------*/


/*--------------------indexed search------------------------------------------*/
		
/*um ganze suchausgabe*/
.tx-indexedsearch{
	margin-top:10px;
	}
		
/*explicit suchwortzeile*/	
.tx-indexedsearch-whatis{
	margin-top:10px;}
		
/*suchwort*/
.tx-indexedsearch-sw{
/*color:#d20000;*/
	color:#000000;
	font-weight:bold;}
		
/*display resultateanzahl*/
.tx-indexedsearch-browsebox{
	line-height:25px;}
		
/*ganzes resultat*/
.tx-indexedsearch-res table{
	background-color:#FAFBFB;
/*background-color:#F5F5F5;*/
/*border: 1px solid #E8E8E9;*/
	padding-bottom:5px;
	font-size:11px;}

/*header einzelnes resultat*/
.tx-indexedsearch-icon{
	background-color:#E8E8E9;
	padding-bottom:2px;}
		
.tx-indexedsearch-result-number{
	background-color:#E8E8E9;
	padding-bottom:2px;}
		
.tx-indexedsearch-percent{
	background-color:#E8E8E9;
	padding-bottom:2px;}
		
.tx-indexedsearch-title{
	background-color:#E8E8E9;
	padding-bottom:2px;}		

/*verlinktes wort im header*/
	.tx-indexedsearch-title a{
		font-weight:bold;
		text-decoration:underline;
		color:#444545;}
		
		.tx-indexedsearch-title a:hover{
		text-decoration:none;
		color:#668A1C;}
		
/*markiertes suchwort im content*/
.tx-indexedsearch-redMarkup{
	color:#668A1C;}
		
/*info unten in einzelener suchausgabe*/
.tx-indexedsearch-info{
	padding-bottom:3px;}

/*link in info*/
	.tx-indexedsearch-path a{
		color:#444545;}
		
	.tx-indexedsearch-path a:hover{
		text-decoration:none;
		color:#668A1C;}
/*-----------------------------------------------------------------------*/	

/* bildtext bei images im contentbereich*/
.csc-textpic-caption{
font-size:9px;
color:#999999;}