/*==================================================
www.damien-ertel.de
Das Stylesheet fuer die Druckausgabe
Copyright (c) 2004-2006 by Damien Ertel 
==================================================*/

/*==================================================
Einbindung der Kopfzeite / des Logos - klappt leider noch nicht wie gewünscht :-(
==================================================*/

/* @import url(".../Bilder/logo2.jpg"); 
@import url ("http://www.damien-ertel.de/css/printinfo.txt");
@import url ("printinfo.txt");

@import url ("http://www.damien-ertel.de/css/printinfo.php");
@import url ("printinfo.php");*/

/* Beschreibender Text */
#DEAKTIVIERT_titel { color: black; font-weight: normal; font-size: 8px; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background: #f0f8ff url(../Bilder/logo2.jpg) left center; text-align: right; border: solid 1px black; width: 99%; height: 72px }

/*==================================================
Zusätzliche Infos nur beim Ausdruck sichtbar <div id="printinfo"> hier der text </div>
==================================================*/

#printinfo   { 
color: gray;
font-family: verdana, arial, helvetica, sans-serif; 
font-weight: normal; 
font-size: 8pt; 
text-align: left; 
vertical-align: middle; 
margin: 0px 0px 0px 0px; 
padding: 10px; 
border: dashed 1px gray; 
position: relative; 
z-index: 4; 
top: 2px; 
width: auto; 
min-width: 400px; 
vertical-align: top
 }

/*==== Drucke die ProjektInfo Box mit aus ====*/
#BoxLinksProjektinfo       { 
background-color: #ffffff; 
padding: 10px; 
border: dashed 1px gray }



/*==================================================
Allgemeine Seitendefinitionen
==================================================*/

@page {
size: auto;
}

body     { 
background-color: white; 
margin: 0px; 
padding: 0px }


/*==================================================
Definition des Linkaussehens beim ausdruck
==================================================*/
a, a:visited, a:hover, a:visited:hover {
  color: navy;
  font-weight: bold;
  font-style: normal;
  background: transparent;
  text-decoration: none;
}


/*========= DEAKTIVIERT ANFANG =========================================

==================================================
Diese Regel fuegt in CSS2-Browsern die Link-Adresse hinter Links ein.
==================================================
a:link:after, a:link:visited:after {

  content: " [Link auf " attr(href) "] ";
  font-style: normal;
  font-weight: normal;
  font-size: 76%;
  color: navy;
  text-decoration: none;

}


==================================================
Bei internen Links muss noch die eigene Domain ausgegeben werden
==================================================

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

  content: " [Link auf http://damien-ertel.de " attr(href) "] ";
  font-style: normal;
  font-weight: normal;
  font-size: 76%;
  color: navy;
  text-decoration: none;

}
==== DEAKTIVIERT ENDE ==================================================*/



/*==================================================
Zum Schluß sei, im Vorgriff auf CSS 3, noch die Möglichkeit aufgezeigt, externen Links eine kleine kennzeichnende Grafik voranzustellen. Da diese Grafik nicht Teil des HTML ist, gibt es auch keine Probleme, sie beim Ausdruck zu unterdrücken (einige Browser beherrschen diesen Selektor bereits):
==================================================*/

A:before[href^="http"] {
 content: url("http://www.damien-ertel.de/projekte/pics_menue/oben.gif");
 }


/*==================================================
Schriften und Überschriften Definieren
==================================================*/

h1    { 
color: #ccc;
font-family: verdana, arial, helvetica, sans-serif; 
font-style: italic; 
font-weight: 900; 
font-size: 28px; 
margin: 2px 0px 5px 15px; 
padding: 0px;
letter-spacing: 2px; }

h5   { 
color: #00008b;
font-family: verdana, arial, helvetica, sans-serif;
font-style: normal; 
font-weight: 900; 
font-size: 15px; 
margin-top: -3mm;
letter-spacing: 4px; 
margin-left: 0mm }

h2 {
font:bold 12px/14px verdana, arial, helvetica, sans-serif;
margin:0px 0px 5px 0px;
padding:0px; }

h3 { 
font: small-caps bold 12px/14px verdana, arial, helvetica, sans-serif; 
text-align: center; 
vertical-align: middle; 
margin: 0px 0px 5px; 
padding: 0px }

h4  { 
font-style: normal; 
font-weight: bold; 
font-size: 10px; 
line-height: 12px; 
font-family: verdana, arial, helvetica, sans-serif; 
text-align: left; 
vertical-align: middle; 
margin: 0px 0px 5px; 
padding: 0px }

p  { 
font: 12pt Garamond, Palatino, "Times New Roman", Times, serif;
text-align: justify;
line-height: 1.5; 
margin: 0 0 1em 0;
color: black;
background: transparent; 
}


p+p {
  margin-top: -1em;
  text-indent: 2em;
}

li { 
font: 12pt Garamond, Palatino, "Times New Roman", Times, serif; 
text-align: left; 
margin: 0px 0px 12pt; 
padding: 0px }

.Content>p {margin:0px;}

.Content>p+p {text-indent:30px;}


/*==================================================
Seitenumbrüche funktioniert noch nicht in allen Browsern
- always erzwingt immer einen Umbruch 
- avoid bedeutet dass ein Seitenumbruch stets verboten ist 
==================================================*/

/*==== Verbiete Seitenumbrüche NACH den Überschriften ====*/
h1, h2, h3, h4, h5 { page-break-after: avoid; }


/*==== Verbiete Seitenumbrüche IN den Bilden, Tabellenzeilen, Aufzählung, Text ====*/
IMG, td, tr, li, ul { page-break-inside: avoid; }

/*==== Erlaube Seitenumbrüche VOR dem Text p { page-break-before: auto; } ====*/


/*==== Erlaube Seitenumbrüche NACH dem Text ====*/
p { page-break-after: auto; }


/*==================================================
Fuer die Druckausgabe ueberfluessiges abschalten siehe display : none;
==================================================*/
#navigation, #suche, .werbung { display: none; }

/*=== DIV Kasten der die folgende id="noprint" trägt wird nicht ausgedruckt ===*/
#noprint {
display : none; 
}

.noprint {
display : none; 
}

/*=== Zusatzicons die beim drucken nicht sichtbar sein sollen =====*/
#printericon {
display : none; 
}

/*=== Logobild d-e.de das beim drucken nicht sichtbar sein soll =====*/
#titel {
display : none; 
}

DEAKTIVIERT p:first-letter {
display : none; 
font-weight: bold;
font-style: italic;
color: #00008b;
font-size: 22px }


DEAKTIVIERT.content        { 
background-color: #f8f8ff; 
margin: 0px 0px 0px 0px; 
padding: 10px; 
border: solid 1px gray; 
position: relative; 
z-index: 4; 
top: 2px; 
width: auto; 
min-width: 120px }

/*=== Linke/Rechte Textbox sowie MENUE die beim drucken nicht sichtbar sein sollen =====*/

#BoxLinks       { 
display : none; 
background-color: #f5f5f5; 
cursor: help; 
padding: 10px; 
border: dashed 1px black }

#BoxRechts      { 
display : none; 
background-color: #eee; 
padding: 10px; 
border: solid 1px black; 
position: absolute; 
z-index: 1; 
top: 310px; 
right: 40px; 
width: 170px; 
}
		
#BoxMenu    { 
display : none; 
background-color: #f5f5f5; 
padding: 10px; 
border-style: dotted solid solid solid; 
border-width: 0px 1px 1px 1px; 
border-color: gray black black black; 
position: absolute; 
z-index: 3; 
top: 20px; 
right: 40px; 
width: 170px; }


#BoxMenu ul {
display : none; 
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
font-family: Arial, Helvetica, sans-serif;
font-size: 14px; }

#BoxMenu li  { 
display : none; 
margin: 0 0 5px }

#BoxMenu a    { 
display : none; 
font-weight: 900; 
font-size: 12px; 
font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, "Courier New"; 
background: #999 url(../Bilder/down.gif); 
text-align: left; 
display: block; 
padding: 2px 2px 2px 24px; 
border: solid 1px #333; 
width: 140px }

#BoxMenu a:link, #BoxMenu a:visited  { 
display : none; 
color: #000080; 
text-decoration: none }

#BoxMenu a:hover     { 
display : none; 
color: #f0f8ff; 
background: #000080 url(../Bilder/over.gif); 
border: solid 1px #8b0000 }

#hauptlink a:link, #hauptlink a:visited, #hauptlink a:hover   { 
display : none; 
color: #f0f8ff; 
background: #000080 url(../Bilder/over.gif); 
border: solid 1px #333 }


#Rahmen   { 
display : none; 
font-family: verdana; 
text-align: justify; 
padding: 0px; 
border: solid 1px #a9a9a9; 
width: 100%; 
height: 100% }

#kopf       { 
display : none; 
color: black; 
font-weight: normal; 
font-size: 8px; 
font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
background: #f0f8ff url(../Bilder/logo2.jpg) left center; text-align: right; border: solid 1px black; width: 99%; height: 72px }

#fuss    { 
display : none; 
background: url(../Bilder/transparent.gif) right center; 
text-align: right; 
vertical-align: bottom; 
margin: 0px 220px 15px 185px; 
padding: 10px; 
border-style: solid; 
border-width: 0px 1px 1px 0px; 
border-color: black; 
position: relative; 
z-index: 4; 
top: 2px; 
width: auto; 
min-width: 120px }

#fuss_fullsize     { 
display : none; 
background: url("../Bilder/transparent.gif") right center; 
text-align: right; 
margin: 0 220px 15px 0; 
padding: 10px; 
position: relative; 
z-index: 4; 
top: 2px; 
width: auto; 
min-width: 120px; 
vertical-align: bottom; 
border-style: solid; 
border-width: 0 1px 1px 0; 
border-color: black }