/********************************************************************************************************
	ICSurselva AG	http://www.icsurselva.ch
	Projekt:		Simsalabim
	Date:			06/2009, scherii
	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:12px;
	font-weight:bold;
	color: #005B79;
	padding-left:2px;
	border-bottom:1px solid #005B79;
	/*margin-bottom:10px;*/
	padding:0px
}

.title_uffants{
	font-size:12px;
	font-weight:bold;
	color: #990000;
	border-bottom:none;
	margin:10px 0 5px 5px;
	padding:0px;
}

.title_geniturs{
	font-size:12px;
	font-weight:bold;
	color: #005B79;
	border-bottom:none;
	margin:10px 0 5px 5px;
	padding:0px;
}

h2{
	font-size:11px;
	font-weight:bold;
	color: #005B79;
	/*margin-bottom:10px;*/
	padding:0px;
}

a{
color:#005B79;
}
a:hover{
text-decoration:none;
}

a.nachOben{
	display:block;
	padding:10px 0 10px 0;
	border-top: 1px solid #005B79;
}

/* Three inline text colors taken from the color scheme of CSS Styled Content extension.*/
span.important { color: #FF0000; font-weight: bold; }
span.info { color: #0099FF; }
span.detail { color: #999999; }
span.reserve { color: #FF9900; }


/*------------------------  SLIDE CONTENT Rechte Seite   -----------------------------------------*/
#right  .csc-textpic-image{
	margin:0px;
	padding:0px;
}

#right div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
	margin-top:3px;
	margin-bottom:8px;
}

#right h1{
	color:#FFFFCC;
	background:#FB9700;
	display:block;
	font-size:11px;
	border:none;
	padding:2px 0px 3px 5px;
	margin:0px;
}


	* html #right h1{
		width:238px;
	}


#right p.bodytext{
	padding:6px;
	margin:0px;
}

#right a:link{
	color:#005B79;
}

#right a:hover{
	text-decoration:none;
}


#right p{
margin:0px;
padding:0px 6px 6px 6px;
}

#right p{
font-size:11px;
line-height:15px;
}

ul{
	list-style-type:disc;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 5px 10px;
}

ol{
	margin: 0px 0px 0px 0px;
	padding:0px 0px 5px 16px;
}

/* Bullet styles for unordered lists.*/
ul.component-items { color: #186900; list-style-type: circle; }
ul.action-items { color: #186900; list-style-type: circle; }

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



/*Links - icons vermeiden*/
a.external-link img{display:none;}
a.external-link-new-window img{display:none;}
a.internal-link img{display:none;}
a.internal-link-new-window img{display:none;}
a.download img{display:none;}
a.mail img{display:none;}

/*--------------------BILDER---------------------------------------------*/

/* Captions */
dd.csc-caption { 
	margin: 0px; padding:0px;
}

/* Text zu bild */
DIV.csc-textpic-imagewrap {
	padding:0px;
	margin:0px;
	font-weight : normal;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img{
	margin: 0px 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;
	color:#999999;
	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 */

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


/********************************/
/* Frames, spacing, link-to-top */
/********************************/

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

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 #005B79; }
#thebody .csc-frame-rulerAfter { border-bottom:1px solid #005B79; 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: #FED440; padding: 2px 4px 2px 4px; border: none;margin:5px 0 10px 0;}
#thebody .csc-frame-frame2 {background-color:#DDFEFF; padding:2px 4px 2px 4px; border:1px solid #005B79; margin:5px 0 10px 0; }


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


/*---------------------allgemeine Elemente------------------------*/

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

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

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

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


/*grösse des Eingabefeldes - Feld*/
.csc-form-fieldcell {                 
	width:275px;
}
	  
.csc-form-fieldcell INPUT, FORM .csc-form-fieldcell SELECT, FORM .csc-form-fieldcell TEXTAREA {
	 background-color: #FFFDD2;
	 width:275px;
	 font-size: 11px;
	 color:#333333;
}

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

/* Überschriften der LABEL bei Radio Buttons*/	  
legend {
    color:#333333;
    padding: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: #333333;
	padding:0px;
	position: relative;
	left:-5px;	
}


/*textfelder*/
.csc-form-fieldcell .mf-text, .tx-guestbook-form-textarea{                
     margin:0px 0px 8px 0px;
     border: 1px solid #005B79;
	 width:275px; 
	 height:100px
}

/*eingabefelder*/
  .csc-form-fieldcell .mf-input, .tx-indexedsearch-searchbox-sword, .tx-guestbook-form-inputfield-med, .tx-guestbook-form-inputfield-big{                 
    background-color: #FFFDD2;
	padding:2px 0px 2px 2px;
	width:275px;
	border: 1px solid #005B79;
}
	   
/*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:#333333;
	margin-right:4px;
}

 /*Passwortfeld*/
.csc-form-fieldcell .mf-pass {                     
   width:275px;
   border: 1px solid #005B79;
   color: #333333;
}

.mf-check {
   border: 0px;
}

 /*Auswahlfeld*/
.csc-form-fieldcell .mf-select {                
   border:0px;
   border: 1px solid #005B79;
   width:275px;
   margin:2px 0px 0px 0px;
}

/*Dateiupload*/
.csc-form-fieldcell .mf-file {
	width:250px;    
	border: 1px solid #005B79;
	color: #333333;
}

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

/*sendebutton*/	   
.csc-form-fieldcell .mf-submit{                
    width:60%;
	height:21px;
	font-size: 11px;
	color:#1B354E;
	text-align: center;
	vertical-align: top;
	padding-bottom:1px;
	margin:16px 0px 10px 0px;
	background-color: #E6E6E6;
	border-bottom:2px #2B547D solid;
	border-left:2px #cccccc solid;
	border-top:2px #cccccc solid;
	border-right:2px #1B6DA7 solid;
	}
	
/********     CAPTCHA ELEMENT   ****************/
div.csc-form-fieldcell input#captchaResponse {
	border: 1px solid #005B79;
	margin-bottom:10px;
	padding:2px 0px;
	width:175px;
}

div.csc-form-fieldcell img{
	border: 1px solid #005B79; 
	margin-bottom:10px;
}


/*------------------------------------ Formular-Effekte ----------------------------------------------*/
#mailform input:hover, #mailform input:focus {
	 background-color:#DDFEFF;
	 border:#9D1629 1px solid;
	}
	
#mailform textarea:hover, #mailform textarea:focus {
	 background-color:#DDFEFF;
	 border:#9D1629 1px solid;
	}
	
#mailform select:hover, #mailform select:focus {
	 background-color:#DDFEFF;
	 border:#9D1629 1px solid;
	}
		   
/*-------------------------------------FORMULAR ENDE-------------------------------------------------------
---------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------------------------
---------------------------------------Suchausgabe--------------------------------------------------------*/
		
/*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:25px;}
		
/*ganzes resultat*/
.tx-indexedsearch-res table{
	background-color:#FFFDD2;
	border: 1px solid #FED440;
	padding-bottom:5px;
	font-size:11px;}

/*header einzelnes resultat*/
.tx-indexedsearch-icon{
	background-color:#FED440;
	padding-bottom:2px;}
		
.tx-indexedsearch-result-number{
	background-color:#FED440;
	padding-bottom:2px;}
		
.tx-indexedsearch-percent{
	background-color:#FED440;
	padding-bottom:2px;}
		
.tx-indexedsearch-title{
	background-color:#FED440;
	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:#d20000;}
		
/*markiertes suchwort im 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:#005B79;}
		
	.tx-indexedsearch-path a:hover{
		text-decoration:none;
		}
		
	td.tx-indexedsearch-descr{
	padding-right:10px;}
/*-----------------------  FOOTER   ------------------------------------------------*/	

#footer p.bodytext{
font-size:11px;
line-height:30px;
font-weight:bold;
color: #990000;
padding:0;
margin:0;}

#footer a{
color:#990000;}

/*------------------------------------------------------------------------------------*/

#content{
font-size:11px;
line-height:15px;
}

p.bodytext{
font-size:11px;
line-height:15px;
/*margin:8px 0px;*/
}

/*p.MsoNormal{
margin:8px 0px;
}*/


td p.bodytext{
margin:0;
padding:0;
}
/* Farbe für Simsalabim-Überschriften (news) ändern */
div.news-list-item h3{
color:#990000 !important;
border-bottom:1px solid #000 !important;
}
/* NEWS Bilder ohne Rahmen */
div.news-list-item img{
	border:none !important;
}

/* NEWS Breite Layout anpassen */
div.subheader {
width:335px !important;
}

/*------------------------------smooth gallery-----------------------------------------*/

/*seitenansicht, Rahmen*/
div#holder .myGallery {
	border:1px solid #FED440;
}

/*seitenhg, wenn Bild kleiner*/
div#holder .jdGallery .slideElement {
	background-color:#FFFDD2;
}

/*thumbnails-HG Streifen*/
div#holder .jdGallery .carousel {
	background-color:#005B79;
}

div#holder .jdGallery a.carouselBtn {
	background:#005B79;
	color:#FFFFFF;
}

#holder .jdGallery .carousel .label .number {
color:#FFFFFF;
}

div#holder .jdGallery .carousel .carouselInner .thumbnail {
	background:#FED440;
	border:1px solid #FED440;
}

div#lbOverlay {
background:#FFFDD2;
}

div#lbCenter{
background:#FED440;
border-top:1px solid #666666;
border-left:1px solid #666666;
border-right:1px solid #666666;
border-bottom:none;
}

div#lbBottom {
background:#FED440;
border-top:none;
border-left:1px solid #666666;
border-right:1px solid #666666;
border-bottom:1px solid #666666;
}

div#lbBottom {
padding-bottom:10px;
}


* html div#lbBottom {
padding:10px;
border-bottom:none;
border-left:none;
border-right:none;
}

* html div#lbCenter {
border-right:9px solid #FED440;
border-top:none;
border-left:none;
}

/*Pfeile im IE7*/
*+html .jdGallery a.right { 
	background: url(/fileadmin/simsalabim/bilder/icons/to-right.gif) no-repeat center right; 
}

*+html .jdGallery a.left { 
	background: url(/fileadmin/simsalabim/bilder/icons/to-left.gif) no-repeat center left; 
}



/*------------------------------smooth gallery-----------------------------------------*/


/*---------------------------------Start Sitemap---------------------------------------*/
.tx-dropdownsitemap-pi1{
	width:auto;
}
		
#content .tx-dropdownsitemap-pi1 ul, #content .tx-dropdownsitemap-pi1 ol, #content .tx-dropdownsitemap-pi1 dl { 
	margin:0px;
	padding:0px;
}

#content .tx-dropdownsitemap-pi1 li { 
	margin-left: 0px; 
	line-height: 1.5em;
}
		
/*alles ausklappen*/	
.tx-dropdownsitemap-pi1 div.expAll a{
	color:#9d1629;
}

.tx-dropdownsitemap-pi1 div.expAll a:hover{
	color:#005B79;
}

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

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

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

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

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

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

/*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:#FFE99B;
	border:solid 1px #9D1629;
}

.tx-dropdownsitemap-pi1 div.level_2{
	background-color: #FFF2C6;
	border:solid 1px #9D1629;
	margin-left:23px;
	width:85%;
}

.tx-dropdownsitemap-pi1 div.level_3{
	background-color:#FFFFFF;
	border:solid 1px #9D1629;
	margin-left:23px;
	width:85%;
}
	
/*---------------------------------End Sitemap-----------------------------------------*/

/*chalender d` occurrenzas*/

.csc-frame h2{
margin:0px;
padding:0px;}

p.csc-subheader{
margin:0px;}