@charset "UTF-8"; 
/**
 *	Christoph Päper <webdesign@crissov.de> <http://crissov.de>
 *	@media all
 *	url("http://crissov.de/counter.css")
 *	Stand: 2003-10-21
 *	Siehe auch <http://www.markschenk.com/cssexp/autocaption/>
 */

/*
 *	kleine Orientierungshilfe
 */
@media screen {
	h1[id]:after,
	h2[id]:after,
	h3[id]:after,
	h4[id]:after,
	h5[id]:after,
	h6[id]:after
	{
		content:          " [#" attr(id) "]";
		font-size:        x-small;
		color:                          maroon;
		text-align:              right;
	}
}
/*
 *	Automatische Nummerierung
 */
body
{
	counter-reset:           kopf1 kopf2 kopf3 kopf4 kopf5 kopf6 bild tabelle;
}
/*	Überschriften	*/
h1:before
{
	counter-increment:       kopf1;
	counter-reset:           kopf2 kopf3 kopf4 kopf5 kopf6 bild tabelle;
}
h2:before
{
	content:                 counter(kopf2) ".  "; 
	counter-increment:       kopf2;
	counter-reset:           kopf3 kopf4 kopf5 kopf6;
}
h3:before
{
	content:                 counter(kopf2) "." counter(kopf3) ".  ";
	counter-increment:       kopf3;
	counter-reset:           kopf4 kopf5 kopf6;
}
h4:before
{
	content:                 counter(kopf2) "." counter(kopf3) "." counter(kopf4) ".  ";
	counter-increment:       kopf4;
	counter-reset:           kopf5 kopf6;
}
h5:before
{
	content:                 counter(kopf2) "." counter(kopf3) "." counter(kopf4) "." counter(kopf5) ".  ";
	counter-increment:       kopf5;
	counter-reset:           kopf6;
}
h6:before
{
	content:                 counter(kopf2) "." counter(kopf3) "." counter(kopf4) "." counter(kopf5) "." counter(kopf6) ".  ";
	counter-increment:       kopf6;
}
/*	Bilder und Tabellen	*/
img:after, table:after
{
	display:                 block;
/*	border:           thin   solid;
*/	background-color:               silver;
	color:                          black;
	font-weight:             bolder;
	font-size:        0.8em;
	padding:          0.1em 0.2em;
}
img
{
	counter-increment:       bild;
}
img[title]:after
{
	content:                 "Bild: " attr(title);
	content:                 "Bild " counter(kopf2) "." counter(bild) ": " attr(title);
/*	width:            attr(width, px);*/
}
@media print, handheld {img[alt=""][title]:after
{
	content:                 "";
}}
table:after
{
	counter-increment:       tabelle;
	margin-top:       0.3em;
	margin-bottom:    0.8em;
}
table[title]:after
{
	content:                 "Tabelle: " attr(title);
	content:                 "Tabelle " counter(kopf2) "." counter(tabelle) ": " attr(title);
}
table[summary]:after
{
	content:                 "Tabelle; " attr(summary);
	content:                 "Tabelle " counter(kopf2) "." counter(tabelle) "; " attr(summary);
}
table[title][summary]:after
{
	content:                 "Tabelle: " attr(title) ";\A" attr(summary);
	content:                 "Tabelle " counter(kopf2) "." counter(tabelle) ": " attr(title) ";\A" attr(summary);
}

@media print
{
	a[href]:after
	{
		content:             "<" attr(href) ">";
		content:             "<" attr(href) "> (Link " counter(link) ")";
		counter-increment:   link;
		display:             block;
		margin:       0.3em 0 0.3em 2em;
	}
	a[title]:after
	{
		content:             " (" attr(title) ")";
	}
	a[href][title]:after
	{
		content:             "<" attr(href) ">\A (" attr(title) ")";
		content:             "<" attr(href) ">\A (Link " counter(link) ": " attr(title) ")";
/*		content:             "\A    <" attr(href) ">\A    (" attr(title) ")\A";
		content:             "\A    <" attr(href) ">\A    (Link " counter(link) ": " attr(title) ")\A";
*/	}
}