/********************************************************************************************************
	created by:		ICSurselva AG	http://www.icsurselva.ch
	project:		Chesa Spuondas
	date:			05/2009, Claudia
	version:		4.2
	file:			content.css
	function:		all contents-style  
********************************************************************************************************/

A:LINK,  A:VISITED,  A:ACTIVE{
	color : #000000;  
	text-decoration: underline;
}
A:HOVER { 
	color : #7B8892;
	text-decoration: none;
}
/*  entfernt den Linkrahmen  um das bild  */ 
img{
	border: none ;	
}
img.icon{
	padding-right:0.5em;
	vertical-align: top;
}

p.bodytext, p {
margin:0px 0px 15px 0px;
}


h1 {
	font-size:16px;
	font-style:normal;
	font-weight:bold;
	line-height:16px;
	margin:0px;
	padding-bottom:8px;
}
h2 {
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	padding-bottom:8px;
}

h3{
	font-weight:bold;
	color:#333333;
	font-size:11px;
	margin:0px;
	padding:0px;}




ul {
	margin:0px 10px 0px 8px;
	padding:0px 10px 16px 8px;
}
ol {
	margin:0px 10px 0px 13px;
	padding:0px 10px 16px 13px;
}

.csc-sitemap ul {
	margin:0px 10px 0px 8px;
	padding:0px 10px 0px 8px;
}







/* footer */
#main_footer p.bodytext {
	display:inline;
}



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

/* Ueberschriften der LABEL bei Radio Buttons*/	  
legend {
    padding-left:0px;
    padding-right:0px;
    margin:0px;
    border:none;
}

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

/* eigene Klasse fuer die Abstaende nach oben und unten
bei der vwerwendung von Radio Buttons in Formularen */
.radiolayout {
	padding-left:0px;
	padding-right:0px;
	position: relative;
	left:-5px;	
}


/*textfelder*/
.csc-form-fieldcell .mf-text{  
     font-family: Arial, Helvetica, sans-serif;       
     margin:0px 0px 8px 0px;
     border: 1px solid #7B8892;
	 width:351px; 
	 height:100px;
	 padding-left:4px;
}

/*sendebutton*/	   
.csc-form-fieldcell .mf-submit, .tx-indexedsearch-searchbox-button{                
    width:60%;
	height:20px;
    border: 1px solid #7B8892;
	font-size: 11px;
	text-align: center;
	vertical-align: top;
	padding-bottom:2px;
	margin:8px 0 2px 0; 
}
	   
/*eingabefelder*/
  .csc-form-fieldcell .mf-input, .tx-indexedsearch-searchbox-sword{                 
    background-color: #EFEFEF;
	height: 17px;
	width:175px;
    border: 1px solid #7B8892;
	padding-left:4px;
}
	   
/*Markierungsfeld*/	   
.csc-form-fieldcell .mf-check{
    margin:0px 2px 0px 0px;              
	text-align: left;
	vertical-align: top;
	width:15px;	
}
	   
/* special classes for Formlements */
.mf-radio {
	border: none;
    color:#666666;
	margin-right:4px;
}

 /*Passwortfeld*/
.csc-form-fieldcell .mf-pass {                     
   width:175px;
   border: 1px solid #7B8892;
   font-size: 100%;
}

.mf-check {
   border: 0px;
}

 /*Auswahlfeld*/
.csc-form-fieldcell .mf-select {                
   border:0px;
   border: 1px solid #7B8892;
   width:275px;
   margin:2px 0px 0px 0px;
   font-size: 95%;
}

/*Dateiupload*/
.csc-form-fieldcell .mf-file {
	width:175px;    
   	border: 1px solid #7B8892;                         
	font-size: 95%;
}

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

/* RTE / Table styling */

TABLE.contenttable { border: 1px #0091CE solid; margin: 10px 0px 10px 0px; width: 100%; }
TABLE.contenttable TR TD { padding: 0px 3px 0px 3px; }
TABLE.contenttable TR TD P.bodytext { font-size: 12px; }
TABLE.contenttable TR { background-color:none; }
TABLE.contenttable p {margin:0px;}
.contenttable td {   
	border: 1px #0091CE solid;}


/********************************/
/* 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 #008AC9; padding-bottom: 6px;}
#thebody .csc-frame-rulerAfter { border-bottom: 1px solid #008AC9; padding-top: 0px; margin-bottom: 10px;}
#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: #CEEFFF; padding: 2px 4px 2px 4px; }

#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{
}


/* Left, center and right alignment of text in paragraphs and cells.*/
p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, td.align-left { text-align: left; }
p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, td.align-center { text-align: center; }
p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, td.align-right { text-align: right; }

/* Two frame examples taken from the example CSS file of CSS Styled Content extension and applied to p and table block elements.*/
/*p.csc-frame-frame1, table.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
p.csc-frame-frame2, table.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }*/

/* Bullet styles for unordered lists.*/
ul.component-items { color: #186900; list-style-type: circle; }
ul.action-items { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); }

/* Numbering styles for ordered lists.*/
ol.component-items-ordered { color: #10007B; list-style-type: lower-roman; }
ol.action-items-ordered { color: #8A0020; list-style-type: lower-greek; }

/* Three inline text colors taken from the color scheme of CSS Styled Content extension.*/
span.important { color: #8A0020; }
span.name-of-person { color: #008AC9; font-weight:bold; }
span.detail { color: #186900; }

/* Selectors for the default configuration of the link accessibity feature.*/
a.external-link {}
a.external-link-new-window {}
a.internal-link {}
a.internal-link-new-window {}
a.download {}
a.mail {}


/*------------- Sitemap ---------------*/
div.csc-sitemap{margin:0px 0px 15px 15px;color: #005f8c;}
div.csc-sitemap a{
	color: #008AC9;
	text-decoration:none;
}

div.csc-sitemap a:hover{
	color: #666666;
	text-decoration:underline;
}



/*------------------ Dateiupload ------------------------------*/
div.filelinks div{
	height:auto;
	height:18px;
	padding-bottom:7px;
}

.filelinks span{
	line-height:18px;
}


/*---------------------------------Indexsuche--------------------------------*/
.tx-indexedsearch-searchbox p{
	padding-top:10px;
}

h2.searchResultTitle{
	font-size:11px;
	padding:0px;
}

/*Titel Suchausgabefelder*/
h2.searchResultTitle a, h2.searchResultTitle a:hover{
	color: #FFFFFF;
}
		
/*um ganze suchausgabe*/
.tx-indexedsearch{
	margin-top:10px;
}
		
/*explicit suchwortzeile*/	
.tx-indexedsearch-whatis{
	margin-top:10px;
}
		
/*suchwort*/
.tx-indexedsearch-sw{
	color:#d20000;
	font-weight:bold;
}
		
/*display resultateanzahl*/
.tx-indexedsearch-browsebox{
	line-height:17px;
}
		
/*ganzes resultat*/
.tx-indexedsearch-res table{
	padding-bottom:5px;
	font-size:12px;
	background-color:#ECFAFF;
	border: 1px solid #0091CE;
}

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

/*verlinktes wort im header*/
.tx-indexedsearch-title a{
	font-weight:bold;
	text-decoration:underline;
}
		
.tx-indexedsearch-title a:hover{
	color:#0091CE;
	text-decoration:none;
}

/*markiertes suchwort*/
.tx-indexedsearch-sw {
	color:#D20000;
}
		
/*markiertes suchwort im ausgabe-content*/
.tx-indexedsearch-redMarkup{
	color:#D20000;
}
		
/*info unten in einzelener suchausgabe*/
.tx-indexedsearch-info{
	padding-bottom:3px;
}

/*link in info*/
.tx-indexedsearch-path a{
	color:#003853;
}
		
.tx-indexedsearch-path a:hover{
	text-decoration:none;
}
		
td.tx-indexedsearch-descr{
	padding-right:10px;
}

/*header einzelnes resultat*/
.tx-indexedsearch-icon, .tx-indexedsearch-result-number, .tx-indexedsearch-percent, .tx-indexedsearch-title{
	background-color:#0091CE;
	color:white;
}	

/*---------------------------------Indexsuche--------------------------------*/


/*Bilduntertitel*/
.csc-textpic-caption {
color:#666666;
font-size:11px;
line-height:16px;
margin:3px 0px 3px 0px!important;
}

/*Bildabstand unten*/
* html .csc-textpic-image {padding-bottom:8px;}

*+html .csc-textpic-image {padding-bottom:8px;}

/* WRAP um ContentElement*/
div.contentElement{margin-bottom:6px;}

#main_footer div.contentElement{margin-bottom:0px;}


