/* 
CODE: functionNewMedia fuer Aktion Mensch 
REVISION: 0.1 
LAST CHANGE: 26.07.01 t.caspers@function.de 

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

Getestet und fuer gut befunden in: 

Mac: IE5, Opera 5.0tp1-3, NN6
Win: IE5, IE5.5, Opera 5, NN6
'x: Konqueror 2.1.1, Opera 5, Mozilla 0.9.2, NN6.1

NN4 bekommt dieses Style Sheet gar nicht zu sehen, da es ein paar aeusserst unangenehme Bugs bei der Verwendung von CSS mit Dateien, die gedruckt werden, gibt.

*/

/* ---------- tags ---------- */
/*
 @page	{
	size: 29.7cm 21cm;
	}
*/
/* 

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

 */

body	{
   position: relative; 
	background-color: #fff;
	color: #000;
	/* 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 2,5cm Rand */
	/*margin: 0mm 2mm 15mm -2mm;
	 Hurenkinder und Schusterjungen :-) 
	orphans: 2;
	widows: 2;*/
}

body, table, td, a, h1, h2, h3, h4, h5, li, input, textarea, select, div {   
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   font-size: 10pt;
}


h1, h2	{
	font-weight: bold;
	margin-bottom: -4pt;

/* 

haelt Ueberschriften mit dem dazugehoerigen Fliesstext zusammen

*/	

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

h1	{
	font-size: 13pt;
	/*margin-top: 10pt;
   margin-bottom: 5pt;*/
	}

h2	{
	font-size: 11pt;
	/*margin-top: 20pt;
   margin-bottom: 5pt;*/
	}

table {
	/*width: 100%;*/
	margin-right: 5pt;
   vertical-align: top;
}

td {
	vertical-align: top;
	vertical-align: text-top;
}

td.r {
	text-align : right;
	font-weight: bold;
}

td.c {
	text-align: center;
}

td.l {
	text-align : left;
	font-weight: bold;
}

tr.unten, td.unten {
	vertical-align : bottom;
}

dt	{
	font-weight: bold
	}

img	{
	border: 0;
	}

/* ---------- 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 mache die trotzdem Lila

*/

#content  a:link, #contprotokoll  a:link	{
	color: #000;
	padding-left: 4pt;
	padding-right: 4pt;
}
	
#content  a:hover, #contprotokoll  a:hover	{
	color: #000;	
	padding-left: 4pt;
	padding-right: 4pt;
}

#content  a:visited, #contprotokoll  a:visited	{
	color: #000;
	padding-left: 4pt;
	padding-right: 4pt;
	}

/* ---------- kombi-packungen ---------- */

h3+h4	{
	margin: 0
	}

p+ul	{
	margin-bottom: 0;
	}

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

.job {
	color: Black;
	font-weight: bold;
}

.links {
   text-align: right;
   width: auto;
   padding: 2mm;
   font-weight: bold;
}

.mitte {
   width: auto;
   padding: 2mm;
}

.rechts {
   width: auto;
   padding: 2mm;
}

.box {
	background-color: #ffffec;
	border-style: solid;
	border-width: 1px;
	padding: 2pt 6pt 2pt 6pt;
}

/*

setzt den div mit der Klasse print auf unsichtbar. Hat Zur Folge, dass im Gegensatz zum screen.css der div mit der Klasse screen erscheint und so den Weg zurück zur Monitorversion weist

*/

/* ---------- id's ---------- */

#print	{
   visibility: visible;
   display: block;
   position: relative;
   top: 0px;
   left: 0px;
   z-index: 10;
   margin-bottom: 20pt;
}

/*
#print{
   visibility: hidden;
   display: none;
}
*/
#content    { 
	position: relative; 
	z-index: 10; 
   top: 0pt;
   left: 0pt;
   width: auto;
	visibility: visible;
}

#logo {
   float: left;
   width: 
}

#logo, #eb1, #eb2, #eb3, #eb4, #eb5, #leiste1, #leiste2, #leiste3, #leiste4, #leiste5, #aboutus, #contactus, #services, #events, #ausblendebene  {
	display: none; 
   visibility: hidden;
}

.unsichtbar {
   visibility: hidden;
   display: none;
}

.hgelb {
	background-color: White;
	color: Black;
}

.hgrau {
   background-color: #EAEAEA;
   color: Black;
}

.dbkopf {
   background-color: #D2D2D2;
}