/*
Author		:	Thomas Arnold TA/ED
erstellt am	:	13.09.2005
letzte Änderung :	02.04.2008 / TA

Druck-CSS nach Typen sortiert.
Was wozu gehoert steht im Kommentar davor.

NN4 und vergleichbare Antiquitaeten bekommen
dieses Style Sheet gar nicht erst zu sehen.

dieses CSS setzt alles auf Werte, die man im
ausdruck voraussetzen kann:
- Papier ist in Mitteleuropa 210x297, weiss
  und steckt hochkant in einem Drucker, der
  mit schwarzer Farbe druckt.
- Pixelangaben machen keinen Sinn, weil es in
  diesem Medium keine Pixel, sondern nur
  Druckpunkte gibt. Also alles in cm, % und pt.
- Serifenschriften sind auf Papier besser
  lesbar als auf dem Monitor.

*/

/* ---------- tags ---------- */


body	{
	background-color			:	white;
	color					:	black;
	caption-side:	top;

/*
Drucker haben ueblicherweise einen Greiferrand
von ca. 1 cm, daher hier die angaben fuer diese
Margins. Und wenn man die ausgedruckte Seite
lochen und abheften will, braucht man links ca.
2,5cm Rand.
*/

	margin					:	2.5cm 1cm 1cm 2.5cm;

/* Hurenkinder und Schusterjungen :-) */

	orphans					:	2;
	widows					:	2;
	}

#inhalt	{
	width					:	auto;
/*	margin-top				:	5cm; */
	float					:	none !important;
	}

h1, h2, h3, h4	{
	font-family				:	Arial, Verdana, sans-serif;
	font-weight				:	bold;
	font-style				:	italic;

/*
haelt Ueberschriften mit dem dazugehoerigen
fliesstext zusammen
*/

	page-break-after		:	avoid;
	page-break-inside		:	avoid;
	}

h1	{
	font-size				:	18pt;
	}

h2	{
	font-size				:	15pt;
	}

h3	{
	font-size				:	13pt;
	}

h4	{
	font-size				:	10pt;
	}

/*-- Tags --*/

address, caption, cite, dl, dt, li, p, td, th, ul 	{
	font					:	10pt/15pt Georgia, Palatino, Times, serif;
	}

/* nochmal testen, ob die Puenktchen jetzt wirklich weg sind,
bzw. welcher von denen jetzt in welchem Browser die Dinger wegmacht */

a, abbr, acronym	{
	border					:	0;
	border					:	none;
	border-bottom			:	none;
	border-bottom-style		:	none;
	border-style			:	none;
	text-decoration			:	none;
	}

address	{
	font-style				:	normal;
	}

blockquote	{
	border					:	1px #666 dashed;
	margin					:	8pt;
	padding					:	4pt;
	width					:	90%;
	float					:	left;
	clear					:	both;
	page-break-inside		:	avoid;
	}

blockquote > p	{
	text-indent				:	-.5em;
	quotes					:	'\00201E' '\00201D' '\002018' '\002019';
	}

blockquote > p:first-line	{
	font-weight				:	bold;
	color					:	#333;
	background				:	inherit;
	}

caption	{

	}

cite, q	{
	font-style				:	italic;
	}

code, pre	{
	font					:	8pt Monaco, "Lucida console", courier, monospace;
	}

dfn	{
	font-style				:	normal;
	}

dt	{
	font-weight				:	bold;
	}

img	{
	border					:	0;
	}

kbd	{
	font					:	menu;
	}

li	{
	page-break-inside		:	avoid;
	}

/* damit die codelistings aussehen wie in der i'X :-) */

pre	{
	line-height				:	12pt;
	color					:	#000;
	background-color		:	#efefef;
	border-left				:	20px #ddd solid;
	padding					:	4pt;
	page-break-inside		:	avoid;
	}

sub	{
	font-size				:	8pt;
	line-height				:	inherit;
	}

td, th	{
	border-left				:	1px #333 solid;
	border-bottom			:	1px #333 solid;
	}

th	{
	font-weight				:	bold;
	text-align				:	left;
	vertical-align			:	top;
	background-color		:	#efefef;
	}

ul, ol, dl	{
	page-break-before		:	avoid;
	}

:lang(de) > q, :lang(de) > blockquote	p	{
	quotes					:	'\00201E' '\00201D' '\002018' '\002019';
	}

/* ---------- links ---------- */

/*
Links werden alle auf Schwarz gesetzt. einfacher waere,
den kompletten anchor-Tag auf Schwarz zu setzen, aber
manche browser ignorieren das bei visited Links und machen
die trotzdem Lila.
*/

a:link	{
	color					:	black;
	}

a:visited	{
	color					:	black;
	}

/* ---------- klassen ---------- */

.abstract	{
	font-weight				:	bold;
	}

.caption	{
	font-family				:	arial, Geneva, sans-serif;
	font-size				:	8pt;
	line-height				:	12pt;
	margin-top				:	8pt;
	}
.dontprint,
.dontprint a,
#bottomnav,
#bottomnav a
{
	color					:	red!important;
}
.imgright
{
	float					:	right;
        padding					:	0 0 0 1em;
	width					:	auto;
}

.imgleft
{
	float					:	left;
        padding					:	0 1em 0 0;
	width					:	auto;
}

.ohnerand
{
	padding					:	0!important;
	margin					:	0!important;
}

.pullout	{
	border					:	1px #999 dotted;
	float					:	left;
	width					:	40%;
	margin					:	12pt;
	padding					:	6pt;
	}

/* -- der wundersame Logowechsel -- */

#logo {
	position				:	absolute;
	right					:	1.5cm;
	top					:	.1cm;
	width					:	85px;
	height					:	85px;
}

div#logo a img	{
	display					:	none;
}

.version
{
	font-size				:	xx-small;
	text-align				:	right;
	font-family				:	Arial, Verdana, sans-serif;
}


/*
#bottomnav ul
{
	padding					:	0;
	margin					:	0;
}

#bottomnav li
{
	float					:	left;
	width					:	auto;
	margin					:	.2em 2px 0 0;
	padding					:	0;
	display					:	inline;
	list-style				:	inside;
	position				:	relative;
	top						:	0;
}

#bottomnav li.screen
{
	display					:	inline;
}

#bottomnav li.print
{
	display					:	none;
}
*/

/*
alles weg, weil's im Ausdruck keinen Sinn macht
*/


#help,
#contentnav,
#suchbox,
#masthead,
#metanav,
/* #bottomnav, */
#related,
#bot-top,
#bot-home,
#bot-back,
#linkespalte,
/* #header, */
.w3c,
.none,
.skip,
.difflang,
.warnung
{
	display					:	none;
}

/*
und fuer den tatsaechlichen ausdruck dann wieder weg
*/


@media print
{

#contentnav,
#navigation,
#metanav,
#related,
#bottomnav,
#linkespalte,
/* #header, */
.w3c,
.none,
.skip,
.dontprint,
.difflang,
.warnung
{
	display					:	none;
}

body
{
/*	size					:	portrait; */
	margin					:	2cm 1cm 1cm 2.5cm;
}

}