/********************************************************************************************************
	created by:		ICSurselva AG	http://www.icsurselva.ch
	project:		Prohelvetia
	date:			Januar/2009, Ann
	Version:		4.1
	file:			colums.css
	function:		different content colums-styles inside /templates/sub/
********************************************************************************************************/	
/* 1-spalte */
#colNormal {
	float:left;
	padding:10px 10px 30px 6px;
	margin:0px;
	width: 502px;
	background:#FFFFFF;
}

* html #colNormal {
	width: 487px;
	overflow:hidden;
}

#colNormal p.bodytext{
    width:330px;
	}
#colNormal TABLE.contenttable {
    width: 502px;
	height:auto;
     }
#colNormal TABLE.contenttable th {
    width: 58px;
	font-weight:normal;
	text-align:right;
     }


	 	 
#col_2 #colNormal TABLE.contenttable {
    width: 330px;
     }

/* 2-spalten */
#col_2 #colNormal {
	margin-right:0px;
	width: 330px;
	float:left;
}
*+html #col_2 #colNormal{
    width:320px;
	margin-right: 10px;
	}

*html #col_2 #colNormal {
	margin: 0px 10px 0px 0px;
	width: 300px;
	/*padding-left: 0;**/
	padding-right:20px;

}

#col_2 #colRight {
	float:left;
	padding: 21px 0 0 0;
	width:159px;
	color:#666666;
	background:#FFFFFF;
}

* html #col_2 {
	margin: 0px;
	width: 502px;
	overflow:hidden;
}



/* 3-spalten */
#col_3 #colNormal{
	margin:0;
	width:158px;
	padding: 10px 13px 0 13px;
	/*padding: 10px 10px 0 10px;*/
}


#colLeft {
	margin:0 0 0 6px;
	float:left;
	padding: 10px 0px 0 0px;
	width: 158px;
}

*html #colLeft {
	margin:0;
}

#colRight {
	float:left;
	padding: 10px 0px 0 0px;
	width:158px;
}

#col_3 p.bodytext{
	width:158px;
}


/*Anpassungen von alt fuer neu - start*/
#col_3 {
	float:left;
	width: 507px;
}

#mainContent #colLeft {margin:0px;}

/*Anpassungen von alt fuer neu - stop*/

* html #col_3 {
	float:left;
	width: 502px;
}

#col_3 #colNormal TABLE.contenttable {
    width: 158px;
     }
	 
/*---------------------------------------------------------------------------------------
	NEW REDESIGN
---------------------------------------------------------------------------------------*/
/*	EBENE 01	*/
#ebene1 #colNormal p.bodytext{
    width:auto;
	font-size:13px;
	line-height:16px;
}

#ebene1 #colNormal{
	font-size:13px;
	line-height:16px;
	padding:15px 0px 8px 0px;
	width:502px;
}

#ebene2 #colNormal p.bodytext{
	line-height:13px;
}

#ebene2 #colNormal{
	font-size:11px;
	line-height:13px;
	padding:15px 0 8px;
}


/*	EBENE 02	*/	
#ebene2 #colNormal div.contentelement p.bodytext,
#ebene2 #colNormal div.csc-textpic{
    width:414px;
/*background-color:yellow;*/
}
#ebene2 #colNormal div.csc-textpic p.bodytext{
    width:auto;
}



/*	FRAME Hintergrund Blau	*/	
#ebene2 #colNormal .csc-frame-frame5 div.csc-textpic{
    width:485px;
}

#ebene2 #colNormal .csc-frame-frame5 div.csc-textpic p.bodytext{
    padding-top:20px;
	/*width:325px;*/
}

#ebene2 #colNormal .csc-frame-frame5{
    margin-bottom:40px;
}

#ebene2 #colNormal .csc-frame-frame5 DIV.csc-textpic DIV.csc-textpic-single-image IMG {
    margin-bottom: 0px;
}




/*------------------------------------------------------------------------------------------
	HOME
-------------------------------------------------------------------------------------------*/

#subHome #colNormal{
	font-size:11px;
	line-height:13px;
	padding:15px 0px 8px 0px;
	width:502px;
}
#subHome #colNormal p.bodytext{width:auto;}


#subHome #colNormal div.tx_ttcontent_3columns div.contentelement{
margin:0px;
}

#subHome #colNormal .contentelement{
margin:0 0 22px;
float:left;
}

#subHome #colNormal h3{
color:#3798B9;
border-bottom:1px solid #3798B9;
display:block;
margin-bottom:13px;
line-height:0.75em;
width:auto;
display:block;
}



/*------------------------------------------------------------------------------------------
	HOME L N
-------------------------------------------------------------------------------------------*/
div #home_L_N  {
    width: 500px;
}


#home_L_N #colLeft {
    margin: 0 5px 0 0px;
    padding: 20px 0 0 0;
    width: 330px;
}


#home_L_N #colNormal {
    margin: 0 0 0 7px;
    padding: 20px 0px 30px 0px;
    width: 158px;
}

#home_L_N #colNormal .csc-frame-frame5 p.bodytext {
    width: 153px;
	padding:0 0 0 5px;
	margin:0;
}

#home_L_N #colNormal .csc-frame-frame5 p.bodytext a:link, #home_L_N #colNormal .csc-frame-frame5 p.bodytext a, #home_L_N #colNormal .csc-frame-frame5 p.bodytext a:visited {
	background: url(../html/img/linkpfeil.png) right no-repeat;
	float:right;
	height:15px;
	width: 15px;
	text-decoration:none;
	padding:0;
	margin-top:-7px;
}









/* -----------------------------------------------------------
	nutze ext:columns generell
-------------------------------------------------------------*/
div.tx_ttcontent_3columns {
float:left;
}

div.tx_ttcontent_3columns div.tx_ttcontent_columns_col1,
div.tx_ttcontent_3columns div.tx_ttcontent_columns_col2{
width:158px;
padding:0px 14px 0px 0px;
float:left;
}

div.tx_ttcontent_3columns div.tx_ttcontent_columns_col3{
width:158px;
padding:0px 0px 0px 0px;
float:left;
}

#colNormal div.tx_ttcontent_3columns div.tx_ttcontent_columns_col1 p.bodytext,
#colNormal div.tx_ttcontent_3columns div.tx_ttcontent_columns_col2 p.bodytext,
#colNormal div.tx_ttcontent_3columns div.tx_ttcontent_columns_col3 p.bodytext{
	width:auto;}


/*keinen Innenabstand/ Abstand nach unten in den 3-spaltern mit rahmen*/
#colNormal div.tx_ttcontent_3columns div.tx_ttcontent_columns_col1 div.csc-frame,
#colNormal div.tx_ttcontent_3columns div.tx_ttcontent_columns_col2 div.csc-frame,
#colNormal div.tx_ttcontent_3columns div.tx_ttcontent_columns_col3 div.csc-frame{
	padding:0px;
	margin-bottom:0px;
}

/*Farbe Rahmen hellblau Home*/
#colNormal div.tx_ttcontent_3columns div.tx_ttcontent_columns_col1 div.csc-frame-frame2,
#colNormal div.tx_ttcontent_3columns div.tx_ttcontent_columns_col2 div.csc-frame-frame2,
#colNormal div.tx_ttcontent_3columns div.tx_ttcontent_columns_col3 div.csc-frame-frame2{
	background:#EBF4F8;
}

/*2px weisse linie unter Bildern in den 3-spaltern mit rahmen*/
#colNormal div.tx_ttcontent_3columns div.tx_ttcontent_columns_col1 div.csc-frame div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image,
#colNormal div.tx_ttcontent_3columns div.tx_ttcontent_columns_col2 div.csc-frame div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image,
#colNormal div.tx_ttcontent_3columns div.tx_ttcontent_columns_col3 div.csc-frame div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom:0px;
	border-bottom:2px solid #FFFFFF;
}

/*Textabstand links 5px in den 3-spaltern mit rahmen*/
#colNormal div.tx_ttcontent_3columns div.tx_ttcontent_columns_col1 div.csc-frame div.csc-textpic-text,
#colNormal div.tx_ttcontent_3columns div.tx_ttcontent_columns_col2 div.csc-frame div.csc-textpic-text,
#colNormal div.tx_ttcontent_3columns div.tx_ttcontent_columns_col3 div.csc-frame div.csc-textpic-text{
	padding:7px 5px 8px 5px;
}

/*Textabstand nach oben bei Text mit Bild in den 3-spaltern ohne rahmen*/
#colNormal div.tx_ttcontent_3columns div.tx_ttcontent_columns_col1 div.csc-textpic-text,
#colNormal div.tx_ttcontent_3columns div.tx_ttcontent_columns_col2 div.csc-textpic-text,
#colNormal div.tx_ttcontent_3columns div.tx_ttcontent_columns_col3 div.csc-textpic-text{
	padding:11px 0px 0px 0px;
}


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

/*Formular*/
div.homeForm{
	padding:5px 5px 10px 5px;
}

div.homeForm input{
	width:120px;
}

div.mailField,
div.passwordField{
	padding:0px 0px 5px 0px;

}

div.homeForm label{
	padding:0px 0px 2px 0px;
	float:left;
}

div.submitButton input{
	background:#EBF4F8;
	border:1px solid #EBF4F8;
	text-align: left;
	margin-left:-3px;
	text-decoration:underline!important;
	color:#CB0066;
	cursor:pointer; }
	
/*----------------------------------------------------------------------------*/