/*///////////////////////////////////////
///// CONTENT ELEMENTS DEFINITION – SCREEN	  			
////////////////////////////////////////


*
*  The following CSS data defines the Typo3 content elements of a CMS site's content area.
*  Copyright by Balz Rittmeyer, 2007 – apologet@bluewin.ch
*




******************** 
*	COLOR CONCEPT 
********************
*
*
*	CONTENT WRAP BACKGROUND:	#E0E0DE  –  bright gray			
*
*
*******************************************************
*	TEXT
*	
*
*	DEFAULT TEXT COLOR: 		#000000  –  black
*	
*	 	used for:
*		- text (bodytext) & labels		
*
*
*	PRIMARY TEXT COLOR: 		#da0038  –  purple
*		
*		used for:
*		- headers
*		- hyperlinks (link, visited, hover)
*		
*		
*	SECONDARY TEXT COLOR:		#666666  –  normal gray
*
*		used for:
*		- image caption
*
*
*
*******************************************************
*	BACKGROUND
*
*
*	DEFAULT BACKGROUND COLOR:	#CCCCCC  –  bright gray	
*
*		used for:
*		- table background
*		- alternating table row background
*		- sitemap background
*		- mailform background
*		- search box background
*		- search result elements background
*		- login box background
*		- frame background
*		- to top background
*
*
*	PRIMARY BACKGROUND COLOR:	#AAAAAA  –  dark gray
*
*		used for:
*		- alternating table row background
*		
*
*
*******************************************************
*	BORDER
*	
*
*	DEFAULT BORDER COLOR:		#666666  –  gray
*
*		used for:
*		- table border		
*		
*		
*	PRIMARY BORDER COLOR:		#da0038  –  purple
*
*		used for:
*		- third table layout border
*
*		
*	SECONDARY BORDER COLOR:		#000000  –  black
*
*		used for:
*		- image caption		
*
*******************************************************



******************** 
*	PARAMETERS 
********************
*
*  
********************************************************
*	MAILFORM
*
*
*	LABELS WIDTH:				130px (padding-right: 7px)
*	SUBMIT BUTTONS MARGIN LEFT:	137px
*
********************************************************
*/





/******************** 
* HEADERS 
********************/

/*---------- TAGS: ----------*/

h1,h2,h3,h4,h5 {
	
	/* PRIMARY TEXT COLOR */
	color: #f6f1ac;
	
	text-transform: uppercase;
	font-size: 1.3em;
	
	font-weight: lighter !important;
	font-weight: bold;
	
	padding: 20px 0 20px 0;
	line-height:1.1;
	
	
	
}

h1 { }
h2 { }
h3 { }
h4 { }
h5 { }


/*---------- TYPO3 CLASSES: ----------*/

.csc-header, .csc-textpicHeader{ 
	height: 50px;
	background: url('../images/line.jpg') no-repeat;
	padding-bottom: 15px;
	float: left;
	width: 100%;
}

.csc-textpic-intext-left-nowrap{
	
	float: left;
	position: relative;
	top: -40px;
	
	
}

.csc-header-n1 { }
.csc-header-n2 { }
.csc-header-n3 { }
.csc-header-n4 { }
.csc-header-n5 { }
.csc-header-n6 { }
.csc-subheader { }
.csc-subheader-1 { }
.csc-subheader-2 { }
.csc-subheader-3 { }
.csc-header-date { }




/******************** 
* TEXT 
********************/

/*---------- TAGS: ----------*/

p, .bodytext, label {
	
	/* DEFAULT TEXT COLOR */
	color: #f6f1ac;
	
	font-size: 9.5pt;
	font-weight: lighter;
	line-height:13pt;	
	padding: 0 0 12px 0;
	
	text-align: justify;
	
}

strong, b {
	
	font-weight: bold;
}

p.bodytext b { }
p.bodytext i { }
p.bodytext u { }

blockquote {
	
	margin: 0 0 0 30px;
	
}

pre { }


/*---------- HYPERLINKS: ----------*/

a:link, a:visited {
	
	/* PRIMARY TEXT COLOR */
	color: #fcfbcc; 
	
	text-decoration: none;
	
}
a:visited { }
a:hover { text-decoration: underline; }

a.external-link-new-window { margin: 0 0 0 0;}


/*---------- TYPO3 CLASSES: ----------*/

.csc-textpic { }
dd.csc-textpic-caption { 
	
	/* SECONDARY TEXT COLOR */
	color: #666666; 
	
	font-size:9pt; 
	line-height:1.35; 
	
	float: left;
	margin-top: 10px !important;

}
.csc-textpic-imagewrap {

	margin: 0 0 8px 0 !important;
	vertical-align: top;
}
dl.csc-textpic-image { 

	padding-right: 0px !important;
	
}

.csc-textpic-intext-left div.csc-textpic-imagewrap{
	
	margin-top: 0px !important;
	

}

.csc-textpic-below{
	
	float: left;
	width: 100%;
}

.csc-textpic-below .csc-textpic-imagewrap dl.csc-textpic-image {
	margin-top: 20px;
}

.tx-semasourcecode-pi1{
	
	float: left;
	clear: left;
	background: #fcfbcc;
	margin-left: 160px;
	padding: 10px;
	margin-bottom: 10px;
	margin-top: -20px;
}

.tx-semasourcecode-pi1 pre.xml{
	
	width: 100%;
}

.tx-semasourcecode-pi1 pre.xml .st0{
	color: #9C0805;
}

.tx-semasourcecode-pi1 li{
	
	color: #444;
	
}


.tx-semasourcecode-pi1 ol,
.tx-semasourcecode-pi1 li .de1 span.sc3{
	
	margin: 0px !important;
	padding: 0px !important;
	width: 425px;
}


/******************** 
*	TABLES 
********************/

/*---------- TYPO3 CLASSES: ----------*/

table.contenttable {
	
	float: left;
	
	/* DEFAULT BORDER COLOR */
	border-color: #666666;
	
	/* DEFAULT BACKGROUND COLOR 
	background: #CCCCCC;
	*/

	width: 100%;
	border: 0px none;
	border-collapse:collapse;
} 

table.contenttable td { 
	
	font-size: 10pt;
	padding: 4px;
	border: 0px none;

}

.contenttable-0 { border: 0px none; border-spacing: 0px; }
.contenttable-0 td { border: 0px none }

.contenttable-1 { }
.contenttable-1 td { }

.contenttable-2 { }
.contenttable-2 td { }

.contenttable-3 { 
	
	/* PRIMARY BORDER COLOR */
	border: 1px solid red;

	border-spacing: 0px; 
	
}
.contenttable-3 td { 
	
	border: 1px solid red; 
	
}


/*---------- ALTERNATING TABLE ROWS: ----------*/

tr.tr-even { 
	
	/* PRIMARY BACKGROUND COLOR */
	background: #AAAAAA; 
	
}
tr.tr-odd { 

	/* DEFAULT BACKGROUND COLOR */
	background: #CCCCCC; 

}


/*---------- FILE UPLOADS: ----------*/

table.csc-uploads { 

	/* DEFAULT BORDER COLOR */
	border: 1px solid #666666; 

	width: 450px; 
	border-spacing: 0px;
	border-collapse:collapse;
	
	float: left;
	clear: left;
}

table.csc-uploads td { padding: 4px; height: 40px; }
.csc-uploads-0 { }
.csc-uploads-1 { }
.csc-uploads-2 { }
.csc-uploads-3 { }

td.csc-uploads-icon { width: 40px; text-align: center; }

td.csc-uploads-fileName { }
td.csc-uploads-fileName p { padding: 5px 0 0 5px; }
td.csc-uploads-fileName p.csc-uploads-description { 
	
	/* SECONDARY TEXT COLOR */
	color: #666666; 

	padding: 5px 0 0 15px; 

}

td.csc-uploads-fileSize { width: 40px; }
td.csc-uploads-fileSize p { 
	
	/* SECONDARY TEXT COLOR */
	color: #666666; 
	
	padding: 5px 0 0 0;

}





/******************** 
*  IMAGES 
********************/

/*---------- TYPO3 CLASSES: ----------*/

.csc-textpic img {
	
	border:0px none;
	padding:5px 0px;
	
}





/******************** 
*  LISTS 
********************/

/*---------- TAGS: ----------*/

ul, ol {
	list-style-position: outside; 
	margin: 0px;
	padding: 0 0 12px 0;
	font-weight: bold;
}
ul li{
	
	margin-left: 20px;
	line-height:1.6;
		
}

ol li{
	
	margin-left: 30px;
	line-height:1.6;	
	font-weight: normal;
}


/*---------- TYPO3 CLASSES: ----------*/

.csc-bulletlist { }
.csc-bulletlist-0 { list-style-type: disc; }
.csc-bulletlist-1 { list-style-type: square; }
.csc-bulletlist-2 { list-style-type: none; }
.csc-bulletlist-3 { list-style-type: circle; }

.csc-sitemap { 

	/* DEFAULT BACKGROUND COLOR */
	background: #CCCCCC;

	padding: 6px;
		
}

.csc-sitemap ul { 

	list-style-type: none;
	margin: 5px 0 5px 0px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0px;
	
}

.csc-sitemap ul li { 
	
	padding: 3px 0;	
	
}

.csc-sitemap ul li ul{ 

	font-weight: normal;
	text-transform: none;
	list-style-type: disc;
	margin: 5px 0 5px 15px;
}





/******************** 
*	MAILFORM 
********************/

/*---------- TYPO3 CLASSES: ----------*/

fieldset.csc-mailform {
	
	/* DEFAULT BACKGROUND COLOR */
	background: #CCCCCC;
	
	border: 0px none;
	padding: 6px;
	margin: 0px;
	width: 100%;
		
}

.csc-mailform-field {

	padding: 5px 0;
	min-height: 20px;
		
}

.csc-mailform-field label { 
	
	/* PARAM: LABELS WIDTH */
	width: 130px;
	
	float: left;
	text-align: right;
	padding: 0 7px 0 0;

}

.csc-mailform-field input { 
	
	/* SECONDARY TEXT COLOR */
	color: #666666;
	
	width: 200px;
	float: left;
	border: 0px none;
	height: 20px;
	padding: 2px;
	float: left;
		
}

.csc-mailform-field input.csc-mailform-submit {
	
	/* SECONDARY TEXT COLOR */
	color: #666666;
	
	/* PARAM: SUBMIT BUTTONS LEFT MARGIN */
	margin: 10px 7px 0px 137px;
	
	text-align: center;
	float: none;
	width: 200px;
	padding: 0 0 4px 0;

}

.csc-mailform-field textarea{ 
	
	/* SECONDARY TEXT COLOR */
	color: #666666;
	
	border: 0px none;
	width: 200px;
	height: 100px;
	padding: 2px;
	
}

.csc-mailform-field select{ 

	/* SECONDARY TEXT COLOR */
	color: #666666;
		
	border: 0px none;
	width: 200px;
	height: 20px;
	padding: 2px;
	
}


/******************** 
*  SEARCH BOX 
********************/

/*---------- TYPO3 CLASSES: ----------*/

table.csc-searchform {  
	
	/* DEFAULT BACKGROUND COLOR */
	background: #CCCCCC;
	
	width: 275px;
	padding: 5px;		
}

.csc-form-labelcell { 

	width: 80px;
	float: left;
	text-align: right;
	padding: 2px 7px 2px 0;
	height: 20px;
	
}

.csc-form-fieldcell input, .csc-form-fieldcell select { 
	
	/* SECONDARY TEXT COLOR */
	color: #666666;
	
	width: 180px;
	float: left;
	border: 0px none;
	height: 20px;	
	padding: 2px;
	float: left;
		
}

table.csc-searchResultInfo p{
	
	/* DEFAULT BACKGROUND COLOR */
	background: #CCCCCC;
	
	margin: 0 0 20px 0;
	padding: 4px;
	
}

.csc-searchResultHeader {
	
	/* DEFAULT BACKGROUND COLOR */ 
	background: #CCCCCC;
	
	padding: 4px;
	
}

.csc-searchResultHeader a:link, 
.csc-searchResultHeader a:visited { }

.csc-searchResult {
	
	/* DEFAULT BACKGROUND COLOR */
	background: #CCCCCC;
	
	margin: 0 0 20px 0;
	padding: 4px;
}





/******************** 
*  LOGIN BOX 
********************/

/*---------- TYPO3 CLASSES: ----------*/

table.csc-loginform {
	
	/* DEFAULT BACKGROUND COLOR */
	background: #CCCCCC;
	
	padding: 5px;
	width: 275px;
			
}

.csc-form-label-req {
	
	width: 80px;
	float: left;
	text-align: right;
	padding: 2px 7px 2px 0;
	
}





/******************** 
*  FRAMES 
********************/

/*---------- TYPO3 CLASSES: ----------*/

.csc-frame { 
	
	padding: 5px; 

	/* DEFAULT BACKGROUND COLOR */
	background: #CCCCCC;
	 
}
.csc-frame-frame1 { 
	
	/* PRIMARY BORDER COLOR */
	border: 1px solid #da0038;
	 
}
.csc-frame-frame2 { 
	
	/* SECONDARY BORDER COLOR */
	border: 1px solid #000000; 

}
.csc-frame-indent6633 { margin: 0 0 0 66%; }
.csc-frame-indent3366 { margin: 0 0 0 33%; }
.csc-frame-indent { margin: 0 0 0 30px; }
.csc-frame-rulerAfter { height: 4px; padding: 0px; }
.csc-frame-rulerBefore { height: 4px; padding: 0px; margin: 0 0 10px 0; }
.csc-frame-invisible { visibility: hidden; }

p.csc-linkToTop { 
	
	margin: 5px 0 0 0; 
	
	/* DEFAULT BACKGROUND COLOR */
	background: #CCCCCC; 
	
	padding: 5px;
}
