/* 
Cascade Style Sheet fuer Drucker
*/

/* ---------- 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	{
	background-image:url(/images/Anfore-Print.jpg);
	background-repeat:no-repeat;
	background-color: #fff;
	width: 21cm;
	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 
*/
#bodywrapper{
	margin-bottom: 1cm;
	margin-left: 2.5cm;
	margin-right: 1cm;
	margin-top: 1cm;
	
/* Hurenkinder und Schusterjungen :-) 

	orphans: 2;
	widows: 2
*/
	}
h1, h2	{
	font-family: Arial, Helvetica, Geneva, sans-serif;
	}
h3, h4	{
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	margin-bottom: -6pt;
	margin-top: 20pt;
/* 

haelt Ueberschriften mit dem dazugehoerigen Fliesstext zusammen

*/	

	page-break-after: avoid;
	page-break-inside: avoid
	}
h1	{font-family: "Comic Sans MS", sans-serif}
h2	{
	font-size: 14pt
	}
h3	{
	font-size: 12pt
	}

h4	{
	font-size: 10pt
	}
em {font-weight: bold}

p, dl	{
	font-family: Georgia, Palatino, serif;
	font-size: 10pt;
	line-height: 150%
	}

li	{
	font-family: Georgia, Palatino, serif;
	font-size: 10pt;
	line-height: 150%;
	margin: 0
	}

dt	{
	font-weight: bold
	}

address	{
	display: none; visibility: hidden;
	font-family: Georgia, Palatino, serif;
	font-size: 9pt;
	font-style: normal;
	line-height: 120%;
	text-align: center
	}

pre	{
	font-family: Monaco, "Courier New", Courier, monospace;
	font-size: 9pt;
	line-height: 120%;
	padding: 2pt;

/* 

haelt Codelistings zusammen, so dass sie nicht mittendrin auf eine neue Seite umbrechen

*/	

	page-break-inside: avoid
	}

blockquote	{
	border: 1px #666 solid;
/* 	float: left; */	
	font-family: Georgia, Palatino, serif;
	font-size: 9pt;
	line-height: 150%;
	margin-bottom: 8pt;
	margin-left: 5%;
	margin-right: 8pt;
	margin-top: 0;
	padding: 4pt;
	page-break-inside: avoid;
	width: 90%
	}

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

*/

a:link	{
	color: #000
	}


a, a:visited, a:hover, a:visited:hover {
  color: #000;
  background: transparent;
  text-decoration: none;
}

a img {
  border: none;
}
/* Diese Regel fuegt in CSS2-Browsern die Link-Adresse hinter Links ein. */
a:link:after, a:link:visited:after {

  content: " (Siehe: <" attr(href) ">) ";

  font-size: 76%;
  color: #999;

  background: transparent;
}


/* Bei internen Links muss noch die eigene Domain ausgegeben werden */

a[href="/"]:link:after {

  content: " (Siehe: <http://www.carolus-it.de" attr(href) ">) ";

}

/* Innerhalb von Beispielen sind ausgedruckte URLs unerwuenscht */
.beispiel a:link:after,
.beispiel a:link:visited:after {
  content: "";
}

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

h3+h4	{
	margin: 0
	}

p+ul	{
	margin-bottom: 0;
	margin-top: -.5em
	}

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

/*

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

*/

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

/*

stellt die komplette Navigation und die Anschmeckertexte in der Navi auf unsichtbar (will ja wohl niemand ausdrucken)

*/


.related	{
	border: 1px #666 solid;
	font-family: Georgia, Palatino, serif;
	font-size: 9pt;
	line-height: 180%;
	margin-bottom: 0;
	margin-left: 0px;
	margin-right: 8px;
	margin-top: 3px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 4px;
	padding-top: 4px
	}

.relatedtab	{
	font-family: Georgia, Palatino, bold, serif;
	font-size: 10pt;
	margin: 0;
	padding: 2pt
	}

.abstract	{
	font-weight: bold
	}

.glossary	{
	text-decoration: none
	}

.caption	{
	font-family: Arial, Geneva, sans-serif;
	font-size: 8pt;
	line-height: 120%;
	margin-top: .1em
	}

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

/*

hier wie auch bei der Navigation: weg

*/


#masthead, #gps, #whodunit	{
	display: none; visibility: hidden;
	}

#logo	{
	display: none; visibility: hidden;
	height: 100px;
	left: 2.5cm;
	position: absolute;
	top: .1cm;
	width: 100px;
	z-index: 1
	}

#footer	{
	display: none; visibility: hidden;
	font-family: Georgia, Palatino, bold, serif;
	font-size: 9pt
	}

#bottomnav	{
	display: none; visibility: hidden;
	font-family: Georgia, Palatino, bold, serif;
	font-size: 8pt;
	left: 200px;
	line-height: 120%;
	max-width: 26cm;
	position: absolute;
	text-align: center;
	top: 1cm;
	width: auto;
	z-index: 1
	}

#wrapper	{
	margin-top: 120px;
	width:100%;
	}

/* ---------- nur fuer formulare ---------- */

/*

hier wie auch bei der Navigation: weg

*/


form, fieldset, legend, .form, input, textarea, .acc, label	{
	display: none; visibility: hidden;
	}

/* ---------- gilt nur fuer zum beim drucken tun ---------- */

#navigator      {
	display: none; visibility: hidden;
        float: left;
        width: 0%;
        }
#tellafriend      {
	display: none; visibility: hidden;
        float: left;
        width: 0%;
        }
#sitemap      {
	display: none; visibility: hidden;
        float: left;
        width: 0%;
        }
#teaserhead     {
	display: none; visibility: hidden;
        float: left;
        width: 0%;
        visibility: hidden;
        }
#teaser         {
	display: none; visibility: hidden;
        float: left;
        width: 0%;
        visibility: hidden;
        }
#contenttab     {
	display: none; visibility: hidden;
        }