/* 

*******************************************
*******************************************

www.sozialengagiert.ch


*******************************************
*******************************************

Formate der Website


Farben

Grau: #F0F1F1;
Orange: #FCBF00;

*******************************************

*/

body	{

}





/* 

*******************************************
*******************************************

Container Logo und die horizontale Navigation

*******************************************
*******************************************

*/

#logo .logobild {

	margin-left: 24px;
	margin-top: 12px;
}
	

#navi_hz table {
	height: 40%;
	padding: 0px 0px 0px 0px;
  	margin: 15px 0px 0px 0px;

}


#navi_hz td	{
	padding: 0px 0px 0px 0px;
	text-transform: uppercase; 
  	margin: 0px 0px 0px 0px;
	border-top: 3px black solid;
	vertical-align: middle;
}

#navi_hz td.space	{
	width: 20px;
	border-top: 3px white solid;

}

#navi_hz td.on	{
	border-top: 3px #FCBF00 solid;
	vertical-align: middle;
}


#navi_hz td.right	{
	width: auto;
	border-right: 0px;
}


#navi_hz a {
	text-decoration: none;
	color: black;
}


#navi_hz a:hover {
	color: #FCBF00;
	font-weight: normal;
} 


#navi_hz td.on a	{
	color: #FCBF00;
}

#navi_hz p	{
	padding: 2 0 2 0;
	font-size: 12px;
	
}




/* 

*******************************************
*******************************************

Container für die Vertikale Navigation, linke Spalte

*******************************************
*******************************************

*/



#navi_vt {
	font-size: 12px;
	
}


#navi_vt .titel {
	padding: 2 4 4 2;
	font-weight: bolder;
	margin-bottom: 4px;
}


.navi_vt_main_on, .navi_vt_main {
	padding: 2 0 2 12;
	margin: 2 0 1 0;
	text-transform: uppercase;
}

.navi_vt_main_on a {
	color: #FCBF00;
	font-weight: bolder;
	text-decoration: none;

}

.navi_vt_main a {
	color: black;
	text-decoration: none;

}

.navi_vt_main_on a:hover, .navi_vt_main a:hover {
	color: #FCBF00;
	font-weight: bolder;
} 



.navi_vt_sub	{
	padding: 0 0 0 24;
	margin: 0 0 1 0;
}


.navi_vt_sub a	{
	text-decoration: none;
	color: #164769;

}

.navi_vt_sub .sub_on	{
	font-weight:bold;

}

.navi_vt_sub a:hover	{
	text-decoration: none;
	font-weight: bolder;

}



/* 

*******************************************
*******************************************

Container für Inhalte in der Hauptspalte 

*******************************************
*******************************************

*/


#content .article {

margin: 0 0 20 0;	

}


#content .article img {

	float: right;

}


#content .csc-firstHeader {
	margin: 0 4 6 0;
}

#links p.titel, h1 {
	margin: 24 4 6 0;
}

#links p.titel, .csc-firstHeader, h1, h2 {
	font-size:16px; 
	font-weight:bolder;
	color: #FCBF00;
	text-transform: uppercase;
}

#content a {
	text-decoration: underline;
	color: #555555;
}



	
#content p.titel a, .csc-firstHeader a, #links p.list-titel a {
	text-decoration: none;
	color: #FCBF00;
}

#links p.list-titel a {
	font-size: 14px;
}

	

#content p.lead {
	margin: 4 4 4 0;
	font-weight:bold;
	}


#content p.date, span.date, .tx-fesearchintable-pi1 {
	margin: 2 4 0 0;
	font-size:12px;
	}


#content p, p.C4, ul, li, ol  {
	font-size: 13px;
}

#content p.text, p.bodytext, #links p.bodytext {
	margin: 4 4 4 0; 
	font-size: 13px;
	font-weight: normal;
	}



#content td {
	vertical-align: top;
}


#content table.text {
	margin: 4 4 4 14;
} 

	

#content p.zwtitel {

	margin: 12 4 4 0;
	font-weight:bold;

	}


#content .zellerechts	{
	padding: 0 0 0 15;
	font-size: 13px;
}

.list-element {
	margin: 12 0 0 0;		
	font-size: 11px;
}

.list-element :first {
	margin: 0 0 0 0;		
}


p.list-titel, span.list-titel, .news-single-related {
	margin: 0 0 2 0;
	font-size: 13px;
	padding: 0 0 0 0;
	text-decoration: none;
	text-transform: none;
}

#content.links p.list-titel, #content span.list-titel  {
	font-weight: bold;
}


#content p.list-date, .klein {
	margin: 0 0 1 0;
	padding: 0 0 0 0;
	font-size: 11px;

}



.csc-header-n2 {
        margin-top: 10px;
}


		 

/* 

*******************************************
*******************************************

Container für Portraits, linke und rechte Spalte 

*******************************************
*******************************************

*/



.portrait {

	padding: 0 0 0 0;

	margin: 0 0 12 0;

	border: 1px dashed Gray;

}



.portrait p {
	margin: 0 0 0 4;
}



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

Footer

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



#footer p.element  {
	font-size: 11px;
	margin-top: 30px;
}



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

Bilder

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




.thumb {
	vertical-align: top;
	padding: 0px 0px 0px 0px;
	float: right;
	width: 180px;
	margin-right: 0px;
}

.thumb img {
   margin: 8 0 0 8;
	}

#content .thumb p {
	float: right;
	font-size:11px;
	margin: 0px 0px 8px 8px;
}




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

Drucken

*******************************************
*******************************************

*/


.print {

	background-color: white;

}

.logo_print {

	margin: 20 0 20 20;

}