/****************************************************************************************
# Default css file for content edited with htmlArea RTE
#
# Defines a few class selectors that can be simply taken as examples by anyone who needs to configure the RTE.
# This css file is referenced by property RTE.default.contentCSS in the default configuration of htmlArea RTE
#
# TYPO3 CVS ID: $Id: dynamiccss.css 955 2005-12-28 00:49:12Z stucki $
# ***************************************************************************************/

/* Left, center and right alignment of text in paragraphs and cells.*/
table.layout-three td.align-left, p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, td.align-left, th.align-left { text-align: left; }
table.layout-three td.align-center, p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, td.align-center, th.align-center { text-align: center; }
table.layout-three td.align-right, p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, td.align-right, th.align-right { text-align: right; }

/* Two frame examples taken from the example CSS file of CSS Styled Content extension and applied to p and table block elements.*/
p.csc-frame-frame1, table.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
p.csc-frame-frame2, table.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }

/* Bullet styles for unordered lists.*/
ul.component-items { color: #186900; list-style-type: circle; }
ul.action-items { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); }

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

/* Three inline text colors taken from the color scheme of CSS Styled Content extension.*/
span.important { color: #8A0020; }
span.name-of-person { color: #10007B; }
span.detail { color: #186900; }

/* Selectors for the default configuration of the link accessibity feature.*/
a.external-link {}
a.external-link-new-window {}
a.internal-link {}
a.internal-link-new-window {}
a.download {}
a.mail {}

/* ------------------------- Tabellenzeichen ------------------------- */

td.rectFull,
th.rectFull {
	background-image: url(../pics/layout/icon_rectangle_filled.gif);
	background-repeat: no-repeat;
	background-position: 50%;
}

td.rectEmpty,
th.rectEmpty {
	background-image: url(../pics/layout/icon_rectangle_empty.gif);
	background-repeat: no-repeat;
	background-position: 50%;
}

td.circleFull,
th.circleFull {
	background-image: url(../pics/layout/icon_circle_filled.gif);
	background-repeat: no-repeat;
	background-position: 50%;
}

td.circleEmpty,
th.circleEmpty {
	background-image: url(../pics/layout/icon_circle_empty.gif);
	background-repeat: no-repeat;
	background-position: 50%;
}

/*CSS für eine feste Spaltenbreite von 145px*/
td.fixedWidth,
th.fixedWidth {
	width:145px;
}

td.alignTop,
th.alignTop,
table.layout-one td.alignTop,
table.layout-one th.alignTop,
table.layout-two td.alignTop,
table.layout-two th.alignTop,
table.layout-three td.alignTop,
table.layout-three th.alignTop,
table.layout-four td.alignTop,
table.layout-four th.alignTop {
	vertical-align: top;
}

/* ------------------------- Tabellenlayoute 1 ------------------------- */
table sup, table sub {
	font-size:8px;
}

table.layout-one { 
	width:442px;
	margin-top:1px;
	margin-left:1px;	
}

	table.layout-one,
	table.layout-one th,
	table.layout-one td { 
		border: 1px solid #000000;
	}
	
	table.layout-one th {
		background-color:#bbbbbb;
		font-weight: bold;
		padding: 1px 5px;
		color:#4D7399;
		vertical-align: middle;
	}
	
	table.layout-one td {
		padding: 0px 2px;
		vertical-align: middle;		
	}	
	
/* ------------------------- Tabellenlayoute 2 ------------------------- */	
table.layout-two { 
	width:442px;
	margin-top:1px;
	margin-left:1px;	
}

	table.layout-two,
	table.layout-two th,
	table.layout-two td { 
		border: 1px solid #000000;
	}
	
	table.layout-two th {
		background-color:#a2c0e0;
		font-weight: bold;
		padding: 1px 5px;
		color:#4D7399;
		vertical-align: middle;		
	}
	
	table.layout-two td {
		padding: 0px 2px;
		background-color: #f3f3f3;
		vertical-align: middle;		
	}
	
/* ------------------------- Tabellenlayoute 3 ------------------------- */	
table.layout-three { 
	width:100%;
	margin-top:1px;
	margin-left:1px;
	color:#444444;
}

table.layout-three p {
	margin: 0;
}

	table.layout-three,
	table.layout-three th,
	table.layout-three td { 
		border-collapse:separate;
		border-spacing:1px;
	}
	
	table.layout-three th {
		background-color:#d5d5d5;
		padding: 0px 5px;
		vertical-align: middle;		
	}
	
	table.layout-three td {
		padding: 5px 5px;
		background-color: #eaeaea;
		vertical-align: middle;
		text-align: center;
	}
	
/* ------------------------- Tabellenlayoute 4 (Referenzliste) ------------------------- */		

table.layout-four { 
	width:442px;
	margin:1px 0 10px 1px;

	border-top: 1px solid #EAEAEA;
	background-image: url(../pics/content/bg_reference_list.jpg);
	background-repeat:no-repeat;
	background-position: left 1px;
}

table.layout-four p {
	margin:10px 0 0 0;
}

table.layout-four td,
table.layout-four th {
	text-align: left;
	vertical-align: top;
}

table.layout-four th {
	/*width: 100%;*/
	font-weight: normal;
}

table.layout-four img {
	margin:1px 15px 3px 0;
}