/*
** Stylesheet für die Bildschirmdarstellung der Tacheles Seiten.
**
** Der generelle Aufbau einer Seite ist unter http://www.tacheles-sozialhilfe.de/styles/default.aspx beschrieben.
** Irgendwann werden dort vielleicht auch alle "standard" styles beschrieben sein ;-)
*/

/* -------------------------------------------------------------------- *\
** Kontextunabhängige styles.
\* -------------------------------------------------------------------- */

/*
** Bilder immer ohne rand
*/
img {
	border:none;
}

img.left {
	border:none;
	float:left;
}

img.right {
	border:none;
	float:right;
}

/*
** Link to external resources.
*/
/*
a.extern:before {
	content: "\2192\00A0"; 
	text-decoration:none;
	color:inherit;
}
*/

/*
** Link to other page of this site.
*/

/* 
** Tacheles Blue...
*/
.blue {
	color: #006699;
}

.bgblue {
	color: #FFFFFF;
	background-color: #006699;
}

/* 
** Tacheles red..
*/
.red {
	color: #C60000;
}

.bgred  {
	color: #FFFFFF;
	background-color: #C60000;
}

/*
** Verschiedene rote hervorhebungen für die makierung von aktuellen Beiträgen.
** 
*/
.new1 { color:#FF0000; font-weight:bold; text-decoration:none; }
.new2 { color:#CC0000; font-weight:bold; text-decoration:none; }
.new3 { color:#990000; font-weight:bold; text-decoration:none; }
.new4 { color:#660000; font-weight:bold; text-decoration:none; }

a:visited.new1 { display: none; visibility: hidden; }
a:visited.new2 { display: none; visibility: hidden; }
a:visited.new3 { display: none; visibility: hidden; }
a:visited.new4 { display: none; visibility: hidden; }

/*
** Statushervorhebungen für Beiträge.
*/
.fresh    { color: red; }
.checked  { color: green; }
.deleted  { color: maroon; }
.suspect  { color: purple; }
.closed   { color: navy; }
.locked   { color: blue; }

/*
** Fehler und Warnungen.
*/
.debug    { color: gray; }
.info     { font-weight: bold; }
.note     { font-weight: bold; }
.warning  { color: navy; font-weight:bold; }
.error    { color: red;  font-weight:bold; }
.fatal    { color: red;  font-weight:bold; font-variant:small-caps; }


/*
** Default data table with grid lines.
*/
table.grid {
	border: thin ridge;
	margin: 0px;
	border-collapse: collapse;
	vertical-align: text-top;
}

/* Table caption */
table.grid caption {
	padding: 3pt;
	font-size:larger;
	font-weight:bold;
}


/* Default header cell */
table.grid th {
	background-color:Silver;
	border: thin ridge;
	padding: 1pt;
	margin: 0;
	vertical-align:text-top;
	text-align: left;
}

/* Default data cell */
table.grid td {
	border: thin ridge;
	padding: 1pt;
	margin: 0;
	vertical-align:text-top;
	text-align: left;
}

table.grid th.bgblue 
{
	background-color: #006699;
}

/* Even rows */
table.grid tr.even 
{
	background-color: #FFFFE0;
}

/* Odd rows */
table.grid tr.odd
{
}
/* Group rows */
table.grid tr.group
{
	background-color: #E0FFE0;
}

/* Number cells */
table.grid td.number
{
	text-align: right;
}
/* Sum cells */
table.grid td.sum
{
	font-weight:bold;
}



/*
** Blind table with cellpadding but without cellspaceing.
*/
table.blind 
{
	border: none;
	margin: 0px;
	border-collapse: collapse;
	vertical-align:text-top;
}

table.blind td, table.blind th 
{
	border: none;
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0pt;
	padding-right: 0pt;
	vertical-align:text-top;
	text-align: left;
}


/*
** Blind table with cellpadding and without cellspaceing.
*/
table.compact {
	border: none;
	border-collapse: collapse; 
	padding: 0;
	margin: 0;
	vertical-align:text-top;
}

table.compact td, table.compact th {
	padding: 0; 
	margin: 0;
	vertical-align:text-top;
	text-align: left;
}

/*
** Tabelle für Artikel des Forums und des Gästebuchs.
** Zwei Spalten mit Feldüberschriften links und Inhalt rechts.
*/
table.article {
	border-collapse: collapse; 
	padding: 0;
	margin: 0;
	table-layout: auto;
	width: 100%;
}

table.article th {
	margin:0;
	padding-top: 1pt;
	padding-bottom: 1pt;
	padding-left: 3pt;
	padding-right: 3pt;
	background-color: silver;
	text-align: left;
	vertical-align:text-top;
	white-space: nowrap;
	width:10ex;
}

table.article td {
	margin:0;
	padding-top: 1pt;
	padding-bottom: 1pt;
	padding-left:3pt; 
	padding-right:0;
	text-align: left;
	vertical-align:text-top;
}

/*
** Tabelle für zweispaltige Eingabeformulare.
*/

table.input {
	border-collapse: collapse; 
	padding: 0;
	margin: 0;
	table-layout: auto;
}

table.input caption {
	font-size: 110%;
	font-weight:bold;
	color: white;
	background-color: #006699;
	text-align: center;
	margin: 0px;
	padding: 3pt;
}

table.input th {
	margin:0;
	padding-top: 1pt;
	padding-bottom: 1pt;
	padding-left: 3pt;
	padding-right: 3pt;
	background-color: silver;
	text-align: left;
	vertical-align:text-top;
	white-space: nowrap;
	width:10ex;
}

table.input td {
	margin:0;
	padding-right: 0pt;
	padding-left: 2pt;
	padding-bottom: 1pt;
	padding-top: 2pt;
	text-align: left;
	vertical-align:text-top;
}


/* -------------------------------------------------------------------- *\
** Formats for the standard page elements.
\* -------------------------------------------------------------------- */

/*
** Style für die komplette Seite.
** 
** Derzeit noch keine besonderen Merkmale.
*/
#Page {
	float: none;
}

/* 
** Kopfbereich der Seite.
**
** Navigation und standard bla bla.
*/
#head  {
	font-size:smaller;
	text-align:center;
	float: none;
	display: block;
	width:100%;
}
#head ul {
	width: 100%;
	border: none;
	padding: 0;
	margin: 0;
	cursor:default;
	float:none;
}

#head li {
	padding: 0; 
	margin: 0;
	list-style-type:none;
	display:block;
}

#head li.l {
	text-align:left;
	width:33%;
	float:left;
}

#head li.c  {
	text-align:center;
	width:33%;
	float:left;
}

#head li.r {
	text-align:right;
	width:33%;
	float:right;
}

#head hr
{
	clear: both;
	float: none;
	color: black;
	width: 100%;
	height: 1px;
}

#PageHead  {
	font-size:smaller;
	text-align:center;
	float: none;
	display: block;
	width:100%;
}
#PageHead ul {
	width: 100%;
	border: none;
	padding: 0;
	margin: 0;
	cursor:default;
	float:none;
}

#PageHead li {
	padding: 0; 
	margin: 0;
	list-style-type:none;
	display:block;
}

#PageHead li.l {
	text-align:left;
	width:33%;
	float:left;
}

#PageHead li.c  {
	text-align:center;
	width:33%;
	float:left;
}

#PageHead li.r {
	text-align:right;
	width:33%;
	float:right;
}

#PageHead hr
{
	clear: both;
	float: none;
	color: black;
	width: 100%;
	height: 1px;
}

/*
** Die Seitenüberschrift.
*/
#title {
	float: none;
	clear: both;
	display: block;
	overflow: visible;
}

#title h1 { 
	font-size: 133%; 
	color: white;
	background-color: #006699;
	text-align: center;
	margin:0;
	padding: 3pt;
}

#PageTitle {
	float: none;
	clear: both;
	display: block;
	overflow: visible;
}

#PageTitle h1 { 
	font-size: 133%; 
	color: white;
	background-color: #006699;
	text-align: center;
	margin:0;
	padding: 3pt;
}

/*
** Hauptbereich / Redaktioneller Teil der Seiten.
*/
#main {
	float: none;
	display: block;
	overflow: visible;
	padding: 0;
	line-height: 133%;
}

#main h1 { 
	font-size: 133%; 
	color: white;
	background-color: #006699;
	text-align: center;
	margin:0;
	padding: 3pt;
}

#main h2 {
	font-size: 133%; 
	font-weight: bold;
}

#main h3 {
	font-size: 115%; 
	font-weight: bold;
	color: #006699;
}

#main h4 {
	font-size: 115%; 
	font-weight: bold;
}

#main h5 {
	font-size: 100%; 
	color: #006699;
	font-weight: bold;
}

#main h6 {
	font-size: 100%; 
	font-weight: bold;
}

#main h2 a, h4 a, h6 a {
	text-decoration:none;
	color: black;
}

#main h3 a, h5 a {
	text-decoration:none;
	color: #006699;
}

/*
** Intro/Artikelbeschreibung
*/ 
#main p.abstract {
	font-weight:bold;
}

/*
** Article signature.
*/ 
#main p.sig {
	margin-left:2em;
	text-indent:-2em;
}


#main blockquote {
	font-style:italic;
}

/*
** Footnote text
*/
#main p.fn {
	font-size: 90%;
}



/*
** Table of contents.
*/ 
#main toc
{
	color:Maroon;
}

#PageMain {
	float: none;
	display: block;
	overflow: visible;
	padding: 0;
	line-height: 133%;
}

#PageMain h1 { 
	font-size: 133%; 
	color: white;
	background-color: #006699;
	text-align: center;
	margin:0;
	padding: 3pt;
}

#PageMain h2 {
	font-size: 133%; 
	font-weight: bold;
}

#PageMain h3 {
	font-size: 115%; 
	font-weight: bold;
	color: #006699;
}

#PageMain h4 {
	font-size: 115%; 
	font-weight: bold;
}

#PageMain h5 {
	font-size: 100%; 
	color: #006699;
	font-weight: bold;
}

#PageMain h6 {
	font-size: 100%; 
	font-weight: bold;
}

#PageMain h2 a, h4 a, h6 a {
	text-decoration:none;
	color: black;
}

#PageMain h3 a, h5 a {
	text-decoration:none;
	color: #006699;
}

/*
** Intro/Artikelbeschreibung
*/ 
#PageMain p.abstract {
	font-weight:bold;
}

/*
** Article signature.
*/ 
#PageMain p.sig {
	margin-left:2em;
	text-indent:-2em;
}


#PageMain blockquote {
	font-style:italic;
}

/*
** Footnote text
*/
#PageMain p.fn {
	font-size: 90%;
}



/*
** Table of contents.
*/ 
#PageMain toc
{
	color:Maroon;
}
/*
** Die Linkliste
**
** Hier finden sich das Erstellungsdatum und der Link zur Online HTML Validierung.
*/
#links {
	float:none;
	clear:none;
}

#links h6 {
	font-size: 100%; 
}

#PageLinks {
	float:none;
	clear:none;
}

#PageLinks h6 {
	font-size: 100%; 
}

/*
** Link / promotion block at the left side of the page.
*/
#promo_l {
	float:left;
	width:28ex;
	margin-top:2pt;
	margin-left:0;
	margin-right:2pt;
	overflow:hidden;
	text-align:left;
	background-color: #E7E7D6;
}

#promo_l h3 {
	margin:0 0 2pt 0;
	padding: 2pt 0 2pt 0;
	text-align:center;
	color: #FFFFFF;
	background-color: #006699;
	width:100%;
	font-size:large;
}

#promo_l dl {
	margin:0;
	padding: 0 3pt 0 0;
}

#promo_l dd {
	margin:0 0 12pt 0;
	padding:0;
}

/*
** Link / promotion block at the right side of the page.
*/
#promo_r {
	float:right;
	width:28ex;
	margin:2pt 0 2pt 0;
	overflow:hidden;
	text-align:left;
	background-color: #E7E7D6;
}

#promo_r h3 {
	margin:0 0 2pt 0;
	padding: 2pt 0 2pt 0;
	text-align:center;
	color: #FFFFFF;
	background-color: #006699;
	width:100%;
	font-size:large;
}

#promo_r h3 a {
	color:white;
	text-decoration:none;
}


#promo_r dl {
	margin:0;
	padding: 0 0 0 3pt;
}

#promo_r dd {
	margin:0 0 12pt 0;
	padding:0;
}


/*
** Table of contents
*/
#toc {
	margin:2pt 0 2pt 0;
	background-color: #E7E7D6;
	padding:0;
}

#toc h3 {
	margin:0 0 2pt 0;
	padding: 2pt 3pt 2pt 3pt;
	text-align:center;
	color: #FFFFFF;
	background-color: #C60000;
	margin:0;
	font-size: large;
}

#toc h3 a {
	color:white;
	text-decoration:none;
}

#toc h4 {
	padding: 2pt 3pt 2pt 3pt;
	margin:0 0 2pt 0;
}
	
#toc p {
	padding: 2pt 3pt 2pt 3pt;
	margin:0 0 2pt 0;
}

/*
** Der Fußbereich der Seite.
**
** Hier finden sich das Erstellungsdatum und der Link zur Online HTML Validierung.
*/
#foot 
{
	font-size:small;
	float:none;
	clear:both;
}

/*
** Valid XHTML Logo
*/
#foot img.w3validator 
{
	border:none;
	height:32;
	width:88;
	float:right;
	clear:right;
	padding:0;
	margin-right:-4px;
}


#PageFoot 
{
	font-size:small;
	float:none;
	clear:both;
}

/*
** Valid XHTML Logo
*/
#PageFoot img.w3validator 
{
	border:none;
	height:32;
	width:88;
	float:right;
	clear:right;
	padding:0;
	margin-right:-4px;
}

/*
** Das Menu / Themenübersicht
** 
** Die genaue Plazierung steht noch nicht fest. 
*/
#menu 
{
	margin-left: 0;
	margin-right: 3pt;
	border-bottom: solid 1px black;
	border-right: solid 1px black;
	float:left;
	display: block;
	overflow:visible;
	width: 20ex;
	font-size: small;
}

#menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu li {
	border-collapse:collapse;
	border-width:1px;
	border-color:green;
	display: block;
	margin: 0;
	padding: 3pt 3pt 3pt 3pt;
}

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

#menu a:visited {
	text-decoration: none;
}

#menu a:hover {
	text-decoration: none;
	color: #C60000;	
}

#PageMenu 
{
	margin-left: 0;
	margin-right: 3pt;
	border-bottom: solid 1px black;
	border-right: solid 1px black;
	float:left;
	display: block;
	overflow:visible;
	width: 20ex;
	font-size: small;
}

#PageMenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#PageMenu li {
	border-collapse:collapse;
	border-width:1px;
	border-color:green;
	display: block;
	margin: 0;
	padding: 3pt 3pt 3pt 3pt;
}

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

#PageMenu a:visited {
	text-decoration: none;
}

#PageMenu a:hover {
	text-decoration: none;
	color: #C60000;	
}

/*
** Paralles Menü (kalendarisch)
** 
** Die genaue Platzierung steht noch nicht fest. 
*/
#calendar {
	display: block;
	float: right;
	border-left: solid 1px black;
	border-bottom: solid 1px black;
	overflow:visible;
	font-size:small;
	width:12ex;
	margin: 0;
	padding: 0;
}

#calendar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#calendar li {
	list-style-type: none;
	margin: 0;
	padding: 3pt;
}

#calendar li.selected {
	font-weight: bold;
}

#calendar a {
	text-decoration: none;
	color:Black;
}
#calendar  a:visited {
	text-decoration: none;
}
#calendar  a:hover {
	text-decoration: none;
}


/*
** Style for the tool tip layer.
*/
#tooltip { 
	position: absolute; 
	display:  none; 
	background-color: #FFFFE1; 
	border: 1px solid black;
	width: 300px;
}
#Tooltip { 
	position: absolute; 
	display:  none; 
	background-color: #FFFFE1; 
	border: 1px solid black;
	width: 300px;
}