/* (C) 2000-2023 Thomas Stein (06.11.06) */
/* Cascading Style Sheets für http://www.tomstein.de */
/* Diese Seiten setzen also einen Browser ab Version 4 (CSS 1.0) voraus */

/* <meta http-equiv="Content-Style-Type" content="text/css"> */
/* <link rel="stylesheet" type="text/css" href="tomstein.css">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
 */

/* ------------------------------------ A U S D R U C K E -----------------------------------*/

@page	 { margin-top:2cm; margin-bottom:1.5cm; margin-left:2cm; margin-right:2.5cm;
           size:portrait; }

@page :header
  { content:first(title)": "first(chapter),"&copy; T. Stein","Seite " decimal(pageno) " von " decimal(pages);
	border-bottom:thin solid blue; }

@page :footer
  { content: url,,date; border-bottom:thin solid blue }


@media print, projection, tv, handheld {

/* Farben: hellgrau=EBEBEB grau=C0C0C0 türkis=008080 */
body	{ background-color:#ffffff;
	  margin-top:1.5cm; margin-bottom:1.5cm; margin-left:2cm; margin-right:2cm;
	  text-align:left;
	  font: normal 11pt Arial,sans-serif; line-height:115; }

h1	{ font:bold 14pt Helvetica,Arial,sans-serif; color:#850;
	  page-break-after:avoid; running-head:chapter;
	  margin-top: 14pt;
	  border-top:2px solid red; }
h2	{ font:bold 12pt Helvetica,Arial,sans-serif; color:#850;
	  page-break-after:avoid; running-head:section;
	  margin-top: 12pt;
	  border-top:1px solid red; }
h3	{ font:bold 12pt Helvetica,Arial,sans-serif; color:#20C;
	  text-align:left;
	  margin-top: 6pt;
	  page-break-after:avoid; }
h4	{ font:bold 11pt Helvetica,Arial,sans-serif; color:#20C;
	  page-break-after:avoid;
	  margin-top: 6pt; }
h5	{ font:bold italic 11pt Helvetica,Arial,sans-serif; color:#20C;
	  page-break-after:avoid;
	  margin-top: 6pt; }
h6	{ font:bold italic 11pt Helvetica,Arial,sans-serif; color:#20C;
	  page-break-after:avoid;
	  margin-top: 6pt; }

th	{ font:bold 11pt Helvetica,Arial,sans-serif; color:#20C;
	  text-align:left; vertical-align:top;
	  page-break-after:avoid; }
td	{ font:normal 11pt Helvetica,Arial,sans-serif;
	  margin-top:0pt; margin-bottom:7pt; orphans:3; widows:3; max-width:40em;
	  vertical-align:top; }

p,li,ol,ul,div,blockquote,nobr { font:normal 11pt Helvetica,Arial,sans-serif;
	  margin-top:0pt; margin-bottom:7pt; orphans:3; widows:3; max-width:100%;
	  vertical-align:top; }
p.text	{ font:normal 11pt Helvetica,Arial,sans-serif;
	  margin-left:2.5cm;text-indent:-0.5cm; text-align:justify;
        margin-top:0pt; margin-bottom:7pt; orphans:3; widows:3; max-width:100%; }
p.firstletter { font:bold 11pt Helvetica,Arial,sans-serif; }

pre	{ font:normal 10pt "Courier New",Courier,serif; color:#00C;
	  orphans:3;widows:3; }

img.picture { object-fit:scale-down;
	  max-width:100%; }

a:link		{ color:#000; text-decoration:underline; }
a:visited	{ color:#000; text-decoration:underline; }
a:visited:after { content: " \221A"; font-size:75%; }
a:active	{ color:#000; text-decoration:underline; }

h1:before { content:"";
            counter-increment:Ebene01;
            counter-reset:Ebene02;
            counter-reset:Ebene03;
            counter-reset:Ebene04;
            counter-reset:Ebene05;
            counter-reset:Ebene06;
          }
h2:before { content:counter(Ebene01) "." counter(Ebene02) " ";
            counter-increment:Ebene02;
            counter-reset:Ebene03;
            counter-reset:Ebene04;
            counter-reset:Ebene05;
            counter-reset:Ebene06;
          }
h3:before { content:counter(Ebene01) "." counter(Ebene02) "." counter(Ebene03) " ";
            counter-increment:Ebene03;
            counter-reset:Ebene04;
            counter-reset:Ebene05;
            counter-reset:Ebene06;
          }
h4:before { content:counter(Ebene01) "." counter(Ebene02) "." counter(Ebene03) "." counter(Ebene04) " ";
            counter-increment:Ebene04;
            counter-reset:Ebene05;
            counter-reset:Ebene06;
          }
h5:before { content:counter(Ebene01) "." counter(Ebene02) "." counter(Ebene03) "." counter(Ebene04) "." counter(Ebene05) " ";
            counter-increment:Ebene05;
            counter-reset:Ebene06;
          }
h6:before { content:counter(Ebene01) "." counter(Ebene02) "." counter(Ebene03) "." counter(Ebene04) "." counter(Ebene05) "." counter(Ebene06) " ";
            counter-increment:Ebene06;
          }
          
/* Im Ausdruck auch den Inhalt eines Links drucken */
/* a[href]:after { content: \' [\' attr(href) \']\'; } */

/* Navigationsmenüs nicht ausdrucken */
.navigate { display:none; }

/* Werbeeinblendungen nicht drucken (damit der restliche Text besser passt) */
.ad	{ visibility:hidden; display:none;
	  font:bold 7pt Helvetica,Arial,sans-serif; color:gray; max-width:100%; }

/* Sonstige nicht-druckbare Texte */
.dontprint { display:none; }
.noprint { display:none; }

/* Hinweistexte */
.hint	{ ; }

}

/* ------------------------------------ B I L D S C H I R M -----------------------------------*/

@media screen, aural {

/* Farben: hellgrau=EBEBEB grau=C0C0C0 türkis=008080 */
body	{ background-color:#eef; margin:0; text-align:left;
           font:normal 100% Tahoma,Helvetica,Arial,sans-serif;
           line-height: 120%; }

h1	{ font:bold 130% Tahoma,Helvetica,Arial,sans-serif; color:#850; voice-family:male;
	  line-height: 140%; margin-top: 1em;
	  border-top:2px solid red; }
h2	{ font:bold 110% Tahoma,Helvetica,Arial,sans-serif; color:#850; voice-family:male;
	  line-height: 130%; margin-top: 0.5em;
	  border-top:1px solid red; }
h3	{ font:bold 100% Tahoma,Helvetica,Arial,sans-serif; color:#20C;
	  line-height: 130%; margin-top: 0.5em;
	  text-align:left; voice-family:male; }
h4	{ font:bold 100% Tahoma,Helvetica,Arial,sans-serif;  color:#20C;
	  voice-family:male; }
h5	{ font:bold italic 100% Tahoma,Helvetica,Arial,sans-serif;  color:#20C;
	  voice-family:male; }
h5	{ font:italic 100% Tahoma,Helvetica,Arial,sans-serif;  color:#20C;
	  voice-family:male; }

th	{ font:bold 100% Tahoma,Helvetica,Arial,sans-serif; color:#20C;
	  text-align:left; vertical-align:top;
	  voice-family:male; }
td	{ font:normal 100% Tahoma,Helvetica,Arial,sans-serif;
	  margin-top:0pt; margin-bottom:7pt; orphans:3; widows:3; max-width:35em; voice-family:female;
	  vertical-align:top; }

p,li,ol,ul,div,blockquote,nobr {
	  font:normal 100% Tahoma,Helvetica,Arial,sans-serif;
	  margin-top:0pt; margin-bottom:7pt; orphans:3; widows:3; max-width:95%; voice-family:female;
	  vertical-align:top; }
p.text	{ margin-left:25px; text-indent:-20px; text-align:justify;
	  font:normal 100% Tahoma,Helvetica,Arial,sans-serif;
	  margin-top:0pt;margin-bottom:7pt; orphans:3; widows:3; max-width:35em; }
p.firstletter { font:bold 120% Tahoma,Helvetica,Arial,sans-serif; }

pre	{ font:normal 90% "Courier New",Courier,serif; color:#0000C0;
	  line-height: 100%;
	  orphans:3; widows:3; voice-family:male; }

img.picture { object-fit:scale-down;
	  max-width:100%; }

a:link	  { color:#00E; }
a:visited  { color:#008; }
a:hover   { color:#E00; }
a:active   { color:#F00; text-shadow:#FCC; filter:Glow(color=#F0F, strength=10); }
a:focus   { color:#E00; }
h1:focus { font-weight:bold; color:#E00; }
p:focus   { font-weight:bold; }

h1:before { content:"";
            counter-increment:Ebene01;
            counter-reset:Ebene02 1;
            counter-reset:Ebene03 1;
            counter-reset:Ebene04 1;
            counter-reset:Ebene05 1;
            counter-reset:Ebene06 1;
          }
h2:before { content:counter(Ebene01) "." counter(Ebene02) " ";
            counter-increment:Ebene02;
            counter-reset:Ebene03 1;
            counter-reset:Ebene04 1;
            counter-reset:Ebene05 1;
            counter-reset:Ebene06 1;
          }
h3:before { content:counter(Ebene01) "." counter(Ebene02) "." counter(Ebene03) " ";
            counter-increment:Ebene03;
            counter-reset:Ebene04 1;
            counter-reset:Ebene05 1;
            counter-reset:Ebene06 1;
          }
h4:before { content:counter(Ebene01) "." counter(Ebene02) "." counter(Ebene03) "." counter(Ebene04) " ";
            counter-increment:Ebene04;
            counter-reset:Ebene05 1;
            counter-reset:Ebene06 1;
          }
h5:before { content:counter(Ebene01) "." counter(Ebene02) "." counter(Ebene03) "." counter(Ebene04) "." counter(Ebene05) " ";
            counter-increment:Ebene05;
            counter-reset:Ebene06 1;
          }
h6:before { content:counter(Ebene01) "." counter(Ebene02) "." counter(Ebene03) "." counter(Ebene04) "." counter(Ebene05) "." counter(Ebene06) " ";
            counter-increment:Ebene06;
          }

/* Externe Links mit einem Icon hinterlegen */
a[href="http:"] {
	background: transparent url('/bilder/bullet_blue.gif') 100% 50% no-repeat;
	padding-right: 10px; }

a[href="http://tomstein.de"], a[href="http://www.tomstein.de"] {
	background: transparent;
	padding-right: 0px; }

/* Navigationsmenüs anzeigen */
.navigate { visibility:visible; }

/* Werbeeinblendungen anzeigen */
.ad	{ visibility:visible;
	  font:bold 65% Helvetica,Arial,sans-serif; color:gray; max-width:100%; }

/* Sonstige nicht-druckbare Texte */
.dontprint { visibility:visible; }
.noprint { visibility:visible; }

/* Hinweistexte (enthalten einen title, der bei Mausberührung angezeigt wird) */
.hint	{ color:#080; }

}