/********************************************************************************************************
	ICSurselva AG	http://www.icsurselva.ch
	Projekt:		Batta Porta
	Date:			06/2007, beat
	Version:		1.0
	file:			content.css
	function:		content-style
********************************************************************************************************/	
/* color on the site *

text-color(1)             =  #02A10F
text-color(2)             =  #000000

Logo =      /fileadmin/dummy/material/bilder/dummy_logo.gif

*********************************************/

/* Suggested order:
 * h1
 * font
 * border
 * margin
 * padding
 * display
 * width
 * height
 * font
 * letter-spacing
 * line-height
 * text
 * vertical-align
 * list-style
 * float
 * clear
 * left
 * position
 * background
 * color
 *
 */

h1{
	font-size:120%;
	font-weight:bold;
	color: #02A10F;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #001297;
	margin-bottom:10px;
}
a.nachOben{
	display:block;
	width:433px;
	padding:10px 0 10px 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #001297;
	margin:10px 0 10px 0;
}
/* rechte seite */
#slide div.csc-textpic-intext-left-nowrap{
	padding-top:0px;
	padding-left:15px;
	padding-bottom:25px;
	}
#slide p.bodytext {
	padding-left:15px;
	margin:0px;
}

#slide  .csc-textpic-image{
	margin:0px;
	padding:0px;
}




#footer p.bodytext{
font-size:90%;
font-weight:bold;
color: #FFFFFF;
padding:0;
margin:0;
}

#footer a{
color:#ffffff;
}

#main_language{
	font-size: 80%;
}
.language, .language a{
	color:#9F9F9F;
	font-weight:bold;
	text-decoration: none;
	line-height:1.8em;
	margin:0px;
	padding: 0px;
	letter-spacing:1px;
}
.language a:hover, .language_act{
	color:#676767;
}
.no_language{
color:#D4D4D4;
}

/* search  */
input.searchfiled{
	width:100px;
	margin-right:3px;
	border: 1px solid #317E3C;
}
input.search-button{
	vertical-align: text-bottom;
}

/* Captions */
dd.csc-caption { margin: 0px; padding:0px;}
/* Text zu bild */
DIV.csc-textpic-imagewrap {
	padding:0px;
	margin:0px;
	/*font-size:100%;
    color:#524E4E;*/
	font-weight : normal;
}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img{
	margin: 7px 0px 0px 0px;
}

/*Bildtext generell*/
dd.csc-textpic-caption {
	line-height:12px;
  	text-align:left;
	margin-top:2px;
	font-size:9px;
	font-weight : normal;
}

/*Bildtext im normalen contentbereich*/
#main_content dd.csc-textpic-caption {
	line-height:13px;
  	text-align:left;
	background-color:#E6E6E6;
	margin-top:2px;
	font-size:9px;
	font-weight : normal;
}

#main_content div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
	margin-top:3px;
}
/*
DIV.csi-caption-c .csi-caption { text-align: center; }
DIV.csi-caption-r .csi-caption { text-align: right; }
DIV.csi-caption-l .csi-caption { text-align: left; }
*/
/* Needed for noRows setting */
DIV.csi-textpic DIV.csi-imagecolumn { float: left; display: inline; }

IMG{
  border: none ; /* 0px solid */
  padding: 0px;
}
/* Border just around the image */
DIV.csi-border DIV.csi-imagewrap .csi-image IMG {
  border: none ; /* 0px solid */
  padding: 0px;
  
}

DIV.csi-imagewrap { padding: 8 0 0 0; }

DIV.csi-textpic IMG { border: none; }

/* DIV: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap DIV.csi-image { float: left; }

/* UL: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap UL { list-style: none; margin: 0; padding: 0; }
DIV.csi-textpic DIV.csi-imagewrap UL LI { float: left; margin: 0; padding: 0; }

/* DL: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image { float: left; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DT { float: none; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DD { float: none; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DD IMG { border: none; } /* FE-Editing Icons */
DL.csi-image { margin: 0; }
DL.csi-image DT { margin: 0; display: inline; }
DL.csi-image DD { margin: 0; }

/* Clearer */
DIV.csi-clear { clear: both; }

/* Margins around images: */

/* Pictures on left, add padding on right */
DIV.csi-left DIV.csi-imagewrap .csi-image,
DIV.csi-intext-left-nowrap DIV.csi-imagewrap .csi-image,
DIV.csi-intext-left DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-right: 5px;
}

/* Pictures on right, add padding on left */
DIV.csi-right DIV.csi-imagewrap .csi-image,
DIV.csi-intext-right-nowrap DIV.csi-imagewrap .csi-image,
DIV.csi-intext-right DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-left: 0px;
}

/* Pictures centered, add padding left and right */
DIV.csi-center DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-left: 0px;
  margin-right: 0px;
}
DIV.csi-textpic DIV.csi-imagewrap .csi-image .csi-caption { margin: 0; }
DIV.csi-textpic DIV.csi-imagewrap .csi-image IMG { margin: 0; }

/* Space below each image (also in-between rows) */
#colRight DIV.csi-textpic DIV.csi-imagewrap .csi-image {
	margin-bottom: 0px;
	margin-right: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #EAEAEA;
	border-bottom-color: #EAEAEA;
}
#colNormal DIV.csi-textpic DIV.csi-imagewrap .csi-image {
	margin-bottom: 10px;
	margin-right: 12px;
}
DIV.csi-equalheight DIV.csi-imagerow { margin-bottom: 0px; display: block; }                /***/

/* Positioning of images: */

/* Above */
DIV.csi-above DIV.csi-text { clear: both; }

/* Center (above or below) */
/*DIV.csi-center { text-align: center;  }*/
DIV.csi-center DIV.csi-imagewrap { margin: 0 auto; }
DIV.csi-center DIV.csi-imagewrap .csi-image { text-align: left; /* Remove IE-hack */ }
DIV.csi-center DIV.csi-text { text-align: left; /* Remove IE-hack */ }

/* Right (above or below) */
DIV.csi-right DIV.csi-imagewrap { float: right; }
DIV.csi-right DIV.csi-text { clear: right; }

/* Left (above or below) */
DIV.csi-left DIV.csi-imagewrap { float: left; }
DIV.csi-left DIV.csi-text { clear: left; }

/* Left (in text) */
DIV.csi-intext-left DIV.csi-imagewrap { float: left; }

/* Right (in text) */
DIV.csi-intext-right DIV.csi-imagewrap { float: right; }

/* Right (in text, no wrap around) */
DIV.csi-intext-right-nowrap DIV.csi-imagewrap { float: right; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csi-intext-right-nowrap .csi-text { height: 1%; }
/* End hide from IE5/mac */ 

/* Left (in text, no wrap around) */
DIV.csi-intext-left-nowrap DIV.csi-imagewrap { float: left; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csi-intext-left-nowrap .csi-text { height: 1%; }
/* End hide from IE5/mac */





/********************************/
/* 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 #001297; }
#thebody .csc-frame-rulerAfter { border-bottom:1px solid #001297; 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;margin:5px 0 10px 0;}
#thebody .csc-frame-frame2 { background-color: #CCECCF; padding: 2px 4px 2px 4px; border: 1px solid #666666;margin:5px 0 10px 0; }




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

/*grösse des schriftfeldes - Label*/
.csc-form-labelcell, .tx-guestbook-field {
	margin-top:5px;               
	color:#666666;
}

.csc-form-labelcell P, FORM .csc-form-commentcell { 
       font-size: 95%;
}

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

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


/*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: 95%;
	 color:#666666;
}

/**************************************************************************************************/
/***************************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:0px;
    border:none;
}

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

/*textfelder*/
.csc-form-fieldcell .mf-text, .tx-guestbook-form-textarea{                
     margin:0px 0px 8px 0px;
     border-top: 2px solid #666666;
	 border-left: 1px solid #666666;
	 width:351px; 
	 height:100px
}

/*sendebutton*/	   
.csc-form-fieldcell .mf-submit, .tx-indexedsearch-searchbox-button, .tx-guestbook-submit{                
    width:60%;
	height:20px;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	font-size: 11px;
	color: #666666;
	text-align: center;
	vertical-align: top;
	padding-bottom:2px;
	margin-bottom:10px;
}
	   
/*eingabefelder*/
  .csc-form-fieldcell .mf-input, .tx-indexedsearch-searchbox-sword, .tx-guestbook-form-inputfield-med, .tx-guestbook-form-inputfield-big{                 
    background-color: #eeeeee;
	height: 17px;
	width:175px;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: none;
	border-bottom: none;
}
	   
/*Markierungsfeld*/	   
.csc-form-fieldcell .mf-check{
    margin:0px 2px 0px 0px;              
	text-align: left;
	vertical-align: top;
	width:15px;	
}
	   
/* spezielle Klassen für Formularelemente */
.mf-radio {
	border: none;
    color:#666666;
	margin-right:4px;
}

 /*Passwortfeld*/
.csc-form-fieldcell .mf-pass {                     
   width:175px;
   border-top: 1px solid #666666;
   border-left: 1px solid #666666;
   border-right: none;
   border-bottom: none;
   color: #000000;
   font-size: 100%;
}

.mf-check {
   border: 0px;
}

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

/*Dateiupload*/
.csc-form-fieldcell .mf-file {
	width:175px;    
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;                            
	border-right: 0px;
	border-bottom: 0px;
	color: #666666;
	font-size: 95%;
}

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

/********     CAPTCHA ELEMENT   ****************/
div.csc-form-fieldcell input#captchaResponse {
	border-top: 1px solid #666666;
	border-left: 1px solid #666666; 
	height: 17px;
	margin-bottom:10px;
}

div.csc-form-fieldcell img{
	border-top: 1px solid #666666;
	border-left: 1px solid #666666; 
	margin-bottom:10px;
}



/********     guestbook *****/
.tx-veguestbook-pi1 .tx-guestbook-field{
padding:3pt 0pt 0pt 0pt;
margin:3pt 0pt 0pt 0pt;
}
.tx-veguestbook-pi1 .tx-guestbook-field label {
	width:15em;
	font-size:0.9em;
}
.tx-veguestbook-pi1 .tx-guestbook-field span.tx-guestbook-form-obligationfield{
	color:#000000;
}
.tx-srfreecap-pi2-cant-read{
	color:#000000;
}
.tx-veguestbook-pi1 h2.tx-guestbook-header {
	padding:0.2em;
}
.tx-veguestbook-pi1 .tx-guestbook-left {
	background:#EFEFEF none repeat scroll 0%;
	float:left;
	min-height:1em;
	height:auto;
	padding:0.3em 0.2em 0.3em 0.2em;
	margin:0;
	width:35em;
}
.tx-guestbook-left p{
	padding:0;
	margin:0;
}
.tx-veguestbook-pi1 .tx-guestbook-right {
	background:#FFFFFF none repeat scroll 0%;
	float:left;
	padding:0em;
	width:35em;
}
.tx-guestbook-date{
font-size:0.9em;
}


/*   Searchformular   */
.tx-indexedsearch-whatis {
	margin-top:15px;
}
.tx-indexedsearch-title, .tx-indexedsearch-title a, .tx-indexedsearch-percent, .tx-indexedsearch-icon, .tx-indexedsearch-result-number {
	padding:2px;
	background-color:#666666;
	color:#ffffff;
	font-weight:bold;
}
.tx-indexedsearch-title a:hover{	color: #ffffff;  }

.tx-indexedsearch-info{
background-color:#EFEFEF;
}
.tx-indexedsearch-redMarkup{
color:#FF0000;
}

#content{
font-size:12px;

}

p.bodytext{
font-size:12px;

line-height:17px;
}

td p.bodytext{
margin:0;
padding:0;
}

/*-----  zentrierte bilder   -------*/
div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
display:inline;
margin-left:0px;
}
/*----------------------------------------------------------------------------------
		GUESTBOOK
------------------------------------------------------------------------------------*/

/* guestbook comment  */
.tx-veguestbook-pi1 .tx-guestbook-right .tx-guestbook-comment {
	color:#666666;
	font-size:85%;
	font-style:italic;
	line-height:125%;
}

	*+html p.bodytext .tx-veguestbook-pi1 .tx-guestbook-right .tx-guestbook-comment {
	font-size:90%;
	color:#FF0000;
	}


/*label guestbook comment*/
.tx-veguestbook-pi1 .tx-guestbook-right h3 {
	background:transparent none repeat scroll 0%;
	color:#02A10F;
	font-size:100%;
	font-weight:bold;
	font-style:italic;
}
	
p.tx-guestbook-comment{
	margin-top:-10px;}
	
	*+html p.tx-guestbook-comment{
	margin-top:-15px;}
	
/*----------------------------------------------------------------------------------
		BLOCK
------------------------------------------------------------------------------------*/


/*  cometaris */
.tx-elunapagecomments-pi1 hr{
	display:none;
	margin-bottom:10px;
}

div.eluna_pagecomments_count{
	color:#02A10F;
	background:#EFEFEF;
	height:auto;
	padding:0.3em 0.2em;
	margin-bottom:10px;
	font-weight:normal;
}

div.eluna_pagecomments_comment_author{
	background:#666666 none repeat scroll 0%;
	clear:both;
	color:#FFFFFF;
	display:block;
	font-size:100%;
	font-weight:bold;
	padding:1em;
	width:35.5em;
	padding:0.2em;
}

div.eluna_pagecomments_form_title{
	color:#02A10F;
	background:#EFEFEF;
	height:auto;
	padding:0.3em 0.2em;
	font-weight:normal;
}

div.eluna_pagecomments_comment_date{
	font-weight:bold;
	margin:1em 0em;
	font-size:0.9em;
}

div.eluna_pagecomments_comment_text{
	margin-bottom:10px;
}

div.eluna_pagecomments_error{
	color:#990000;
	font-weight:bold;
	font-size:0.9em;
	margin:1.5em 0em;
}

div.eluna_pagecomments_form label{
	line-height:20px;
}