/********************************************************************************************************
	ICSurselva AG	http://www.icsurselva.ch
	Projekt:		Projuventute
	Date:			05/2008, claudia
	Version:		1.0
	file:			neu.css
	function:		general css-style  
********************************************************************************************************/

/*@charset "utf-8";*/
<!--



/*ausgelagert in php ->*/
/*html{
	/*font-size:medium; alte variante nicht browsergleich!!!*/
	/*font-size:150.01%; fr schriftvergrsserung Aaa*/
/*	font-size:100.01%;
	overflow:scroll;
	}*/

	

/*wichtig fuer den IE7 intranet/147-klappt sonst nicht auf*/
*+html DIV.clearleft{
	height:auto;
}

HTML, TR, TD{}
/*******************************************************/




/* newsletter */
#DummyCenterNewsletter{
	margin:0px auto;
	width:530px;
}
#DummyCenterNewsletter #ColumnCenter{
	text-align:left;
}

/*#ColumnLeftHome{
	float:left;
	width:189px;
	height:500px;
	margin-top:183px;
	margin-right:11px;
	text-align:left;
}*/





/*=================================================================*/
/* Contents Center Column                                          */
/*=================================================================*/


       /*--die Elemente des Divs Servicenavigation search, headnavi, language--*/
			   
		
	/*----------------------------austauschen!!!bei xhtml--------*/		
			

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

		
				/*--EINSATZ!!!! TYPO3--START*/
				#content h1{ /*Page title*/
					padding-bottom: 9px;
					font-weight:normal;
					font-size:200%;
					line-height:110%;
					color:#669ED6;
				}

				#content h2{ /*Chapter/News title*/
					padding-bottom: 9px;
					font-weight:bold;
					font-size:130%;
					line-height:110%;
				}

				#content h3{ /*Leadtext */
					padding-bottom: 9px;
					font-weight:bold;
					font-size:110%;
					line-height:120%;
				}

				#content h4{ /*titel applikations*/
					padding-bottom: 9px;
					font-size:135%;
					line-height:110%;
					color:#669ED6;
					}
					
				
				#content a{
					color:#669ED6;
					font-weight:bold;
					text-decoration: underline;
				}

				#content a:hover{
					text-decoration: none;
				}
				
				#content ul{
					margin:0px 0px 0px 15px;
					padding:0px 0px 5px 0px;
				}
				
				#content ol{
					margin-left:26px;
					padding:5px 0px 5px 0px;
				}
				
				#content li{
					list-style-type:none;
					padding-bottom:10px;
					background:#FFFFFF url(//fileadmin/material/bilder/icons/listpunkt_content.gif);
					background-repeat: no-repeat;
					padding:0px 0px 0px 8px;
					background-position: -3px 4px;
				}
				
				body P, PRE {
					margin: 0px;
					padding:0px 0px 10px 0px;	
				}
				
				
				#content ol li {
					list-style-type: decimal;
					padding:0px;
				}

				#content ul li{
					background:#FFFFFF url(/fileadmin/material/bilder/icons/listpunkt_content.gif);
					background-repeat: no-repeat;
					padding:0px 0px 0px 8px;
					background-position: -4px 4px;	
					list-style-type:none;
				}
				
				/*------filesize bei dateilinks------*/

				.csc-uploads-fileName{
					font-size:80%;
					padding-left:3px;
				}	

				.csc-uploads-icon{
					padding:0px 0px 7px 0px;
				}	

				/*------listenpunkte bei dateilinks------*/
				ul.csc-menu{
					list-style-type:none;
					padding-bottom:10px;
				}
				
				.csc-section{
					line-height:120%;
				}
				
				P.contentelement{
					text-align:left;
					padding:0px 0px 15px 0px;	/*dateilinks als beispiel im frontend, vielleicht sinnlos*/
				}

			
		/*------Formatierung um Bilder------*/
				
				/* Abstand um bild */
				DIV.csc-textpic-imagewrap{
					padding:10px 0px 0px 0px;
				}
	
				/* Text zu bild */
				.csc-textpic-caption{
					padding: 2px 0px 5px 0px;
					color:#666666;
					font-size: 80%;
					text-align: left;
				}

			
	
	
	
.floatclear{	/*in den subs unter colNormal, float right or left clearen*/
	clear:both;
	}
	

colNormal{
	text-align:left;
	padding-bottom:0px;}
-->

/*------------------------------------in content.css auslagern---------------------------------------------*/
/* ************************************************
CSS fuer searchbox indexe_search = resultatseite   
*/
table {font-size: 100%;
line-height:130%;
border-color:#FFFFFF;}

.tx-indexedsearch {
	padding: 6px 15px 0px 15px;
}
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:70px; height:20px; font-size: 90%!important; font-size: 95%; padding-bottom:3px; color: #02516F;
    		background-color:#cEEFFF; margin-left:5px; margin-bottom:5px; border: 1px solid #000000;}	
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword {
	background-color:#FFFFFF;
	border: 1px solid #525252; 
	height:20px; 
	width:160px;
	padding-left:2px;
	margin-bottom:5px;
	margin-left:5px;
}	

.tx-indexedsearch .tx-indexedsearch-whatis P .tx-indexedsearch-sw { font-weight:bold;}
.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; font-size:80%;}
.tx-indexedsearch P.tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title { background:#EDF9FF;}
.tx-indexedsearch .tx-indexedsetx-indexedsearch-searchboxarch-res .tx-indexedsearch-title P { font-weight:bold; font-size: 10px;}	
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P.tx-indexedsearch-percent { font-weight:normal; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P { font-style:italic; font-size: 100%;}	
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P .tx-indexedsearch-redMarkup { color:#990000; }	
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#CEEFFF; font-size: 90%;}	
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; font-size: 10px;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }	
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TABLE { background:#FFFFFF; font-size: 10px;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD {}

.tx-indexedsearch-descr descr{font-size:80%;line-height:140%;}
.tx-indexedsearch-redMarkup{font-size:80%;}
.csc-sword{font-weight:bold;	color: #FF0000;}
td .tx-indexedsearch-res{font-size:80%;}
.tx-indexedsearch-info info{font-size:100%;}
.tx-indexedsearch-path path{font-size:100%;}

.csc-sword{font-weight:bold;	color: #FF0000;}

.browsebox{
padding-bottom:8px}		/*abstand aufzhlung in suchausgabe*/

.tx-indexedsearch-redMarkup{
	color:#990000;
	font-size:100%;
}

DIV.tx-indexedsearch-searchbox{}
/*---------------------------------------------------------------------------------*/

.csc-uploads {
width:290px;}

	
	#hold{}




/*in content.css auslagern - Formular*/
/**************************************/

/**************************************************************************************************/	
/*------------------------ CSS Document fr Formulare generally:-------------------------------*/

#radiolayout label{
color: #50656f;
line-height:18px;
vertical-align:text-bottom;}

*+html #radiolayout label{
color: #50656f;
vertical-align: inherit;
line-height:normal;
left:-5px;
}

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

* html #radiolayout label{
color: #50656f;
vertical-align:inherit;
line-height:normal;
}

* label{
color: #50656f;
line-height:20px;
}

/*grsse 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  { 
}


/*grsse des Eingabefeldes - Feld*/
.csc-form-fieldcell {                 
    width:175px;
}
	  
.csc-form-fieldcell INPUT, FORM .csc-form-fieldcell SELECT, FORM .csc-form-fieldcell TEXTAREA {
	 background-color: #ffffff;
	 width:175px;
	 border: none;
	 font-size: 11px; 
	 color:#000033;
}

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

/* berschriften der LABEL bei Radio Buttons*/	  
legend {
    color:#666666;
	font-size:0px;
	line-height: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:#50656f;
	font-size:13px;
	font-weight:bold;
	padding:0px;
}

*+html fieldset h3{
	margin-left:-7px;
	margin-bottom:5px;
}

/* eigene Klasse fr die Abstnde nach oben und unten
bei der vwerwendung von Radio Buttons in Formularen */
#radiolayout {
	color: #474747;
	padding-right:0px;}


*+html #radiolayout {}

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

/*label beinflussen im IE6 und IE7*/
*+html #radiolayout  legend {
   margin-left:-5px;
   margin-bottom:3px;
}

* html #radiolayout  legend {
   margin-bottom:3px;
}

/*textfelder*/
.csc-form-fieldcell .mf-text{                
     margin:0px 0px 8px 0px;
	 border:1px solid #00AEF7;
	 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;
	background-color:#ceefff;
	text-align: center;
	vertical-align: top;
	padding-bottom:2px;
	margin-bottom:10px;
	margin-top:16px;
	   }
	   
/*eingabefelder*/
  .csc-form-fieldcell .mf-input{                 
   background-color: #ffffff;
	height: 17px;
	width:175px;
	border:1px solid #00AEF7;
	margin-bottom:5px;
}

/*captcha*/
 .csc-form-fieldcell input#captchaResponse{                 
   background-color: #ffffff;
	height: 17px;
	width:175px;
	border:1px solid #00AEF7;
	margin-bottom:5px;
}

/*captchabild*/
 .csc-form-fieldcell img{                 
	border:1px solid silver;
}

	   
/*Markierungsfeld*/	   
.csc-form-fieldcell .mf-check{
    margin:0px 20px 0px 0px;              
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	width:15px;
	border:none;
}

*+html .mf-check{
    margin-left:-3px;
}

/*IE 6 EINZUG*/
* html .mf-check {
   margin-left:-3px;
}
	   
/* spezielle Klassen fr Formularelemente */
 .mf-radio{
 	border:none;
 	margin-right:3px;
 	color:#666666;}
 
*+html .mf-radio {
   margin-top:-2px;
    margin-left:-4px;
}

/*IE 6 EINZUG*/
* html .mf-radio {
   margin-top:-2px;
   margin-left:-4px;
}

 /*Passwortfeld*/
.csc-form-fieldcell .mf-pass {                     
   width:175px;
   border:1px solid #00AEF7;
   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;
    width:275px;
   border:1px solid #00AEF7;
   margin:2px 0px 0px 0px;
   margin-bottom:5px;
   padding-bottom:2px
}



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


#mailformattachment{
	background-color:#ccEFFD;}

/*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----------------------------------*/
/* formatierung petition formular

/*eingabefelder*/
.petition-input{                 
	border:1px solid #00AEF7;
	margin-bottom:5px;
}
.petition-submit{                
	border: 1px solid #c2c2c2;
	color: #333333;
	background-color:#ceefff;
	text-align: center;
	cursor:pointer;
}

/*rahmen um Bilder weg*/
img{
border:none;
}

/*bei transparenten gif sonst blauer streifen*/
a img{
border:none;
background:white;}

DIV#print a img{
border:none;
background:none;}



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


/*------------------------ (20) START PJ Donation - Spendenformular per Kredit--------------------------------------------*/

/*Auswahlfeld Spendensumme - Fieldset top*/
fieldset.f-top select{
	border:1px solid #00AEF7;
	width:15%;
}

/*Eingabefelder - Fieldset top*/
fieldset.f-top input{
	border:1px solid #00AEF7;
}

/*kein Border um die Radiobuttons - Fieldset top*/
fieldset.f-top input#preconfigured_amount{
	border:none;
}

fieldset.f-top input#individual_amount{
	border:none;
}

fieldset.f-top input#paymentlib_saferpay_cc_any{
	border:none;
}

fieldset.f-top input#paymentlib_offline_cash{
	border:none;
}

/*Auswahlfeld Spendensumme - Fieldset bottom*/
fieldset.f-bottom select{
	border:1px solid #00AEF7;
	width:25%;
	margin-bottom:5px;
}

/*Eingabefelder - Fieldset bottom*/
fieldset.f-bottom input{
	border:1px solid #00AEF7;
	margin-bottom:5px;
}

	/*IE6*/
	* html fieldset.f-bottom input{
		margin-bottom:2px;
	}


fieldset.f-bottom input.city{
	width:150px;
}

	/*IE6*/
	* html fieldset.f-bottom input.city{
		width:153px;
	}

/*Textfeld - Fieldset bottom*/
fieldset.f-bottom textarea{
	border:1px solid #00AEF7;
	margin-bottom:5px;
	width:214px;
}

	/*IE6*/
	* html fieldset.f-bottom textarea{
		width:225px;
	}
	
	/*IE7*/
	*+html fieldset.f-bottom textarea{
		width:221px;
	}

/*Button - Fieldset bottom*/
.mf-submit input{                
    width:25%;
	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;
	background-color:#ceefff;
	text-align: center;
	vertical-align: top;
	padding-bottom:2px;
}

.mf-submit input:focus, .mf-submit input:hover{ 
	background-color:#00AEF7;
	color:#FFFFFF;
	cursor:pointer;
}

/*safari zeigt sonst die legend...*/
fieldset.f-top legend{
visibility:hidden;
}

/*------------------------ (20) END PJ Donation - Spendenformular per Kredit--------------------------------------------*/


/*---------------------  Chat  Start  ----------------------------------------*/
/*Login*/
.tx-icschatautologin-pi1{
margin:0px 0px 10px 0px;
}

.tx-icschatautologin-pi1 h3{}

.tx-icschatautologin-pi1 input #user{}

.tx-icschatautologin-pi1 input{
border:1px solid #00A6EB;
width:120px;
}

.tx-icschatautologin-pi1 input.chatlogin{
margin:2px 0px 0px 0px;
width:122px;
background:#CCEFFD;
}

	* html .tx-icschatautologin-pi1 input.chatlogin{width:120px;}

.tx-icschatautologin-pi1 input.chatlogout{
margin:2px 0px 0px 0px;
background:#CCEFFD;
}

.tx-vjchat-pi1{}

.tx-vjchat-rooms{}

div#tx-vjchat-content {
	height:26em;
}
element.style {
	height:26em;
}
div#tx-vjchat-messages {
	height:26em!important;
}
div#tx-vjchat-userlist {
	height:26.2em!important;
}
textarea#txvjchatnewMessage {
height:1.5em;
}
/* Chat-Beratung -> Hintergrund */
div#chatopen {
background:#FFCECE;
margin-bottom:2px;
}

#content .tx-vjchat-pi1 h2{
padding:10px 0px 0px 0px;
border-top:1px solid #00A6EB;
font-size:12px;}


p.small{
padding:0px;
margin:0px;}

div.user-logout{
width:auto;
text-align:left;}

/* FRAGEN-ANTWORTEN-POOL - BLICK STYLING */
/* ****************************************** */
div#blick {
background:#c6007b;
color:#fff;
}

div#blick a {
background:#c6007b;
color:#fff;;
}

div#blick a:hover,
div#blick a:focus,
div#blick a:active {
background:#fff;
color:#c6007b;
}
/* ****************************************** */


/* IE7 float bug fix					 */
/* ********************************************* */

*+html .tx-veguestbook-pi1 {
	zoom:1;
}

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